/* Screen and print share the same semantic question blocks. */
.paper-block{margin:16px 0;max-width:100%;break-inside:avoid;overflow-wrap:anywhere;color:#172f2b}
.count-objects{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.count-objects svg{flex:0 0 auto;width:48px;height:48px}.count-objects.size-small svg{width:32px;height:32px}.count-objects.size-large svg{width:64px;height:64px}
.block-caption,.trace-instruction{font-size:16px;line-height:1.5}.question-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:18px;color:inherit}.question-table th,.question-table td{border:1px solid #6a716e;padding:12px;vertical-align:top;overflow-wrap:anywhere;white-space:pre-wrap}.question-table caption{text-align:left;padding:8px 0;font-weight:600}.matching-table td{height:52px}
.paper-image{display:block;max-width:100%;height:auto;object-fit:contain}.paper-image.size-small{width:100px}.paper-image.size-medium{width:200px}.paper-image.size-large{width:360px}.paper-image.crop-square{aspect-ratio:1;object-fit:cover}
.block-drawing{border:1px solid #555;position:relative;padding:8px}.drawing-label{font-size:15px;color:#444}.writing-rule{height:11mm;border-bottom:1px solid #777}.block-tracing svg{display:block;width:100%;max-height:110px;min-height:60px;margin:12px 0}.trace-instruction{display:block}
.paper-early .question-title,.paper-early .school-question>h3,.paper-early .options,.paper-early .instructions{font-size:22px!important;line-height:1.8!important}.paper-primary .question-title,.paper-primary .options,.paper-primary .instructions{font-size:20px!important;line-height:1.7!important}.paper-early .question,.paper-early .school-question{padding-top:24px;padding-bottom:24px}.question-page-break{border-top:3px dashed #a3b3a7;margin-top:25px}
.visual-editor{margin:20px 0;padding:16px;border:1px solid #cbd6cd;border-radius:10px;background:#f4f7f1}.visual-editor>summary{font-size:18px;font-weight:650;cursor:pointer}.block-editor{margin:16px 0;border:1px solid #cbd6cd;border-radius:8px;padding:16px;background:white;min-width:0}.block-editor legend{font-weight:600;font-size:16px}.block-editor .two{gap:12px}.block-controls,.question-controls,.visual-add,.layout-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.block-controls button,.question-controls button,.visual-add button{min-height:44px;padding:8px 12px;border:1px solid #b9cbbc;border-radius:6px;background:#fff;font-size:16px}.visual-add select{flex:1;min-width:160px}.visual-hint{font-size:16px;line-height:1.6;color:#445c50}.block-thumb{max-width:160px;max-height:160px;object-fit:contain}.layout-panel{padding:18px;background:#f1f4ef;border:1px solid #ccd7cc;border-radius:8px;margin-bottom:20px}.table-edit-row{display:grid;gap:6px;margin:8px 0}.table-edit-cols-1{grid-template-columns:1fr}.table-edit-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.table-edit-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.table-edit-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.table-edit-row input{padding:8px!important;font-size:16px!important}.early-start{padding:16px;border:1px solid #c6b8e5;background:#f1edf8;border-radius:8px;margin-bottom:18px}.early-start p{font-size:16px;line-height:1.6}
@media(max-width:600px){.question-table th,.question-table td{padding:7px;font-size:16px}.visual-editor,.block-editor{padding:10px}.paper-early .question-title{font-size:20px!important}.block-tracing svg{min-height:45px}.count-objects{gap:8px}.table-edit-cols-4 input{font-size:14px!important}}
@page{size:A4;margin:16mm}
@media print{.paper-block{color:#000}.question-table{font-size:12pt}.question-table th,.question-table td{padding:3mm;border-color:#333}.paper-early .question-title,.paper-early .options,.paper-early .instructions,.paper-early .school-question>h3{font-size:16pt!important}.paper-primary .question-title,.paper-primary .options,.paper-primary .instructions{font-size:14pt!important}.question-page-break{break-before:page;border:0;margin-top:0}.layout-panel,.early-start,.visual-editor,.question-controls{display:none!important}.block-caption,.trace-instruction{font-size:11pt}.block-drawing{border-color:#333}.paper-block{break-inside:avoid}.question,.school-question{break-inside:avoid-page}.writing-rule{border-color:#777}.count-objects svg{color:black}.paper-early .question,.paper-early .school-question{padding:5mm 0}.paper-image{max-height:90mm}.block-tracing svg{max-height:25mm}}
.drawing-height-25{height:25mm}
.drawing-height-26{height:26mm}
.drawing-height-27{height:27mm}
.drawing-height-28{height:28mm}
.drawing-height-29{height:29mm}
.drawing-height-30{height:30mm}
.drawing-height-31{height:31mm}
.drawing-height-32{height:32mm}
.drawing-height-33{height:33mm}
.drawing-height-34{height:34mm}
.drawing-height-35{height:35mm}
.drawing-height-36{height:36mm}
.drawing-height-37{height:37mm}
.drawing-height-38{height:38mm}
.drawing-height-39{height:39mm}
.drawing-height-40{height:40mm}
.drawing-height-41{height:41mm}
.drawing-height-42{height:42mm}
.drawing-height-43{height:43mm}
.drawing-height-44{height:44mm}
.drawing-height-45{height:45mm}
.drawing-height-46{height:46mm}
.drawing-height-47{height:47mm}
.drawing-height-48{height:48mm}
.drawing-height-49{height:49mm}
.drawing-height-50{height:50mm}
.drawing-height-51{height:51mm}
.drawing-height-52{height:52mm}
.drawing-height-53{height:53mm}
.drawing-height-54{height:54mm}
.drawing-height-55{height:55mm}
.drawing-height-56{height:56mm}
.drawing-height-57{height:57mm}
.drawing-height-58{height:58mm}
.drawing-height-59{height:59mm}
.drawing-height-60{height:60mm}
.drawing-height-61{height:61mm}
.drawing-height-62{height:62mm}
.drawing-height-63{height:63mm}
.drawing-height-64{height:64mm}
.drawing-height-65{height:65mm}
.drawing-height-66{height:66mm}
.drawing-height-67{height:67mm}
.drawing-height-68{height:68mm}
.drawing-height-69{height:69mm}
.drawing-height-70{height:70mm}
.drawing-height-71{height:71mm}
.drawing-height-72{height:72mm}
.drawing-height-73{height:73mm}
.drawing-height-74{height:74mm}
.drawing-height-75{height:75mm}
.drawing-height-76{height:76mm}
.drawing-height-77{height:77mm}
.drawing-height-78{height:78mm}
.drawing-height-79{height:79mm}
.drawing-height-80{height:80mm}
.drawing-height-81{height:81mm}
.drawing-height-82{height:82mm}
.drawing-height-83{height:83mm}
.drawing-height-84{height:84mm}
.drawing-height-85{height:85mm}
.drawing-height-86{height:86mm}
.drawing-height-87{height:87mm}
.drawing-height-88{height:88mm}
.drawing-height-89{height:89mm}
.drawing-height-90{height:90mm}
/* Later screen styles must not add coloured shells or blank trailing space. */
@media print{
 html,body{background:#fff!important}
 body[data-page=create] main,body[data-page=create] #workspace,body[data-page=create] .output,body[data-page=create] #preview{display:block!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important;min-height:0!important;max-width:none!important;overflow:visible!important}
 .question .marks{font-size:10pt!important}
 .print-note{font-size:9pt!important;break-before:avoid}
}

.count-objects.size-large.single-object svg{width:140px;height:140px}

.matching-table td svg{width:48px;height:48px;vertical-align:middle;margin-left:10px}

/* Editor hierarchy: blue paper setup, lavender visual tools, mint evidence.
   Colour is reinforced by headings and labelled controls. Paper stays white. */
@media screen {
 .editing-paper.workspace{grid-template-columns:minmax(0,1fr)}
 .editing-paper>.setup{border:0;border-bottom:1px solid #cbd7e2;padding:16px 28px;background:#edf3fb}
 #setup-drawer>summary{cursor:pointer;list-style:none;margin:0;align-items:center}
 #setup-drawer>summary::after{content:'−';margin-left:auto;font-size:24px}
 #setup-drawer:not([open])>summary::after{content:'+'}
 #setup-drawer>summary::-webkit-details-marker{display:none}
 #setup-drawer[open]>summary{margin-bottom:24px}
 .editing-paper #assessment-form{max-width:760px;margin:0 auto}
 .editing-paper .output{padding:28px;background:#f0f2f5}
 .editing-paper #preview{background:transparent;padding:0;box-shadow:none;border:0}
 .editor-intro{border-left:4px solid #315875;padding:16px 20px;background:#eaf1f9;border-radius:8px;margin-bottom:24px}
 .editor-intro strong{font-size:21px;color:#24445e}.editor-intro p{margin:6px 0 0;font-size:16px;max-width:75ch}
 .layout-panel{background:#edf3fb;border-color:#bdcfe0;padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .layout-panel legend{color:#294e70;font-weight:700;padding:0 8px}
 .layout-panel>.visual-hint{grid-column:1/-1;margin:0}
 .visual-field{min-width:0;display:flex;flex-direction:column;gap:6px}
 .visual-field>label{display:block;margin:0;font-size:16px;line-height:1.5}
 .visual-field>input,.visual-field>select,.visual-field>textarea{width:100%;min-width:0;margin:0}
 .visual-check{flex-direction:row;align-items:center;gap:12px;padding:12px 0}
 .visual-check>input{width:20px;min-height:20px;flex:0 0 20px;order:-1}
 .question-editor{scroll-margin-top:20px;border:1px solid #cbd5d1;border-radius:12px;background:#fff;padding:0;margin:16px 0;overflow:clip}
 .question-editor[open]{border-color:#517c6a;box-shadow:0 4px 18px #20352e0a}
 .question-editor>.question-summary{padding:20px 24px;cursor:pointer;list-style:none;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:6px 16px;min-height:80px}
 .question-editor>.question-summary::-webkit-details-marker{display:none}
 .question-summary::after{content:'+';grid-column:2;grid-row:1/3;align-self:center;text-align:center;font-size:26px;color:#315a47}
 .question-editor[open]>.question-summary{background:#eaf2eb;border-bottom:1px solid #ccdacd}
 .question-editor[open]>.question-summary::after{content:'−'}
 .question-summary h3{grid-column:1;margin:0;font-size:18px;line-height:1.5}
 .question-peek{grid-column:1;font-size:16px;color:#43594c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .question-editor>.question-controls{padding:12px 24px;background:#f7f9f6;border-bottom:1px solid #e2e8e0;margin:0}
 .question-controls select{flex:1;min-width:min(220px,100%)}
 .question-controls button:last-child,.block-controls .remove-control{color:#8b362b}
 .question-editor>.editor-grid{padding:24px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px}
 .editor-fields>label:first-child{margin-top:0}
 .editor-evidence{background:#eff5ed;border:1px solid #d4e1cc;align-self:start}
 .editor-evidence>strong{display:block;color:#31533b;font-size:18px}.editor-evidence>.visual-hint{margin-top:4px}
 .editor-fields textarea[readonly],.block-editor input[readonly]{background:#f1f4f2;color:#43594c;border-style:dashed}
 .question-editor>.visual-editor{margin:0 24px 24px}
 .visual-editor{padding:0;border-color:#cec4e7;background:#f5f1fb}
 .visual-editor>summary{padding:16px 18px!important;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#503c76}
 .visual-editor>summary::before{content:'+';font-size:22px;font-weight:600}.visual-editor[open]>summary::before{content:'−'}
 .visual-count{margin-left:auto;font-size:16px;background:#e7def5;color:#503c76;padding:3px 10px;border-radius:20px;white-space:nowrap}
 .visual-editor>div{padding:0 18px 18px;display:grid;gap:16px}
 .visual-editor>div>.visual-hint{margin:0}.visual-editor .visual-check{padding:0}
 .block-editor{margin:0;padding:18px;display:grid;gap:16px;border-color:#d9d0e8;border-radius:10px}
 .block-editor legend{color:#503c76;padding:0 8px}
 .block-controls{margin:0;gap:8px;padding-bottom:12px;border-bottom:1px solid #ece7f3}
 .block-controls button{font-size:16px}.block-editor .visual-hint{margin:0}
 .matching-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;margin:0;border:1px solid #ddd6e8;border-radius:8px;background:#faf8fd;min-width:0}
 .matching-pair legend{font-size:16px}.matching-pair>.visual-field:first-of-type{grid-column:1/-1}
 .table-edit-row{margin:0;gap:12px;align-items:start}.table-edit-row input{min-height:46px}
 .visual-add{margin:0;border:1px dashed #a698c5;background:#fff;padding:18px;border-radius:10px;align-items:end;gap:12px}
 .visual-add>.visual-hint{flex-basis:100%;margin:0}.visual-add>.visual-field{flex:1;min-width:180px}
 .visual-add button{background:#584078;color:#fff;border-color:#584078;font-weight:650}
 .school-question-editor>fieldset{border:0;margin:0;padding:24px;min-width:0}.school-question-editor>fieldset>legend{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}
 .school-question-editor .question-summary h3{font-size:18px;margin:0}
 .tabs button[aria-selected=true]{box-shadow:inset 0 -3px #315c48,0 1px 4px #20352e12}
 #review-bar{background:#eaf2e5;border-left:4px solid #47743c}.draft-actions{padding-top:16px;border-top:1px solid #cfd8d1}
}
@media screen and (max-width:900px){
 .question-editor>.editor-grid{grid-template-columns:1fr}
 .editing-paper .output{padding:20px}.question-editor>.question-summary{padding:18px}
 .question-editor>.editor-grid{padding:18px}.question-editor>.question-controls{padding:12px 18px}.question-editor>.visual-editor{margin:0 18px 18px}
}
@media screen and (max-width:600px){
 .editing-paper .output{padding:16px 10px}.editing-paper>.setup{padding:16px}
 .layout-panel,.matching-pair{grid-template-columns:1fr;padding:16px}.matching-pair>.visual-field:first-of-type{grid-column:auto}
 .question-editor>.question-controls button{flex:1 1 40%}
 .visual-editor>div{padding:0 12px 12px}.visual-editor>summary{padding:14px 12px!important;font-size:17px}
 .block-editor{padding:12px}.table-edit-row{grid-template-columns:1fr!important}.table-edit-row input{font-size:18px!important}
 .visual-add button{width:100%}.visual-count{margin-left:0}
}

.exam-section{border-bottom:2px solid #294c3d;padding:14px 0;margin-bottom:20px;break-after:avoid}.exam-section h3{font-size:22px;margin:0 0 8px}.exam-section p{margin:0;font-size:18px;white-space:pre-wrap}.school-logo{width:80px!important;height:80px!important;object-fit:contain;margin:0 auto 14px}.question-document{margin:20px 24px;padding:18px;border:1px solid #bed0e0;border-radius:8px;background:#edf3fb;display:grid;gap:16px;min-width:0}.question-document legend{color:#294e70;font-weight:650}.section-fields{display:grid;gap:16px}.logo-editor{grid-column:1/-1;border-top:1px solid #bdcfe0;padding-top:16px;min-width:0}.logo-editor input{max-width:100%}.logo-editor .remove-control{min-height:44px;padding:8px 12px;color:#8b362b}.school-logo.block-thumb{margin:0}
@page{@bottom-center{content:"Page " counter(page) " of " counter(pages);font:9pt Arial,sans-serif;color:#333}}
@media print{.question-document{display:none}.exam-section{color:#000;border-color:#000}.exam-section h3{font-size:14pt}.exam-section p{font-size:11pt}.school-logo{width:20mm!important;height:20mm!important}}

body[data-page=question-bank] [data-for=question-bank]{display:block}.question-bank-page{max-width:1320px;margin:24px auto 48px;padding:28px;background:#fff;border:1px solid #cbd5d1;border-radius:14px}.bank-heading{max-width:850px}.bank-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.bank-assemble{position:sticky;top:20px;background:#edf3fb;border:1px solid #bdcfe0;border-radius:12px;padding:24px}.bank-assemble h2{font-size:24px;margin-top:0}.bank-assemble .primary{margin-top:24px}.bank-card{border:1px solid #d1dbd3;border-radius:10px;padding:20px;margin:16px 0;background:#fafcf8;min-width:0}.bank-choice{display:flex;gap:14px;align-items:flex-start;margin:0;font-size:18px;font-weight:650}.bank-choice input{width:22px;height:22px;flex:0 0 22px;margin-top:4px}.bank-meta{font-size:16px;color:#43594c}.bank-card summary{padding:12px 0;cursor:pointer;font-weight:650}.bank-card blockquote{margin:16px 0;border-left:3px solid #82a777;padding:12px;background:#eff5ed;white-space:pre-wrap}.bank-card p,.bank-card label{overflow-wrap:anywhere}.bank-empty{padding:28px;border:1px dashed #bdcdbb}.bank-error{color:#8b362b}.bank-dialog{max-width:640px;width:calc(100% - 32px);border:1px solid #aabcaf;border-radius:14px;padding:28px}.bank-dialog::backdrop{background:#102d2566}.bank-dialog h2{font-size:26px;margin-top:0}.bank-dialog p{font-size:16px}.question-bank-actions{padding:12px 24px;background:#fff}.question-bank-actions button{padding:10px 14px;min-height:44px;border:1px solid #b8cbad;background:#eff5e9;border-radius:8px;font-weight:650;color:#31533b}.question-document{margin-top:4px}
@media(max-width:900px){.question-bank-page{margin:20px 4%;padding:20px}.bank-layout{grid-template-columns:1fr}.bank-assemble{position:static;grid-row:1}.bank-dialog{padding:20px}}
@media print{.question-bank-page,.bank-dialog,.question-bank-actions{display:none!important}}

#bank-selection{font-size:16px;max-height:280px;overflow:auto;padding-left:24px}#bank-selection li{padding:6px 0;overflow-wrap:anywhere}

#past-entry{margin-top:18px;padding:18px;background:#eff3fb;border:1px solid #bdcfe0;border-radius:10px}#reference-list{max-height:380px;overflow:auto;margin-top:16px}.reference-choice{display:flex;align-items:start;gap:12px;padding:14px;background:#fff;border:1px solid #d5dfeb;border-radius:8px;margin:10px 0;font-size:16px}.reference-choice input{flex:0 0 20px;width:20px;height:20px;margin-top:4px}.reference-choice>span{min-width:0;overflow-wrap:anywhere}.reference-choice strong{font-size:16px}.reference-meta{display:block;font-size:16px;color:#43594c;margin-top:6px}#reference-status,#reference-warning{font-size:16px}#reference-warning:not(:empty){color:#8b362b}#paper-assessment-mode{margin-bottom:18px}

.review-workbench{margin:20px 0}.revision-comparison{padding:20px;background:#edf3fb;border:1px solid #bdcfe0;border-radius:10px}.revision-comparison>summary{font-size:20px;font-weight:650;cursor:pointer}.revision-comparison button{margin:14px 0}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.comparison-grid>article,.comparison-grid>div{background:#fff;border:1px solid #d2dce5;border-radius:8px;padding:18px;min-width:0}.comparison-grid p,.comparison-grid blockquote{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px}.comparison-grid blockquote{margin:14px 0;padding:12px;border-left:3px solid #84a478;background:#eff5ed}.comparison-question{margin:14px 0}.comparison-question>summary{padding:14px;cursor:pointer;font-size:16px;font-weight:650}.comparison-total{font-weight:650}.review-progress{padding:20px;background:#eff5e9;border:1px solid #bfd1af;border-radius:10px;margin:18px 0}.review-progress h3{margin-top:0}.question-review-notes{padding:18px;background:#f1f5ec;border:1px solid #cbd9bf;border-radius:8px;margin-top:20px}.question-review-notes h4{font-size:18px;margin-bottom:10px}.question-review-notes label{margin-top:0}.question-review-notes button{margin-top:12px}.question-feedback{border-top:1px solid #cedac4;margin-top:14px;padding-top:14px}.question-feedback p{white-space:pre-wrap}.approved-copy-banner,.approved-copy-link{display:block;padding:18px 20px;background:#e3f0df;border:1px solid #95b487;border-radius:9px;font-size:18px;font-weight:650;margin:18px 0}.school-question{scroll-margin-top:20px}.school-bank-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.school-bank-composer{background:#edf3fb;border:1px solid #bdcfe0;border-radius:12px;padding:22px;position:sticky;top:20px}.school-bank-composer h3{margin-top:0}.school-bank-composer ol{max-height:280px;overflow:auto;padding-left:24px;font-size:16px}.school-bank-composer li{padding:6px 0;overflow-wrap:anywhere}.school-bank-composer .primary{margin-top:20px}.school-bank-source,.school-bank-question{padding:20px;border:1px solid #d0dbce;border-radius:10px;margin:16px 0;background:#fff}.school-bank-source h3{font-size:20px;margin-top:0}.school-bank-question summary{cursor:pointer;padding:12px 0;font-size:16px;font-weight:650}.school-bank-question blockquote{margin:14px 0;padding:12px;background:#eff5ed;border-left:3px solid #8fae82}.school-bank-question p{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:1000px){.school-bank-layout{grid-template-columns:1fr}.school-bank-composer{position:static;grid-row:1}}@media(max-width:700px){.comparison-grid{grid-template-columns:1fr}.revision-comparison,.question-review-notes{padding:16px}}
@media print{.review-workbench,.question-review-notes,.approved-copy-banner,.approved-copy-link,.school-bank-layout{display:none!important}}

.paper-branding{padding:20px;margin:0 0 20px;background:#edf3fb;border:1px solid #bdcfe0;border-radius:12px}.paper-branding .logo-editor{border:0;padding:0}.logo-editor h3{margin:0 0 8px}.logo-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.logo-actions button{min-height:44px;font-size:16px}.logo-editor .logo-upload{color:#173f30;background:#fff;border:1px solid #597d91;padding:10px 16px;border-radius:8px}.logo-actions button:focus-visible{outline:3px solid #294e70;outline-offset:3px}

.image-count .paper-image{flex:0 0 auto;width:72px;height:72px;object-fit:contain}.image-count.size-small .paper-image{width:48px;height:48px}.image-count.size-large .paper-image{width:96px;height:96px}.matching-table .paper-image{max-width:110px;max-height:90px;object-fit:contain}.image-credit{font-size:10pt;line-height:1.4;overflow-wrap:anywhere}@media print{.image-count .paper-image{width:18mm;height:18mm}.image-count.size-small .paper-image{width:12mm;height:12mm}.image-count.size-large .paper-image{width:24mm;height:24mm}.matching-table .paper-image{max-width:28mm;max-height:24mm}}

/* Header geometry is shared by screen and print. Bounded millimetre units keep A4 output predictable. */
.paper-head{display:flex;flex-direction:column;text-align:var(--header-align,center);gap:var(--header-gap,4mm);break-inside:avoid}
.paper-head>p,.paper-head>h2{margin:0}.paper-head>.school-logo{order:0}.paper-head>.header-school{order:var(--order-school,1)}.paper-head>.header-term{order:var(--order-term,2)}.paper-head>.header-title{order:var(--order-title,3)}.paper-head>.kicker,.paper-head>.eyebrow{order:4}.paper-head>p:not(.header-school):not(.header-term){order:5}.paper-head>.name-line{order:6}
.paper-head .school-logo{display:block;width:var(--logo-size,20mm)!important;height:var(--logo-size,20mm)!important;margin:var(--logo-margin,0 auto)!important;max-width:100%;object-fit:contain}
@media screen{.header-tools{grid-column:1/-1;min-width:0;padding:16px;background:#f4f0fa;border:1px solid #d7cbe6;border-radius:12px}.header-controls{display:grid;gap:14px}.header-order{display:grid;gap:8px}.header-order-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;background:white;border-radius:8px}.header-order-row>span{flex:1 1 100%;font-size:16px}.header-order-row button{font-size:16px;min-height:44px}.header-layout-sample{display:flex;flex-direction:column;background:white;color:#172f2b;border:1px solid #ccc;box-shadow:0 4px 12px #172f2b12;margin-top:20px;padding:20px;overflow-wrap:anywhere}.header-layout-sample p{margin:0}.header-layout-sample img{max-width:100%}}

@media screen{.header-layout-sample{margin:12px 0 20px}.header-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.header-order{grid-column:1/-1}.header-order-row{flex-wrap:nowrap}.header-order-row>span{flex:1;min-width:0}.header-order-row button{flex:0 0 44px;padding:8px!important;font-size:20px}.header-controls>.visual-field{min-width:0}.header-controls input,.header-controls select{width:100%}.header-controls>button{height:100%}@media(max-width:400px){.header-controls{grid-template-columns:1fr}}}