/* ConvolJSON public guides. Existing palette, local fonts and Bootstrap are preserved. */
.guide-page .header.navbar{flex-wrap:wrap}
.guide-page .header nav{display:flex;flex-wrap:wrap}
.guide-page .header .nav-link[aria-current="page"]{color:var(--color-accent);font-weight:600}
.guide-hero{padding-block:var(--space-2xl) var(--section-gap);color:var(--color-accent-ink);background:var(--color-accent-hover)}
.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-xl);font-size:var(--text-sm);color:var(--color-paper-3)}
.guide-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
.guide-breadcrumb span{display:inline-flex;align-items:center}
.guide-breadcrumb a:hover{color:var(--color-accent-ink)}
.guide-breadcrumb a:focus-visible{outline-color:var(--color-accent-ink)}
.guide-hero h1{max-width:24ch;color:inherit;font-size:clamp(2.5rem,4.5vw,4.5rem);line-height:1.12}
.guide-hero .lead{max-width:60ch;margin-top:var(--space-lg)}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.38fr);gap:var(--gap-columns);align-items:start;padding-block:var(--section-gap)}
.guide-article{max-width:60ch;min-width:0}
.guide-article section+section{margin-top:var(--space-2xl)}
.guide-article h2{max-width:28ch;font-size:var(--text-section);line-height:1.25;margin-bottom:var(--space-lg)}
.guide-article h3{margin-block:var(--space-lg) var(--space-sm)}
.guide-article p+p,.guide-article p+ul,.guide-article p+ol,.guide-article ul+p,.guide-article ol+p{margin-top:var(--space-md)}
.guide-article ul,.guide-article ol{padding-left:var(--space-lg);margin-bottom:0}
.guide-article li+li{margin-top:var(--space-sm)}
.guide-article li::marker{color:var(--color-accent);font-weight:600}
.guide-article a:not(.button){color:var(--color-accent)}
.guide-article a:not(.button):hover{color:var(--color-accent-hover)}
.guide-article figure{margin-block:var(--space-lg)}
.guide-article figure img{border-radius:var(--radius-input);background:var(--color-paper)}
.guide-article figcaption{margin-top:var(--space-sm);color:var(--color-muted)}
.guide-toc{padding:var(--space-lg);background:var(--color-paper-3);border-radius:var(--radius-input)}
.guide-toc h2{font-size:var(--text-title);margin-bottom:var(--space-sm)}
.guide-toc nav{display:flex;flex-direction:column;align-items:flex-start}
.guide-toc a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.5}
.guide-toc p{margin-top:var(--space-lg);font-size:var(--text-sm);color:var(--color-muted)}
.guide-related{margin-top:var(--space-2xl);padding-top:var(--space-lg)}
.guide-related h2{font-size:var(--text-title);margin-bottom:var(--space-sm)}
.guide-related nav{display:flex;flex-direction:column;align-items:flex-start}
.guide-related a{display:inline-flex;align-items:center;min-height:44px;line-height:1.5}
.guide-contact{padding-block:var(--space-2xl);color:var(--color-accent-ink);background:var(--color-accent-hover)}
.guide-contact .frame{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xl)}
.guide-contact h2{font-size:var(--text-section);max-width:24ch;color:inherit}
.guide-contact p{margin-top:var(--space-sm);max-width:50ch}
.guide-contact .button{flex:none;background:var(--color-paper);color:var(--color-ink-2);border-color:var(--color-paper)}
.guide-contact .button:hover{background:var(--color-paper-3);color:var(--color-ink-2);border-color:var(--color-paper-3)}
.guide-contact .button:focus-visible{outline-color:var(--color-accent-ink)}
.guide-page .footer-info a{overflow-wrap:anywhere}
.guide-page .footer-contact-links{display:flex;flex:none;flex-direction:column;align-items:flex-start;gap:var(--space-xs)}
.guide-page .footer-contact-links a{display:inline-flex;align-items:center;min-height:32px}
@media(min-width:1001px){.guide-toc{position:sticky;top:var(--space-lg)}}
@media(max-width:1000px){.guide-layout{grid-template-columns:minmax(0,1fr)}.guide-toc{grid-row:1}.guide-toc nav{flex-direction:row;flex-wrap:wrap;gap:var(--space-xs) var(--space-lg)}.guide-toc p{margin-top:var(--space-sm)}.guide-article{max-width:60ch}}
@media(max-width:600px){
 .guide-page .header.navbar{gap:var(--space-xs);padding-block:var(--space-sm)}
 .guide-page .header nav{order:3;flex-basis:100%;margin-left:0;gap:var(--space-sm);justify-content:flex-start}
 .guide-page .header .nav-link{font-size:var(--text-sm)}
 .guide-hero{padding-block:var(--space-lg) var(--space-2xl)}
 .guide-hero h1{font-size:clamp(2.5rem,9.5vw,3.25rem);max-width:20ch}
 .guide-breadcrumb{margin-bottom:var(--space-lg)}
 .guide-layout{gap:var(--space-xl)}
 .guide-toc{padding:var(--space-md)}
 .guide-contact .frame{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}
 .guide-contact .button{white-space:normal;text-align:center}
}