.guide-shell{padding:40px 0 24px}.guide-layout{grid-template-columns:232px minmax(0,1fr);align-items:start;gap:56px;margin-top:44px;display:grid}.guide-toc{position:sticky;top:84px}.guide-toc-title{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px;font-size:12px;font-weight:700}.guide-toc ol{border-left:2px solid var(--line);flex-direction:column;gap:2px;margin:0;padding:0 0 0 2px;list-style:none;display:flex}.guide-toc a:not(.btn){color:var(--ink-3)}.guide-toc-link{border-radius:0 var(--r-sm) var(--r-sm) 0;align-items:center;padding:6px 12px;font-size:14px;line-height:1.4;display:flex;position:relative}.guide-toc a:not(.btn).guide-toc-link:hover{color:var(--ink)}.guide-toc-indicator{z-index:0;pointer-events:none;background:var(--indigo-soft);border-left:2px solid var(--indigo);border-radius:0 var(--r-sm) var(--r-sm) 0;position:absolute;inset:0 0 0 -2px}.guide-toc-count{z-index:1;color:var(--ink-4);font-variant-numeric:tabular-nums;margin-right:7px;position:relative}.guide-toc-text{z-index:1;position:relative}.guide-body{max-width:720px}.guide-section{padding-top:18px;scroll-margin-top:84px}.guide-section+.guide-section{border-top:1px solid var(--line);margin-top:56px;padding-top:52px}.guide-body h2{letter-spacing:-.02em;color:var(--ink);margin:0 0 6px;font-size:clamp(24px,3vw,30px);font-weight:760;line-height:1.15}.guide-body h3{color:var(--ink);margin:34px 0 8px;font-size:18px;font-weight:700;line-height:1.3}.guide-body p{color:var(--ink-2);text-wrap:pretty;margin:14px 0;font-size:16px;line-height:1.7}.guide-body strong{color:var(--ink);font-weight:650}.guide-body ul,.guide-body ol{margin:14px 0;padding-left:22px}.guide-body li{color:var(--ink-2);margin:7px 0;font-size:16px;line-height:1.65}.guide-body li::marker{color:var(--ink-4)}.guide-body a:not(.btn){color:var(--indigo);border-bottom:1px solid var(--indigo-ring);text-decoration:none}.guide-body a:not(.btn):hover{border-bottom-color:var(--indigo)}.guide-section-lead{color:var(--ink-2);font-size:17.5px;line-height:1.6}.guide-body code{background:var(--paper-3);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--notion-ink);white-space:nowrap;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.875em}.guide-table-wrap{border:1px solid var(--line);border-radius:var(--r-lg);margin:20px 0;overflow-x:auto}.guide-table{border-collapse:collapse;width:100%;font-size:14.5px}.guide-table th,.guide-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:11px 16px}.guide-table thead th{background:var(--paper-3);color:var(--ink);white-space:nowrap;font-weight:700}.guide-table tbody tr:last-child td,.guide-table tr:last-child td{border-bottom:0}.guide-table td{color:var(--ink-2);line-height:1.5}.guide-table td code,.guide-table th code{white-space:nowrap}.guide-table td:first-child{color:var(--ink);white-space:nowrap;font-weight:600}.guide-note,.guide-warn{border-radius:var(--r-lg);border:1px solid var(--line);gap:12px;margin:22px 0;padding:14px 18px;font-size:15px;line-height:1.6;display:flex}.guide-note{background:var(--indigo-softer);border-color:var(--indigo-ring)}.guide-warn{background:var(--amber-soft);border-color:#f3dcae}.guide-note p,.guide-warn p{color:var(--ink);margin:0;font-size:15px}.guide-note .guide-callout-ico,.guide-warn .guide-callout-ico{flex:none;font-size:17px;line-height:1.5}.s-pill{border-radius:var(--r-full);white-space:nowrap;padding:1px 9px;font-size:13px;font-weight:600;line-height:1.5;display:inline-block}.s-draft{color:#57544d;background:#eceae4}.s-ready{color:#1e40af;background:#dbeafe}.s-test{color:#92600a;background:#fdf1da}.s-approved{color:#166534;background:#dcfce7}.s-review{color:#9a4f00;background:#fde7cf}.s-rejected{color:#b42318;background:#fde2e1}.s-sent{color:#6d28d9;background:#ede9fe}.s-send{color:#166534;background:#dcfce7}.s-scheduled{color:#7a5a20;background:#efe5d8}.guide-shot{margin:24px 0}.guide-shot-img{border:1px solid var(--line-2);border-radius:var(--r-xl);width:100%;height:auto;display:block;box-shadow:0 1px 2px #14120c0a,0 10px 28px #14120c12}.guide-shot-frame{text-align:center;border:2px dashed var(--line-3);border-radius:var(--r-xl);background:linear-gradient(var(--paper-2), var(--paper-2)) padding-box, repeating-linear-gradient(135deg, var(--paper-3) 0 14px, var(--paper-2) 14px 28px);min-height:200px;color:var(--ink-3);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:26px;display:flex;position:relative}.guide-shot-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--indigo);background:var(--indigo-soft);border-radius:var(--r-full);align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.guide-shot-id{color:var(--ink-2);background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.guide-shot-alt{color:var(--ink-3);max-width:46ch;font-size:13.5px;line-height:1.5}.guide-shot figcaption{color:var(--ink-3);text-align:center;margin-top:9px;font-size:13.5px;line-height:1.5}.guide-cheats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:22px 0;display:grid}.guide-cheat{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);padding:16px 18px}.guide-cheat h4{color:var(--ink);margin:0 0 8px;font-size:14px;font-weight:700}.guide-cheat ul{margin:0;padding-left:18px}.guide-cheat li{margin:5px 0;font-size:14px}.guide-cta{border-top:1px solid var(--line);text-align:center;margin-top:60px;padding-top:40px}.guide-cta h2{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(24px,3.4vw,32px);font-weight:760}.guide-cta p{color:var(--ink-2);max-width:48ch;margin:0 auto 22px;font-size:17px}@media (width<=900px){.guide-layout{grid-template-columns:1fr;gap:12px}.guide-toc{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:8px;padding:16px 18px;position:static;top:auto}.guide-toc ol{border-left:0;grid-template-columns:1fr 1fr;gap:2px 16px;padding-left:0;display:grid}}@media (width<=560px){.guide-toc ol{grid-template-columns:1fr}.guide-body h2{font-size:22px}}