/* Only the additional account/path/result/preview states. Approved activity styles remain untouched. */
[hidden]{display:none!important}
.create-account{position:relative}.create-account::before{content:'Create Account';visibility:hidden}.create-account .account-label{position:absolute;inset:0;display:grid;place-items:center}
.page-heading{padding-block:27px 25px}.page-heading h1{margin-bottom:10px}
.form-card{max-width:520px;margin-inline:auto}.form-card .question-body{padding:28px}
.form-card.auth-card{margin-top:28px;margin-bottom:88px;border-radius:22px;font-family:'LP Live Inter',Inter,Arial,sans-serif}
.auth-card .question-body{padding:36px}
.auth-card .field{gap:10px;margin-bottom:24px}
.auth-card .field input{background:var(--soft);border-color:var(--border);color:var(--text);border-radius:12px;min-height:52px;padding:12px 14px;caret-color:var(--text)}
.auth-card .field input::placeholder{color:var(--muted);opacity:.8}
.auth-card .field input:focus{background:var(--surface);border-color:var(--selection)}
.auth-card .field input:autofill{box-shadow:0 0 0 1000px var(--soft) inset;color:var(--text)}
.auth-card .field input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--soft) inset;-webkit-text-fill-color:var(--text)}
.auth-card .form-actions{gap:20px;margin-top:28px}
.auth-google-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:#fff;color:#1f1f1f;font:600 14px/1.4 'LP Live Inter',Inter,Arial,sans-serif;cursor:pointer}
.auth-google-button svg{flex:none}
.auth-google-button:hover:not(:disabled){box-shadow:0 2px 8px var(--shadow)}
.auth-google-button:disabled{cursor:not-allowed}
[data-theme="dark"] .auth-google-button{background:#131314;color:#e3e3e3}
.auth-google-note{color:var(--muted);font-size:12px;line-height:1.6;margin:14px 0 0}
.auth-google-note a{color:var(--text);text-underline-offset:2px}
.auth-divider{display:flex;align-items:center;gap:14px;margin:26px 0;color:var(--muted);font-size:12px}
.auth-divider::before,.auth-divider::after{content:'';height:1px;background:var(--border);flex:1}
.auth-card .auth-form-title{margin:0 0 24px;text-align:left;font:700 20px/1.35 'LP Live Inter',Inter,Arial,sans-serif;color:var(--text)}
.auth-terms{display:flex;align-items:flex-start;gap:12px;margin:8px 0 24px;color:var(--muted);font-size:13px;line-height:1.65;cursor:pointer}
.auth-terms input{flex:0 0 19px;width:19px;height:19px;min-height:0;margin:2px 0 0;accent-color:var(--button);cursor:pointer}
.auth-terms a{color:var(--text);text-underline-offset:3px}
.auth-register-card .form-actions{flex-direction:column;align-items:stretch;text-align:center}
.auth-register-card .form-actions .button{width:100%}
.form-card.auth-register-card{max-width:660px}
.auth-registration-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
.auth-registration-fields .field{min-width:0}
@media(max-width:600px){.auth-registration-fields{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.form-card.auth-card{margin-top:20px;margin-bottom:60px}.auth-card.form-card .question-body{padding:28px 22px}}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;font-size:14px;font-weight:600}
.field input,.field select,.preview-controls select{min-height:48px;min-width:0;max-width:100%;width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:10px 12px;font:inherit;font-size:16px}
.field input:focus-visible,.field select:focus-visible,.preview-controls select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.help,.meta{font-size:13px;color:var(--muted);line-height:1.6}.help{margin:0 0 20px}.field-error{color:var(--error);background:var(--error-bg);padding:12px;border-radius:8px;font-size:14px}.form-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.text-link{text-decoration:underline;text-underline-offset:3px;font-size:14px}
.path-list{display:grid;gap:18px}.path-item{padding:24px 28px;display:flex;gap:22px;align-items:center;justify-content:space-between}.path-item h2{font-size:26px;text-align:left;margin:2px 0 8px}.path-item p{margin:5px 0}.path-item .button{min-width:154px}
.stats{display:flex;gap:30px;flex-wrap:wrap;padding:20px 28px;background:var(--soft);border-radius:12px;margin-bottom:22px}.stats p{margin:0;color:var(--muted);font-size:13px}.stats strong{display:block;color:var(--text);font-size:22px}
.sample-policy{margin-top:26px;font-size:13px;color:var(--muted)}.sample-policy summary{cursor:pointer;font-weight:600}.sample-policy p{line-height:1.65;max-width:720px}
.learning-layout{position:relative}
.save-status{position:absolute;inset-inline:0;transform:translateY(1px);font-size:12px;color:var(--muted);text-align:right;margin:0;min-height:18px}
.save-status:empty{display:none}.save-status[role="alert"]{position:static;transform:none;margin-top:12px;text-align:left;color:var(--error)}
.answer:has(input:disabled){cursor:default}.answer input:disabled~span{opacity:1}
.result-card .question-body{padding:28px}.result-card h2{text-align:left}.result-card .stats{margin:20px 0}.review-list{padding-left:22px;font-size:14px}.review-list li{padding-block:8px}.review-list span{display:block;color:var(--muted)}
.preview-banner{padding:14px 18px;border:1px solid var(--selection);background:var(--selected);color:var(--text);border-radius:10px;margin-bottom:18px;font-size:14px}.preview-controls{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px}.preview-controls label{flex:1;min-width:140px;font-size:13px;color:var(--muted)}.preview-controls select{margin-top:6px}.sample-policy strong{color:var(--text)}
.account-email{overflow-wrap:anywhere}.lesson-heading h1:focus,.page-heading h1:focus{outline:none}
.result-actions{margin-top:24px}.study-card{display:grid;gap:16px;justify-items:start}.study-card p{margin:0}
.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-grid>div{display:grid;gap:10px}.match-grid .answer{width:100%;height:auto;min-height:64px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;font:inherit;font-size:14px;color:var(--text);background:var(--surface);padding:12px;overflow-wrap:anywhere}.match-grid .answer[aria-pressed="true"]{border-color:var(--selection);background:var(--selected)}.match-value{font-size:12px;color:var(--muted)}.match-status{grid-column:1/-1;margin:0}
@media(max-width:600px){.page-heading{padding-block:24px 22px}.form-card .question-body,.result-card .question-body{padding:22px 18px}.path-item{padding:20px 18px;flex-direction:column;align-items:stretch;gap:15px}.path-item h2{font-size:26px}.path-item .button{width:100%}.stats{padding:18px;gap:20px}.stats strong{font-size:20px}.form-actions .button{flex:1}.save-status{text-align:left}.preview-controls{gap:10px}.preview-controls label{min-width:120px}}

/* Existing pronunciation is part of these two lessons. Native controls preserve keyboard/touch operation. */
.exercise-audio{margin:0 0 20px;display:grid;gap:9px}.audio-options{display:flex;flex-wrap:wrap;gap:8px 14px}.audio-select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;min-height:44px;padding:8px 12px;cursor:pointer}.exercise-audio audio{width:100%;max-width:340px;height:42px}.audio-status{margin:0}.field input[type="text"]{caret-color:var(--text)}
/* Exercise interaction corrections; semantic colours and approved geometry remain theme independent. */
.exercise-card{scroll-margin-top:16px;overflow:visible}
.exercise-card .activity-bottom{position:sticky;bottom:0;z-index:2;border-radius:0 0 14px 14px;box-shadow:0 -5px 18px var(--shadow)}
.exercise-actions{display:flex;gap:16px;align-items:center;justify-content:flex-end;flex-shrink:0}
.skip-button{min-height:44px;padding:8px 12px;background:transparent;color:var(--text);border:0;border-radius:8px}
.pronunciation-word{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;padding:0;text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:6px}
.listening-prompt{display:grid;justify-items:center;gap:12px;margin:0 0 20px}.listen-button{gap:14px;min-width:172px;min-height:66px;border-radius:12px}.listen-button svg{width:30px;height:30px}.listening-prompt .audio-status{text-align:center;max-width:340px}
.listen-button[aria-pressed="true"]{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--focus)}
.match-grid>div{grid-auto-rows:1fr}.match-grid .answer{position:relative;justify-content:center;padding:16px 28px 16px 12px;height:100%;min-height:76px;transition:background-color .15s,border-color .15s,transform .12s}
.match-grid .answer[data-state="selected"]{background:var(--selected);border-color:var(--selection);outline:3px solid var(--focus);outline-offset:1px}
.match-grid .answer[data-state="paired"]{background:var(--selected);border-color:var(--selection);border-style:dashed}
.match-grid .answer[data-state="correct"]{background:var(--success-bg);border-color:var(--success);color:var(--success)}
.match-grid .answer[data-state="error"]{background:var(--error-bg);border-color:var(--error);color:var(--error)}
.pair-badge{position:absolute;right:7px;top:6px;font-size:11px;font-weight:800;line-height:18px;min-width:18px;text-align:center;color:inherit}
:where(button,a,label.answer){transition:transform .12s ease,background-color .15s ease,filter .12s ease,box-shadow .15s ease}
@media(hover:hover){:where(button,a,label.answer):not(:disabled):not([aria-disabled="true"]):not(:has(input:disabled)):hover{filter:brightness(1.07)}.answer:not(:has(input:disabled)):hover{box-shadow:0 2px 8px var(--shadow)}}
:where(button,a,label.answer):not(:disabled):not([aria-disabled="true"]):not(:has(input:disabled)):active{transform:scale(.975)}
@media(max-width:600px){.exercise-actions{width:100%}.exercise-actions .check{flex:1;width:auto}.exercise-card .activity-bottom{gap:10px}.exercise-card .feedback-text{max-height:110px;overflow:auto}}
@media(prefers-reduced-motion:reduce){:where(button,a,label.answer){transition:none!important;animation:none!important}:where(button,a,label.answer):active{transform:none!important}}

