/* Captua guides. Layout, type scale, spacing and components follow the
   redesigned Telar guides (telar-docs); colours and type come from the Captua
   design tokens in digitization-toolkit-frontend src/app.css. Light only:
   every surface is painted explicitly. */
@font-face{font-family:'Mulish';font-style:normal;font-weight:200 900;src:url('/fonts/Mulish.woff2') format('woff2');font-display:swap}

:root{
 /* Captua tokens (app.css) */
 --captua-bg:#131110;--captua-light:#EDE8DC;--captua-light-grey:#ABB7B7;
 --captua-primary:#5A8C62;--captua-primary-hover:#4E7A56;--captua-secondary:#96B1F0;--captua-highlight:#E1B778;
 --captua-success:#6FBF73;--captua-error:#D6674A;--captua-warning:#D09A44;
 /* Roles, mapped from Telar's */
 --dark:var(--captua-bg);              /* Telar terracotta header and hero */
 --on-dark:var(--captua-light);        /* Telar cream on terracotta, 15.4:1 */
 --link:#3F6A47;                       /* primary green darkened for text, 6.24:1 on white */
 --button:var(--captua-primary-hover); /* filled pills with white text, 4.95:1 */
 --button-hover:#3F6A47;
 --cream:#F8F6F1;                      /* Telar cream cards and sidebar: #EDE8DC 40% on white */
 --blue:var(--captua-secondary);       /* Telar lavender feature panel, ink 8.83:1 */
 --blue-tint:#EFF3FD;                  /* secondary 15% on white, for inline code */
 --gold:var(--captua-highlight);       /* Telar gold, borders only */
 --ink:var(--captua-bg);--muted:#4F5757;--line:#E3DFD6;--code-bg:#F8F9FB;--code-border:#E2E5EC;
 --captua-logo-ink:var(--captua-light); /* seedling, wordmark and descriptor; artwork is currentColor */
 --header-height:88px;color-scheme:light
}

*{box-sizing:border-box}html{background:#fff}body{margin:0;background:#fff;color:var(--ink);font:17px/1.65 'Mulish',system-ui,sans-serif}
a{color:var(--link);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}
a:focus-visible,summary:focus-visible,[tabindex]:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--link);outline-offset:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:-90px;left:12px;z-index:50;background:#fff;color:var(--ink);padding:12px 18px;border-radius:8px}.skip-link:focus{top:12px}

