@font-face{font-family:Manrope;src:url('assets/manrope-cyrillic.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('assets/manrope-latin.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:oklch(99% .002 265);--surface:oklch(96.7% .006 265);--panel:oklch(100% 0 0);--ink:oklch(20% .023 265);--muted:oklch(46% .025 265);--line:oklch(88% .012 265);--accent:oklch(49% .26 266);--accent-hover:oklch(42% .25 266);--tint:oklch(95% .025 245);--green:oklch(40% .09 170);--green-bg:oklch(95% .024 170);--warn:oklch(41% .12 55);--warn-bg:oklch(96% .04 80);--error:oklch(45% .19 25);--focus:oklch(60% .22 266);--radius:10px;--z-sticky:10;--z-popup:20}
:root[data-theme=dark]{--bg:oklch(18% .018 265);--surface:oklch(22% .024 265);--panel:oklch(20% .021 265);--ink:oklch(95% .006 265);--muted:oklch(75% .024 265);--line:oklch(34% .025 265);--accent:oklch(76% .135 265);--accent-hover:oklch(84% .1 265);--tint:oklch(24% .036 255);--green:oklch(81% .1 170);--green-bg:oklch(26% .04 170);--warn:oklch(84% .09 75);--warn-bg:oklch(28% .04 75);--error:oklch(78% .14 25);--focus:oklch(78% .14 265);color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:.9375rem/1.65 Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,input,select,textarea{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1{font-size:clamp(2.25rem,calc(4.9vw * var(--font-factor)),4.1875rem);font-weight:800;letter-spacing:-.04em;line-height:1.12}h2{font-size:clamp(1.5rem,calc(2.8vw * var(--font-factor)),2.25rem);letter-spacing:-.03em;line-height:1.25}h3{font-size:1.125rem;letter-spacing:-.02em;line-height:1.4}p{text-wrap:pretty;max-width:70ch}p+p{margin-top:14px}small,.small-text{font-size:0.75rem}.muted{color:var(--muted)}.accent{color:var(--accent)}.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{position:fixed;top:-80px;left:20px;z-index:30;background:var(--accent);color:var(--bg);padding:12px}.skip:focus{top:10px}.prototype-bar{padding:7px max(32px,calc((100vw - 1320px)/2));display:flex;justify-content:space-between;gap:20px;font-size:0.6875rem;color:var(--muted);background:var(--surface);border-bottom:1px solid var(--line)}.site-header{max-width:1384px;margin:auto;min-height:104px;padding:22px 32px;display:flex;align-items:center;gap:24px}.logo{font-size:1.375rem;line-height:1;font-weight:800;letter-spacing:-.045em;white-space:nowrap}.logo span{color:var(--accent);margin-left:4px}.brand-note{font-size:0.625rem;line-height:1.45;color:var(--muted);border-left:1px solid var(--line);padding-left:18px}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:25px;font-size:0.8125rem;font-weight:650}.site-header nav>a:not(.button){padding:10px 0;white-space:nowrap}.site-header nav>a:hover,.site-header nav>a[aria-current=page]{color:var(--accent)}.theme-label select{font-size:0.75rem;max-width:107px;background:var(--surface);padding:10px 5px;border:1px solid var(--line);border-radius:7px}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:12px 21px;border:1px solid transparent;border-radius:7px;background:var(--accent);color:var(--bg);font-weight:700;font-size:0.8125rem;line-height:1.5;transition:background .18s ease,transform .18s ease}.button:hover{background:var(--accent-hover);transform:translateY(-1px)}.button.small{min-height:42px;padding:10px 16px;font-size:0.75rem;gap:10px}.button.secondary{background:var(--panel);color:var(--accent);border-color:var(--line)}.button.secondary:hover{background:var(--surface)}.text-link{color:var(--accent);font-weight:700;display:inline-flex;align-items:center;gap:12px}.text-link:hover{text-decoration:underline}.page{max-width:1384px;margin:auto;padding:0 32px 70px;animation:page-in .22s ease-out}@keyframes page-in{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}.hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:68px;padding:58px 0 55px;align-items:center}.hero h1{max-width:980px}.hero .intro{font-size:1.125rem;line-height:1.7;margin-top:24px;max-width:670px;color:var(--muted)}.hero-side{border-left:1px solid var(--line);padding-left:35px;display:grid;gap:26px}.value-row{display:flex;gap:15px;align-items:flex-start}.value-row svg{width:29px;height:29px;flex-shrink:0;color:var(--accent);margin-top:3px}.value-row strong{display:block;font-size:0.8125rem}.value-row p{font-size:0.75rem;line-height:1.6;color:var(--muted);margin-top:4px}.task-picker h2{font-size:1.125rem;letter-spacing:-.015em}.task-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.task-tab{padding:18px 22px;display:flex;gap:18px;text-align:left;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);min-height:85px}.task-tab svg{height:28px;width:28px;flex-shrink:0;color:var(--accent)}.task-tab strong,.task-tab small{display:block}.task-tab small{color:var(--muted);margin-top:2px}.task-tab[aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}.task-tab[aria-pressed=true] svg,.task-tab[aria-pressed=true] small{color:inherit}.demo{margin-top:24px;background:var(--tint);border:1px solid var(--line);padding:26px;border-radius:var(--radius)}.section-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.section-top h2{font-size:1.375rem;letter-spacing:-.025em}.section-top p{font-size:0.8125rem;margin-top:5px;color:var(--muted)}.section-top .button{flex-shrink:0}.workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px;background:var(--panel);padding:24px;border-radius:8px;gap:0}.stage{padding:0 20px;border-left:1px solid var(--line);min-width:0}.stage:first-child{border-left:0;padding-left:0}.stage:last-child{padding-right:0}.stage h3{font-size:0.8125rem}.stage>p{font-size:0.6875rem;line-height:1.6;min-height:41px;margin-top:6px;color:var(--muted)}.stage-content{margin-top:17px}.file-row{display:flex;align-items:center;gap:10px;padding:12px 9px;border:1px solid var(--line);border-radius:5px;margin-top:8px;font-size:0.6875rem;min-width:0}.file-row .filetype{font-size:0.5625rem;letter-spacing:-.03em;font-weight:800;display:grid;place-content:center;background:var(--tint);color:var(--accent);border-radius:3px;width:30px;height:35px;flex-shrink:0}.file-row strong{display:block;font-weight:650;overflow-wrap:anywhere}.file-row small{font-size:0.625rem;color:var(--muted)}.process-row{padding:10px;background:var(--surface);border-radius:5px;font-size:0.6875rem;display:flex;gap:9px;align-items:center;margin:7px 0}.process-row span{color:var(--green);font-weight:800}.mini-table{width:100%;border-collapse:collapse;font-size:0.625rem;line-height:1.45}.mini-table th,.mini-table td{text-align:left;padding:9px 5px;border-bottom:1px solid var(--line)}.mini-table th{color:var(--muted);font-weight:500}.mini-table .warning{background:var(--warn-bg);color:var(--warn)}.badge{display:inline-block;padding:4px 8px;border-radius:4px;background:var(--surface);font-size:0.6875rem;font-weight:650}.badge.good{background:var(--green-bg);color:var(--green)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.demo-status{font-size:0.75rem;color:var(--muted);margin-top:18px;min-height:20px}.workflow.completed .process-row{background:var(--green-bg)}.route-links{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.route-link{display:flex;align-items:center;gap:22px;padding:26px 15px 14px 0;min-width:0}.route-link+.route-link{border-left:1px solid var(--line);padding-left:34px}.route-link svg{height:36px;width:36px;color:var(--accent);flex-shrink:0}.route-link strong{display:block;font-size:1.0rem}.route-link p{font-size:0.75rem;color:var(--muted);margin-top:4px}.route-link .arrow{margin-left:auto;font-size:1.5625rem}.route-link:hover strong{color:var(--accent)}.breadcrumbs{font-size:0.75rem;color:var(--muted);padding-top:24px;display:flex;flex-wrap:wrap;gap:10px}.breadcrumbs a:hover{color:var(--accent)}.page-heading{padding:35px 0 45px;max-width:950px}.page-heading h1{font-size:clamp(2.125rem,calc(4.4vw * var(--font-factor)),3.625rem)}.page-heading p{font-size:1.125rem;color:var(--muted);margin-top:19px;max-width:65ch}.page-heading .badge{margin-bottom:18px}.solutions-list{border-top:1px solid var(--line)}.solution-row{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,1.2fr) 30px;gap:24px;padding:31px 0;border-bottom:1px solid var(--line);align-items:center}.solution-row:hover{color:var(--accent)}.solution-row svg{width:32px;height:32px;color:var(--accent)}.solution-row h2{font-size:1.375rem;letter-spacing:-.02em}.solution-row p{font-size:0.875rem;color:var(--muted)}.solution-row .arrow{font-size:1.6875rem}.note-band{background:var(--surface);padding:26px 30px;display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:36px;border-radius:8px}.note-band p{color:var(--muted);font-size:0.875rem;margin-top:5px}.inside-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:55px}.local-nav{align-self:start;position:sticky;top:26px;display:flex;flex-direction:column;gap:6px;font-size:0.8125rem}.local-nav a{padding:10px 12px;border-radius:6px}.local-nav a:hover{background:var(--surface);color:var(--accent)}.local-nav .nav-title{font-size:0.75rem;color:var(--muted);padding:12px}.local-nav .button{margin-top:30px;font-size:0.75rem}.article{max-width:980px}.article>section:not(.solution-example){padding:32px 0;border-top:1px solid var(--line);scroll-margin-top:20px}.article>section:first-child:not(.solution-example){padding-top:0;border:0}.article h2{font-size:1.625rem;margin-bottom:15px}.article p{font-size:0.9375rem;color:var(--muted)}.article .lead{font-size:1.125rem}.split-content{display:grid;grid-template-columns:1fr 1fr;gap:32px}.split-content h3{margin-bottom:10px}.clean-list{padding-left:20px;color:var(--muted);margin:0}.clean-list li{margin:8px 0}.flowline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px}.flowline>div{background:var(--surface);padding:20px 14px;min-width:0;border-radius:7px}.flowline svg{width:28px;height:28px;color:var(--accent);margin-bottom:15px}.flowline strong{display:block;font-size:0.75rem}.flowline p{font-size:0.6875rem;margin-top:5px}.case-hero{background:var(--tint);padding:30px;border-radius:10px;margin-bottom:40px}.case-hero .workflow{margin-top:20px}.case-labels{display:flex;gap:8px;flex-wrap:wrap}.case-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;padding:24px 0 34px;border-bottom:1px solid var(--line);margin-bottom:34px}.case-meta small{display:block;color:var(--muted);margin-bottom:6px}.case-meta strong{font-size:0.875rem}.tool-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:54px;align-items:start}.calculator{min-width:0}.form-section{padding:25px 0;border-top:1px solid var(--line)}.form-section:first-child{padding-top:0;border:0}.form-section h2{font-size:1.3125rem;margin-bottom:20px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>label{font-size:0.8125rem;font-weight:650}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--panel);padding:12px;border-radius:6px;width:100%;min-height:48px;font-size:0.9375rem}.field textarea{resize:vertical;min-height:125px}.field small{font-size:0.6875rem;color:var(--muted);line-height:1.5}.field .field-error{color:var(--error);font-size:0.75rem}.field input[aria-invalid=true]{border-color:var(--error)}.field.wide{grid-column:1/-1}.field input[type=range]{padding:0;border:none;accent-color:var(--accent);background:none;min-height:30px}.range-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.range-label output{font-size:1.1875rem;color:var(--accent);font-weight:750}.result-panel{background:var(--tint);border:1px solid var(--line);padding:30px;border-radius:10px;position:sticky;top:25px}.result-panel h2{font-size:1.375rem;margin-bottom:20px}.result-panel .big-result{font-size:clamp(2.375rem,calc(4.5vw * var(--font-factor)),3.875rem);letter-spacing:-.04em;font-weight:800;line-height:1.2;color:var(--accent);margin:8px 0}.result-panel .result-caption{font-size:0.8125rem;color:var(--muted)}.result-line{display:flex;justify-content:space-between;gap:20px;font-size:0.8125rem;margin:12px 0}.result-line span{color:var(--muted)}.result-details{padding-top:20px;border-top:1px solid var(--line);margin-top:25px}.result-details p{font-size:0.75rem;color:var(--muted)}.result-panel .button{width:100%;margin-top:24px}.chart{display:grid;gap:15px;margin:25px 0}.chart-row{display:grid;grid-template-columns:65px minmax(0,1fr);gap:12px;align-items:center;font-size:0.75rem}.bar-track{height:11px;border-radius:3px;background:var(--line);overflow:hidden}.bar{height:100%;background:var(--muted);width:100%;transition:width .2s ease}.bar.after{background:var(--accent)}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:650;font-size:0.8125rem}details p{font-size:0.75rem;color:var(--muted);margin-top:15px}.notice{padding:16px;background:var(--surface);border-radius:6px;color:var(--muted);font-size:0.75rem}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:22px}.actions .text-link{font-size:0.75rem;background:none;border:none;padding:10px 0}.error-summary{color:var(--error);font-size:0.8125rem;margin-top:12px}.brief-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:70px}.brief-layout form{display:grid;gap:20px}.brief-aside{padding:30px;background:var(--surface);border-radius:8px;align-self:start}.brief-aside h2{font-size:1.5rem;margin-bottom:16px}.brief-aside p,.brief-aside li{font-size:0.875rem;color:var(--muted)}.brief-aside ol{padding-left:20px;margin:22px 0}.brief-aside li{padding:5px 0}.brief-preview{margin-top:30px;border:1px solid var(--line);border-radius:8px;padding:24px}.brief-preview h2{font-size:1.3125rem;margin-bottom:20px}.brief-preview pre{font:.8125rem/1.8 Manrope,Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}.status{font-size:0.75rem;color:var(--muted);min-height:20px;margin-top:14px}.practice-list{counter-reset:steps;display:grid;gap:0;margin-top:30px}.practice-step{display:grid;grid-template-columns:50px 220px 1fr;gap:22px;padding:28px 0;border-top:1px solid var(--line)}.practice-step::before{counter-increment:steps;content:counter(steps);font-size:1.5rem;color:var(--accent);font-weight:750}.practice-step p{color:var(--muted)}.site-footer{max-width:1320px;margin:0 auto;border-top:1px solid var(--line);padding:32px 0 38px;display:flex;justify-content:space-between;gap:25px}.site-footer .logo{font-size:1.0625rem}.site-footer p,.site-footer small{font-size:0.6875rem;color:var(--muted);margin-top:12px}.site-footer>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:7px;font-size:0.75rem}.site-footer a:hover{color:var(--accent)}[hidden]{display:none!important}
@media(min-width:1500px){.hero{padding-top:75px}.page{padding-bottom:90px}}
@media(max-width:1190px){.brand-note{display:none}.site-header{gap:18px}.site-header nav{gap:20px}.hero{gap:40px;grid-template-columns:minmax(0,3fr) minmax(200px,1fr)}.hero-side{padding-left:24px}.workflow{padding:18px}.stage{padding:0 12px}.site-footer{margin:0 32px}.tool-layout{gap:32px}.brief-layout{gap:40px}}
@media(max-width:900px){.site-header{flex-wrap:wrap;min-height:90px;gap:18px}.site-header nav{order:3;width:100%;justify-content:space-between;margin-top:5px;gap:15px}.theme-label{margin-left:auto}.site-header nav .button{margin-left:auto}.hero{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:35px}.hero h1{max-width:740px}.hero-side{padding:0;border-left:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.value-row{gap:10px}.hero .intro{max-width:620px}.workflow{grid-template-columns:1fr 1fr;gap:25px 0;padding:24px}.stage:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:20px}.stage:nth-child(4){border-top:1px solid var(--line);padding-top:20px}.stage:nth-child(2){padding-right:0}.stage>p{min-height:0}.task-tab{padding:15px;gap:12px}.task-tab strong{font-size:0.8125rem}.task-tab small{font-size:0.6875rem}.inside-layout{grid-template-columns:155px minmax(0,1fr);gap:28px}.flowline{grid-template-columns:1fr 1fr}.split-content{gap:24px}.tool-layout{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:25px}.result-panel{padding:22px}.field-grid{grid-template-columns:1fr}.brief-layout{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,.75fr)}.brief-aside{padding:23px}.solution-row{grid-template-columns:40px minmax(0,1fr) minmax(0,1fr) 25px;gap:20px}.solution-row h2{font-size:1.1875rem}.practice-step{grid-template-columns:35px 160px 1fr;gap:20px}}
@media(max-width:620px){body{font-size:0.875rem}.prototype-bar{padding:7px 20px;font-size:0.625rem}.prototype-bar>span:last-child{display:none}.site-header{padding:24px 20px;gap:14px;min-height:92px}.logo{font-size:1.25rem}.menu-toggle{display:flex;align-items:center;gap:7px;background:none;border:none;padding:9px 0;font-size:0.75rem;margin-left:auto;order:2}.theme-label{order:1;margin-left:auto}.theme-label select{font-size:0.6875rem;max-width:80px;padding:9px 2px}.site-header nav{display:none;order:3;align-items:stretch;flex-direction:column;margin:5px 0 0;padding:16px 0 0;border-top:1px solid var(--line);gap:6px}.site-header nav.open{display:flex}.site-header nav>a:not(.button){padding:10px 0}.site-header nav .button{margin-left:0;margin-top:8px}.page{padding:0 20px 45px}.hero{padding:25px 0 30px;gap:26px}h1{font-size:clamp(2.0rem,calc(8.7vw * var(--font-factor)),3.0rem);letter-spacing:-.035em}.hero .intro{font-size:0.9375rem;margin-top:20px}.hero-side{grid-template-columns:1fr;gap:14px}.value-row{gap:14px}.value-row svg{width:24px;height:24px}.value-row p{margin-top:1px;font-size:0.6875rem}.value-row strong{font-size:0.75rem}.task-picker h2{font-size:1.0625rem}.task-tabs{grid-template-columns:1fr;gap:8px;margin-top:14px}.task-tab{min-height:67px;padding:12px 15px}.task-tab svg{width:24px;height:24px}.task-tab strong{font-size:0.875rem}.task-tab small{font-size:0.6875rem}.demo{padding:18px;margin-top:20px}.section-top{flex-direction:column;gap:16px}.section-top h2{font-size:1.3125rem}.section-top p{font-size:0.75rem}.section-top .button{width:100%}.workflow{grid-template-columns:1fr;padding:18px;margin-top:18px;gap:20px}.stage,.stage:first-child,.stage:last-child,.stage:nth-child(3),.stage:nth-child(4){border-left:none;padding:18px 0 0;border-top:1px solid var(--line)}.stage:first-child{border-top:0;padding-top:0}.stage h3{font-size:0.875rem}.stage>p{font-size:0.75rem}.stage-content{margin-top:12px}.file-row,.process-row{font-size:0.75rem}.mini-table{font-size:0.6875rem}.demo-status{font-size:0.6875rem}.route-links{grid-template-columns:1fr;margin-top:24px}.route-link{padding:22px 0}.route-link+.route-link{padding-left:0;border-left:0;border-top:1px solid var(--line)}.route-link strong{font-size:0.9375rem}.breadcrumbs{padding-top:15px;font-size:0.6875rem}.page-heading{padding:28px 0 32px}.page-heading h1{font-size:2.125rem}.page-heading p{font-size:0.9375rem;margin-top:17px}.solution-row{grid-template-columns:32px minmax(0,1fr) 20px;gap:10px 16px;padding:24px 0}.solution-row h2{font-size:1.1875rem}.solution-row p{grid-column:2;grid-row:2;font-size:0.8125rem}.solution-row .arrow{grid-column:3;grid-row:1/3;font-size:1.4375rem}.note-band{padding:22px;flex-direction:column;align-items:flex-start;margin-top:28px}.note-band h3{font-size:1.125rem}.note-band p{font-size:0.8125rem}.inside-layout{grid-template-columns:1fr;gap:30px}.local-nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.local-nav .nav-title{width:100%;padding:0 0 4px}.local-nav a{padding:8px 10px;background:var(--surface);font-size:0.75rem}.local-nav .button{display:none}.article h2{font-size:1.5rem}.article p{font-size:0.875rem}.article .lead{font-size:1.0rem}.split-content{grid-template-columns:1fr;gap:24px}.flowline{gap:8px}.flowline>div{padding:15px 12px}.case-hero{padding:18px;margin-bottom:25px}.case-meta{grid-template-columns:1fr;gap:18px}.tool-layout,.brief-layout{grid-template-columns:1fr;gap:28px}.field-grid{grid-template-columns:1fr 1fr;gap:18px 12px}.field label{font-size:0.75rem}.field input,.field select,.field textarea{font-size:1.0rem;padding:11px 10px}.result-panel{position:static;padding:24px}.result-panel .big-result{font-size:3.0rem}.brief-aside{padding:24px}.brief-preview{padding:20px}.brief-preview .actions .button{width:100%}.practice-step{grid-template-columns:30px 1fr;gap:10px 15px;padding:23px 0}.practice-step p{grid-column:2;font-size:0.875rem}.practice-step h3{font-size:1.125rem}.site-footer{margin:0 20px;padding:26px 0;flex-direction:column;gap:22px}.site-footer>div:last-child{align-items:flex-start}.site-footer p{margin-top:8px}}
@media(max-width:370px){.site-header{gap:10px}.logo{font-size:1.125rem}.theme-label select{max-width:75px}.menu-toggle{font-size:0.6875rem}.field-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

:root[data-font=larger]{font-size:18px}:root[data-font=large]{font-size:20px}.display-settings{position:relative;flex-shrink:0;border:0;padding:0}.display-settings summary{list-style:none;padding:9px 11px;background:var(--surface);border:1px solid var(--line);border-radius:6px;font-size:.75rem;display:flex;gap:8px}.display-settings summary::-webkit-details-marker{display:none}.settings-panel{position:absolute;right:0;top:calc(100% + 10px);width:260px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px;z-index:20;display:grid;gap:9px}.settings-panel label{font-size:.75rem;font-weight:650}.settings-panel select{min-width:0;width:100%;padding:11px 7px;margin-bottom:7px;background:var(--surface);border:1px solid var(--line);border-radius:5px;font-size:.75rem}html[data-font=large] .site-header nav{gap:14px}html[data-font=large] .brand-note{display:none}@media(max-width:620px){.display-settings{order:1;margin-left:auto}.menu-toggle{margin-left:0}.settings-panel{right:-65px;width:min(285px,calc(100vw - 40px))}html[data-font=large] .site-header .logo{font-size:1rem}.field-grid{grid-template-columns:1fr}html[data-font=large] .task-tab small{font-size:.7rem}html[data-font=large] .page-heading h1{font-size:1.8rem}html[data-font=large] h1{font-size:1.9rem}html[data-font=large] .stage{overflow-wrap:anywhere}}

:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}

:root{--font-factor:1}:root[data-font=larger]{--font-factor:1.125}:root[data-font=large]{--font-factor:1.25}

:root{--scrim:rgb(0 0 0 / .72)}

/* Approved studio field: fixed brand contrast in both themes. */
:root{--brand-field:oklch(49% .26 266);--on-brand:oklch(100% 0 0);--brand-line:rgb(255 255 255 / .35);--brand-field-hover:oklch(42% .25 266)}