.guide-article-shell{border:1px solid var(--color-line);background:var(--color-surface);box-shadow:var(--shadow-lg);border-radius:36px;padding:clamp(1.7rem,2.2vw,2.4rem)}.prose-guide{max-width:46rem;color:var(--color-ink);margin:0 auto;font-size:clamp(1.08rem,1.18vw,1.18rem);line-height:1.98}.prose-guide>*+*{margin-top:1.55rem}.prose-guide>:first-child{margin-top:0}.prose-guide h2,.prose-guide h3,.prose-guide h4{letter-spacing:-.04em;color:var(--color-ink);text-wrap:balance;margin-top:4.35rem;line-height:1.05}.prose-guide h2{font-size:clamp(2.15rem,3vw,3rem)}.prose-guide h3{font-size:clamp(1.42rem,2vw,1.72rem)}.prose-guide h4{letter-spacing:-.02em;font-size:1.1rem}.prose-guide h2+p,.prose-guide h3+p,.prose-guide h4+p,.prose-guide h2+ul,.prose-guide h3+ul,.prose-guide h4+ul,.prose-guide h2+ol,.prose-guide h3+ol,.prose-guide h4+ol,.prose-guide h2+blockquote,.prose-guide h3+blockquote,.prose-guide h4+blockquote{margin-top:1rem}.prose-guide p,.prose-guide li{color:var(--color-ink)}.prose-guide p{text-wrap:pretty;margin-top:0}.prose-guide strong,.prose-guide b{color:var(--color-ink);font-weight:650}.prose-guide ul,.prose-guide ol{margin-top:1.35rem;padding-left:0;list-style:none}.prose-guide ul>li,.prose-guide ol>li{padding-left:1.55rem;position:relative}.prose-guide ul>li:before{content:"";background:var(--color-accent);width:.42rem;height:.42rem;box-shadow:0 0 0 6px var(--color-surface-accent-soft);border-radius:999px;position:absolute;top:.78em;left:.18rem}.prose-guide ol{counter-reset:guide-item}.prose-guide ol>li{counter-increment:guide-item}.prose-guide ol>li:before{content:counter(guide-item);width:1.05rem;height:1.05rem;color:var(--color-accent-contrast);background:var(--color-accent);border-radius:999px;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;top:.1rem;left:0}.prose-guide li+li{margin-top:1.05rem}.prose-guide hr,.guide-divider{border:0;border-top:1px solid var(--color-line);margin:2.8rem 0}.prose-guide table{border-collapse:collapse;border:1px solid var(--color-line);background:var(--color-surface-overlay-strong);border-radius:20px;width:100%;margin-top:1.4rem;font-size:.96rem;line-height:1.65;overflow:hidden}.prose-guide th,.prose-guide td{vertical-align:top;border-bottom:1px solid var(--color-line);padding:.9rem 1rem}.prose-guide th{text-align:left;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);background:var(--color-surface-muted);font-size:.76rem;font-weight:700}.prose-guide tr:last-child td{border-bottom:0}.prose-guide a{color:var(--color-accent);text-underline-offset:.2em;text-decoration:underline}.prose-guide pre{border:1px solid var(--color-line);background:var(--color-surface-muted);border-radius:28px;padding:1.05rem 1.15rem;font-size:.92rem;line-height:1.7;overflow-x:auto}.prose-guide code:not(pre code){background:var(--color-surface-muted);border-radius:10px;padding:.15rem .45rem;font-size:.9em}.prose-guide blockquote{border-left:3px solid var(--color-accent);background:var(--color-surface-muted);color:var(--color-ink);border-radius:0 22px 22px 0;margin:2.2rem 0;padding:1.15rem 1.25rem 1.15rem 1.1rem}.guide-callout,.guide-checklist,.guide-takeaways,.guide-details,.guide-code-block,.guide-source-link,.prose-related-tool,.guide-figure,.guide-embed{margin-top:2.4rem}.guide-callout-body>*+*,.guide-takeaways-body>*+*{margin-top:.9rem}.guide-checklist-body ul{margin-top:.6rem}.guide-checklist-body ul>li:before{content:"✓";background:var(--color-surface-accent-soft);width:1rem;height:1rem;color:var(--color-accent);box-shadow:none;border-radius:999px;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:inline-flex;top:.56rem;left:0}.guide-checklist-body ul>li{padding-left:1.8rem}.guide-figure,.guide-embed{margin-bottom:0}.guide-figure-image,.guide-embed-frame{border:1px solid var(--color-line);background:var(--color-surface-muted);width:100%;box-shadow:var(--shadow-soft);border-radius:28px;overflow:hidden}.guide-figure-image{height:auto;display:block}.guide-embed-frame{aspect-ratio:16/9;position:relative}.guide-embed-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.guide-figure-caption{text-align:center;color:var(--color-muted);margin-top:.85rem;font-size:.86rem;line-height:1.6}.guide-details{border:1px solid var(--color-line);background:var(--color-surface-overlay-strong);border-radius:24px;overflow:hidden}.guide-details summary{cursor:pointer;color:var(--color-ink);padding:1.08rem 3.1rem 1.08rem 1.2rem;font-size:1rem;font-weight:650;list-style:none;position:relative}.guide-details summary:after{content:"+";color:var(--color-accent);font-size:1.15rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.guide-details[open] summary:after{content:"−"}.guide-details summary::-webkit-details-marker{display:none}.guide-details-body{border-top:1px solid var(--color-line);padding:.4rem 1.15rem 1.1rem}.prose-guide :where(aside,section){margin-top:2.6rem}.prose-related-tool{border-color:var(--color-line-strong);background:linear-gradient(135deg, var(--color-surface-accent-soft) 0%, var(--color-surface) 100%);animation:.52s both float-in;box-shadow:0 24px 60px #2e61b81a}.guide-source-link{border:1px solid var(--color-line-strong);background:var(--color-surface-overlay-muted);box-shadow:var(--shadow-soft);color:var(--color-ink);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1rem;padding:1rem 1.1rem;text-decoration:none;display:flex}.guide-source-link:hover{border-color:var(--color-line-strong);transform:translateY(-1px)}.guide-source-label{letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);font-size:.78rem;font-weight:700}.guide-source-host{color:var(--color-muted);font-size:.88rem;line-height:1.5}.guide-summary{max-width:42ch;color:var(--color-muted);margin:1.25rem auto 0;font-size:clamp(1.08rem,1.4vw,1.18rem);line-height:1.92}.guide-summary strong{color:var(--color-ink);font-weight:650}.guide-summary:before{content:"";background:var(--color-accent);width:4.5rem;height:1px;margin:0 auto 1.15rem;display:block}.guide-callout[data-tone=warning]{border-color:var(--color-border-danger-soft);background:var(--color-surface-danger-soft)}.guide-callout[data-tone=info]{border-color:var(--color-line-strong);background:var(--color-surface-accent-soft)}.guide-callout[data-tone=note]{background:var(--color-surface-overlay-muted)}.guide-code-block{border:1px solid var(--color-line-strong);box-shadow:var(--shadow-soft);background:#0f1726;border-radius:28px;overflow:hidden}.guide-code-head{background:#ffffff08;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;padding:.82rem .95rem;display:flex}.guide-code-lang{letter-spacing:.15em;text-transform:uppercase;color:#e2e8f0cc;font-size:.72rem;font-weight:700}.guide-code-copy{color:#f8fafcf5;background:#ffffff08;border:1px solid #ffffff1f;border-radius:999px;padding:.44rem .78rem;font-size:.74rem;font-weight:600;transition:background-color .18s,border-color .18s,transform .18s}.guide-code-copy:hover{background:#ffffff14;border-color:#ffffff38;transform:translateY(-1px)}.guide-code-copy[data-copied=true]{background:#60a5fa29;border-color:#60a5fa61}.guide-code-frame{color:#ecf3fff0;overflow-x:auto}.guide-code-frame pre{color:inherit!important;background:0 0!important;margin:0!important;padding:1rem 1.05rem 1.12rem!important;font-size:.92rem!important;line-height:1.75!important}.guide-code-frame code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,monospace;color:inherit!important}.guide-code-frame ::selection{color:#f8fbff;background:#bfdbfe57}@media (prefers-reduced-motion:reduce){.prose-related-tool{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}@media (max-width:640px){.guide-article-shell{border-radius:28px;padding:1.15rem}.prose-guide{font-size:1rem;line-height:1.84}.guide-summary{font-size:1rem;line-height:1.82}.prose-guide th,.prose-guide td{padding:.75rem .8rem}.prose-guide table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.prose-guide table>*{min-width:34rem}.prose-guide h2,.prose-guide h3,.prose-guide h4{margin-top:3rem}.guide-code-head{padding:.72rem .8rem}.guide-code-copy{padding:.4rem .68rem;font-size:.72rem}.guide-code-frame pre{padding:.92rem .86rem 1rem!important;font-size:.85rem!important}.prose-guide ul>li,.prose-guide ol>li,.guide-checklist-body ul>li{padding-left:1.45rem}}
