:root{color-scheme:light;--ink:#244653;--deep:#20566a;--muted:#657f86;--line:#c9e4e3;--aqua:#c9f0eb;--sky:#cfeaf7;--coral:#ffd0c2;--sun:#ffe7ad;--paper:#fffdfa;--shadow:0 14px 34px rgba(56,126,137,.16);--terminal:#11191a;--terminal-ink:#e8f7eb;--terminal-muted:#91a5a4;--terminal-green:#87e0b4;--terminal-coral:#ffb09f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(135deg,#fff4df,#e9f8f2 42%,#dff1fb);color:var(--ink);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}body:before{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 85% 8%,rgba(255,255,255,.85),transparent 28%),radial-gradient(circle at 8% 55%,rgba(255,255,255,.45),transparent 24%);pointer-events:none}.page-shell{max-width:1260px;margin:auto;padding:32px 22px 56px}a{color:#27747b}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}code{font-size:.9em;background:#eef5f1;border-radius:5px;padding:2px 5px}.eyebrow{margin:0;color:#377d79;font-size:.73rem;font-weight:850;letter-spacing:.16em}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,480px);align-items:center;gap:44px;padding:26px 0 44px}.hero h1{margin:12px 0 18px;color:var(--deep);font-size:clamp(3.2rem,8vw,6.8rem);line-height:.91;letter-spacing:-.08em}.hero h1 span{color:#59a69b}.lead{max-width:620px;margin:0;color:var(--muted);font-size:1.14rem}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.button{display:inline-flex;align-items:center;border-radius:14px;padding:12px 17px;text-decoration:none;font-weight:800}.primary{color:#fff;background:#27747b;box-shadow:0 8px 18px rgba(39,116,123,.22)}.soft{color:#2b7075;background:rgba(255,255,255,.72);border:1px solid #a9d8d4}.hero-terminal,.terminal-wrap{overflow:hidden;border:1px solid #8eafb0;border-radius:18px;background:var(--terminal);box-shadow:0 18px 40px rgba(18,47,49,.24)}.hero-terminal{transform:rotate(1deg)}.terminal-bar{display:flex;align-items:center;gap:7px;padding:12px 15px;color:#a7bfbd;border-bottom:1px solid #2a3b3b;font:700 .75rem ui-monospace,monospace}.terminal-bar span{width:9px;height:9px;border-radius:50%;background:#ea8b78}.terminal-bar span:nth-child(2){background:#ebca7e}.terminal-bar span:nth-child(3){background:#80c59b}.terminal-bar b{margin-left:7px;font-weight:500}.hero-terminal pre{margin:0;padding:22px 20px;overflow:auto}.hero-terminal code{background:none;color:var(--terminal-ink);padding:0;font-size:.85rem;line-height:1.65}.terminal i{color:#89d9ad;font-style:normal}.out{color:var(--terminal-muted)}.good{color:var(--terminal-green)}.change{color:#f3d38f}.topbar{position:sticky;top:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding:11px 13px 11px 17px;border:1px solid rgba(169,216,212,.9);border-radius:15px;background:rgba(255,253,250,.84);box-shadow:0 8px 22px rgba(56,126,137,.11);backdrop-filter:blur(15px)}.topbar strong{color:#2d6970}.topbar>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:5px}.topbar a,.topbar button{border:0;border-radius:9px;background:transparent;color:#46767a;padding:7px 9px;text-decoration:none;font:700 .78rem system-ui;cursor:pointer}.topbar a:hover,.topbar button:hover{background:var(--aqua)}.intro-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:13px;margin-bottom:18px}.intro-card{min-height:190px;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,253,250,.82);box-shadow:var(--shadow)}.main-card{background:linear-gradient(135deg,#fffdf8,#c9f0eb)}.intro-card h2{max-width:420px;margin:10px 0 9px;color:var(--deep);font-size:1.8rem;line-height:1.05}.intro-card h3{margin:14px 0 7px;color:var(--deep)}.intro-card p{margin:0 0 14px;color:var(--muted)}.intro-card a{font-weight:800;text-decoration:none;font-size:.85rem}.number{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--sun);color:#806520;font-weight:900}.number.blue{background:var(--sky);color:#367284}.number.coral{background:var(--coral);color:#a35446}.rule-panel,.note-panel{display:flex;align-items:flex-start;gap:15px;margin:18px 0;padding:16px 19px;border:1px solid #efd395;border-left:5px solid #e6b84e;border-radius:13px;background:linear-gradient(100deg,#fff6d9,#fff0d0);color:#715b2c}.rule-icon{display:grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:#e6b84e;color:#fff;font-weight:900}.rule-panel strong{display:block;margin-top:2px}.rule-panel p,.note-panel p{margin:4px 0 0}.content-section{padding-top:50px;scroll-margin-top:50px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:22px}.section-heading h2{margin:8px 0 0;color:var(--deep);font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.05}.section-summary{max-width:440px;margin:0;color:var(--muted)}.lesson{display:grid;grid-template-columns:minmax(220px,.6fr) minmax(0,1.4fr);gap:20px;align-items:start;margin:18px 0}.lesson-copy{padding:13px 5px}.lesson-copy h3{margin:13px 0 8px;color:var(--deep);font-size:1.35rem}.lesson-copy p{margin:0;color:var(--muted)}.step{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--sun);color:#806520;font-weight:900}.blue-step{background:var(--sky);color:#367284}.sun-step{background:var(--sun);color:#806520}.coral-step{background:var(--coral);color:#a35446}.terminal-label{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #2a3b3b;color:#8fa9a5;font:700 .67rem ui-monospace,monospace;letter-spacing:.1em}.copy-button{border:1px solid #527171;border-radius:7px;background:#213031;color:#c1d6d2;padding:5px 9px;font:700 .7rem system-ui;cursor:pointer}.copy-button:hover{background:#2c4343}.terminal{margin:0;padding:19px 18px;overflow:auto;color:var(--terminal-ink);font-size:.82rem;line-height:1.7}.terminal code,.mini-terminal code{background:none;padding:0}.flow-panel{margin:46px 0 2px;padding:24px;border:1px solid #a9d8d4;border-radius:18px;background:linear-gradient(135deg,rgba(201,240,235,.88),rgba(207,234,247,.82));box-shadow:var(--shadow)}.flow-panel h2{margin:7px 0 20px;color:var(--deep)}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:11px}.flow>div{min-height:80px;padding:16px;border:1px solid rgba(101,159,160,.45);border-radius:13px;background:rgba(255,253,250,.72)}.flow b,.flow small{display:block}.flow b{color:var(--deep)}.flow small{margin-top:4px;color:var(--muted);font-size:.78rem}.flow>span{color:#4e9994;font-size:1.5rem}.command-grid,.compare-grid,.advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.command-card,.compare-card,.recovery-card,.advanced-grid article{padding:18px;border:1px solid var(--line);border-radius:17px;background:rgba(255,253,250,.86);box-shadow:var(--shadow)}.command-card h3,.compare-card h3,.recovery-card h3,.advanced-grid h3{margin:0 0 7px;color:var(--deep)}.command-card p,.compare-card p,.recovery-card p,.advanced-grid p{margin:0 0 15px;color:var(--muted)}.mini-terminal{margin:0;padding:14px;overflow:auto;border-radius:11px;background:var(--terminal);color:var(--terminal-ink);font-size:.71rem;line-height:1.65}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-card{background:linear-gradient(135deg,#fffdfa,#effaf5)}.compare-card:nth-child(2){background:linear-gradient(135deg,#fffdfa,#edf6fc)}.tag{display:inline-block;margin-bottom:12px;border-radius:6px;padding:4px 7px;font-size:.65rem;font-weight:900;letter-spacing:.08em}.green-tag,.safe-tag{background:#d9f3e1;color:#347a56}.blue-tag{background:#dceff8;color:#367284}.danger-tag{background:#ffe1d8;color:#a54b3d}.note-panel{margin-top:16px}.recovery-card{background:#effaf3}.danger-card{border-color:#efb1a1;background:#fff1ed}.danger-text{color:var(--terminal-coral)}.recovery-strip{margin-top:16px;padding:16px 18px;border-radius:14px;background:#e6f1e7;border:1px solid #b8d9c1}.recovery-strip h3{margin:0;color:#286b3d}.recovery-strip p{margin:5px 0 0;color:#55705d}.advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.advanced-grid article:nth-child(2){background:#fff7dc}.advanced-grid code{display:block;line-height:1.8}.quick-start{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;margin-top:58px;padding:28px;border-radius:21px;background:linear-gradient(135deg,#20566a,#27747b);color:#e9ffff;box-shadow:0 18px 40px rgba(33,92,104,.24)}.quick-start .eyebrow{color:#a6dfd6}.quick-start h2{margin:8px 0;color:#fff;font-size:2rem}.quick-start p{color:#c8e7e6}.quick-start code{background:rgba(255,255,255,.13);color:#fff}.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.reference-grid a{display:block;padding:13px;border-radius:11px;background:rgba(255,255,255,.13);color:#fff;text-decoration:none}.reference-grid a:hover{background:rgba(255,255,255,.23)}.reference-grid b,.reference-grid span{display:block}.reference-grid span{margin-top:3px;color:#bce0df;font-size:.72rem}footer{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:28px;padding-top:18px;border-top:1px solid rgba(115,167,165,.45);color:var(--muted);font-size:.8rem}footer a{font-weight:800;text-decoration:none}@media(max-width:980px){.hero{grid-template-columns:1fr}.hero-terminal{max-width:600px;transform:none}.intro-grid{grid-template-columns:repeat(2,1fr)}.main-card{grid-column:1/-1}.lesson{grid-template-columns:1fr}.flow{grid-template-columns:repeat(2,1fr)}.flow>span{display:none}.quick-start{grid-template-columns:1fr}.reference-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.page-shell{padding:16px 13px 38px}.hero{padding:20px 0 30px}.hero h1{font-size:3.6rem}.topbar{position:relative;top:auto;align-items:flex-start;flex-direction:column}.topbar>div{justify-content:flex-start}.intro-grid,.command-grid,.compare-grid,.advanced-grid{grid-template-columns:1fr}.main-card{grid-column:auto}.section-heading{display:block}.section-summary{margin-top:13px}.flow{grid-template-columns:1fr}.flow>span{display:none}.terminal{font-size:.73rem}.quick-start{padding:21px 17px}.reference-grid{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column}}html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body{background:linear-gradient(135deg,#172b30,#1c3336 45%,#203441);color:#d9ecea}html[data-theme=dark] .intro-card,html[data-theme=dark] .command-card,html[data-theme=dark] .compare-card,html[data-theme=dark] .recovery-card,html[data-theme=dark] .advanced-grid article,html[data-theme=dark] .topbar{background:rgba(22,40,43,.9);border-color:#477579}html[data-theme=dark] .main-card{background:linear-gradient(135deg,#203c3e,#234c52)}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] .topbar strong{color:#d9f6f2}html[data-theme=dark] .lead,html[data-theme=dark] .section-summary,html[data-theme=dark] .intro-card p,html[data-theme=dark] .lesson-copy p,html[data-theme=dark] .command-card p,html[data-theme=dark] .compare-card p,html[data-theme=dark] .recovery-card p,html[data-theme=dark] .advanced-grid p{color:#a9c5c5}html[data-theme=dark] code{background:#294648;color:#cff2e9}html[data-theme=dark] .rule-panel,html[data-theme=dark] .note-panel{background:#4a3f27;color:#f2dfad;border-color:#937b39}html[data-theme=dark] .flow-panel{background:linear-gradient(135deg,#234b4a,#25404b);border-color:#477579}html[data-theme=dark] .flow>div{background:rgba(18,37,40,.7);border-color:#477579}html[data-theme=dark] .recovery-strip{background:#244231;border-color:#477b5a;color:#bde2c5}html[data-theme=dark] .recovery-strip p{color:#aad0b1}html[data-theme=dark] footer{color:#9fb9b8}

.animation-section{padding-top:46px;scroll-margin-top:50px}.animation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.animation-card{min-width:0;padding:19px;border:1px solid var(--line);border-radius:18px;background:rgba(255,253,250,.88);box-shadow:var(--shadow)}.animation-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.animation-card h3{margin:8px 0 0;color:var(--deep);font-size:1.18rem;line-height:1.25}.play-button,.sync-choice{border:1px solid #70aaa9;border-radius:9px;background:#e3f6f1;color:#286b70;padding:7px 11px;font:800 .74rem system-ui;cursor:pointer}.play-button:hover,.sync-choice:hover,.sync-choice.active{background:#27747b;color:#fff}.play-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.play-group .play-button{margin-left:4px}.stage-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:27px 0 19px;padding-top:7px}.track-line{position:absolute;top:22px;left:8%;right:8%;height:3px;border-radius:9px;background:#c7e5df}.moving-dot{position:absolute;z-index:2;top:16px;left:8%;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:#27747b;box-shadow:0 0 0 3px rgba(39,116,123,.2);transition:left .6s cubic-bezier(.2,.8,.2,1)}.stage-node{position:relative;z-index:1;min-width:0;border:0;background:transparent;color:var(--muted);padding:0 2px;text-align:center;cursor:pointer}.stage-node:before{content:"";display:block;width:17px;height:17px;margin:0 auto 12px;border:3px solid #fff;border-radius:50%;background:#c4dfda;box-shadow:0 0 0 2px #a6cfca}.stage-node.active{color:var(--deep)}.stage-node.active:before{background:#27747b;box-shadow:0 0 0 2px #27747b,0 0 0 5px rgba(39,116,123,.14)}.stage-node b,.stage-node small{display:block}.stage-node b{font-size:.76rem}.stage-node small{margin-top:3px;font-size:.66rem}.stage-node code{font-size:.65rem}.animation-caption{border-top:1px solid var(--line);padding-top:14px}.animation-title,.sync-title{color:var(--deep)}.animation-text,.sync-text{min-height:45px;margin:4px 0 10px;color:var(--muted);font-size:.88rem}.animation-terminal{max-height:150px}.sync-stage{display:grid;grid-template-columns:1fr .7fr 1fr;align-items:center;gap:10px;min-height:170px;margin:20px 0 10px}.sync-column{display:flex;flex-direction:column;align-items:center;gap:7px;padding:15px 9px;border:1px solid var(--line);border-radius:13px;background:#effaf5;text-align:center}.remote-column{background:#edf6fc}.sync-column b{font-size:.78rem;color:var(--deep)}.sync-column small{margin-top:3px;color:var(--muted);font-size:.65rem}.sync-commit{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#27747b;color:#fff;font:800 .76rem ui-monospace,monospace;box-shadow:0 0 0 3px #c8e8df}.remote-column .sync-commit{background:#579eb4;box-shadow:0 0 0 3px #cfeaf7}.sync-commit.remote-three{opacity:.25;transform:scale(.8)}.sync-arrow{position:relative;display:grid;place-items:center;gap:6px;color:#4e9994;text-align:center}.sync-arrow i{font-style:normal;font-size:1.6rem;line-height:.8}.sync-label{font-size:.64rem;color:var(--muted)}.sync-packet{display:block;color:#e0ac45;opacity:0}.animation-card.playing .moving-dot{animation:commit-travel 2.8s ease-in-out infinite alternate}.animation-card.playing .sync-packet{animation:packet-travel 2.3s ease-in-out infinite}.animation-card[data-mode="pull"] .sync-label:after{content:" + integrate";color:#347a56}.animation-card[data-mode="pull"] .sync-commit.remote-three{opacity:1;transform:scale(1)}.animation-card[data-mode="pull"] .sync-column:first-child:after{content:"C";display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#87e0b4;color:#20566a;font:800 .76rem ui-monospace,monospace;box-shadow:0 0 0 3px #d9f3e1;animation:pulse-new 2.3s ease-in-out infinite}@keyframes commit-travel{0%{left:8%}100%{left:88%}}@keyframes packet-travel{0%,18%{opacity:0;transform:translateY(-10px)}35%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(35px)}100%{opacity:0;transform:translateY(45px)}}@keyframes pulse-new{0%,100%{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.05)}}
@media(max-width:980px){.animation-grid{grid-template-columns:1fr}}@media(max-width:680px){.stage-track{gap:3px}.stage-node b{font-size:.64rem}.stage-node small{font-size:.56rem}.sync-stage{grid-template-columns:1fr;gap:8px}.sync-arrow{transform:rotate(90deg);min-height:42px}.sync-column{padding:10px}.animation-card-head{display:block}.play-group{justify-content:flex-start;margin-top:12px}}
html[data-theme=dark] .animation-card{background:rgba(22,40,43,.9);border-color:#477579}html[data-theme=dark] .animation-card h3,html[data-theme=dark] .animation-title,html[data-theme=dark] .sync-title{color:#d9f6f2}html[data-theme=dark] .animation-text,html[data-theme=dark] .sync-text{color:#a9c5c5}html[data-theme=dark] .sync-column{background:#244231;border-color:#477b5a}html[data-theme=dark] .remote-column{background:#253f4b;border-color:#477579}html[data-theme=dark] .play-button,html[data-theme=dark] .sync-choice{background:#294648;color:#cff2e9;border-color:#477579}

.level-menu{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 20px;padding:11px 12px;border:1px solid #a9d8d4;border-radius:15px;background:rgba(255,253,250,.72);box-shadow:0 8px 22px rgba(56,126,137,.09)}.menu-label{margin:0 5px 0 4px;color:#578087;font-size:.68rem;font-weight:900;letter-spacing:.12em}.level-pill{display:flex;align-items:center;gap:9px;min-width:160px;padding:8px 11px;border:1px solid transparent;border-radius:11px;color:var(--deep);text-decoration:none}.level-pill>b{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;font-size:.7rem}.level-pill strong,.level-pill small{display:block}.level-pill strong{font-size:.82rem}.level-pill small{margin-top:1px;color:var(--muted);font-size:.68rem}.level-pill:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(56,126,137,.12)}.beginner-pill{background:#fff6d9;border-color:#efd395}.beginner-pill>b{background:#e6b84e;color:#fff}.intermediary-pill{background:#e4f6f1;border-color:#a9d8d4}.intermediary-pill>b{background:#5eaca1;color:#fff}.advanced-pill{background:#ffe9e2;border-color:#efb1a1}.advanced-pill>b{background:#cf7566;color:#fff}@media(max-width:680px){.level-menu{align-items:stretch;flex-direction:column}.level-pill{min-width:0}.menu-label{margin:0 4px 2px}}html[data-theme=dark] .level-menu{background:rgba(22,40,43,.9);border-color:#477579}html[data-theme=dark] .level-pill small{color:#a9c5c5}html[data-theme=dark] .beginner-pill{background:#4a3f27;border-color:#937b39}html[data-theme=dark] .intermediary-pill{background:#244b4a;border-color:#477579}html[data-theme=dark] .advanced-pill{background:#4c3030;border-color:#8e5148}

.ai-style-menu{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:0 0 17px;padding:0}.ai-style-menu .menu-label{margin-right:auto;color:#377d79;font-size:.72rem;font-weight:900;letter-spacing:.16em}.ai-nav-link{display:inline-flex;align-items:center;border:1px solid #a9d8d4;border-radius:12px;background:rgba(255,255,255,.76);color:#2b7075;padding:10px 13px;font-weight:800;font-size:.82rem;text-decoration:none;box-shadow:0 4px 12px rgba(56,126,137,.07)}.ai-nav-link:hover,.ai-nav-link.active-level{background:linear-gradient(135deg,var(--aqua),var(--sky));border-color:#76b9b1;color:#205b63;transform:translateY(-1px)}@media(max-width:680px){.ai-style-menu{justify-content:flex-start;gap:6px}.ai-style-menu .menu-label{width:100%;margin:0 0 3px}.ai-nav-link{padding:9px 10px;font-size:.76rem}}html[data-theme=dark] .ai-nav-link{background:rgba(22,40,43,.9);border-color:#477579;color:#cff2e9}html[data-theme=dark] .ai-nav-link:hover,html[data-theme=dark] .ai-nav-link.active-level{background:#294f53;color:#fff}

.side-menu-toggle{position:fixed;z-index:12;top:42%;left:0;display:flex;align-items:center;gap:8px;border:1px solid #a9d8d4;border-left:0;border-radius:0 12px 12px 0;background:rgba(255,253,250,.92);color:#2b7075;padding:12px 12px 12px 10px;font:800 .78rem system-ui;box-shadow:0 8px 22px rgba(56,126,137,.16);cursor:pointer;writing-mode:vertical-rl}.side-menu-toggle:hover{background:linear-gradient(135deg,var(--aqua),var(--sky))}.side-menu{position:fixed;z-index:14;top:0;bottom:0;left:0;width:286px;padding:24px 20px;background:rgba(255,253,250,.98);border-right:1px solid #a9d8d4;box-shadow:16px 0 40px rgba(34,83,87,.18);transform:translateX(-105%);transition:transform .24s ease;overflow:auto}.side-menu.open{transform:translateX(0)}.side-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;color:var(--deep);font-size:1.1rem}.side-menu-head button{border:0;background:transparent;color:var(--muted);font-size:1.7rem;line-height:1;cursor:pointer}.side-menu a{display:block;margin:3px 0;padding:9px 11px;border-radius:9px;color:#3d7478;font-size:.86rem;text-decoration:none}.side-menu a:hover{background:var(--aqua);color:var(--deep)}.side-kicker{margin:19px 0 5px;color:#377d79;font-size:.66rem;font-weight:900;letter-spacing:.16em}.side-menu-scrim{position:fixed;z-index:13;inset:0;background:rgba(17,38,40,.24);opacity:0;pointer-events:none;transition:opacity .24s ease}.side-menu-scrim.open{opacity:1;pointer-events:auto}@media(max-width:680px){.side-menu-toggle{top:35%;padding:10px 9px;font-size:.72rem}.side-menu{width:min(286px,86vw)}}html[data-theme=dark] .side-menu-toggle{background:rgba(22,40,43,.96);border-color:#477579;color:#cff2e9}html[data-theme=dark] .side-menu{background:#16282b;border-color:#477579}html[data-theme=dark] .side-menu-head{color:#d9f6f2}html[data-theme=dark] .side-menu a{color:#b9dcd9}html[data-theme=dark] .side-menu a:hover{background:#294f53;color:#fff}

/* Permanent runbook layout: the contents rail stays visible while you read. */
@media(min-width:981px){body{padding-left:276px}.page-shell{max-width:1260px;margin-left:0;margin-right:auto}.side-menu{transform:none;position:fixed;width:250px;box-shadow:8px 0 30px rgba(34,83,87,.12)}.side-menu-toggle,.side-menu-scrim{display:none}.side-menu-head button{display:none}.side-menu a{font-size:.8rem}.side-kicker{margin-top:17px}}
@media(max-width:980px){.side-menu{position:static;transform:none;width:auto;margin:12px 16px 0;padding:15px;border:1px solid #a9d8d4;border-radius:15px;box-shadow:var(--shadow);max-height:none}.side-menu-head button,.side-menu-toggle,.side-menu-scrim{display:none}.side-menu-head{margin-bottom:12px}.side-kicker{display:inline-block;margin:9px 4px 3px 0}.side-menu a{display:inline-block;padding:7px 9px;font-size:.75rem;background:rgba(201,240,235,.35)}body{padding-left:0}.page-shell{padding-top:12px}}
.new-user-section{padding-top:42px}.beginner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.beginner-card{padding:19px;border:1px solid var(--line);border-radius:17px;background:rgba(255,253,250,.88);box-shadow:var(--shadow)}.beginner-card h3{margin:12px 0 7px;color:var(--deep);font-size:1.06rem}.beginner-card p{min-height:70px;margin:0 0 14px;color:var(--muted);font-size:.9rem}.tip-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:var(--sun);color:#806520;font-weight:900}.blue-tip{background:var(--sky);color:#367284}.coral-tip{background:var(--coral);color:#a35446}.beginner-callout{margin-top:16px;padding:15px 18px;border:1px solid #a9d8d4;border-radius:13px;background:linear-gradient(100deg,#e4f6f1,#edf6fc);color:#2f6870}.beginner-callout strong{color:var(--deep)}@media(max-width:680px){.beginner-grid{grid-template-columns:1fr}.beginner-card p{min-height:0}}html[data-theme=dark] .beginner-card{background:rgba(22,40,43,.9);border-color:#477579}html[data-theme=dark] .beginner-card h3{color:#d9f6f2}html[data-theme=dark] .beginner-card p{color:#a9c5c5}html[data-theme=dark] .beginner-callout{background:#244b4a;border-color:#477579;color:#c9e9e7}