/* Compact product UI — influenced by TrustMRR's density, not its branding. */
:root{
  --ink:#171717;
  --muted:#6f6f6a;
  --line:#deded9;
  --paper:#f4f4f2;
  --sheet:#fff;
  --accent:#4e62dc;
  --accent-soft:#eef0ff;
  --danger:#ad3f3f;
  --sans:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  --serif:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  --shadow:none;
}

*{box-sizing:border-box}
body{font:15px/1.45 var(--sans);background:#f4f4f2;background-image:none;color:var(--ink)}
a{text-underline-offset:3px}
.site-header{height:56px;max-width:992px;padding:0 16px;border-bottom:1px solid var(--line)}
.wordmark{gap:7px;font-size:15px;letter-spacing:-.045em}
.wordmark svg{width:19px;height:19px}
.wordmark .brand-mark{display:block;width:25px;height:25px;object-fit:contain;flex:0 0 auto}
.site-header nav{gap:20px}
.site-header nav a,.link-button{font-size:13px;color:#666;padding:5px 0}
.nav-toggle{border-color:var(--line);border-radius:7px;padding:6px 9px;font-size:12px}

.capability-strip{height:36px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:6px;overflow:hidden;white-space:nowrap;padding:0 12px;background:#fafafa}
.capability-strip span{padding:3px 8px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#5f5f5a;font-size:12px}

.hero.compact-hero{max-width:800px;margin:22px auto 14px;padding:0 16px}
.hero-brand{font-size:15px!important;font-weight:700;color:#686868!important;letter-spacing:-.02em}
.hero.compact-hero h1{font:700 clamp(34px,4.35vw,48px)/1.06 var(--sans);letter-spacing:-.06em;margin:7px 0 6px}
.hero.compact-hero h1 em{font-style:normal;color:var(--ink)}
.hero.compact-hero>p:last-of-type{font-size:17px;max-width:none;color:var(--muted)}

.generator-wrap{max-width:960px;margin:0 auto 25px;padding:0}
.paper-stack{display:none}
.generator-card{border:1px solid #d9d9d4;border-radius:10px;background:#fff;padding:15px 18px;box-shadow:none}
.generator-product{padding-top:0}
.generator-product-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 -18px 12px;border-bottom:1px solid var(--line)}
.generator-product-tabs button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 18px;border:0;border-right:1px solid var(--line);background:#f7f7f5;color:var(--muted);cursor:pointer;text-align:left}
.generator-product-tabs button:last-child{border-right:0}
.generator-product-tabs button.active{background:#fff;color:var(--ink);box-shadow:inset 0 -2px var(--accent)}
.generator-product-tabs span{font-weight:700;font-size:15px}
.generator-product-tabs small{font-size:12px;color:var(--muted)}
.generator-product-panel[hidden]{display:none}
.no-ai-badge{padding:4px 8px;border:1px solid #bcd9c2;border-radius:12px;background:#f2faf3;color:#397047;font-size:12px;font-weight:700}
.custom-generator-form{margin-top:11px}
.custom-core-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
.custom-create-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding-top:10px;border-top:1px solid var(--line)}
.custom-create-row p{margin:0;max-width:590px;color:var(--muted);font-size:13px}
.custom-create-row strong{color:var(--ink)}
.ai-product-panel{position:relative}
.ai-product-panel.is-locked{min-height:390px;overflow:hidden}
.ai-product-panel.is-locked .ai-generator-form{filter:blur(3px);opacity:.28;pointer-events:none;user-select:none}
.ai-lock-card{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100% - 30px));padding:17px;border:1px solid #cfcfca;border-radius:9px;background:rgba(255,255,255,.96);text-align:center}
.ai-lock-card>span{font-size:22px}
.ai-lock-card h2{margin:7px 0 4px;font-size:15px}
.ai-lock-card p{margin:0 0 10px;color:var(--muted);font-size:12px}
.ai-lock-card>div{display:flex;justify-content:center;gap:7px}
.generator-heading{gap:12px}
.generator-heading>div{padding:0}
.generator-heading .paper-number{display:none}
.generator-heading h2{font:700 21px/1.2 var(--sans);letter-spacing:-.04em;margin:0 0 2px}
.generator-heading p{font-size:14px}
.surprise-button{font-size:13px;padding:4px 1px;color:var(--accent)}
.mode-tabs{margin:10px 0;gap:0}
.mode-tabs button{font-size:13px;padding:6px 10px}
.mode-tabs button:first-child{padding-left:0}
.mode-tabs button.active{border-color:var(--accent)}
.prompt-panel{padding:12px;margin:0 0 12px;border-color:#cecec8;border-radius:7px;background:#f7f7f5}
.prompt-panel .secondary-button{margin-top:8px}

.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px}
.field{gap:4px}
.field>span,.field>label{font-size:12px;letter-spacing:.035em;text-transform:uppercase}
.field input,.field select,.field textarea,.question-edit-form input,.question-edit-form textarea{min-height:39px;border-color:#d8d8d3;border-radius:7px;padding:7px 9px;background:#fff;font-size:15px}
.field textarea{min-height:60px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#8d98e4;box-shadow:0 0 0 2px rgba(78,98,220,.1)}
.generator-options{margin-top:12px;border-top:1px solid var(--line)}
.generator-options summary{list-style:none;cursor:pointer;padding:8px 0 0;font-size:13px;font-weight:700;color:#4f4f4b}
.generator-options summary::-webkit-details-marker{display:none}
.generator-options summary:before{content:"+";display:inline-block;width:17px;color:var(--accent)}
.generator-options[open] summary:before{content:"−"}
.generator-options summary span{font-weight:400;color:#92928d;margin-left:5px}
.options-grid{margin-top:10px}
.primary-button,.secondary-button,.small-button{min-height:38px;border-radius:7px;padding:7px 12px;font-size:14px;box-shadow:none}
.primary-button{background:#171717;border-color:#171717}
.secondary-button{background:#fff;border-color:#cfcfca}
.generate-row{margin-top:13px;padding-top:13px}
.generate-row p{font-size:13px;margin:0}
.generate-button{padding:9px 16px}
.check{width:16px;height:16px;background:var(--accent-soft);color:var(--accent)}
.generation-progress{margin-top:13px;padding-top:13px}
.generation-progress h3{font:700 15px var(--sans);margin:7px 0}
.generation-progress ul{display:grid;grid-template-columns:1fr 1fr;font-size:11px}

.home-section{max-width:960px;margin:0 auto 24px;padding:0}
.section-heading{margin:0 0 8px;justify-content:space-between;gap:10px}
.section-heading .paper-number{display:none}
.section-heading h2{font:700 20px/1.2 var(--sans);letter-spacing:-.03em;margin:0}
.section-heading p{font-size:14px;margin-top:1px}
.section-heading>a{font-size:13px;color:var(--muted)}
.topic-grid{grid-template-columns:repeat(3,1fr);gap:7px}
.topic-paper{min-height:84px;padding:10px 12px;border-radius:8px;box-shadow:none;transition:border-color .15s,background .15s}
.topic-paper:before{display:none}
.topic-paper:hover{transform:none;box-shadow:none;border-color:#a8a8a2;background:#fafafa}
.topic-paper small{font-size:12px;text-transform:uppercase}
.topic-paper strong{font:700 17px var(--sans);margin:2px 0 auto;letter-spacing:-.03em}
.topic-paper span{font-size:12px;color:var(--accent)}
.country-cards{gap:7px}
.country-cards article{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px}
.country-cards .flag{font-size:23px}
.country-cards h3{font:700 17px var(--sans);margin:0 0 1px}
.country-cards p{font-size:13px;margin:0}
.country-cards ul{display:none}

.how-section{max-width:960px;margin:0 auto 24px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:var(--ink);display:grid;grid-template-columns:1.2fr 2fr;align-items:center;text-align:left}
.how-section .eyebrow{color:var(--muted);font-size:11px;margin:0 0 2px}
.how-section h2{font:700 20px/1.2 var(--sans);margin:0}
.how-section ol{padding:0;margin:0;grid-template-columns:repeat(4,1fr);gap:6px}
.how-section li{border-left:1px solid var(--line);padding-left:9px}
.how-section li span{width:20px;height:20px;margin:0 0 3px;border-color:#bcbcb6;font-size:11px}
.how-section li strong{font:700 13px var(--sans)}
.how-section li p{font-size:12px;color:var(--muted);margin:0}

.site-footer{max-width:960px;padding:14px 0 20px;grid-template-columns:1fr auto auto;gap:22px;font-size:10px;border-top:0}
.site-footer .wordmark{font-size:12px}
.site-footer .wordmark .brand-mark{width:18px;height:18px}
.site-footer p{font-size:10px}

/* Compact secondary pages */
.auth-page{min-height:calc(100vh - 110px);padding:32px 16px}
.auth-paper{max-width:410px;padding:24px;border-radius:9px;box-shadow:none}
.auth-paper h1{font:700 25px/1.1 var(--sans);letter-spacing:-.05em}
.auth-paper .field{margin:11px 0}
.pricing-page,.seo-page,.dashboard-page,.admin-page{max-width:960px}
.pricing-page{padding-bottom:50px}
.hero.small-hero{margin:38px auto 25px}
.small-hero h1,.seo-page h1{font:700 38px/1.05 var(--sans);letter-spacing:-.06em}
.pricing-grid{gap:10px}
.pricing-grid article{padding:20px;border-radius:8px}
.pricing-grid h2{font:700 16px var(--sans)}
.price{font:700 27px var(--sans);margin:16px 0 10px}
.pricing-grid ul{min-height:150px;font-size:11px}
.desk-heading{margin-bottom:17px}
.desk-heading h1{font:700 28px var(--sans);letter-spacing:-.05em}
.dashboard-page,.admin-page{margin-top:32px;margin-bottom:60px}
.dashboard-page>section{margin-top:30px}
.worksheet-card-grid{gap:8px}
.worksheet-card{min-height:155px;padding:16px;box-shadow:none;border-radius:8px}
.worksheet-card h3{font:700 14px var(--sans);margin:8px 0 3px}
.worksheet-card time{margin-top:17px}
.metric-grid{gap:7px}
.metric-grid article,.admin-paper{padding:13px}
.metric-grid strong{font:700 22px var(--sans)}
.admin-nav{margin:14px 0}
.admin-nav>*{padding:7px 9px;font-size:10px}
.editor-shell{max-width:1260px;padding-top:18px;padding-bottom:45px}
.editor-top{margin-bottom:14px}
.editor-top h1{font:700 24px var(--sans);letter-spacing:-.04em}
.editor-grid{grid-template-columns:390px minmax(0,1fr);gap:14px}
.editor-controls{border-radius:8px}
.editor-controls>section{padding:12px}
.editor-accordion{border-bottom:1px solid var(--line)}
.editor-accordion>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;cursor:pointer;background:#fff}
.editor-accordion>summary::-webkit-details-marker{display:none}
.editor-accordion>summary:after{content:"+";flex:0 0 auto;color:var(--accent);font-size:16px;line-height:1}
.editor-accordion[open]>summary:after{content:"−"}
.editor-accordion>summary>span{display:grid;gap:1px;min-width:0}
.editor-accordion>summary small{color:var(--muted);font-size:9px;letter-spacing:.09em;text-transform:uppercase}
.editor-accordion>summary strong{font-size:13px}
.editor-accordion>summary em{margin-left:auto;max-width:42%;overflow:hidden;color:var(--muted);font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.editor-accordion[open]>summary{border-bottom:1px solid #ededE9;background:#fafafa}
.editor-accordion-content{padding:10px 12px 12px}
.accordion-status{display:flex;justify-content:flex-end;margin:-2px 0 7px}
.accordion-action-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.accordion-action-row p{margin:0;flex:1}
.accordion-action-row button{flex:0 0 auto}
.editor-controls h2{font:700 13px var(--sans);margin-bottom:10px}
.question-editor li{padding:9px 0}
.question-editor li>p{font-size:12px}
.question-buttons button{font-size:10px}
.sheet-viewport{padding:16px}
.shared-page{max-width:960px;margin-top:28px}
.shared-page h1{font:700 27px var(--sans)}
.legal-page{margin-top:42px}
.legal-page h1{font:700 38px var(--sans)}
.legal-page h2{font:700 17px var(--sans);margin-top:25px}
.toast{font-size:11px;border-radius:7px}
.popular-create-form{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px}
.popular-create-form small{color:var(--muted);font-size:12px}
.popular-create-status{margin:10px 0 0!important;color:var(--accent)!important;font-size:13px!important;font-weight:700}
.seo-breadcrumbs{display:flex;align-items:center;gap:7px;margin-bottom:18px;color:var(--muted);font-size:11px}
.seo-breadcrumbs a{color:var(--accent)}
.template-focus-paper{max-width:740px;margin:0 0 28px;padding:22px 24px;border:1px solid var(--line);border-radius:8px;background:#fff}
.template-focus-paper h2{font:700 20px/1.25 var(--sans);letter-spacing:-.035em;margin:4px 0 9px}
.template-focus-paper>p:not(.eyebrow),.template-focus-paper li{color:var(--muted);font-size:13px}
.template-focus-paper ul{margin:13px 0 0;padding-left:19px}
.template-focus-paper li+li{margin-top:6px}
.related-template-section{margin-top:28px}
.related-template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.related-template-grid a{display:flex;flex-direction:column;min-height:122px;padding:15px;border:1px solid var(--line);border-radius:8px;background:#fff;text-decoration:none}
.related-template-grid small{color:var(--muted);font-size:13px;line-height:1.35;text-transform:uppercase}
.related-template-grid strong{font-size:18px;line-height:1.3;margin:7px 0 auto}
.related-template-grid span{color:var(--accent);font-size:13px;line-height:1.4;font-weight:700}

.template-library-page{max-width:960px;margin:38px auto 65px}
.template-library-hero{max-width:760px;margin-bottom:42px}
.template-library-hero h1{font:700 40px/1.05 var(--sans);letter-spacing:-.06em;margin:8px 0 12px}
.template-library-hero>p:not(.eyebrow){color:var(--muted);font-size:16px}
.template-library-tools{display:grid;grid-template-columns:1.6fr 1fr auto;gap:8px;align-items:end;margin:0 0 18px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}
.template-library-tools label{display:grid;gap:4px}
.template-library-tools label span{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.template-library-tools input,.template-library-tools select{width:100%;height:38px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:13px}
.template-library-tools p{margin:0 0 10px;color:var(--muted);font-size:11px;white-space:nowrap}
.template-country-tabs{display:flex;max-width:460px;border-bottom:1px solid var(--line)}
.template-country-tabs button{flex:1;margin:0 0 -1px;padding:12px 18px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer}
.template-country-tabs button:hover{color:var(--ink);background:rgba(255,255,255,.45)}
.template-country-tabs button[aria-selected="true"]{border-bottom-color:var(--accent);background:#fff;color:var(--ink)}
.template-country-tabs button:focus-visible{position:relative;outline:2px solid var(--accent);outline-offset:-2px}
.template-country-section{scroll-margin-top:20px;margin-top:28px}
.template-country-section:focus{outline:none}
.template-country-section:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.template-country-section>.section-heading{margin-bottom:14px}
.template-library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.template-library-card{display:flex;flex-direction:column;min-height:190px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff;text-decoration:none;transition:border-color .15s,background .15s}
.template-library-card:hover{border-color:#a8a8a2;background:#fafafa}
.template-library-card small{color:var(--muted);font-size:13px;line-height:1.35;text-transform:uppercase}
.template-library-card h3{font:700 20px/1.25 var(--sans);letter-spacing:-.035em;margin:8px 0}
.template-library-card p{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 14px}
.template-library-card span{color:var(--muted);font-size:12px;line-height:1.4;margin-top:auto}
.template-library-card strong{color:var(--accent);font-size:13px;line-height:1.4;margin-top:9px}

/* One paper geometry is shared by preview and TCPDF. */
.worksheet-paper{height:11in;min-height:0;box-sizing:border-box;padding:14mm 15mm 13mm;overflow:hidden;font-family:"Arial Rounded MT Bold","Trebuchet MS","DejaVu Sans",Arial,sans-serif}
.worksheet-paper .sheet-header h1,.worksheet-paper .reading-passage h2{font-family:inherit}
.worksheet-paper.theme-minimal,.worksheet-paper.theme-minimal .sheet-header h1,.worksheet-paper.theme-exam .sheet-header h1{font-family:"Arial Rounded MT Bold","Trebuchet MS","DejaVu Sans",Arial,sans-serif}
.worksheet-paper.paper-a4{height:297mm;min-height:0;padding:14mm 15mm 13mm}
.worksheet-paper.layout-margin-compact,.worksheet-paper.paper-a4.layout-margin-compact{padding:10mm}
.worksheet-paper.layout-margin-spacious,.worksheet-paper.paper-a4.layout-margin-spacious{padding:18mm 20mm 16mm}
.layout-margin-compact .sheet-footer{left:10mm;right:10mm}
.layout-margin-standard .sheet-footer{left:15mm;right:15mm}
.layout-margin-spacious .sheet-footer{left:20mm;right:20mm}
.layout-font-small{font-size:9pt}
.layout-font-standard{font-size:10pt}
.layout-font-large{font-size:11pt}
.layout-font-small .sheet-header h1{font-size:18pt}
.layout-font-standard .sheet-header h1{font-size:20pt}
.layout-font-large .sheet-header h1{font-size:22pt}
.title-center .sheet-header{text-align:center}
.title-center .sheet-fields{text-align:left}
.sheet-header-continuation{padding-bottom:8px}
.sheet-header-continuation h1{font-size:15pt!important}
.sheet-fields{width:100%}
.sheet-field-row{display:flex;align-items:flex-end;gap:7mm;margin-top:5mm}
.sheet-field{display:flex;align-items:flex-end;gap:2mm;min-width:0;font-size:8.5pt;text-align:left}
.sheet-field>span{flex:0 0 auto}
.sheet-field>i{display:block;flex:1;border-bottom:1px solid #222;height:1em}
.sheet-field.field-width-third{flex:0 0 calc(33.333% - 4.67mm)}
.sheet-field.field-width-half{flex:0 0 calc(50% - 3.5mm)}
.sheet-field.field-width-full{flex:0 0 100%}
.sheet-fields-before_questions{margin:4mm 0 5mm;padding:3mm 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.sheet-fields-before_questions .sheet-field-row:first-child{margin-top:0}
.sheet-instructions{font-size:inherit;margin:4mm 0}
.question-list{margin:5mm 0;padding-left:7mm}
.layout-spacing-compact .question{margin-bottom:2.2mm}
.layout-spacing-standard .question{margin-bottom:3.6mm}
.layout-spacing-comfortable .question{margin-bottom:5.5mm}
.answer-lines{width:62%;margin-top:2mm}
.answer-lines span{display:block;height:6mm;border-bottom:1px solid #999}
.sheet-footer{bottom:5mm}
.answer-key{page-break-before:always}

/* More capable, still compact editor controls. */
.editor-top .eyebrow{margin:5px 0 2px}
.editor-actions .primary-button{white-space:nowrap}
.control-title{align-items:flex-start;margin-bottom:10px}
.control-title h2{margin:0!important}
.control-kicker{margin:0 0 2px;color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.saved-indicator{padding:3px 6px;border-radius:10px;background:#edf7ee;color:#397047;font-size:10px}
.saved-indicator.unsaved{background:#fff4d9;color:#805d11}
.editor-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.editor-form-pair .field{margin:0}
.layout-checks{display:grid;gap:6px;margin:11px 0}
.layout-checks label{display:flex;align-items:center;gap:7px;font-size:11px}
.layout-checks input{margin:0}
.field-help{margin:-2px 0 10px}
.custom-field-list{display:grid;gap:7px}
.custom-field-row{display:grid;grid-template-columns:14px minmax(86px,1.3fr) minmax(88px,1fr) 72px;gap:5px;align-items:end;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fafafa}
.custom-field-row label{display:grid;gap:3px;min-width:0}
.custom-field-row label>span{font-size:9px;text-transform:uppercase;color:var(--muted)}
.custom-field-row input,.custom-field-row select{width:100%;height:31px;min-width:0;padding:5px;border:1px solid #d8d8d3;border-radius:5px;background:#fff;font-size:11px}
.field-drag{align-self:center;color:#999}
.field-row-actions{grid-column:2/-1;display:flex;justify-content:flex-end;gap:4px}
.field-row-actions button{width:25px;height:23px;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:10px;cursor:pointer}
.field-row-actions button:last-child{color:var(--danger)}
.save-layout-button{margin-top:10px}
.preview-label strong{color:var(--ink)}
.sheet-viewport{scrollbar-color:#bbb transparent}
.editor-access-note{display:flex;align-items:center;gap:10px;margin:-2px 0 9px;padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:11px}
.editor-access-note>span{font-weight:700;white-space:nowrap}
.editor-access-note p{margin:0;color:var(--muted);flex:1}
.editor-access-note a{color:var(--accent);font-weight:700;white-space:nowrap}
.editor-access-note.is-saved>span{color:#397047}
.editor-access-note.is-guest>span{color:#805d11}
.manual-question-form{margin:0 0 9px;padding:8px;border:1px solid #cfd3ed;border-radius:7px;background:#f8f8ff}
.manual-question-form[hidden]{display:none}
.manual-question-form .field{margin-bottom:8px}
.manual-question-form small{font-weight:400;color:var(--muted);text-transform:none}
.manual-question-actions{display:flex;gap:6px}
.manual-question-actions>*{flex:1}
.question-edit-form .field{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}
.question-edit-form .field small{font-weight:400;color:var(--muted)}
.question-edit-form .manual-question-actions button{padding:7px 10px}
.question-edit-form .manual-question-actions .secondary-button{border:1px solid #aaa397;background:#fff;color:var(--ink)}
.insert-blank-button,.add-option-button{margin:-3px 0 8px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:5px 8px;color:var(--accent);font-size:10px;font-weight:700;cursor:pointer}
.choice-option-builder{display:grid;gap:6px}
.choice-option-builder>small{color:var(--muted);font-size:10px}
.choice-option-list{display:grid;gap:5px}
.choice-option-row{display:grid;grid-template-columns:24px minmax(0,1fr) 28px;gap:5px;align-items:center}
.choice-option-row input[type="radio"],.choice-option-row input[type="checkbox"]{width:17px;height:17px;margin:0;accent-color:var(--accent)}
.choice-option-row input[type="text"]{width:100%;height:34px;min-width:0;border:1px solid var(--line);border-radius:6px;background:#fff;padding:5px 8px;font-size:12px}
.choice-option-row button{width:28px;height:30px;border:0;background:transparent;color:var(--danger);font-size:17px;cursor:pointer}
.mobile-reorder-controls{display:none}

@media(max-width:1000px){
  .generator-wrap,.home-section,.how-section,.site-footer,.template-library-page{margin-left:16px;margin-right:16px}
  .generator-wrap{padding:0}
  .how-section{padding-left:0;padding-right:0}
  .site-footer{padding-left:0;padding-right:0}
}

@media(max-width:950px){
  .editor-grid{grid-template-columns:minmax(0,1fr)}
  /* `zoom` scales both the page and its layout footprint. A transform only
     shrinks the paint, leaving an invisible full-width sheet that scrolls. */
  .sheet-viewport .worksheet-paper{transform:none;zoom:.75;margin-bottom:28px}
  .shared-sheet .worksheet-paper{transform:none;zoom:.8;margin-bottom:28px}
}

@media(max-width:680px){
  .site-header{height:50px;padding:0 12px}
  .site-header nav{top:50px}
  .capability-strip{height:36px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  .capability-strip::-webkit-scrollbar{display:none}
  .capability-strip span{flex:0 0 auto;font-size:12px}
  .hero.compact-hero{margin:15px auto 10px;padding:0 13px}
  .hero-brand{font-size:13px!important}
  .hero.compact-hero h1{font-size:32px;margin:5px 0 4px}
  .hero.compact-hero>p:last-of-type{font-size:15px}
  .generator-wrap,.home-section,.how-section,.site-footer{margin-left:8px;margin-right:8px}
  .generator-wrap{margin-bottom:24px}
  .generator-card{padding:11px;border-radius:8px}
  .generator-product{padding-top:0}
  .generator-product-tabs{margin:0 -11px 10px}
  .generator-product-tabs button{padding:7px 11px;display:block}
  .generator-product-tabs span,.generator-product-tabs small{display:block}
  .generator-product-tabs small{margin-top:2px}
  .custom-core-fields{grid-template-columns:1fr 1fr}
  .custom-core-fields .custom-subject{grid-column:1/-1}
  .custom-create-row{align-items:stretch;flex-direction:column}
  .custom-create-row .primary-button{width:100%}
  .generator-heading h2{font-size:19px}
  .generator-heading p{font-size:13px}
  .surprise-button{font-size:12px}
  .mode-tabs{margin:8px 0;overflow-x:auto;scrollbar-width:none}
  .mode-tabs button{font-size:12px;padding:5px 7px}
  .form-grid{grid-template-columns:1fr 1fr;gap:8px}
  .field.wide{grid-column:1/-1}
  .field>span,.field>label{font-size:11px}
  .field input,.field select,.field textarea{min-height:38px;padding:6px 8px;font-size:14px}
  .generator-options{margin-top:9px}
  .generator-options summary{font-size:12px;padding-top:7px}
  .options-grid .wide{grid-column:1/-1}
  .generate-row{margin-top:10px;padding-top:10px}
  .generate-row p{display:none}
  .generate-button{width:100%;font-size:14px}
  .generation-progress ul{grid-template-columns:1fr;font-size:10px}
  .home-section{margin-bottom:19px;padding:0}
  .section-heading{padding:0 2px;margin-bottom:5px}
  .section-heading h2{font-size:18px}
  .section-heading p{font-size:13px}
  .topic-grid{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:3px;scrollbar-width:none}
  .topic-grid::-webkit-scrollbar{display:none}
  .topic-paper{flex:0 0 200px;min-height:88px;scroll-snap-align:start}
  .country-cards{grid-template-columns:1fr;gap:6px}
  .country-cards article{padding:9px 10px}
  .how-section{margin-bottom:18px;padding:9px 2px;display:block}
  .how-section>div{margin-bottom:9px}
  .how-section ol{grid-template-columns:repeat(4,1fr);gap:0}
  .how-section li{padding-left:7px}
  .how-section li:first-child{border-left:0;padding-left:0}
  .how-section li p{display:none}
  .site-footer{padding:8px 3px 13px;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;align-items:center}
  .site-footer>div{grid-column:1;grid-row:1;min-width:0}
  .site-footer p{display:none}
  .site-footer nav{grid-column:1/-1;grid-row:2;gap:8px 16px;padding-top:7px;border-top:1px solid var(--line);flex-wrap:wrap}
  .site-footer>span{grid-column:2;grid-row:1;white-space:nowrap}
  .footer-copyright-name{display:none}
  .editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .editor-actions>*{width:100%;font-size:10px;padding:6px;min-width:0;text-align:center;white-space:normal}
  .editor-grid{gap:10px}
  .editor-top h1{font-size:21px}
  .editor-controls>section{padding:10px}
  .editor-accordion>summary{padding:10px}
  .editor-accordion-content{padding:8px 10px 10px}
  .editor-access-note{align-items:flex-start;flex-wrap:wrap;margin-bottom:10px}
  .editor-access-note p{flex-basis:calc(100% - 130px)}
  .editor-access-note a{margin-left:auto}
  .editor-form-pair{gap:7px}
  .question-control-head .drag-handle,.question-control-head .desktop-question-move{display:none}
  .mobile-reorder-controls{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}
  .mobile-reorder-controls>span{margin-right:auto;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
  .mobile-reorder-controls button{min-height:36px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:6px 11px;font-size:12px;font-weight:700;color:var(--ink)}
  .mobile-reorder-controls button:disabled{opacity:.38}
  .custom-field-row{grid-template-columns:12px minmax(80px,1.2fr) minmax(78px,1fr) 68px;padding:7px}
  .preview-label{align-items:flex-start;gap:4px}
  .preview-label span:first-child{max-width:230px}
  .sheet-viewport{overflow-x:hidden}
  .sheet-viewport .worksheet-paper,.sheet-viewport .worksheet-paper.paper-a4,.shared-sheet .worksheet-paper{transform:none;zoom:.39;margin:0 0 28px}
  .pricing-page,.seo-page,.dashboard-page,.admin-page{padding-left:10px;padding-right:10px}
  .small-hero h1,.seo-page h1{font-size:29px}
  .popular-create-form{align-items:stretch;flex-direction:column;margin-top:14px}
  .popular-create-form .primary-button{width:100%}
  .popular-create-form small{text-align:center}
  .seo-breadcrumbs{margin-bottom:13px;overflow-x:auto;white-space:nowrap}
  .template-focus-paper{padding:17px}
  .related-template-grid{grid-template-columns:1fr 1fr}
  .template-library-page{margin-top:28px;margin-bottom:45px}
  .template-library-hero{margin-bottom:32px}
  .template-library-hero h1{font-size:31px}
  .template-library-hero>p:not(.eyebrow){font-size:14px}
  .template-library-tools{grid-template-columns:1fr 1fr;margin-bottom:16px}
  .template-library-tools label{grid-column:1/-1}
  .template-library-tools p{grid-column:1/-1;margin:2px 0 0;white-space:normal}
  .template-country-tabs{max-width:none}
  .template-country-tabs button{padding:11px 8px}
  .template-country-section{margin-top:24px}
  .template-library-grid{grid-template-columns:1fr}
  .template-library-card{min-height:0;padding:14px}
  .template-library-card p{font-size:13px}
  .pricing-grid article{padding:15px}
  .worksheet-card-grid{grid-template-columns:1fr 1fr}
  .worksheet-card{min-height:150px;padding:12px}
  .worksheet-card div{left:12px;right:12px}
  .metric-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:420px){
  .wordmark{font-size:13px}
  .site-header .wordmark .brand-mark{width:23px;height:23px}
  .worksheet-card-grid{grid-template-columns:1fr}
}

@media(max-width:350px){
  .sheet-viewport .worksheet-paper,.sheet-viewport .worksheet-paper.paper-a4,.shared-sheet .worksheet-paper{zoom:.35}
}

@media print{
  .editor-access-note{display:none!important}
  .sheet-viewport .worksheet-paper,.sheet-viewport .worksheet-paper.paper-a4,.shared-sheet .worksheet-paper{zoom:1}
}

/* Text entry starts at one line and grows with its content. */
textarea.auto-expand{
  min-height:39px;
  overflow-y:hidden;
  resize:none;
}