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

.guide-hero{
display:block;
padding-block:var(--hero-top) var(--space-8);
background:var(--dark);
color:#FBFAF7;
--muted:#D5DEDA;
--line:rgba(251,250,247,.14);
}

.guide-hero .vk-hero-copy{
display:block;
min-width:0;
padding:0;
text-align:left;
}

.guide-hero h1{
font-size:clamp(2rem,4vw,3.2rem);
line-height:var(--leading-tight);
color:#FBFAF7;
}

.guide-hero-lead{
max-width:var(--width-narrow);
margin-top:var(--space-3);
font-size:var(--text-lg);
line-height:var(--leading-lead);
color:#D5DEDA;
overflow-wrap:break-word;
}

.guide-hero-note{
max-width:var(--width-narrow);
margin-top:var(--hero-follow);
font-size:var(--text-sm);
color:#D5DEDA;
}

.guide-search{
display:grid;
gap:var(--field-gap);
margin-top:var(--space-5);
max-width:var(--width-narrow);
min-width:0;
}

.guide-search label{
font-size:var(--text-sm);
font-weight:var(--weight-bold);
color:#FBFAF7;
}

.guide-search-controls{
display:grid;
grid-template-columns:minmax(0,1fr) auto auto;
gap:var(--field-gap);
align-items:stretch;
}

.guide-search-controls>*{min-width:0}

.guide-search input{
width:100%;
min-width:0;
min-height:var(--button-height);
padding:var(--space-3) var(--space-4);
border:1px solid var(--input-line);
border-radius:var(--pill);
background:var(--white);
color:#17201E;
font-size:var(--text-base);
line-height:var(--leading-heading);
}

.guide-search input::placeholder{color:#55605D;opacity:1}

.guide-search-status{
min-height:1.65em;
font-size:var(--text-sm);
line-height:var(--leading-body);
color:#D5DEDA;
}

.guide-search-results{
padding:var(--card-pad);
border-radius:var(--r-card);
background:var(--ticket-paper);
color:#10302C;
--muted:#6B6553;
--line:#E9E0CC;
}

.guide-search-results ul{
display:grid;
gap:var(--field-gap);
margin:0;
padding:0;
list-style:none;
}

.guide-search-results a{
display:block;
padding-block:var(--space-2);
color:#10302C;
text-decoration:underline;
text-underline-offset:.2em;
overflow-wrap:break-word;
}

.guide-search-results a:hover{color:#874800}

.guide-page .guide-section-title{
font-size:1.5rem;
line-height:var(--leading-heading);
overflow-wrap:break-word;
}

.guide-section-intro{
max-width:var(--width-narrow);
margin-top:var(--field-gap);
color:inherit;
}

.guide-connect-grid,
.guide-terminal,
.guide-ci-grid,
.guide-model-instructions{
margin-top:var(--space-5);
}

.guide-connect-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
align-items:stretch;
}

.guide-card{
align-items:stretch;
overflow-wrap:break-word;
}

.guide-card p{
margin-top:var(--field-gap);
color:#55605D;
}

.guide-card .vk-badge{
display:inline-flex;
align-items:center;
justify-content:center;
gap:.4em;
padding:.4em .9em;
line-height:1;
width:fit-content;
}

.guide-code{
position:relative;
max-width:100%;
margin-top:var(--field-gap);
padding:var(--space-4);
border-radius:var(--radius-sm);
background:var(--dark-2);
color:#FBFAF7;
--muted:#D5DEDA;
--line:rgba(251,250,247,.14);
overflow-x:auto;
font-variant-numeric:tabular-nums;
}

.guide-code code{
color:#FBFAF7;
max-width:none;
}

.guide-terminal{
height:auto;
}

.guide-terminal pre{
position:relative;
max-width:100%;
overflow-x:auto;
}

.guide-rows{
display:grid;
list-style:none;
margin-top:var(--space-5);
padding:0;
}

.guide-row{
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-4);
border-bottom:1px solid var(--line);
}

.guide-row>*{min-width:0;overflow-wrap:break-word}

.guide-row-number{
font-size:var(--text-base);
line-height:var(--leading-body);
font-weight:var(--weight-bold);
}

.guide-row h3{
font-size:var(--text-card);
line-height:var(--leading-heading);
}

.guide-row-copy{
display:grid;
gap:var(--field-gap);
}

.guide-row-copy .guide-code{margin-top:0}

.guide-footnote{
margin-top:var(--space-4);
font-size:var(--text-sm);
line-height:var(--leading-body);
color:inherit;
}

.guide-ci-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
align-items:stretch;
}

.guide-ci-notes{
display:grid;
gap:var(--field-gap);
margin-top:var(--space-5);
}

.guide-ci-notes h3{
font-size:var(--text-card);
line-height:var(--leading-heading);
}

.guide-model-instructions{
display:grid;
gap:var(--field-gap);
}

.guide-model-instructions .guide-code{margin-top:0}

.guide-page .table-scroll{margin-top:var(--space-5)}

.guide-ticket{
--muted:#7A4B3E;
--line:#E7D5CE;
}

.guide-ticket>.vk-kicker{margin-bottom:var(--space-3)}

.guide-ticket p{
font-size:var(--text-base);
line-height:var(--leading-body);
}

.guide-ticket .guide-row p{margin-top:0}

.guide-ticket .guide-ticket-note{margin-top:var(--space-4)}

.guide-ticket-note a{
color:#5A2A1E;
text-decoration:underline;
text-underline-offset:.2em;
overflow-wrap:anywhere;
}

.guide-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(15rem,22rem);
align-items:start;
gap:var(--space-5);
height:auto;
padding:var(--card-pad);
border-radius:var(--r-band);
background:var(--dark);
color:#FBFAF7;
--muted:#D5DEDA;
--line:rgba(251,250,247,.14);
text-align:left;
}

.guide-closing-copy{min-width:0}

.guide-closing .guide-section-title{color:#FBFAF7}

.guide-closing-copy p{
margin-top:var(--field-gap);
color:#D5DEDA;
}

.guide-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:flex-start;
gap:var(--space-2);
margin-top:var(--space-3);
min-width:0;
}

.guide-closing-actions .vk-btn{width:100%}

@media(max-width:64rem){
.guide-connect-grid{
grid-template-columns:minmax(0,1fr);
}
}

@media(max-width:42rem){
.guide-search-controls{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.guide-search-controls input{grid-column:1/-1}
.guide-search-controls .vk-btn{padding-inline:var(--space-3)}
.guide-ci-grid{grid-template-columns:minmax(0,1fr)}
.guide-row{
grid-template-columns:2.25rem minmax(0,1fr);
}
.guide-row>:nth-child(3){grid-column:2}
.guide-closing{
grid-template-columns:minmax(0,1fr);
}
.guide-closing-actions{margin-top:var(--space-3)}
}

@media(prefers-reduced-motion:reduce){
.guide-page *{scroll-behavior:auto}
}