.save-status{position:static;transform:none;margin:8px 0;min-height:0;line-height:1.5;text-align:left}

/* Original word-order format: same answer controls and semantic colours. */
.word-line,.word-bank{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.word-line{min-height:76px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--soft);margin-bottom:18px}
.word-token{width:auto;min-height:48px;padding:12px 16px;flex:0 1 auto}
.sentence-end{font-weight:700}
.next-step{margin-bottom:24px}

/* Review uses the existing card, exercise and theme components. */
.daily-goal{margin-bottom:22px}.review-overview{max-width:none;margin-bottom:22px}.review-notes,.review-context{padding:24px 28px;margin-bottom:22px}.review-notes h2,.review-context h2{text-align:left}.review-notes summary,.review-context summary{cursor:pointer;min-height:44px;font-weight:600}.review-context .dialogue-line details{margin-top:10px}.review-context .dialogue-line summary{font-size:13px}.review-context .audio-status{margin-top:12px}@media(max-width:600px){.review-notes,.review-context{padding:20px 18px}}
.editorial-question-image{display:block;max-width:100%;object-fit:contain;margin:16px auto}

#subscription-error:empty{display:none}

/* Private lessons reuse the existing cards, forms and theme tokens. */
.booking-history,.booking-notices{padding-left:1.3rem;overflow-wrap:anywhere}
.booking-history li,.booking-notices li{margin-block:1rem}
.booking-message{white-space:pre-wrap;overflow-wrap:anywhere}
#private-status:empty{display:none}
#app textarea{font:inherit;font-size:16px;max-width:100%;width:100%;box-sizing:border-box;resize:vertical;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:10px 12px}
#app textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
#app input[type="datetime-local"]{min-width:0;max-width:100%}
#private-account{margin-block:1.5rem}

