/* Guide pages. Loaded after styles.css; uses its variables (dark theme, amber accent, Geist fonts). */
.page-nav{justify-content:space-between}
.page-nav .nav-btn{display:inline-flex}
.article{max-width:46rem;margin:0 auto;padding:calc(var(--nav) + 36px) var(--pad) 56px;position:relative;z-index:1}
.article .eyebrow{font:500 12px/1.4 var(--mono);color:var(--am);letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px}
.article h1{font:600 clamp(1.7rem,5.4vw + .2rem,2.6rem)/1.14 var(--sans);letter-spacing:-.02em;text-wrap:balance;overflow-wrap:break-word}
.article .indep{margin:14px 0 8px;font:400 12.5px/1.5 var(--mono);color:var(--tx3)}
.article h2{font:600 clamp(1.3rem,3vw + .6rem,1.65rem)/1.2 var(--sans);letter-spacing:-.015em;margin:2.4em 0 .6em;scroll-margin-top:calc(var(--nav) + 16px)}
.article h3{font:600 1.12rem/1.3 var(--sans);margin:1.8em 0 .5em;scroll-margin-top:calc(var(--nav) + 16px)}
.article p,.article li{color:var(--tx);font-size:1.0625rem;line-height:1.65;overflow-wrap:break-word}
.article p{margin:1em 0}
.article ul,.article ol{margin:1em 0;padding-left:1.35em}
.article ul{list-style:disc}
.article ol{list-style:decimal}
.article ol li::marker{font-family:var(--mono);color:var(--am)}
.article li{margin:.4em 0}
.article li::marker{color:var(--tx3)}
.article strong{font-weight:600}
.article em{color:var(--tx2)}
.article a{color:var(--am);text-underline-offset:3px;overflow-wrap:anywhere}
.article a:hover{color:var(--am-hover)}
.article code{font:400 .88em var(--mono);background:var(--p2);border:1px solid var(--bd);border-radius:5px;padding:.1em .38em;overflow-wrap:anywhere}
.article pre{background:var(--p1);border:1px solid var(--bd);border-radius:10px;padding:14px 16px;overflow-x:auto;margin:1.2em 0;-webkit-overflow-scrolling:touch}
.article pre code{background:none;border:0;padding:0;font-size:13.5px;line-height:1.6;overflow-wrap:normal}
.article blockquote{margin:1.2em 0;padding:.2em 0 .2em 1em;border-left:2px solid var(--am);color:var(--tx2)}
.article blockquote p{color:var(--tx2)}
.article hr.end{border:0;border-top:1px solid var(--bd);margin:2.4em 0 1.4em}
.article hr.end + p{font:400 13px/1.6 var(--mono);color:var(--tx3)}
.cta-block{margin:1.8em 0}
.cta-block .btn{padding:14px 26px;font-size:16px}
@media (max-width:480px){.cta-block .btn{width:100%}}

/* tables: scroll on wide screens, stacked cards on phones */
.tbl-wrap{margin:1.4em 0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--bd);border-radius:10px}
.dt{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5}
.dt-wide{min-width:880px}
.dt th{font:500 11.5px/1.3 var(--mono);color:var(--tx3);text-transform:lowercase;text-align:left;background:var(--p1);padding:10px 14px;border-bottom:1px solid var(--bd)}
.dt td{padding:12px 14px;vertical-align:top;color:var(--tx2);border-bottom:1px solid var(--bd);overflow-wrap:anywhere}
.dt tr:last-child td{border-bottom:0}
.dt td:first-child{color:var(--tx)}
@media (max-width:768px){
  .tbl-wrap{overflow:visible;border:0;border-radius:0}
  .dt,.dt-wide{min-width:0;display:block}
  .dt thead{display:none}
  .dt tbody{display:block}
  .dt tr{display:block;background:var(--p1);border:1px solid var(--bd);border-radius:10px;margin:0 0 12px;padding:6px 0}
  .dt tr:last-child td{border-bottom:0}
  .dt td{display:block;border:0;padding:8px 14px}
  .dt td::before{content:attr(data-label);display:block;font:500 11px/1.3 var(--mono);color:var(--tx3);text-transform:lowercase;margin-bottom:2px}
  .dt td:first-child{font-size:1.02rem;font-weight:600;padding-top:10px}
  .dt td:first-child::before{display:none}
}

.more{margin-top:3em;padding:20px;background:var(--p1);border:1px solid var(--bd);border-radius:10px}
.article .more-h{font:500 12px/1.3 var(--mono);color:var(--tx3);text-transform:lowercase;letter-spacing:.04em;margin:0 0 8px}
.article .more ul{list-style:none;padding:0;margin:0}
.more li{margin:.5em 0}
.foot-note{margin-top:14px;font:400 12px/1.5 var(--mono);color:var(--tx3)}
.article a.btn{color:var(--am-ink);text-decoration:none}
.article a.btn:hover{color:var(--am-ink);background:var(--am-hover)}