.tutorial-body{font-size:16px;line-height:1.95;overflow-wrap:anywhere;color:inherit}.tutorial-body p{margin:0 0 1.35em}.tutorial-body h2{font-size:1.42em;line-height:1.55;margin:2.4em 0 1em;padding-top:.35em;scroll-margin-top:100px}.tutorial-body h3{font-size:1.13em;margin:1.6em 0 .8em}.tutorial-body .guide-meta{font-size:12px;letter-spacing:.05em;color:#64748b;margin-bottom:24px}.tutorial-body .guide-note{border-left:3px solid #4088a4;background:#eff7fa;padding:18px 22px;border-radius:0 8px 8px 0;margin:26px 0;color:#263d4c}.tutorial-body .guide-note p{margin:.5em 0 0}.tutorial-body .guide-toc{background:#f5f7fa;border:1px solid #e0e7ee;padding:18px 22px;border-radius:8px;margin:26px 0;display:flex;gap:8px 18px;flex-wrap:wrap}.tutorial-body .guide-toc strong{flex-basis:100%}.tutorial-body a{color:#176e92;text-underline-offset:3px}.tutorial-body .guide-figure,.tutorial-body .guide-diagram{margin:30px 0}.tutorial-body .guide-figure img{display:block;width:100%;height:auto;border:1px solid #dce4eb;border-radius:8px}.tutorial-body figcaption{font-size:12px;line-height:1.75;color:#64748b;margin-top:12px;text-align:left}.tutorial-body .guide-diagram{padding:22px;background:#f4f8fb;border:1px solid #dce6ef;border-radius:10px;color:#243e50}.tutorial-body .diagram-label{font-size:12px;font-weight:700;letter-spacing:.07em;color:#47748a;margin-bottom:18px}.tutorial-body .guide-flow{display:flex;align-items:center;gap:7px}.tutorial-body .guide-flow>div{flex:1;min-width:0;text-align:center;background:#fff;border:1px solid #bdd3df;border-radius:6px;padding:14px 6px;font-size:13px;line-height:1.7}.tutorial-body .guide-flow small{display:block;font-size:11px;color:#547084}.tutorial-body .guide-flow>span{color:#5c8399}.tutorial-body .guide-branch{margin-top:12px;padding:12px 16px;background:#fff6eb;border-left:3px solid #ca9460;font-size:13px;line-height:1.9}.tutorial-body .table-wrap{overflow-x:auto;margin:24px 0}.tutorial-body table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.8;margin:0}.tutorial-body th,.tutorial-body td{border:1px solid #dce4eb;padding:12px 14px;text-align:left;vertical-align:top}.tutorial-body th{background:#eff4f8;color:#30495c}.tutorial-body td:first-child{min-width:100px}.tutorial-body pre{max-width:100%;overflow:auto;background:#182a3b;color:#e2eef7;border-radius:8px;padding:22px;font-size:12px;line-height:1.8;white-space:pre}.tutorial-body pre code{background:transparent;color:inherit;padding:0;white-space:pre}.tutorial-body code{font-size:.9em}.tutorial-body ul,.tutorial-body ol{padding-left:1.6em;margin-bottom:1.5em}.tutorial-body li{margin:.5em 0}.tutorial-body .guide-footnote{font-size:12px;color:#64748b;border-top:1px solid #dce4eb;margin-top:36px;padding-top:18px}.tutorial-category{padding:24px 28px;margin:0 0 24px;border-radius:8px;background:var(--bs-body-bg,#fff);border-left:3px solid #4088a4}.tutorial-category h1{font-size:24px;margin:0 0 8px}.tutorial-category p{margin:0;color:#708090;line-height:1.8}@media(max-width:600px){.tutorial-body{font-size:15px}.tutorial-body h2{font-size:1.3em}.tutorial-body .guide-diagram{padding:16px}.tutorial-body .guide-flow{flex-direction:column;gap:5px}.tutorial-body .guide-flow>div{width:100%;padding:10px}.tutorial-body .guide-flow>span{transform:rotate(90deg)}.tutorial-body th,.tutorial-body td{padding:10px}.tutorial-body .guide-note{padding:14px 16px}}@media(prefers-color-scheme:dark){body.dark .tutorial-body .guide-meta{color:#a5b8c9}}

/* Restore ordered tutorial steps after the site reset. */
.tutorial-body ol{list-style-type:decimal}

/* Article headings: keep sections separate and replace the legacy blue bar. */
.post-content .tutorial-body h2,
.post-content .tutorial-body h3 {
    display: block;
}
.post-content .tutorial-body h3 {
    padding: 0 0 0 .75em;
    border-left: 3px solid var(--color-primary);
    line-height: 1.65;
    text-align: left;
    scroll-margin-top: 100px;
}
.post-content .tutorial-body h3::before {
    content: none;
    display: none;
}