/* Global learning navigation stays in document flow so it never covers an exercise, video or keyboard. */
.format-catalogue{margin-top:20px}.progress-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.progress-summary .activity-card{margin:0;padding:18px}.progress-summary h2{font-size:16px;text-align:left;margin:0 0 8px}.progress-number{font-size:28px;font-weight:800;margin:0;color:var(--text)}.progress-section{margin-bottom:18px;padding:24px}.progress-section h2{text-align:left}.progress-list{display:grid;gap:10px;list-style:none;padding:0;margin:0}.progress-list li{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.progress-list li:last-child{border-bottom:0}.progress-list a{font-weight:700;color:var(--text)}.progress-list time,.progress-list span{color:var(--muted);font-size:13px}
@media(max-width:700px){.progress-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.progress-summary .activity-card{padding:15px}.progress-number{font-size:24px}.progress-list li{align-items:flex-start;flex-direction:column;gap:4px}}

/* Account dashboard: give the signed-in area the same generous hierarchy as the rest of the site. */
.account-shell{display:grid;gap:24px;max-width:1040px;margin:0 auto 72px}
.account-identity-card{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 34px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:0 16px 38px var(--shadow)}
.account-identity{display:flex;align-items:center;gap:18px;min-width:0}.account-avatar{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:var(--button);color:var(--button-text);font-size:24px;font-weight:800}.account-identity .eyebrow{margin:0 0 5px}.account-identity h2{margin:0 0 5px;font-size:clamp(19px,2.1vw,24px);overflow-wrap:break-word;word-break:normal}.account-identity .help{margin:0}.account-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.account-actions .button{margin:0;padding-inline:15px;font-size:13px}
.account-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}.account-service-card{min-width:0;padding:30px 32px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:0 12px 30px var(--shadow)}.account-service-card:empty{display:none}.account-service-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;flex-wrap:wrap}.account-service-heading h2{margin:3px 0 8px;text-align:left}.account-service-heading p:not(.eyebrow){max-width:540px;margin:0;color:var(--muted);line-height:1.6}.account-service-heading .button{margin-top:2px}.account-private-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 18px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--soft);font-size:14px}.account-private-meta span{color:var(--muted)}.account-private-meta strong{overflow-wrap:anywhere;text-align:right}.account-service-card>h3{margin:28px 0 10px;text-align:left}.account-notices .booking-notices{display:grid;gap:0;margin:0;padding:0;list-style:none}.account-notices .booking-notices li{margin:0;padding:12px 0;border-top:1px solid var(--border);line-height:1.5}.account-notices .booking-notices li:first-child{border-top:0}.account-notices .booking-notices a{font-weight:700;color:var(--text)}
@media(max-width:700px){.account-shell{gap:16px;margin-bottom:52px}.account-identity-card{align-items:stretch;flex-direction:column;padding:24px 20px;gap:22px}.account-actions{justify-content:stretch}.account-actions .button{flex:1}.account-services{grid-template-columns:1fr;gap:16px}.account-service-card{padding:24px 20px}.account-service-heading{gap:16px}.account-service-heading .button{width:100%}.account-private-meta{align-items:flex-start;flex-direction:column;gap:5px}.account-private-meta strong{text-align:left}}

