/* Compact overview and direct appearance controls shared by every route. */
.site-header{min-height:80px;padding-top:18px;padding-bottom:14px;gap:20px}
.brand-note{display:none}
.display-toolbar{max-width:1384px;margin:auto;padding:0 32px 10px;display:flex;justify-content:flex-end;gap:18px;border-bottom:1px solid var(--line)}
.display-group{display:flex;align-items:center;gap:3px;min-width:0}
.control-caption{font-size:.7rem;color:var(--muted);margin-right:7px}
.display-group button{min-width:44px;min-height:44px;padding:6px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:.85rem;font-weight:700;display:grid;place-items:center}
.display-group button svg{width:20px;height:20px}
.display-group button[data-theme-choice]{font-size:1.3rem;line-height:1}
.display-group button:hover{background:var(--surface);color:var(--ink)}
.display-group button[aria-pressed=true]{color:var(--accent);background:var(--tint);border-color:var(--line)}
.compact-hero{grid-template-columns:minmax(0,1fr) minmax(310px,360px);gap:50px;padding:28px 0 30px}
.compact-hero h1{font-size:clamp(1.85rem,calc(3vw * var(--font-factor)),2.7rem);line-height:1.13;letter-spacing:-.03em;max-width:700px}
.compact-hero .intro{font-size:1rem;line-height:1.6;margin-top:13px;max-width:580px}
.hero-link{font-size:.8rem;margin-top:15px}
.founder{display:flex;align-items:center;gap:22px;min-width:0}
.portrait-slot{width:140px;min-height:176px;flex-shrink:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted)}
.portrait-initials{font-size:2rem;font-weight:700;color:var(--ink);letter-spacing:-.035em}
.portrait-slot small{font-size:.625rem}
.founder-copy{min-width:0}.founder-role{font-size:.65rem;color:var(--muted)}
.founder-copy h2{font-size:1.3rem;line-height:1.2;letter-spacing:-.02em;margin-top:5px}
.founder-copy p{font-size:.75rem;line-height:1.6;margin-top:10px;color:var(--muted)}
.founder-copy a{font-size:.7rem;margin-top:12px}
.task-tab{min-height:70px;padding:12px 18px}
.task-tabs{margin-top:12px}
.demo{margin-top:20px;padding:22px}
.page-heading{padding-top:26px;padding-bottom:26px}
.page-heading h1{font-size:clamp(1.8rem,calc(3vw * var(--font-factor)),2.6rem)}
.page-heading p{font-size:1rem;margin-top:12px}
@media(max-width:1100px){.compact-hero{gap:28px;grid-template-columns:minmax(0,1fr) 310px}.founder{gap:16px}.portrait-slot{width:110px;min-height:152px}}
@media(max-width:900px){.site-header{gap:10px;padding-top:16px;padding-bottom:10px;min-height:70px}.site-header nav{margin-top:6px}.display-toolbar{padding-top:0;padding-bottom:8px}.compact-hero{grid-template-columns:minmax(0,1fr) 270px;gap:24px;padding-top:24px}.founder{gap:14px}.portrait-slot{width:92px;min-height:138px}.founder-copy h2{font-size:1.1rem}.founder-copy p{font-size:.7rem}.compact-hero .intro{font-size:.9375rem}.compact-hero h1{font-size:2rem}}
@media(max-width:620px){.site-header{padding:15px 20px 10px;min-height:64px}.menu-toggle{margin-left:auto}.display-toolbar{padding:0 16px 7px;gap:8px;justify-content:space-between;flex-wrap:wrap}.control-caption{display:none}.display-group{gap:2px}.display-group button{min-width:44px;min-height:44px}.compact-hero{grid-template-columns:1fr;gap:20px;padding:22px 0}.compact-hero h1,html[data-font=large] .compact-hero h1{font-size:1.85rem}.compact-hero .intro{font-size:.9rem;margin-top:12px}.hero-link{margin-top:12px}.founder{gap:14px;border-top:1px solid var(--line);padding-top:16px}.portrait-slot{width:76px;min-height:92px;gap:5px}.portrait-initials{font-size:1.5rem}.portrait-slot small{font-size:.55rem}.founder-copy{display:grid;grid-template-columns:1fr auto;column-gap:14px;flex:1}.founder-role{grid-column:1/-1}.founder-copy h2{font-size:1rem}.founder-copy h2 br{display:none}.founder-copy h2 br::after{content:' '}.founder-copy p{font-size:.7rem;margin-top:6px;grid-column:1/-1}.founder-copy a{font-size:.65rem;margin-top:5px;grid-row:2;grid-column:2;align-self:center}.demo{padding:16px}.task-tab{min-height:64px;padding:10px 14px}.task-picker h2{font-size:1rem}}
@media(max-width:390px){.founder-copy{display:block}.founder-copy h2 br{display:initial}.founder-copy a{display:inline-flex;margin-top:6px}.display-toolbar{justify-content:space-between}}

