.guide-page [hidden]{display:none!important}

.guide-hero .guide-lead{
max-width:52rem;
margin-top:var(--space-3);
color:#5E5C68;
}

.guide-search{
max-width:56rem;
margin-top:var(--space-4);
}

.guide-search__controls{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:start;
gap:var(--space-2);
}

.guide-search__controls>*{
min-width:0;
}

.guide-topics{
display:flex;
flex-wrap:wrap;
gap:var(--space-1);
margin-top:var(--space-2);
}

.guide-topic{
display:inline-flex;
justify-content:center;
align-items:center;
gap:.4em;
width:fit-content;
max-width:100%;
min-height:var(--control-small);
padding:.4em .9em;
border:1px solid #E6E5EA;
border-radius:var(--radius-pill);
background:#F5F5F7;
color:#1C1B22;
font-size:var(--text-sm);
line-height:1;
overflow-wrap:break-word;
}

.guide-topic:hover{
background:#F1F0FA;
color:#2A2650;
}

.guide-topic[aria-pressed=true]{
background:#6E5418;
color:#FFFFFF;
border-color:#6E5418;
}

.guide-search__feedback{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-1) var(--space-2);
margin-top:var(--space-2);
}

.guide-reset{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:var(--control-small);
padding:var(--space-1) var(--space-2);
border:1px solid #E6E5EA;
border-radius:var(--radius-pill);
background:#FFFFFF;
color:#1C1B22;
font-size:var(--text-sm);
}

.guide-reset:hover{
background:#F5F5F7;
color:#1C1B22;
}

.guide-hero-note{
max-width:52rem;
margin-top:var(--space-3);
font-size:var(--text-sm);
color:#5E5C68;
}

.guide-no-results{
padding-top:var(--space-4);
padding-bottom:var(--space-4);
}

.guide-no-results h2{
font-size:var(--text-xl);
margin-bottom:var(--space-1);
}

.guide-section-head{
margin-bottom:var(--space-4);
}

.guide-section-head>p{
max-width:56rem;
margin-top:var(--space-1);
color:var(--muted);
}

.guide-item{
min-width:0;
scroll-margin-top:12rem;
overflow-wrap:break-word;
}

.guide-start-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.guide-card-heading{
display:flex;
align-items:center;
gap:var(--space-2);
min-width:0;
}

.guide-card-heading h3{
min-width:0;
}

.guide-step{
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 var(--control-small);
width:var(--control-small);
height:var(--control-small);
border-radius:var(--radius-md);
background:#F1F0FA;
color:#2A2650;
font-size:var(--text-sm);
line-height:1;
}

.guide-item pre{
position:relative;
width:100%;
max-width:100%;
}

.guide-detail-stack{
display:grid;
gap:var(--space-3);
}

.guide-detail{
display:grid;
grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
gap:var(--space-4);
padding:var(--space-4);
border-radius:var(--radius-lg);
}

.guide-detail--gray{
background:#F5F5F7;
color:#1C1B22;
--muted:#5E5C68;
--line:#E6E5EA;
}

.guide-detail--mint{
background:#EEF7F0;
color:#1E3A2A;
--muted:#4B6A57;
--line:#D3E9DA;
}

.guide-detail--lilac{
background:#F1F0FA;
color:#2A2650;
--muted:#5D5986;
--line:#DDD9EE;
}

.guide-detail__intro,
.guide-detail__body{
min-width:0;
display:grid;
align-content:start;
gap:var(--space-1);
}

.guide-detail__body>pre{
margin-block:var(--space-2);
}

.guide-detail p,
.guide-bullets li{
font-size:var(--text-base);
line-height:var(--lh-body);
}

.guide-hint{
color:var(--muted);
}

.guide-numbered,
.guide-handoff{
display:grid;
list-style:none;
margin:0;
padding:0;
}

.guide-numbered{
gap:var(--space-3);
}

.guide-numbered>li,
.guide-handoff>li{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
gap:var(--space-3);
align-items:start;
min-width:0;
}

.guide-numbered>li>*,
.guide-handoff>li>*{
min-width:0;
}

.guide-numbered strong,
.guide-handoff strong{
font-family:var(--f-head);
font-size:var(--text-base);
font-weight:500;
line-height:var(--lh-body);
}

.guide-number{
display:inline-flex;
align-items:center;
justify-content:center;
width:2.5rem;
min-height:2.5rem;
padding:.4em;
border-radius:var(--radius-pill);
background:#FFFFFF;
color:#1C1B22;
font-size:var(--text-sm);
line-height:1;
}

.guide-bullets{
list-style:disc;
padding-inline-start:var(--space-3);
}

.guide-bullets>li+li{
margin-top:var(--space-1);
}

.guide-ai-grid{
grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));
}

.guide-glossary{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-3);
}

.guide-glossary>.guide-term{
display:grid;
grid-template-columns:minmax(0,1fr);
align-content:start;
gap:var(--space-1);
padding:var(--space-3);
border-radius:var(--radius-lg);
background:#F5F5F7;
color:#1C1B22;
--muted:#5E5C68;
--line:#E6E5EA;
}