/* My Progress dashboard: shared data only, with provisional challenge/badge states. */
.progress-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:28px}.progress-welcome h2,.progress-dashboard-grid h2,.progress-week h2{margin:0 0 8px;text-align:left}.progress-welcome .lead{max-width:620px;margin:0}.progress-welcome-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.button-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}
.progress-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:18px;margin-bottom:18px}.progress-dashboard-grid .activity-card{margin:0;padding:24px}.progress-mission{background:var(--soft)}.mission-progress{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin:18px 0;color:var(--text)}.mission-progress span{font-size:12px;color:var(--muted)}.progress-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px}.progress-section-heading h2{margin:0}.progress-week{margin-bottom:18px;padding:24px}
.xp-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;min-height:154px;padding:18px 12px 8px;border-bottom:1px solid var(--border);background:linear-gradient(to top,transparent 24%,var(--border) 25%,transparent 26%,transparent 49%,var(--border) 50%,transparent 51%,transparent 74%,var(--border) 75%,transparent 76%)}.xp-day{display:grid;grid-template-rows:1fr auto auto;justify-items:center;gap:5px;height:126px;min-width:0}.xp-bar{align-self:end;width:min(34px,70%);height:var(--xp-height);min-height:4px;border-radius:8px 8px 2px 2px;background:var(--progress);box-shadow:0 4px 10px var(--shadow)}.xp-day strong{font-size:11px;color:var(--muted)}.xp-day small{font-size:12px;color:var(--text)}
.badge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.badge-card{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.badge-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--soft);color:var(--brand-accent);font-weight:800}.badge-card h3{margin:0;font-size:14px;text-align:left;overflow-wrap:anywhere}.badge-card p{margin:4px 0 0;font-size:12px;color:var(--muted)}
@media(max-width:700px){.progress-welcome{align-items:stretch;flex-direction:column;padding:20px 18px}.progress-welcome-actions{justify-content:stretch}.progress-welcome-actions .button{flex:1}.progress-dashboard-grid{grid-template-columns:1fr;gap:12px}.progress-dashboard-grid .activity-card{padding:20px 18px}.progress-section,.progress-week{padding:20px 18px}.mission-progress{align-items:flex-start;flex-direction:column;gap:5px}.progress-section-heading{align-items:flex-start;flex-direction:column;gap:4px}.xp-chart{gap:5px;padding-inline:4px}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.badge-card{padding:10px}.badge-card h3{font-size:13px}}

