/* Creator guides: reading layout using the existing SentryReply tokens. */
.guide-page .nav{background:var(--bg);border-bottom-color:var(--hair)}
html.menu-ready .guide-page .nav-dd-btn{display:inline-grid}
.guide-page .nav-links{gap:2px}
.guide-page .nav-links a{padding-inline:11px}
.guide-main{padding-top:132px;padding-bottom:80px;max-width:1120px}
.guide-breadcrumb{margin-bottom:36px}
.guide-breadcrumb .crumbs-lite{letter-spacing:0;line-height:1.8}
.guide-breadcrumb li{min-width:0;overflow-wrap:anywhere}
.guide-article{max-width:76ch;margin-inline:auto}
.guide-heading{margin-bottom:28px}
.guide-heading .eyebrow,.guide-hub-heading .eyebrow{margin-bottom:18px;color:var(--cobalt-2)}
.guide-heading h1,.guide-hub-heading h1{font-size:clamp(2.2rem,4.9vw,4.2rem);line-height:1.08;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:break-word}
.guide-byline{margin-top:22px;font-size:.9rem;color:var(--text-2)}
.guide-byline a{text-decoration:underline;text-underline-offset:4px}
.guide-prose{font-size:1.0625rem;line-height:1.8;color:var(--text-2);overflow-wrap:break-word}
.guide-prose p{margin-block:0 1.15em}
.guide-prose .guide-answer{font-size:clamp(1.1rem,2vw,1.28rem);line-height:1.7;color:var(--text)}
.guide-prose h2,.guide-related h2,.guide-paths h2,.guide-hub-list>h2,.guide-hub-next h2{font-size:clamp(1.45rem,2.7vw,2rem);line-height:1.25;letter-spacing:-.025em;color:var(--text);margin:2em 0 .8em;text-wrap:balance}
.guide-prose h3{font-size:1.18rem;line-height:1.4;margin:1.6em 0 .65em;color:var(--text)}
.guide-page :is(h2,h3,[id]){scroll-margin-top:100px}
.guide-prose :is(ul,ol){padding-left:1.35em;margin-bottom:1.35em}
.guide-prose li{margin-bottom:.6em;padding-left:.15em}
.guide-prose strong{color:var(--text);font-weight:700}
.guide-prose a,.guide-related a,.guide-paths a,.guide-hub-next p a{color:var(--text);text-decoration:underline;text-decoration-color:var(--cobalt-2);text-underline-offset:4px;text-decoration-thickness:1px}
.guide-prose a:hover,.guide-related a:hover,.guide-paths a:hover,.guide-hub-next p a:hover{color:var(--cobalt-2)}
.guide-takeaways,.guide-toc,.guide-example{border:1px solid var(--hair-2);border-radius:var(--r);padding:clamp(20px,3vw,30px);margin-block:30px;background:var(--bg-2)}
.guide-takeaways{border-left:3px solid var(--cobalt)}
.guide-prose .guide-takeaways h2,.guide-prose .guide-toc h2{margin-top:0;font-size:1.18rem}
.guide-takeaways ul,.guide-toc ul{margin-bottom:0}
.guide-takeaways li:last-child,.guide-toc li:last-child{margin-bottom:0}
.guide-toc ul{list-style:none;padding-left:0;display:grid;gap:4px}
.guide-toc li{margin:0;padding:0}
.guide-toc a{display:inline-flex;align-items:center;min-width:44px;min-height:44px;padding-block:5px}
.guide-example p:last-child{margin-bottom:0}
.guide-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--hair-2);border-radius:var(--r-s);margin-block:24px;background:var(--bg-2)}
.guide-table-wrap table{border-collapse:collapse;min-width:560px;width:100%;font-size:.95rem;line-height:1.65}
.guide-table-wrap caption{text-align:left;padding:16px 18px;color:var(--text);font-weight:700}
.guide-table-wrap th,.guide-table-wrap td{text-align:left;vertical-align:top;padding:16px 18px;border-top:1px solid var(--hair)}
.guide-table-wrap th{color:var(--text);font-weight:700}
.guide-table-wrap thead{background:var(--panel)}
.guide-related{max-width:76ch;margin:48px auto 0;padding-top:12px;border-top:1px solid var(--hair-2)}
.guide-related ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.guide-related li{padding:24px;border:1px solid var(--hair);border-radius:var(--r);background:var(--panel)}
.guide-related li>a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;line-height:1.5}
.guide-related p{margin-top:12px;font-size:.94rem;color:var(--text-2)}
.guide-back{display:inline-flex;align-items:center;min-height:44px;margin-top:24px;padding-block:8px}
.guide-hub-heading{max-width:840px}
.guide-hub-heading .lead{max-width:44em;margin-block:24px 16px}
.guide-hub-heading>p:last-child{color:var(--text-2);max-width:70ch}
.guide-paths{border:1px solid var(--hair-2);border-radius:var(--r);padding:clamp(22px,4vw,36px);margin-block:40px;background:var(--bg-2)}
.guide-paths h2{margin-top:0}
.guide-paths ul{list-style:none;display:grid;gap:12px}
.guide-paths a{display:inline-flex;align-items:center;min-width:44px;min-height:44px;padding-block:5px}
.guide-cards{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.guide-cards li{padding:clamp(22px,3vw,32px);border:1px solid var(--hair);border-radius:var(--r);background:var(--panel)}
.guide-cards h3{font-size:clamp(1.28rem,2vw,1.65rem);line-height:1.3;letter-spacing:-.02em;margin:14px 0}
.guide-cards h3 a{text-decoration:underline;text-decoration-color:var(--hair-2);text-underline-offset:5px}
.guide-cards h3 a:hover{color:var(--cobalt-2);text-decoration-color:var(--cobalt-2)}
.guide-cards p{color:var(--text-2)}
.guide-cards .guide-card-label{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cobalt-2)}
.guide-hub-next{margin-top:48px;border-top:1px solid var(--hair-2);max-width:76ch}
.guide-hub-next p{margin-bottom:18px;line-height:1.8;color:var(--text-2)}
.guide-hub-next .btn{margin-top:8px}
@media(max-width:1100px){.guide-page .nav-links a{padding-inline:8px;font-size:.8rem}.guide-page .nav-row{gap:12px}}
@media(max-width:700px){.guide-cards,.guide-related ul{grid-template-columns:1fr}.guide-main{padding-top:112px;padding-bottom:56px}.guide-breadcrumb{margin-bottom:28px}}
@media(max-width:600px){
 .guide-page .nav-row{gap:8px}
 .guide-page .nav-end{gap:6px}
 .guide-page .nav .brand{font-size:.9rem;gap:6px}
 .guide-page .nav .brand img{width:24px;height:24px}
 .guide-page .nav .btn-sm{font-size:.8rem;padding:10px;min-height:44px;white-space:nowrap}
 .guide-page .menu-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .guide-page .menu-btn{padding-inline:12px}
}
@media(prefers-reduced-motion:reduce){.guide-page .grad{animation:none}}
@media print{
 .guide-page{background:#fff;color:#000}
 .guide-page .atmos,.guide-page .nav,.guide-page .footer,.guide-page .guide-toc,.guide-page .guide-related,.guide-page .guide-breadcrumb,.guide-page .skip{display:none}
 .guide-main{padding:0;max-width:none}
 .guide-page :is(p,li,h1,h2,h3,a,strong,th,td,caption){color:#000}
 .guide-page :is(.guide-takeaways,.guide-example,.guide-table-wrap){background:#fff;border-color:#aaa;break-inside:avoid}
 .guide-table-wrap{overflow:visible}
 .guide-table-wrap table{min-width:0}
 .guide-page :is(h2,h3){break-after:avoid}
}