.guide-page [hidden]{display:none!important}
.guide-page{font-size:var(--fs-5);line-height:var(--lh-body)}
.guide-page a:not(.c-btn):not(.guide-result-link){text-decoration:underline;text-underline-offset:.2em}
.guide-page .guide-hero{display:block;min-height:0;padding-block:var(--hero-pad);background:#FBFAF7;background-image:linear-gradient(115deg,var(--hero-blue),var(--hero-peach),var(--hero-cream));color:#15142E}
.guide-hero h1{max-width:100%;font-size:clamp(2.75rem,4vw,3.25rem);line-height:var(--lh-display);color:#15142E}
.guide-hero .lede{color:#5E5A78}
.guide-search{display:grid;align-content:start;gap:var(--field-gap);max-width:48rem;margin-top:var(--space-4)}
.guide-search label{font-size:var(--fs-6);line-height:var(--lh-body);font-weight:800}
.guide-search-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--field-gap);align-items:start}
.guide-search-controls>*{min-width:0}
.guide-small{font-size:var(--fs-6);line-height:var(--lh-body)}
.guide-shortcuts{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-2);margin-top:var(--space-3)}
.guide-results{max-width:48rem;margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--r-md);background:#FFFFFF;color:#15142E}
.guide-results p{font-size:var(--fs-6);line-height:var(--lh-body)}
.guide-results ul{display:grid;gap:var(--field-gap);list-style:none;padding:0;margin-top:var(--space-2)}
.guide-result-link{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--r-sm);background:#FBFAF7;color:#15142E;font-size:var(--fs-5);line-height:var(--lh-body);text-decoration:underline;text-underline-offset:.2em}
.guide-result-link:hover{background:#ECE6FA;color:#2E2163}
.guide-heading{margin-bottom:var(--space-4)}
.guide-heading>p{max-width:56rem;margin-top:var(--space-2);font-size:var(--fs-5);line-height:var(--lh-body)}
.guide-page h3{font-size:var(--fs-3);line-height:var(--lh-heading)}
.guide-peach{background:#FDE7D6;color:#5A2E12}
.guide-lav{background:#ECE6FA;color:#2E2163}
.guide-mint{background:#E2F2EA;color:#1E4A33}
.guide-cream{background:#FBF1CC;color:#4F3C00}
.guide-handoff{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5);align-items:stretch}
.guide-handoff>*{min-width:0}
.guide-sheet{height:auto;min-width:0;padding:0;overflow:hidden;border-radius:var(--r-lg);background:#FFFFFF;color:#15142E;box-shadow:var(--shadow)}
.guide-sheet-top{display:grid;gap:var(--field-gap);padding:var(--space-4);background:#FBFAF7;color:#15142E}
.guide-sheet-top p{font-size:var(--fs-6);line-height:var(--lh-body)}
.guide-fields{padding-inline:var(--space-4)}
.guide-fields>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--field-gap) var(--space-3);padding-block:var(--space-2);border-bottom:1px solid var(--line);min-width:0}
.guide-fields dt{flex:1 0 auto;min-width:min(100%,4.5rem);font-size:var(--fs-6);font-weight:800;line-height:var(--lh-body)}
.guide-fields dd{flex:1 1 12rem;min-width:0;margin:0;font-size:var(--fs-6);line-height:var(--lh-body);overflow-wrap:break-word}
.guide-sheet-bottom{padding:var(--space-3) var(--space-4) var(--space-4)}
.guide-copy,.guide-prose{display:grid;align-content:start;gap:var(--field-gap);min-width:0}
.guide-copy{height:100%;padding:var(--space-4);border-radius:var(--r-lg);background:#FFFFFF;color:#15142E;box-shadow:var(--shadow)}
.guide-copy p,.guide-prose p{font-size:var(--fs-5);line-height:var(--lh-body)}
.guide-list{padding-left:var(--space-3);display:grid;gap:var(--field-gap)}
.guide-list li{font-size:var(--fs-5);line-height:var(--lh-body)}
.guide-steps{display:grid;list-style:none;margin:0;padding:0}
.guide-step{display:grid;grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);gap:var(--space-3);align-items:start;padding-block:var(--space-3);border-top:1px solid var(--line)}
.guide-step>*{min-width:0}
.guide-step>div{display:grid;align-content:start;gap:var(--field-gap)}
.guide-number{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--pill);background:#FFFFFF;color:#15142E;font-family:var(--mono);font-size:var(--fs-6);line-height:1;font-variant-numeric:tabular-nums}
.guide-code{position:relative;max-width:100%;overflow-x:auto;padding:var(--space-3);border-radius:var(--r-md);background:#15142E;color:#FBFAF7;font-family:var(--mono);font-size:var(--fs-6);line-height:var(--lh-code)}
.guide-code code{color:#FBFAF7}
.guide-terminal-block{display:grid;gap:var(--space-3);margin-top:var(--space-4)}
.guide-terminal-block>p{font-size:var(--fs-5);line-height:var(--lh-body)}
.guide-terminal-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#2E2163;color:#FBFAF7;font-family:var(--mono);font-size:var(--fs-7);line-height:var(--lh-body)}
.guide-terminal-bar>span:last-child{min-width:0;overflow-wrap:break-word}
.guide-table{margin-top:var(--space-4)}
.guide-table caption{text-align:left;padding:var(--space-3);background:#FFFFFF;color:#15142E;font-size:var(--fs-6);line-height:var(--lh-body);font-weight:800}
.guide-table table{display:table;width:100%;text-align:left}
.guide-block{margin-top:var(--space-3)}
.guide-follow{margin-top:var(--space-2);font-size:var(--fs-5);line-height:var(--lh-body)}
.guide-migration>article{height:100%;gap:var(--space-3)}
.guide-migration .guide-code{width:100%}
.guide-phase{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:var(--fs-6);line-height:var(--lh-body);font-weight:800}
.guide-email{overflow-wrap:anywhere}
.guide-close-section{padding-block:var(--space-7) var(--space-close)}
.guide-closing{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--space-5);align-items:center;padding:var(--space-6);border-radius:var(--r-lg);background:#15142E;color:#FBFAF7}
.guide-closing>*{min-width:0}
.guide-closing-copy{display:grid;gap:var(--space-2)}
.guide-closing h2{color:#FBFAF7;font-size:var(--fs-2);line-height:var(--lh-display)}
.guide-closing p{color:#FBFAF7;font-size:var(--fs-5);line-height:var(--lh-body)}
.guide-closing .guide-closing-note{color:#B9B6D6;font-size:var(--fs-6);line-height:var(--lh-body)}
.guide-closing-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2)}
.guide-closing-actions .c-btn--ghost{background:transparent;color:#FBFAF7;border-color:rgba(255,255,255,.45)}
.guide-closing-actions .c-btn--ghost:hover{background:#2E2163;color:#FBFAF7}
@media(max-width:64rem){
.guide-handoff{gap:var(--space-3)}
.guide-closing{gap:var(--space-3);padding:var(--space-4)}
}
@media(max-width:42rem){
.guide-search-controls{grid-template-columns:minmax(0,1fr)}
.guide-search-controls .c-btn{width:100%}
.guide-handoff{grid-template-columns:minmax(0,1fr)}
.guide-step{grid-template-columns:2.25rem minmax(0,1fr);gap:var(--space-3)}
.guide-step>:nth-child(3){grid-column:2}
.guide-number{width:2.25rem;height:2.25rem}
.guide-sheet-top,.guide-sheet-bottom,.guide-copy{padding:var(--space-3)}
.guide-fields{padding-inline:var(--space-3)}
.guide-migration{grid-template-columns:minmax(0,1fr)}
.guide-closing{grid-template-columns:minmax(0,1fr);padding:var(--space-3)}
.guide-closing-actions{margin-top:var(--space-2)}
.guide-hero h1{font-size:var(--fs-1)}
}