/* Dashboard refinements: readable wrapping and explicit XP axes. */
.progress-welcome,.progress-dashboard-grid .activity-card,.progress-week,.progress-section{min-width:0;overflow:visible}.progress-welcome>div,.progress-dashboard-grid p,.progress-section-heading>div{min-width:0}.progress-welcome .lead,.progress-dashboard-grid p,.progress-section .help{overflow-wrap:anywhere}.progress-section-heading .meta{max-width:45%;text-align:right;white-space:normal;overflow-wrap:anywhere}
.xp-plot{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;min-width:0}.xp-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding:12px 0 31px;color:var(--muted);font-size:11px;text-align:right}.xp-graph{min-width:0}.xp-chart{min-height:154px;background:linear-gradient(to top,transparent 24%,var(--border) 25%,transparent 26%,transparent 49%,var(--border) 50%,transparent 51%,transparent 74%,var(--border) 75%,transparent 76%)}.xp-bars{display:flex;align-items:end;justify-content:center;gap:3px;height:100px;width:100%}.xp-bar{width:12px;max-width:38%;height:var(--xp-height);min-height:4px}.xp-bar.xp-comparison{background:var(--selection);opacity:.55}.xp-axis-title{margin:8px 0 0;text-align:center;color:var(--muted);font-size:11px}.xp-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:12px}.xp-legend span{display:inline-flex;align-items:center;gap:6px}.xp-legend-swatch{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--progress)}.xp-legend-swatch.xp-comparison{background:var(--selection);opacity:.55}.badge-group{padding:18px 0;border-top:1px solid var(--border)}.badge-group:first-of-type{border-top:0;padding-top:0}.badge-group h3{margin:0;text-align:left;font-size:18px}.badge-group .progress-section-heading{margin-bottom:12px}.badge-group .badge-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.badge-card{align-items:flex-start;min-height:66px}.badge-card>div{min-width:0}
@media(max-width:700px){.progress-section-heading .meta{max-width:100%;text-align:left}.xp-plot{grid-template-columns:30px minmax(0,1fr);gap:6px}.xp-y-axis{font-size:10px}.xp-bar{width:9px}.badge-group .badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.badge-group h3{font-size:16px}}