/* Chosen modular identity: outlined lettering and adaptive colourways. */
.logo{display:inline-flex;align-items:center;flex-shrink:0;min-height:44px}
.logo img{display:block;width:210px;height:auto;max-width:100%}.logo .brand-dark{display:none}
:root[data-theme=dark] .logo .brand-light{display:none}:root[data-theme=dark] .logo .brand-dark{display:block}
@media(max-width:620px){.logo img{width:190px}.site-header{column-gap:8px}}
@media(max-width:370px){.logo img{width:174px}}
/* Process modules share the angular, restrained language of the approved mark. */
.solution-shortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 24px;padding:16px 0;border-block:1px solid var(--line)}
.solution-shortcuts>span{font-size:.8rem;color:var(--muted);margin-right:8px}
.solution-shortcuts a{padding:9px 13px;border:1px solid var(--line);border-radius:5px;font-size:.8rem;min-height:44px;display:flex;align-items:center;background:var(--panel)}
.solution-shortcuts a:hover{border-color:var(--accent);color:var(--accent);background:var(--tint)}
.solution-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:0 0 32px}.solution-actions .text-link{font-size:.85rem}
.section-eyebrow{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;color:var(--muted);margin-bottom:12px}
.solution-example{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--surface);padding:24px}
.article .solution-example h2{font-size:1.4rem}.example-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:20px 0}.example-pair span{font-size:.75rem;color:var(--accent);font-weight:750}.example-pair p{margin-top:6px;font-size:.9rem}
.scenario-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px;border:1px solid var(--line);background:var(--panel)}
.scenario-step{padding:20px;min-width:0;border-top:3px solid transparent;transition:background .15s ease,border-color .15s ease}.scenario-step+.scenario-step{border-left:1px solid var(--line)}
.scenario-step.is-active{background:var(--tint);border-top-color:var(--accent)}
.scenario-number{font-size:.7rem;font-weight:750;color:var(--accent);margin-bottom:12px}
.scenario-step h3{font-size:.95rem}.scenario-step>p{font-size:.75rem;color:var(--muted);min-height:2.7em;margin-top:5px}
.scenario-step ul{list-style:none;padding:0;margin:20px 0 0}.scenario-step li{border-top:1px solid var(--line);padding:9px 0;font-size:.75rem;overflow-wrap:anywhere}
@media(max-width:1000px){.scenario-grid{grid-template-columns:1fr 1fr}.scenario-step:nth-child(3){border-left:0}.scenario-step:nth-child(n+3){border-bottom:0;border-top-color:var(--line)}.scenario-step.is-active{border-top-color:var(--accent)}}
@media(max-width:620px){.scenario-grid{grid-template-columns:1fr}.scenario-step+.scenario-step{border-left:0;border-top-color:var(--line)}.scenario-step.is-active{border-top-color:var(--accent)}.scenario-step{padding:16px}.scenario-step>p{min-height:0}.scenario-step ul{margin-top:12px}.scenario-number{margin-bottom:6px}.example-pair{grid-template-columns:1fr;gap:18px}.solution-example{padding:18px}.solution-actions{gap:14px;margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.scenario-step{transition:none}}
/* The active navigation state must retain CTA contrast. */
.site-header nav>a.button[aria-current=page],.site-header nav>a.button:hover{color:var(--bg)}
.site-header nav>a.button[aria-current=page]{text-decoration:underline;text-underline-offset:4px}