/* Header */
.guide-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;align-items:center;background:var(--dark);color:var(--on-dark);padding:16px 32px;min-height:88px}
.guide-header :focus-visible{outline-color:var(--on-dark)}
.guide-brand{grid-column:1;grid-row:1;justify-self:start;display:flex;align-items:center;gap:14px;color:var(--on-dark);text-decoration:none}
.brand-mark,.brand-logo{display:block;height:auto;color:var(--captua-logo-ink);overflow:visible}
.brand-mark{width:160px;flex:none}
.guide-brand small{display:block;font:500 13px/1.3 'Mulish',sans-serif;letter-spacing:.01em;padding-left:14px;border-left:1px solid #EDE8DC55}
.header-tools{display:contents}
.language-nav{grid-column:2;grid-row:1;justify-self:end;display:flex;gap:4px}.language-nav a{padding:5px 10px;border:1px solid #EDE8DC66;border-radius:30px;color:var(--on-dark);font-size:13px;text-decoration:none}.language-nav [aria-current]{background:var(--on-dark);color:var(--dark)}
.site-nav{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:flex-start;gap:24px;min-width:0;flex-wrap:wrap}.site-nav a{color:var(--on-dark);text-decoration:none;font-size:16px;white-space:nowrap}.site-nav [aria-current]{border-bottom:2px solid var(--on-dark)}
.docs-search-form{grid-column:2;grid-row:2;justify-self:end;display:flex;align-items:center;min-width:0;width:clamp(210px,24vw,280px);border:1px solid #EDE8DC99;border-radius:999px;background:#fff;color:var(--link);overflow:hidden}
.docs-search-form input{min-width:0;width:100%;padding:10px 4px 10px 16px;font:400 15px 'Mulish',sans-serif;border:0;border-radius:999px;background:transparent;color:var(--ink)}.docs-search-form input::placeholder{color:var(--muted);opacity:1}
.docs-search-form button{flex:none;display:grid;place-items:center;width:42px;height:40px;padding:5px;border:0;border-radius:999px;background:none;color:var(--link);cursor:pointer}
.docs-search-form:focus-within{outline:2px solid var(--on-dark);outline-offset:3px}.docs-search-form :focus-visible{outline:none}.docs-search-form button:focus-visible{background:var(--cream)}
.guide-header--plain{grid-template-columns:1fr}

/* Type */
h1,h2,h3,h4,.side-title{font-family:'Mulish',sans-serif;letter-spacing:-.035em;line-height:1.2;color:var(--ink)}
h1{font-size:clamp(36px,4.5vw,56px);max-width:850px;margin:0 0 22px;font-weight:800}h2{font-size:clamp(27px,3vw,36px);font-weight:800;margin:0 0 18px}h3{font-size:23px;font-weight:800;margin:0 0 16px}
p{margin:0 0 20px}.lede{font-size:22px;line-height:1.5;color:var(--muted);max-width:760px}
.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;margin:0 0 12px}
.button{display:inline-block;color:#fff;background:var(--button);font-weight:700;text-decoration:none;padding:11px 22px;border-radius:30px;font-size:16px}.button:hover{background:var(--button-hover)}
.preview-label{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--muted);margin-bottom:32px}

/* Guides hub (homepage and /docs/) */
.guide-hub{max-width:1240px;margin:auto;padding:34px 48px 60px;min-width:0}
.hub-intro{margin:0 0 38px}.hub-intro .eyebrow{color:var(--link)}.hub-intro p:last-child{margin:0}
.workshop-shortcut{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px 24px;border:1px solid var(--line);border-radius:10px;margin:0 0 28px}.workshop-shortcut strong{font-size:18px;font-weight:800;letter-spacing:-.02em}.workshop-shortcut p{font-size:16px;color:var(--muted);margin:4px 0 0;max-width:680px}.workshop-shortcut>a{white-space:nowrap;font-size:16px;font-weight:700}
.planning-feature{padding:40px 44px;background:var(--blue);border-radius:16px;color:var(--ink)}.planning-feature p:not(.eyebrow){max-width:620px}.planning-feature h2,.planning-feature h3{font-size:38px;margin:0 0 18px}.planning-feature .button{margin-top:4px}
.build-section{margin:54px 0}.manual-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.manual-card{display:flex;flex-direction:column;position:relative;border:1px solid var(--line);border-radius:12px;padding:26px;background:var(--cream)}
.card-index{font:400 30px 'Mulish',sans-serif;letter-spacing:-.035em;color:var(--link);margin-bottom:24px}
.manual-card h2,.manual-card h3{font-size:25px;margin:0 0 16px}.manual-card h2 a,.manual-card h3 a{color:inherit;text-decoration:none}.manual-card p{font-size:17px;line-height:1.6}
.manual-card ul{list-style:none;padding:0;margin:0 0 20px;font-size:16px}.manual-card li{padding:6px 0;border-top:1px solid var(--line)}.manual-card li:last-child{border-bottom:1px solid var(--line)}
.manual-card>a:last-child{font-size:16px;font-weight:700;margin-top:auto;padding-top:12px}
.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.resource-card{padding:30px;border:1px solid var(--line);border-radius:12px;background:#fff}.resource-card h2,.resource-card h3{font-size:27px;margin:0 0 18px}.resource-card p:not(.eyebrow){color:var(--muted)}.resource-card--tint{background:var(--cream);border-color:var(--cream)}.resource-links{display:flex;gap:12px 24px;flex-wrap:wrap;font-weight:700;font-size:16px}
.guide-footer{font-size:14px;color:var(--muted);margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}.guide-footer p{margin-bottom:12px}.guide-footer a{font-size:14px}

/* Homepage */
.home-hero{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - var(--header-height));background:var(--dark);color:var(--on-dark);text-align:center;padding:40px 24px 88px}
.home-hero__content{max-width:900px;margin:0 auto;width:100%}
.home-hero h1{margin:0 auto 22px;max-width:none}.home-hero h1 .brand-logo{width:92%;max-width:680px;margin:0 auto}.brand-seedling--thick{display:none}
@media(max-width:600px){.brand-seedling--thin{display:none}.brand-seedling--thick{display:inline}}
.hero__lang-toggle{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.hero__lang-toggle a{padding:6px 16px;border:1px solid #EDE8DC59;border-radius:50px;color:var(--on-dark);font-size:14px;font-weight:600;text-decoration:none;min-height:36px;display:inline-flex;align-items:center}.hero__lang-toggle [aria-current]{background:var(--on-dark);color:var(--dark);border-color:var(--on-dark)}
.hero__tagline{font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:#CCC8BD;max-width:760px;margin:0 auto 26px;font-weight:400}
.hero__cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:22px}
.btn{display:inline-block;padding:12px 28px;border-radius:50px;text-decoration:none;font-weight:700;font-size:15px;letter-spacing:.02em;transition:background-color .2s,transform .2s}
.btn--primary{background:var(--on-dark);color:var(--dark)}.btn--primary:hover{background:#fff}
.btn--secondary{background:#2D2B28;color:var(--on-dark);border:1px solid #EDE8DC40}.btn--secondary:hover{background:#3A3834}
.hero__utility{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 24px}.hero__utility a{color:var(--on-dark);font-size:15px;text-underline-offset:4px}
.home-hero a:focus-visible{outline-color:var(--on-dark);outline-offset:5px}
.hero__scroll{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:#EDE8DC80;display:block;padding:6px;animation:bounce 2s infinite}.hero__scroll svg{display:block;width:32px;height:32px}.hero__scroll:hover{color:var(--on-dark)}
@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media(prefers-reduced-motion:reduce){.hero__scroll{animation:none}.btn{transition:none}}
.home-about{background:var(--cream);padding:72px 24px}.home-about__content{max-width:900px;margin:0 auto}.home-about h2{text-align:center;margin-bottom:28px}.home-about p{font-size:19px;line-height:1.7}.home-about p:last-child{margin-bottom:0}
.workflow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin:38px auto 0;max-width:680px}.workflow__stage{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;font-size:15px;line-height:1.4;text-decoration:none;color:var(--ink)}.workflow__stage:hover,.workflow__stage:focus-visible{text-decoration:none}.workflow__stage>svg{width:clamp(58px,12vw,100px);height:clamp(58px,12vw,100px);margin-bottom:8px}.workflow__stage--captua>svg{color:var(--captua-primary)}.workflow__stage--fisqua>svg{color:#1F2E4D}.workflow__stage--zasqua>svg{color:#8B2942}.workflow__stage>span:last-child{color:var(--muted)}.workflow__name{display:flex;align-items:center;justify-content:center;height:36px;width:100%;color:var(--ink)}.workflow__name svg{display:block;width:clamp(76px,14vw,116px);height:36px;max-width:100%}.workflow__arrow{font-size:28px;color:var(--muted)}
.home-page .guide-hub{padding-top:64px}
.home-credits{border-top:1px solid var(--line);margin-top:54px;padding-top:34px}.home-credits p{max-width:780px;color:var(--muted)}
.home-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:28px 48px;margin-top:36px;padding-top:32px;border-top:1px solid var(--line)}.home-logos img{display:block;height:auto;max-width:100%}.home-logos img{filter:brightness(0);opacity:.82}

/* Chapter layout */
.chapter-shell{display:grid;grid-template-columns:270px minmax(0,1fr);max-width:1500px;margin:auto;align-items:start}
.chapter-sidebar{position:sticky;top:var(--header-height);height:calc(100svh - var(--header-height));overflow:auto;background:var(--cream);padding:30px 26px;font-size:16px}
.all-guides{font-size:14px;text-decoration:none}.side-title{font-size:23px;font-weight:800;margin:30px 0 24px}
.guide-chooser{margin:24px 0 20px}.guide-chooser label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.guide-chooser select{width:100%;max-width:100%;font:400 15px 'Mulish',sans-serif;border:1px solid #3F6A4740;border-radius:6px;padding:9px 28px 9px 10px;color:var(--ink);background:#fff}
.docs-menu summary{font-weight:700;font-size:14px;cursor:pointer;margin:0 0 14px}.docs-menu>nav{display:flex;flex-direction:column;gap:2px}
.docs-menu nav a{display:block;padding:7px 10px;line-height:1.45;font-size:15px;text-decoration:none;color:var(--muted);border-left:2px solid transparent}.docs-menu nav a:hover{background:#fff;color:var(--link)}.docs-menu nav a[aria-current]{background:#fff;color:var(--link);border-color:var(--link);font-weight:700}
.nav-group-title{margin:16px 0 4px;padding:0 10px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sidebar-links{border-top:1px solid var(--line);margin-top:26px;padding-top:20px;font-size:14px;display:flex;flex-direction:column;gap:14px}.sidebar-search{border:0;padding:0;background:none;cursor:pointer;color:var(--link);text-align:left;font:inherit}.sidebar-search kbd{border:1px solid var(--line);border-radius:3px;padding:0 5px;margin-left:5px;background:#fff}
.chapter-content{max-width:1020px;padding:34px clamp(28px,4.5vw,68px) 60px;min-width:0}
.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--muted);margin-bottom:28px}
h2[id],h3[id],h4[id],section[id],#main-content{scroll-margin-top:calc(var(--header-height) + 24px)}

/* Article content */
.docs-content{min-width:0}.docs-content h1{font-size:clamp(34px,4vw,51px);margin:0 0 24px}.docs-content h2{font-size:29px;margin:44px 0 18px}.docs-content h3{font-size:23px;margin:32px 0 16px}.docs-content h4{font-size:19px;margin:28px 0 14px}.docs-content h5,.docs-content h6{font:700 17px 'Mulish',sans-serif;margin:24px 0 12px}
.docs-content p,.docs-content ul,.docs-content ol,.docs-content dl{margin-top:0;margin-bottom:20px}.docs-content ul,.docs-content ol{padding-left:26px}.docs-content li{margin-bottom:8px}.docs-content li>p{margin-bottom:10px}.docs-content strong{font-weight:700}.docs-content a{overflow-wrap:anywhere}
.docs-content dt{font-weight:700;margin-top:14px}.docs-content dd{margin:4px 0 12px 22px}
.docs-content img{display:block;max-width:100%;height:auto;margin:24px auto;border-radius:7px}
.docs-content code{font:400 .86em/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--blue-tint);padding:2px 4px;border-radius:3px;overflow-wrap:anywhere}
.docs-content pre{max-width:100%;overflow:auto;background:var(--code-bg)!important;color:var(--ink);border:1px solid var(--code-border);border-left:3px solid var(--blue);padding:18px 20px;margin:24px 0 28px;font:400 14px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2}
.docs-content pre code{font:inherit;background:transparent;padding:0;white-space:pre;overflow-wrap:normal}.docs-content .highlight{max-width:100%;min-width:0}
.code-sample{position:relative;max-width:100%;margin:24px 0 28px}.code-sample pre{margin:0;padding-top:43px}.code-copy{position:absolute;top:8px;right:9px;border:1px solid #3F6A4740;background:#fff;border-radius:5px;color:var(--link);font:600 12px 'Mulish',sans-serif;padding:4px 9px;cursor:pointer}
.docs-table{overflow:auto;max-width:100%;margin:24px 0 28px;border:1px solid var(--line);border-radius:6px}.docs-table table{border-collapse:collapse;width:100%;min-width:520px;font-size:16px;line-height:1.55}.docs-table td,.docs-table th{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.docs-table th{font-weight:700;background:var(--cream)}.docs-table tr:last-child td{border-bottom:0}.docs-table td p:last-child{margin:0}.docs-table caption{text-align:left;padding:12px 14px;font-weight:700}
.docs-content blockquote{border-left:4px solid var(--gold);padding:16px 22px;margin:26px 0;background:var(--cream);border-radius:0 7px 7px 0}.docs-content blockquote p:last-child{margin:0}
.docs-content hr{border:0;border-top:1px solid var(--line);margin:36px 0}

/* Callouts: the five Quarto types, in Telar's note style */
.callout{--callout:var(--captua-secondary);border:1px solid var(--line);border-left:4px solid var(--callout);border-radius:0 8px 8px 0;background:var(--cream);margin:26px 0;padding:0}
.callout-tip{--callout:var(--captua-success)}.callout-warning{--callout:var(--captua-warning)}.callout-caution{--callout:var(--captua-highlight)}.callout-important{--callout:var(--captua-error)}
.callout-title{margin:0;padding:14px 22px 0;font-weight:800}.callout-title p{margin:0;display:inline}.callout-body{padding:10px 22px 2px}.callout-body>:last-child{margin-bottom:16px}
.callout:not(.callout-simple) .callout-title{padding:11px 22px;background:color-mix(in srgb,var(--callout) 18%,#fff);border-bottom:1px solid var(--line)}
details.callout>summary{cursor:pointer;padding-bottom:12px}details.callout[open]>summary{padding-bottom:11px}

/* Media */
.docs-media{margin:28px 0 36px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#F7F7F8}
.docs-media-image{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;overflow:hidden}
.docs-content .docs-media img{display:block;max-width:100%;width:100%;height:auto;margin:0;border-radius:8px}.docs-media figcaption{margin-top:15px;font-size:16px;line-height:1.5;color:var(--muted)}.docs-media figcaption p{margin:0}

/* Reading tools */
.on-this-page{border:1px solid var(--line);border-radius:8px;padding:16px 20px;margin:28px 0;font-size:16px}.on-this-page summary{cursor:pointer;font-weight:700;color:var(--link)}.on-this-page ul{margin:14px 0 0;padding-left:20px;columns:2;column-gap:24px}.on-this-page li{break-inside:avoid;margin-bottom:7px}
.heading-link{font:400 .65em 'Mulish',sans-serif;margin-left:8px;text-decoration:none;opacity:0}.docs-content h2:hover .heading-link,.docs-content h3:hover .heading-link,.docs-content h4:hover .heading-link,.heading-link:focus-visible{opacity:1}
.guide-pagination{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:42px;border-top:1px solid var(--line);padding-top:24px}.guide-pagination a{border:1px solid var(--line);border-radius:8px;padding:17px 20px;text-decoration:none;font-weight:600;line-height:1.4}.guide-pagination small{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.pagination-next{text-align:right}
.docs-search-dialog{width:min(780px,calc(100vw - 32px));max-height:calc(100svh - 48px);padding:26px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#fff;box-shadow:0 20px 70px #0003}.docs-search-dialog::backdrop{background:#13111088}
.search-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.search-dialog-heading h2{font-size:27px;margin:0}.search-dialog-heading button{border:0;background:var(--cream);color:var(--link);font-size:28px;width:36px;height:36px;border-radius:50%;cursor:pointer}.docs-search-dialog>p{font-size:16px;color:var(--muted);margin:12px 0 18px}
.docs-search-dialog .pagefind-ui{--pagefind-ui-scale:.9;--pagefind-ui-primary:var(--link);--pagefind-ui-text:var(--ink);--pagefind-ui-background:#fff;--pagefind-ui-border:var(--line);--pagefind-ui-tag:var(--cream);--pagefind-ui-border-radius:7px;--pagefind-ui-font:'Mulish',sans-serif}

/* Breakpoints: Telar's 1050 / 960 / 720 / 480 */
@media(min-width:961px){.docs-menu>summary{list-style:none;cursor:default}.docs-menu>summary::-webkit-details-marker{display:none}}
@media(min-width:1051px) and (max-width:1250px){.guide-header{gap:12px 18px;padding-left:24px;padding-right:24px}.site-nav{gap:17px}.docs-search-form{width:180px}}
@media(max-width:1050px){.guide-header{padding:14px 24px}.guide-hub{padding:30px 32px 48px}.planning-feature{padding:32px}.planning-feature h2,.planning-feature h3{font-size:32px}.manual-card{padding:22px}.manual-card h2,.manual-card h3{font-size:22px}}
@media(max-width:960px){.chapter-shell{display:block}.chapter-sidebar{position:static;height:auto;padding:16px 24px;display:block}.guide-chooser{margin:12px 0}.side-title{display:none}.docs-menu>summary{margin:0}.docs-menu[open]>summary{margin-bottom:12px}.sidebar-links{display:none}.on-this-page ul{columns:1}.chapter-content{padding:28px 32px 48px}}
@media(max-width:740px){.site-nav{grid-column:1/-1}.docs-search-form{grid-column:1/-1;grid-row:3;width:100%;justify-self:stretch}.docs-search-form input{font-size:16px}}
@media(max-width:720px){.manual-cards{grid-template-columns:1fr}.manual-card{padding:24px}.manual-card h2,.manual-card h3{font-size:26px}.card-index{margin-bottom:18px}.resource-grid{grid-template-columns:1fr}.hub-intro{margin-bottom:30px}.hub-intro h1,.hub-intro h2{font-size:40px}.planning-feature{padding:28px}.planning-feature h2,.planning-feature h3{font-size:31px}.guide-hub{padding:24px 22px 40px}.build-section{margin:38px 0}.chapter-content{padding:24px 22px 44px}.docs-content h1{font-size:36px}.docs-content h2{font-size:27px}.docs-content h3{font-size:22px}.lede{font-size:20px}.workshop-shortcut{display:block;padding:22px}.workshop-shortcut>a{display:inline-block;margin-top:16px}.guide-pagination{grid-template-columns:1fr}.guide-pagination>span{display:none}.pagination-next{text-align:left}.docs-media{padding:10px;margin:24px 0 30px}.home-about{padding:52px 22px}.home-about p{font-size:18px}.home-logos{gap:24px 36px}}
@media(max-width:480px){.guide-header{padding:12px 16px;gap:12px}.brand-mark{width:135px}.guide-brand{gap:10px}.guide-brand small{font-size:11px;padding-left:10px}.site-nav{gap:7px 14px}.site-nav a{font-size:14px}.language-nav a{padding:5px 9px}.guide-hub{padding:22px 18px 36px}.home-page .guide-hub{padding-top:44px}.hub-intro h1,.hub-intro h2{font-size:35px}.planning-feature{padding:24px}.planning-feature h2,.planning-feature h3{font-size:29px}.resource-card{padding:24px}.preview-label{font-size:12px;margin-bottom:26px}.chapter-sidebar{padding:12px 18px}.chapter-content{padding:24px 18px 40px}.docs-content h1{font-size:33px}.heading-link{opacity:1}.docs-search-dialog{padding:18px}.search-dialog-heading h2{font-size:23px}.home-hero{padding:32px 18px 80px}.btn{padding:11px 22px}}
@media print{body{font-size:11pt;line-height:1.4}.guide-header,.chapter-sidebar,.preview-label,.guide-footer,.breadcrumbs,.code-copy,.heading-link,.guide-pagination,.docs-search-dialog,.hero__scroll{display:none}.chapter-shell{display:block}.chapter-content{max-width:none;padding:0}.docs-content h1{font-size:24pt}.docs-content h2{font-size:18pt}.docs-content h3{font-size:14pt}.docs-content pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:9pt;padding:12pt}.docs-content pre code{white-space:pre-wrap}.code-sample pre{padding-top:12pt}.docs-table{overflow:visible}.docs-table table{min-width:0;font-size:9pt}.docs-media,.callout{break-inside:avoid}}

.neh-credit{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px 40px;align-items:center;margin:32px 0 0;padding-top:32px;border-top:1px solid var(--line)}.neh-credit img{display:block;height:120px;width:auto;filter:brightness(0);opacity:.85}.neh-credit p{max-width:680px;margin:0 0 14px;color:var(--muted)}.neh-credit p:last-child{margin:0}.neh-disclaimer{font-size:15px}
.home-logos img{width:auto;max-width:100%}.home-logos .logo-ampl{height:92px}.home-logos .logo-ut{height:34px}.home-logos .logo-burdick{height:80px}.home-logos .logo-neogranadina{height:62px}.home-logos{gap:32px 64px}
@media(max-width:720px){.neh-credit{grid-template-columns:1fr}.neh-credit img{height:96px}.home-logos{gap:24px 36px}.home-logos .logo-ampl{height:72px}.home-logos .logo-burdick{height:64px}.home-logos .logo-neogranadina{height:50px}.home-logos .logo-ut{height:28px}}

/* Homepage: the hero carries the brand and links, so on load the header shows only the
   language switch and search over the hero. Once the hero has scrolled past, docs.js adds
   .is-scrolled and the full bar returns. Without JavaScript the normal bar stays. */
.home-js .home-page .guide-header{position:fixed;left:0;right:0;background:transparent;transition:background-color .25s ease}
.home-js .home-page .guide-header .guide-brand,.home-js .home-page .guide-header .site-nav{opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}
.home-js .home-page .guide-header.is-scrolled{background:var(--dark)}
.home-js .home-page .guide-header.is-scrolled .guide-brand,.home-js .home-page .guide-header.is-scrolled .site-nav{opacity:1;visibility:visible;transition:opacity .25s ease,visibility 0s}
@media(prefers-reduced-motion:reduce){.home-js .home-page .guide-header,.home-js .home-page .guide-header *{transition:none!important}}
@media(max-width:720px){.home-js .home-page .guide-header:not(.is-scrolled) .docs-search-form{opacity:0;visibility:hidden}}

.home-hero h1 .brand-logo--stacked{width:auto;height:min(42svh,380px);max-width:92%;margin:0 auto}