/* Admin workspace: use the site's editorial card language instead of a raw test page. */
#app.admin-preview-page{width:min(1120px,calc(100% - 64px));margin-inline:auto;padding-bottom:48px}
#app.admin-preview-page .page-heading{padding:48px 0 28px;margin-bottom:24px;border-bottom:1px solid var(--border)}
#app.admin-preview-page>.button{display:inline-flex;align-items:center;min-height:44px;margin:0 8px 24px 0;padding:10px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);box-shadow:none;font-size:14px}
#app.admin-preview-page>.button:first-of-type{background:var(--button);color:var(--button-text);border-color:var(--button-border)}
#app.admin-preview-page>.button:hover{border-color:var(--selection);background:var(--selected)}
#app.admin-preview-page>.preview-banner{margin:0 0 20px;padding:16px 20px;border:1px solid var(--border);border-radius:14px;background:var(--soft);color:var(--text);line-height:1.6}
#app.admin-preview-page>.preview-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 24px;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 10px 28px var(--shadow)}
#app.admin-preview-page>.preview-controls label{display:grid;gap:7px;min-width:0;color:var(--text);font-size:13px;font-weight:700}
#app.admin-preview-page>.preview-controls select{margin:0}
#app.admin-preview-page>#preview-content,#app.admin-preview-page>#access-preview{margin-top:20px;padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 10px 28px var(--shadow)}
#app.admin-preview-page>#preview-content>.help{margin:0 0 18px;padding:12px 14px;border-radius:10px;background:var(--soft)}
#app.admin-preview-page>#preview-content .page-heading{padding:0;margin:0 0 20px;border:0}
#app.admin-preview-page>#preview-content .activity-card{margin:0;box-shadow:none}
#app.admin-preview-page>#access-preview{min-height:120px}
#app.admin-preview-page>#access-preview>h2{margin-top:0}
@media(max-width:800px){#app.admin-preview-page{width:calc(100% - 32px)}#app.admin-preview-page>.preview-controls{grid-template-columns:1fr}#app.admin-preview-page>#preview-content,#app.admin-preview-page>#access-preview{padding:20px}}

/* Admin workspace: use the site's editorial card language instead of a raw test page. */
#app.admin-preview-page{width:min(1120px,calc(100% - 64px));margin-inline:auto;padding-bottom:48px}
#app.admin-preview-page .page-heading{padding:48px 0 28px;margin-bottom:24px;border-bottom:1px solid var(--border)}
#app.admin-preview-page>.button{display:inline-flex;align-items:center;min-height:44px;margin:0 8px 24px 0;padding:10px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);box-shadow:none;font-size:14px}
#app.admin-preview-page>.button:first-of-type{background:var(--button);color:var(--button-text);border-color:var(--button-border)}
#app.admin-preview-page>.button:hover{border-color:var(--selection);background:var(--selected)}
#app.admin-preview-page>.preview-banner{margin:0 0 20px;padding:16px 20px;border:1px solid var(--border);border-radius:14px;background:var(--soft);color:var(--text);line-height:1.6}
#app.admin-preview-page>.preview-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 24px;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 10px 28px var(--shadow)}
#app.admin-preview-page>.preview-controls label{display:grid;gap:7px;min-width:0;color:var(--text);font-size:13px;font-weight:700}
#app.admin-preview-page>.preview-controls select{margin:0}
#app.admin-preview-page>#preview-content,#app.admin-preview-page>#access-preview{margin-top:20px;padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 10px 28px var(--shadow)}
#app.admin-preview-page>#preview-content>.help{margin:0 0 18px;padding:12px 14px;border-radius:10px;background:var(--soft)}
#app.admin-preview-page>#preview-content .page-heading{padding:0;margin:0 0 20px;border:0}
#app.admin-preview-page>#preview-content .activity-card{margin:0;box-shadow:none}
#app.admin-preview-page>#access-preview{min-height:120px}
#app.admin-preview-page>#access-preview>h2{margin-top:0}
@media(max-width:800px){#app.admin-preview-page{width:calc(100% - 32px)}#app.admin-preview-page>.preview-controls{grid-template-columns:1fr}#app.admin-preview-page>#preview-content,#app.admin-preview-page>#access-preview{padding:20px}}