:root{--edu-action-primary:#006437;--edu-action-primary-hover:#00562F;--edu-action-primary-active:#004A29;--edu-brand-primary:#006437;--edu-brand-accent:#F06423;--edu-primary-subtle:#F0F6F3;--edu-accent-subtle:#FEF3ED;--edu-on-accent-subtle:#BC4F1B;--edu-text:#202723;--edu-text-muted:#57635D;--edu-border:#D8E0DB;--edu-border-control:#78877D;--edu-surface-muted:#F6F8F6;--edu-success:#237A46;--edu-success-surface:#EEF7F0;--edu-warning:#8A5700;--edu-warning-surface:#FFF6E5;--edu-error:#B42318;--edu-error-surface:#FEF1F0;--edu-info:#235D9F;--edu-info-surface:#EFF5FC;font-family:"Avenir Next",-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif;color:var(--edu-text);background:#F6F8F6;font-size:16px;line-height:1.65;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--edu-action-primary);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--edu-action-primary);outline-offset:3px;box-shadow:0 0 0 3px white}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.3;letter-spacing:-.025em}h1{font-size:40px;font-weight:600}h2{font-size:28px;font-weight:600}h3{font-size:20px;font-weight:600}h4{font-size:16px;margin-bottom:8px}img{max-width:100%;display:block}button{color:inherit}small,.small{font-size:12px}.muted{color:var(--edu-text-muted)}[hidden]{display:none!important}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}hr{border:0;border-top:1px solid var(--edu-border);margin:30px 0}.skip{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}
.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#fff;border-right:1px solid var(--edu-border);padding:30px 18px;display:flex;flex-direction:column;z-index:20}.side-brand{padding:0 14px 28px}.side-brand img{width:154px}.side-brand p{margin:18px 0 0;font-size:12px;letter-spacing:.12em;color:var(--edu-text-muted)}.sidebar nav{display:grid;gap:5px}.sidebar nav button{width:100%;text-align:left;background:transparent;border:0;padding:12px 14px;border-radius:5px;font-size:16px}.sidebar nav button:hover{background:var(--edu-surface-muted)}.sidebar nav button[aria-current=page]{background:var(--edu-primary-subtle);color:var(--edu-action-primary);font-weight:600}.nav-index{display:inline-block;width:29px;font-size:12px;font-variant-numeric:tabular-nums;opacity:.75}.side-bottom{margin-top:auto;padding:28px 14px 0}.side-bottom p{font-size:12px;color:var(--edu-text-muted);margin:4px 0}.side-line{height:3px;width:26px;background:var(--edu-brand-accent);margin-bottom:14px}
.workspace{margin-left:224px}.topbar{position:sticky;top:0;background:rgba(255,255,255,.98);border-bottom:1px solid var(--edu-border);min-height:74px;padding:14px 40px;display:flex;align-items:center;justify-content:space-between;gap:18px;z-index:15}.topbar-title{font-size:16px;color:var(--edu-text-muted)}.topbar-title strong{color:var(--edu-text);font-weight:600}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:5px;background:var(--edu-action-primary);color:#fff;text-decoration:none;font-size:16px;font-weight:500;transition:background .16s,border-color .16s}.btn:hover{background:var(--edu-action-primary-hover)}.btn:active{background:var(--edu-action-primary-active)}.btn.secondary{background:#fff;color:var(--edu-action-primary);border-color:var(--edu-action-primary)}.btn.secondary:hover{background:var(--edu-primary-subtle)}.btn.quiet{background:transparent;color:var(--edu-text);border-color:var(--edu-border)}.btn.quiet:hover{background:var(--edu-surface-muted)}.btn.small{min-height:38px;padding:7px 12px;font-size:12px}.btn:disabled{background:#E5E9E6;color:#68756C;border-color:transparent}.link-button{background:none;border:0;padding:0;color:var(--edu-action-primary);text-align:left;text-decoration:underline;text-underline-offset:4px}.menu-button{display:none}.color-dot{width:14px;height:14px;display:inline-block;background:var(--edu-brand-primary);border:1px solid #0002;border-radius:50%}.main{max-width:1440px;margin:auto;padding:44px 40px 64px}.page-intro{max-width:750px;margin-bottom:32px}.page-intro p{color:var(--edu-text-muted);font-size:16px;max-width:660px;margin-bottom:0}.eyebrow{font-size:12px;letter-spacing:.15em;color:var(--edu-action-primary);font-weight:600;margin-bottom:12px}.page-intro h1{margin-bottom:15px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.section-space{margin-top:42px}.section-head{margin-bottom:22px}.section-head h2{margin-bottom:8px}.section-head p{color:var(--edu-text-muted);margin:0;font-size:16px}.panel{background:#fff;border:1px solid var(--edu-border);border-radius:7px;overflow:hidden}.panel-pad{padding:28px}.sample-caption{font-size:12px;color:var(--edu-text-muted);margin:10px 0 0}.page-foot{font-size:12px;color:var(--edu-text-muted);border-top:1px solid var(--edu-border);padding-top:24px;margin-top:46px}.badge{display:inline-flex;padding:4px 9px;border-radius:3px;font-size:12px;font-weight:500;background:var(--edu-primary-subtle);color:var(--edu-action-primary)}.badge.accent{background:var(--edu-accent-subtle);color:var(--edu-on-accent-subtle)}.badge.neutral{background:var(--edu-surface-muted);color:var(--edu-text-muted)}
.overview-hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:330px;background:#fff;border:1px solid var(--edu-border);border-radius:7px;overflow:hidden}.overview-copy{padding:36px;display:flex;flex-direction:column;justify-content:center}.overview-copy h2{font-size:36px;max-width:390px;margin-bottom:18px}.overview-copy p{color:var(--edu-text-muted);max-width:380px;font-size:16px}.overview-image{height:100%;width:100%;object-fit:cover;object-position:60%}.overview-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-top:28px}.overview-item{padding:22px 0;border-top:2px solid var(--edu-border)}.overview-item h3{font-size:20px;margin-bottom:9px}.overview-item p{font-size:16px;color:var(--edu-text-muted);margin-bottom:14px}.overview-swatch{height:72px;border-radius:4px}.color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.color-meta{font-size:12px;margin-top:10px}.color-meta code{display:block;color:var(--edu-text-muted);font-size:12px;margin-top:2px}.type-row{display:grid;grid-template-columns:125px 1fr;gap:20px;padding:22px 0;align-items:baseline;border-bottom:1px solid var(--edu-border)}.type-row:last-child{border:0}.type-row p{margin:0}.type-label{font-size:12px;color:var(--edu-text-muted)}.spacing-row{display:flex;align-items:end;gap:22px;flex-wrap:wrap}.space-chip{background:var(--edu-primary-subtle);border-left:3px solid var(--edu-action-primary);height:30px;margin-bottom:8px}
.filterbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filter-chip{padding:9px 15px;border:1px solid var(--edu-border);background:#fff;border-radius:4px;font-size:12px;min-height:40px}.filter-chip[aria-pressed=true]{background:var(--edu-action-primary);color:#fff;border-color:var(--edu-action-primary)}.component{margin-bottom:32px}.component-heading{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.component-heading h2{font-size:20px;margin:0}.component-code{font-size:12px;color:var(--edu-text-muted);font-family:ui-monospace,monospace}.specimen{background:#fff;border:1px solid var(--edu-border);border-radius:6px;padding:26px}.demo-hero{background:var(--edu-primary-subtle);padding:36px;display:grid;grid-template-columns:1fr .9fr;gap:32px;align-items:center}.demo-hero img{width:100%;height:220px;object-fit:cover;border-radius:4px}.demo-hero h2{font-size:32px;margin-bottom:16px}.demo-hero p{font-size:16px;color:var(--edu-text-muted)}.rich{max-width:720px}.rich h3{margin-top:26px}.rich p{margin-bottom:18px}.rich li{padding:3px 0}.media-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.media-pair img{width:100%;aspect-ratio:16/9;object-fit:cover}.video-slot{aspect-ratio:16/9;background:var(--edu-surface-muted);display:grid;place-content:center;text-align:center;border:1px dashed var(--edu-border-control)}.video-slot strong{font-size:16px}.video-slot span{font-size:12px;color:var(--edu-text-muted)}figure{margin:0}figcaption{font-size:12px;color:var(--edu-text-muted);margin-top:8px}.split-content{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.split-content img{width:100%;aspect-ratio:4/3;object-fit:cover}.split-content p{color:var(--edu-text-muted)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.content-card{border:1px solid var(--edu-border);border-radius:6px;overflow:hidden;background:white;display:flex;flex-direction:column}.content-card .card-body{padding:20px;flex:1}.content-card h3{font-size:20px;margin:12px 0}.content-card p{font-size:16px;color:var(--edu-text-muted);margin-bottom:14px}.content-card img{height:160px;width:100%;object-fit:cover}.content-card .card-end{padding:0 20px 20px;margin-top:auto}.card-type{font-size:12px;color:var(--edu-text-muted);letter-spacing:.04em}.avatar{width:64px;height:64px;border-radius:50%;background:var(--edu-primary-subtle);color:var(--edu-action-primary);display:grid;place-items:center;font-weight:600;font-size:20px;margin:20px 20px 0}.date-block{margin:20px 20px 0;color:var(--edu-action-primary);font-size:32px;font-weight:600;line-height:1.2}.date-block span{font-size:12px;display:block;font-weight:400;margin-top:4px}.quicklinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--edu-border);border:1px solid var(--edu-border)}.quicklinks button{background:#fff;border:0;text-align:left;padding:22px;color:var(--edu-action-primary);display:flex;justify-content:space-between}.quicklinks button:hover{background:var(--edu-primary-subtle)}.cta-band{padding:28px;background:var(--edu-primary-subtle);display:flex;align-items:center;justify-content:space-between;gap:20px}.cta-band h3{margin:0 0 8px}.cta-band p{font-size:16px;color:var(--edu-text-muted);margin:0}.notice{padding:16px 18px;border-left:3px solid var(--edu-info);background:var(--edu-info-surface);font-size:16px;color:var(--edu-info)}.notice.success{border-color:var(--edu-success);background:var(--edu-success-surface);color:var(--edu-success)}.notice.warning{border-color:var(--edu-warning);background:var(--edu-warning-surface);color:var(--edu-warning)}.notice.error{border-color:var(--edu-error);background:var(--edu-error-surface);color:var(--edu-error)}.notice strong{display:block;margin-bottom:3px}details{border-bottom:1px solid var(--edu-border)}summary{padding:18px 2px;cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:18px}summary::after{content:'+';color:var(--edu-action-primary);font-size:20px}details[open] summary::after{content:'−'}details>div{padding:0 2px 20px;color:var(--edu-text-muted);font-size:16px}details p:last-child{margin:0}.file-row{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--edu-border)}.file-row:last-child{border:0}.file-type{width:44px;height:48px;background:var(--edu-primary-subtle);color:var(--edu-action-primary);display:grid;place-items:center;font-size:12px;font-weight:600;flex:none}.file-copy{flex:1;min-width:0}.file-copy strong{font-size:16px;display:block}.file-copy>span{font-size:12px;color:var(--edu-text-muted)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:16px}caption{text-align:left;font-size:12px;color:var(--edu-text-muted);padding-bottom:12px}th{background:var(--edu-surface-muted);font-weight:500}th,td{padding:14px;border-bottom:1px solid var(--edu-border);vertical-align:top}.contact{border-top:3px solid var(--edu-action-primary);padding:24px;background:var(--edu-surface-muted)}.contact dl,.facts{display:grid;grid-template-columns:100px 1fr;gap:12px;margin:0}.contact dt,.facts dt{font-size:12px;color:var(--edu-text-muted)}.contact dd,.facts dd{margin:0;font-size:16px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;padding:0;margin:0;counter-reset:step}.steps li{counter-increment:step;border-top:1px solid var(--edu-border);padding-top:18px}.steps li::before{content:counter(step,decimal-leading-zero);color:var(--edu-action-primary);font-size:12px;font-weight:600}.steps h4{margin-top:12px}.steps p{font-size:16px;color:var(--edu-text-muted);margin:0}.search-fields{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.field{display:grid;gap:6px;font-size:12px;flex:1;min-width:160px}.field input,.field select,.field textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--edu-border-control);border-radius:4px;background:#fff;color:var(--edu-text)}.field textarea{min-height:100px;resize:vertical}.pagination{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:18px}.pagination button{min-width:40px;height:40px;background:white;border:1px solid var(--edu-border);border-radius:4px}.pagination button[aria-current=page]{background:var(--edu-action-primary);color:white}.toc{border-left:2px solid var(--edu-border);padding-left:20px;display:grid;gap:10px}.toc a{font-size:16px;text-decoration:none}.related{display:grid;grid-template-columns:1fr 1fr;gap:20px}.related button{text-align:left;padding:20px;border:1px solid var(--edu-border);background:var(--edu-surface-muted);color:var(--edu-action-primary);border-radius:4px}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--edu-border);margin-bottom:22px;flex-wrap:wrap}.tabs button{padding:10px 2px 14px;border:0;border-bottom:3px solid transparent;background:none;font-size:16px;color:var(--edu-text-muted)}.tabs button[aria-selected=true]{border-color:var(--edu-action-primary);color:var(--edu-action-primary);font-weight:600}.gallery{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.gallery button{padding:0;border:0;background:none}.gallery img{width:100%;height:210px;object-fit:cover;border-radius:4px}.gallery button:last-child img{object-position:90%}.quote{margin:0;border-left:3px solid var(--edu-brand-accent);padding:12px 26px;max-width:650px}.quote p{font-size:24px;line-height:1.6}.quote cite{font-size:12px;font-style:normal;color:var(--edu-text-muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stat strong{font-size:40px;color:var(--edu-action-primary);display:block;font-weight:500}.stat span{font-size:16px;color:var(--edu-text-muted)}.logo-slot{border:1px dashed var(--edu-border-control);min-height:85px;display:grid;place-content:center;color:var(--edu-text-muted);font-size:16px}.carousel-copy{max-width:560px}.carousel-copy h3{font-size:24px}.carousel-actions{display:flex;align-items:center;gap:14px;margin-top:22px}.empty{padding:36px;text-align:center;background:var(--edu-surface-muted);color:var(--edu-text-muted)}
.template-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.template-select{min-height:44px;max-width:100%;background:white;border:1px solid var(--edu-border-control);border-radius:4px;padding:9px 36px 9px 12px;color:var(--edu-text);font-size:16px}.segmented{display:flex;border:1px solid var(--edu-border);padding:3px;border-radius:5px;background:white}.segmented button{border:0;background:transparent;border-radius:3px;padding:8px 14px;font-size:12px}.segmented button[aria-pressed=true]{color:white;background:var(--edu-action-primary)}.canvas-stage{background:#EDF0ED;padding:20px;border:1px solid var(--edu-border);border-radius:8px}.site-canvas{max-width:100%;margin:auto;background:#fff;border:1px solid var(--edu-border);container-type:inline-size;box-shadow:0 10px 30px #12211608}.site-canvas.is-mobile{max-width:390px}.site{overflow:hidden}.site-header{padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--edu-border)}.site-identity{display:flex;align-items:center;gap:20px}.site-logo{width:128px}.site-dept{font-size:16px;border-left:1px solid var(--edu-border);padding-left:18px;line-height:1.6;font-weight:600}.site-dept small{font-size:12px;font-weight:400;display:block;color:var(--edu-text-muted)}.site-nav{padding:12px 28px;display:flex;gap:26px;border-bottom:1px solid var(--edu-border);font-size:12px;flex-wrap:wrap}.site-nav button{border:0;background:none;padding:4px 0;color:var(--edu-text-muted);min-height:32px}.site-nav button[aria-current=page]{color:var(--edu-action-primary);font-weight:600}.site-main{padding:36px 32px}.site-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--edu-primary-subtle)}.site-hero-copy{padding:38px 32px}.site-hero h2{font-size:clamp(26px,3.2cqw,40px);line-height:1.4;margin:12px 0 18px}.site-hero p{font-size:16px;color:var(--edu-text-muted);max-width:350px}.site-hero img{height:100%;min-height:290px;width:100%;object-fit:cover}.site-section{margin-top:34px}.site-section h3{font-size:24px;margin-bottom:18px}.site-footer{padding:26px 32px;background:var(--edu-surface-muted);font-size:12px;color:var(--edu-text-muted);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.breadcrumb{font-size:12px;color:var(--edu-text-muted);margin-bottom:22px}.site-title{font-size:32px;margin-bottom:14px}.site-subtitle{color:var(--edu-text-muted);font-size:16px}.site-columns{display:grid;grid-template-columns:185px 1fr;gap:32px}.site-aside{border-right:1px solid var(--edu-border);padding-right:22px}.site-aside button{display:block;padding:10px 0;background:none;border:0;text-align:left;font-size:16px;color:var(--edu-text-muted)}.site-aside button:first-child{color:var(--edu-action-primary);font-weight:600}.site .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site .content-card img{height:150px}.site .notice{font-size:12px}.site .quicklinks{grid-template-columns:repeat(3,1fr)}.site .quicklinks button{font-size:12px;padding:18px 14px}.site .rich{font-size:16px}.site .content-card h3{font-size:16px}.site .cta-band{margin-top:32px}.site .contact{margin-top:28px}.template-outline{margin-top:24px}.template-outline summary{font-size:16px}.coverage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.coverage-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--edu-border);border-radius:4px;padding:16px}.coverage-row span{font-size:12px;color:var(--edu-text-muted)}.coverage-row strong{font-size:16px;font-weight:500}.coverage-row .badge{margin-left:auto}.walkthrough{counter-reset:walk;display:grid;gap:24px;max-width:780px}.walk-item{counter-increment:walk;display:grid;grid-template-columns:40px 1fr;gap:18px}.walk-item::before{content:counter(walk,decimal-leading-zero);font-size:12px;color:var(--edu-action-primary);padding-top:3px}.walk-item h3{font-size:20px;margin-bottom:7px}.walk-item p{font-size:16px;color:var(--edu-text-muted);margin:0}
dialog{border:1px solid var(--edu-border);border-radius:9px;padding:0;max-width:min(640px,calc(100vw - 32px));width:640px;color:var(--edu-text);background:#fff;max-height:calc(100dvh - 48px)}dialog::backdrop{background:#10201766}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border-bottom:1px solid var(--edu-border)}.dialog-head h2{font-size:24px;margin:0}.dialog-content{padding:26px;overflow:auto}.dialog-close{border:0;background:var(--edu-surface-muted);border-radius:4px;padding:7px 12px;min-height:40px}.color-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.color-fields label{font-size:12px;font-weight:500}.color-pair{display:flex;gap:8px;margin-top:8px}.color-pair input[type=color]{width:48px;height:44px;padding:4px;border:1px solid var(--edu-border-control);background:#fff;border-radius:4px}.color-pair input[type=text]{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--edu-border-control);border-radius:4px;font-family:ui-monospace,monospace;font-size:16px}.color-preview{display:flex;gap:6px;margin:24px 0}.color-preview div{height:50px;flex:1;border-radius:3px;box-shadow:inset 0 0 0 1px #0001}.color-explanation{font-size:12px;color:var(--edu-text-muted)}.error-copy{color:var(--edu-error);font-size:12px;min-height:20px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#202723;color:#fff;padding:12px 22px;font-size:16px;border-radius:5px;z-index:80;max-width:calc(100% - 32px)}.presentation .sidebar{display:none}.presentation .workspace{margin-left:0}.presentation .main{max-width:1320px}.presentation .topbar{padding-left:32px;padding-right:32px}.preview-tag{font-size:12px;letter-spacing:.03em;color:var(--edu-text-muted)}
@container(max-width:650px){.site-header{padding:18px}.site-dept{font-size:12px;padding-left:12px}.site-logo{width:100px}.site-identity{gap:12px}.site-header>.preview-tag{display:none}.site-nav{gap:16px;padding:10px 18px}.site-hero{grid-template-columns:1fr}.site-hero-copy{padding:26px 22px}.site-hero img{min-height:0;height:190px}.site-main{padding:28px 22px}.site .quicklinks{grid-template-columns:1fr}.site .card-grid,.site .grid2,.site .steps{grid-template-columns:1fr}.site-columns{grid-template-columns:1fr;gap:20px}.site-aside{border-right:0;border-bottom:1px solid var(--edu-border);padding-bottom:12px}.site-aside button{display:inline-block;margin-right:18px}.site .cta-band{display:block}.site .cta-band .btn{margin-top:18px}.site-footer{padding:22px}.site .site-title{font-size:28px}.site .search-fields{display:grid}.site .field{min-width:0}.site .file-row{gap:10px}.site .file-copy strong{font-size:16px}.site .file-row .btn{padding:8px}.site .facts{grid-template-columns:80px 1fr}}
@media(max-width:1100px){.main{padding:32px 28px}.topbar{padding:14px 28px}.overview-hero{grid-template-columns:1fr 1fr}.overview-copy{padding:26px}.overview-copy h2{font-size:32px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.sidebar{display:none;top:74px;width:224px;box-shadow:12px 0 30px #15251d10}.sidebar.is-open{display:flex}.workspace{margin:0}.menu-button{display:inline-flex}.topbar{padding:14px 18px;gap:10px}.topbar-title{font-size:12px}.topbar .export-top{display:none}.main{padding:30px 22px 48px}.overview-copy h2{font-size:28px}.overview-bottom{gap:18px}.overview-item h3{font-size:16px}.presentation .topbar{padding:14px 18px}}
@media(max-width:560px){h1{font-size:32px}h2{font-size:24px}.topbar-title{display:none}.topbar{justify-content:space-between;min-height:70px}.actions{gap:7px}.topbar .btn{font-size:12px;padding:8px 11px;min-height:40px}.main{padding:26px 16px 40px}.overview-hero{grid-template-columns:1fr}.overview-image{height:220px}.overview-copy{padding:26px}.overview-bottom,.grid2,.grid3,.card-grid,.steps,.media-pair,.split-content,.coverage{grid-template-columns:1fr}.overview-bottom{gap:0}.color-grid{grid-template-columns:repeat(2,1fr)}.demo-hero{grid-template-columns:1fr;padding:24px;gap:20px}.demo-hero h2{font-size:28px}.demo-hero img{height:190px}.quicklinks{grid-template-columns:1fr}.cta-band{display:block;padding:24px}.cta-band .btn{margin-top:18px}.specimen,.panel-pad{padding:20px}.type-row{grid-template-columns:1fr;gap:8px}.related{grid-template-columns:1fr}.gallery{gap:10px}.gallery img{height:160px}.quote{padding:8px 18px}.quote p{font-size:20px}.stats{gap:14px}.stat strong{font-size:32px}.stat span{font-size:12px}.color-fields{grid-template-columns:1fr}.dialog-content{padding:20px}.dialog-head{padding:18px 20px}.dialog-head h2{font-size:20px}.canvas-stage{padding:6px}.site-identity{min-width:0}.template-tools{align-items:stretch}.template-select{width:100%}.file-row{gap:10px}.file-row .btn{padding:8px 10px}.component-heading{align-items:flex-start}.component-heading h2{font-size:20px}.contact dl{grid-template-columns:70px 1fr}.field{min-width:0}.search-fields{display:grid}.tabs{gap:14px}.page-intro p{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.sidebar,.topbar,.template-tools,.filterbar,.page-foot,dialog,.toast{display:none!important}.workspace{margin:0}.main{padding:0}.panel,.component,.content-card{break-inside:avoid}.canvas-stage{padding:0;border:0}.site-canvas{box-shadow:none;max-width:100%!important}}