.guide-term dt{
font-family:var(--f-head);
font-size:var(--text-lg);
font-weight:500;
}

.guide-term dd{
min-width:0;
color:#5E5C68;
}

.guide-term dd>span{
display:block;
margin-top:var(--space-1);
}

.guide-faq{
display:grid;
}

.guide-faq>details{
padding:var(--space-3) 0;
border-bottom:1px solid #D3E9DA;
border-radius:0;
background:#EEF7F0;
color:#1E3A2A;
--muted:#4B6A57;
--line:#D3E9DA;
}

.guide-faq>details:first-child{
border-top:1px solid #D3E9DA;
}

.guide-faq summary{
display:flex;
justify-content:space-between;
align-items:center;
gap:var(--space-3);
list-style:none;
cursor:pointer;
font-family:var(--f-head);
font-size:var(--text-lg);
line-height:var(--lh-heading);
}

.guide-faq summary::-webkit-details-marker{
display:none;
}

.guide-faq summary::after{
content:"+";
flex:none;
font-size:var(--text-xl);
line-height:1;
}

.guide-faq details[open]>summary{
padding-bottom:var(--space-2);
}

.guide-faq details[open]>summary::after{
content:"−";
}

.guide-faq__answer{
display:grid;
align-content:start;
gap:var(--space-2);
padding-top:var(--space-3);
border-top:1px solid #D3E9DA;
background:#EEF7F0;
color:#1E3A2A;
--muted:#4B6A57;
--line:#D3E9DA;
}

.guide-faq__answer a:not(.c-btn){
width:fit-content;
color:#1E3A2A;
text-decoration:underline;
text-underline-offset:.2em;
}

.guide-editorial{
display:grid;
}

.guide-editorial__row{
display:grid;
grid-template-columns:minmax(8rem,.3fr) minmax(0,1fr) auto;
gap:var(--space-3);
align-items:start;
padding-block:var(--space-3);
border-top:1px solid #E6E5EA;
border-bottom:1px solid #E6E5EA;
background:#FFFFFF;
color:#1C1B22;
--muted:#5E5C68;
--line:#E6E5EA;
transition:background var(--motion);
}

.guide-editorial__row:hover{
background:#F5F5F7;
color:#1C1B22;
}

.guide-editorial__row>*{
min-width:0;
}

.guide-editorial__label{
font-size:var(--text-sm);
color:#5E5C68;
}

.guide-editorial__copy{
display:grid;
gap:var(--space-1);
}

.guide-editorial__copy>p{
color:#5E5C68;
}

.guide-handoff{
gap:var(--space-3);
margin-bottom:var(--space-4);
}

.guide-handoff>li{
padding:var(--space-3);
border-radius:var(--radius-lg);
background:#F5F5F7;
color:#1C1B22;
--muted:#5E5C68;
--line:#E6E5EA;
}

.guide-closing.c-closing__card{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(14rem,.48fr);
align-items:center;
gap:var(--space-4);
padding:var(--space-6);
border-radius:var(--radius-lg);
background:#1C1B22;
color:#FFFFFF;
--muted:#D1CEDB;
--line:color-mix(in srgb,#FFFFFF 18%,transparent);
}

.guide-closing__copy{
display:grid;
gap:var(--space-1);
min-width:0;
}

.guide-closing__copy>h2{
font-size:var(--text-section);
line-height:var(--lh-heading);
color:#FFFFFF;
}

.guide-closing__copy>p{
font-size:var(--text-base);
color:#D1CEDB;
}

.guide-closing__actions.c-closing__actions{
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:center;
gap:var(--space-2);
min-width:0;
margin:0;
}

.guide-closing__actions>.c-btn--secondary{
background:#1C1B22;
color:#FFFFFF;
border-color:color-mix(in srgb,#FFFFFF 45%,transparent);
}

.guide-closing__actions>.c-btn--secondary:hover{
background:#FFFFFF;
color:#1C1B22;
}

.guide-help-section{
padding-bottom:var(--space-close);
}

@media(max-width:64rem){
.guide-detail{
grid-template-columns:minmax(0,1fr);
}
.guide-closing.c-closing__card{
grid-template-columns:minmax(0,1fr);
padding:var(--space-4);
}
.guide-closing__actions.c-closing__actions{
width:100%;
max-width:none;
}
}

@media(max-width:42rem){
.guide-search__controls{
grid-template-columns:minmax(0,1fr);
}
.guide-start-grid,
.guide-glossary{
grid-template-columns:minmax(0,1fr);
}
.guide-detail{
padding:var(--space-3);
gap:var(--space-3);
}
.guide-numbered>li,
.guide-handoff>li{
grid-template-columns:2.25rem minmax(0,1fr);
}
.guide-numbered>li>:nth-child(3),
.guide-handoff>li>:nth-child(3){
grid-column:2;
}
.guide-number{
width:2.25rem;
min-height:2.25rem;
}
.guide-editorial__row{
grid-template-columns:minmax(0,1fr) auto;
}
.guide-editorial__label{
grid-column:1/-1;
}
.guide-closing.c-closing__card{
padding:var(--space-3);
}
}