.lesson-preview{display:grid;gap:var(--app-space-5)}.question-illustration{width:min(100%,42rem);margin:var(--app-space-2) auto var(--app-space-4);overflow:hidden;border:1px solid color-mix(in srgb,var(--green) 18%,var(--line));border-radius:var(--app-space-4);background:var(--app-color-surface-subtle)}.question-illustration img{display:block;width:100%;max-height:28rem;object-fit:contain;background:var(--white)}.question-illustration.is-compact{width:min(100%,32rem)}.question-illustration.is-compact img{max-height:20rem}.lesson-preview p{white-space:pre-wrap}.lesson-preview-header{display:grid;gap:var(--app-space-3);padding:var(--app-space-6)!important;border-top:var(--app-space-1) solid var(--green);background:linear-gradient(135deg,var(--white) 64%,color-mix(in srgb,var(--mint) 58%,var(--white)))}.lesson-preview-header h2{margin:0;font-size:var(--app-section-title);line-height:var(--app-section-title-line-height);letter-spacing:var(--app-section-title-letter-spacing)}.lesson-preview-header>p{max-width:60ch;margin:0;color:var(--muted);font-size:var(--app-body);line-height:var(--app-body-line-height)}.lesson-preview-status{display:flex;align-items:center;flex-wrap:wrap;gap:var(--app-space-2);color:var(--green);font-size:var(--app-helper);line-height:var(--app-helper-line-height);font-weight:var(--fw-semibold)}.lesson-preview-status .app-icon{width:var(--app-space-5);height:var(--app-space-5)}.lesson-preview-status small{display:inline-flex;align-items:center;gap:var(--app-space-2);margin-left:auto;padding:var(--app-space-2) var(--app-space-3);border-radius:var(--app-radius-pill);color:var(--green);background:var(--mint);font-weight:var(--fw-semibold)}.lesson-preview-status small .app-icon{width:var(--app-space-4);height:var(--app-space-4)}.lesson-preview-empty{min-height:18rem;display:grid;justify-items:center;align-content:center;gap:var(--app-space-3);text-align:center}.lesson-preview-empty>span{width:var(--app-space-13);height:var(--app-space-13);display:grid;place-items:center;border-radius:var(--app-space-4);color:var(--green);background:var(--mint)}.lesson-preview-empty>span .app-icon{width:var(--app-space-6);height:var(--app-space-6)}.lesson-preview-empty>p{max-width:34ch;margin:calc(var(--app-space-2) * -1) 0 var(--app-space-2);color:var(--muted)}.preview-section{display:grid;gap:var(--app-space-5);padding:var(--app-space-6)!important}.preview-section-header{display:grid;grid-template-columns:var(--app-space-10) minmax(0,1fr) auto;align-items:center;gap:var(--app-space-3);padding-bottom:var(--app-space-4);border-bottom:1px solid var(--line)}.preview-section-header>span{width:var(--app-space-10);height:var(--app-space-10);display:grid;place-items:center;border-radius:var(--app-space-3);color:var(--green);background:var(--mint)}.preview-section-header>span .app-icon{width:var(--app-space-5);height:var(--app-space-5)}.preview-section-header .eyebrow{margin:0;font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.preview-section-header h3{margin:0;font-size:var(--app-card-title);line-height:var(--app-card-title-line-height);letter-spacing:var(--app-card-title-letter-spacing)}.preview-section-header p:not(.eyebrow){max-width:64ch;margin:var(--app-space-1) 0 0;color:var(--muted);font-size:var(--app-helper);line-height:var(--app-helper-line-height)}.preview-section-header>small{padding:var(--app-space-1) var(--app-space-3);border-radius:var(--app-radius-pill);color:var(--green);background:var(--mint);font-size:var(--app-caption);line-height:var(--app-caption-line-height);font-weight:var(--fw-semibold)}.preview-question-list{display:grid;gap:var(--app-space-4);margin:0;padding:0;list-style:none}.preview-question{min-width:0;display:grid;gap:var(--app-space-4);padding:var(--app-space-5);overflow:hidden;border:1px solid color-mix(in srgb,var(--green) 18%,var(--line));border-radius:var(--app-space-4);background:var(--white);box-shadow:0 var(--app-space-2) var(--app-space-6) rgb(23 53 46/5%)}.preview-question>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--app-space-4);padding-bottom:var(--app-space-4);border-bottom:1px solid var(--line)}.preview-question-identity{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:var(--app-space-2)}.preview-question-number{width:var(--app-space-9);height:var(--app-space-9);display:grid;flex:0 0 auto;place-items:center;border-radius:var(--app-space-3);color:var(--white);background:var(--green);font-weight:var(--fw-bold)}.preview-question-kind,.preview-question-number{font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.preview-question-kind{min-height:var(--app-space-8);display:inline-flex;align-items:center;gap:var(--app-space-2);padding:var(--app-space-1) var(--app-space-3);border-radius:var(--app-radius-pill);color:var(--green);background:var(--mint);font-weight:var(--fw-semibold)}.preview-question-kind .app-icon{width:var(--app-space-4);height:var(--app-space-4)}.preview-question>header>small{color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height);font-weight:var(--fw-semibold)}.preview-question h4{min-width:0;margin:0;color:var(--ink);font-size:var(--app-body);line-height:var(--app-body-line-height);letter-spacing:var(--app-body-letter-spacing);overflow-wrap:anywhere}.preview-question>.question-illustration{margin-top:0}.preview-passage{overflow:hidden;border:1px solid color-mix(in srgb,var(--green) 18%,var(--line));border-radius:var(--app-space-3);background:color-mix(in srgb,var(--mint) 32%,var(--white))}.preview-passage>strong{display:flex;align-items:center;gap:var(--app-space-2);padding:var(--app-space-3) var(--app-space-4);border-bottom:1px solid color-mix(in srgb,var(--green) 14%,var(--line));color:var(--green);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.preview-passage .app-icon{width:var(--app-space-4);height:var(--app-space-4)}.preview-passage blockquote{margin:0;padding:var(--app-space-4);color:var(--ink);font-size:var(--app-body);line-height:var(--app-body-line-height);white-space:pre-wrap}.preview-options{display:grid;gap:var(--app-space-2)}.preview-option{min-width:0;display:grid;grid-template-columns:var(--app-space-8) minmax(0,1fr);align-items:center;gap:var(--app-space-3);min-height:var(--app-space-12);padding:var(--app-space-2) var(--app-space-4) var(--app-space-2) var(--app-space-2);border:1px solid var(--line);border-radius:var(--app-space-3);background:var(--app-color-surface-subtle)}.preview-option>span{width:var(--app-space-8);height:var(--app-space-8);display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--green) 28%,var(--line));border-radius:50%;color:var(--green);background:var(--white);font-size:var(--app-caption);line-height:var(--app-caption-line-height);font-weight:var(--fw-semibold)}.preview-options.is-multiple .preview-option>span{border-radius:var(--app-space-2)}.preview-option p{min-width:0;margin:0;color:var(--ink);line-height:var(--app-body-line-height);overflow-wrap:anywhere}.preview-order{display:grid;gap:var(--app-space-3)}.preview-match-bank>strong,.preview-order>strong{color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.preview-match-bank>div,.preview-word-bank{display:flex;flex-wrap:wrap;gap:var(--app-space-2)}.preview-match-bank span,.preview-word-bank>span{padding:var(--app-space-2) var(--app-space-3);border:1px solid color-mix(in srgb,var(--green) 24%,var(--line));border-radius:var(--app-space-2);color:var(--ink);background:color-mix(in srgb,var(--mint) 38%,var(--white));font-size:var(--app-helper);line-height:var(--app-helper-line-height)}.preview-answer-zone{min-height:var(--app-space-16);display:flex;align-items:center;justify-content:center;gap:var(--app-space-2);padding:var(--app-space-4);border:1px dashed color-mix(in srgb,var(--green) 35%,var(--line));border-radius:var(--app-space-3);color:var(--muted);background:var(--app-color-surface-subtle);font-size:var(--app-helper);line-height:var(--app-helper-line-height);text-align:center}.preview-answer-zone .app-icon{width:var(--app-space-4);height:var(--app-space-4);color:var(--green)}.preview-text-answer{min-height:var(--app-space-12);display:grid;gap:var(--app-space-2);padding:var(--app-space-3) var(--app-space-4);border:1px solid var(--line);border-radius:var(--app-control-radius);background:var(--app-color-surface-subtle)}.preview-text-answer.is-long{min-height:var(--app-space-20)}.preview-text-answer>span{color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.preview-text-answer>i{align-self:end;width:min(100%,16rem);border-bottom:1px solid color-mix(in srgb,var(--muted) 32%,transparent)}.preview-match{display:grid;gap:var(--app-space-4)}.preview-match-bank{padding:var(--app-space-4);border-radius:var(--app-space-3);background:var(--app-color-surface-subtle)}.preview-match-bank,.preview-match-rows{display:grid;gap:var(--app-space-2)}.preview-match-rows>div{display:grid;grid-template-columns:minmax(7.5rem,.8fr) var(--app-space-5) minmax(10rem,1.2fr);align-items:center;gap:var(--app-space-3);padding:var(--app-space-3);border:1px solid var(--line);border-radius:var(--app-space-3)}.preview-match-rows .app-icon{width:var(--app-space-5);height:var(--app-space-5);color:var(--green)}.preview-match-rows span{padding:var(--app-space-2) var(--app-space-3);border:1px solid var(--line);border-radius:var(--app-space-2);color:var(--muted);background:var(--app-color-surface-subtle);font-size:var(--app-helper);line-height:var(--app-helper-line-height)}.preview-rubric{display:grid;gap:var(--app-space-3);padding-top:var(--app-space-4);border-top:1px solid var(--line)}.preview-rubric>strong{display:flex;align-items:center;gap:var(--app-space-2);color:var(--green);font-size:var(--app-helper);line-height:var(--app-helper-line-height)}.preview-rubric>strong .app-icon{width:var(--app-space-4);height:var(--app-space-4)}.preview-rubric ul{display:grid;gap:var(--app-space-2);margin:0;padding:0;list-style:none}.preview-rubric li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--app-space-1) var(--app-space-3);padding:var(--app-space-3);border-radius:var(--app-space-2);background:var(--app-color-surface-subtle)}.preview-rubric li p{grid-column:1/-1;margin:0;color:var(--muted);font-size:var(--app-helper);line-height:var(--app-helper-line-height)}.preview-rubric li small{color:var(--muted)}@media (max-width:640px){.lesson-preview-header,.preview-section{padding:var(--app-space-4)!important}.lesson-preview-status small{width:100%;margin-left:0}.preview-section-header{grid-template-columns:var(--app-space-10) minmax(0,1fr);gap:var(--app-space-3)}.preview-section-header>span{width:var(--app-space-10);height:var(--app-space-10)}.preview-section-header>small{grid-column:2;justify-self:start}.preview-question{padding:var(--app-space-4)}.preview-question>header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--app-space-3)}.preview-question>header h4{grid-column:1/-1;grid-row:2}.preview-question-identity{grid-column:1}.preview-match-rows>div{grid-template-columns:1fr}.preview-match-rows .app-icon{transform:rotate(90deg)}}.version-history{display:grid;gap:var(--app-space-5);overflow:hidden;padding:0!important}.version-history-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-4);padding:var(--app-space-5) var(--app-space-6);border-bottom:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--mint) 54%,var(--white)),var(--white) 72%)}.version-history-heading>div{min-width:0;display:flex;align-items:center;gap:var(--app-space-3)}.version-history-heading>div>i{width:var(--app-space-10);height:var(--app-space-10);display:grid;flex:0 0 auto;place-items:center;border-radius:var(--app-space-3);color:var(--green);background:var(--white);box-shadow:0 var(--app-space-1) var(--app-space-3) rgb(13 107 82/10%)}.version-history-heading .app-icon{width:var(--app-space-5);height:var(--app-space-5)}.version-history-heading h2{margin:0;font-size:var(--app-card-title);line-height:var(--app-card-title-line-height);letter-spacing:var(--app-card-title-letter-spacing)}.version-history-heading p{margin:var(--app-space-1) 0 0;color:var(--muted);font-size:var(--app-helper);line-height:var(--app-helper-line-height)}.version-history-count{flex:0 0 auto;padding:var(--app-space-1) var(--app-space-3);border:1px solid color-mix(in srgb,var(--green) 18%,var(--line));border-radius:var(--app-radius-pill);color:var(--green);background:color-mix(in srgb,var(--mint) 65%,var(--white));font-size:var(--app-caption);line-height:var(--app-caption-line-height);font-weight:var(--fw-semibold)}.version-history-list{display:grid;gap:var(--app-space-2);margin:0;padding:0 var(--app-space-6) var(--app-space-6);list-style:none}.version-history-state{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-4);margin:0 var(--app-space-6);padding:var(--app-space-4);border:1px solid color-mix(in srgb,var(--app-color-danger) 28%,var(--line));border-radius:var(--app-space-3);color:var(--app-color-danger);background:var(--app-color-danger-soft)}.version-history-state>span{display:grid;gap:var(--app-space-1)}.version-history-state small{font-size:var(--app-helper);line-height:var(--app-helper-line-height);font-weight:var(--fw-regular)}.version-history-loading{display:grid;gap:var(--app-space-2);padding:0 var(--app-space-6) var(--app-space-5)}.version-history-loading span{height:var(--app-space-16);border-radius:var(--app-space-3);background:linear-gradient(90deg,var(--app-color-surface-subtle),var(--white),var(--app-color-surface-subtle));background-size:200% 100%;animation:version-history-loading 1.2s linear infinite}.version-history-list li{min-width:0;display:grid;grid-template-columns:minmax(6rem,.7fr) minmax(10rem,1.35fr) auto minmax(12rem,1.2fr);align-items:center;gap:var(--app-space-4);padding:var(--app-space-4);border:1px solid var(--line);border-radius:var(--app-space-3);background:var(--app-color-surface-subtle);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.version-history-list li:hover{border-color:color-mix(in srgb,var(--green) 24%,var(--line));box-shadow:0 var(--app-space-2) var(--app-space-5) rgb(13 107 82/7%);transform:translateY(-1px)}.version-identity{display:flex;align-items:center;gap:var(--app-space-2)}.version-identity>span{font-size:var(--app-label);line-height:var(--app-label-line-height);font-weight:var(--fw-bold)}.version-identity small{padding:2px var(--app-space-2);border-radius:var(--app-radius-pill);color:var(--green);background:var(--mint);font-size:var(--app-caption);line-height:var(--app-caption-line-height);font-weight:var(--fw-semibold)}.version-editor{min-width:0;display:flex;align-items:center;gap:var(--app-space-3)}.version-editor-avatar{width:var(--app-space-9);height:var(--app-space-9);display:grid;flex:0 0 auto;place-items:center;border-radius:50%;color:var(--white);background:var(--green);font-size:var(--app-caption);line-height:var(--app-caption-line-height);font-style:normal;font-weight:var(--fw-bold)}.version-editor>span,.version-history-list time>span{min-width:0;display:grid;gap:2px}.version-editor small,.version-history-list time small{color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height);font-weight:var(--fw-regular)}.version-editor strong{overflow:hidden;font-size:var(--app-helper);line-height:var(--app-helper-line-height);text-overflow:ellipsis;white-space:nowrap}.version-status{justify-self:start;padding:var(--app-space-1) var(--app-space-3);border-radius:var(--app-radius-pill);color:var(--app-color-warning);background:var(--app-color-warning-soft);font-size:var(--app-caption);line-height:var(--app-caption-line-height);font-weight:var(--fw-semibold)}.version-status.is-published{color:var(--app-color-success);background:var(--app-color-success-soft)}.version-status.is-retired{color:var(--muted);background:var(--app-color-surface)}.version-history-list time{min-width:0;display:flex;align-items:center;justify-self:end;gap:var(--app-space-2);color:var(--ink)}.version-history-list time>.app-icon{width:var(--app-space-4);height:var(--app-space-4);flex:0 0 auto;color:var(--muted)}.version-history-list time strong{font-size:var(--app-helper);line-height:var(--app-helper-line-height);font-weight:var(--fw-semibold)}.version-pagination{display:flex;align-items:center;justify-content:center;gap:var(--app-space-1);padding:var(--app-space-4) var(--app-space-6) var(--app-space-5);border-top:1px solid var(--line)}.version-pagination button{width:var(--app-control-height);height:var(--app-control-height);display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:var(--app-radius-pill);color:var(--muted);background:transparent;cursor:pointer;font:inherit;font-size:var(--app-helper);line-height:var(--app-helper-line-height)}.version-pagination button:hover:not(:disabled){border-color:var(--line);color:var(--green);background:var(--white)}.version-pagination button:focus-visible{outline:0;box-shadow:var(--app-focus-ring)}.version-pagination button.is-active{border-color:var(--green);color:var(--white);background:var(--green);box-shadow:0 var(--app-space-1) var(--app-space-3) rgb(13 107 82/18%)}.version-pagination button:disabled{cursor:not-allowed;opacity:.38}.version-pagination button .app-icon{width:var(--app-space-5);height:var(--app-space-5)}.version-page-item{display:flex;align-items:center;gap:var(--app-space-1)}.version-page-item>i{color:var(--muted);font-style:normal}@media (max-width:760px){.version-history-heading{align-items:flex-start;padding:var(--app-space-4)}.version-history-heading p{max-width:18rem}.version-history-list{padding:0 var(--app-space-4) var(--app-space-4)}.version-history-state{align-items:stretch;flex-direction:column;margin-inline:var(--app-space-4)}.version-history-loading{padding-inline:var(--app-space-4)}.version-history-list li{grid-template-columns:minmax(0,1fr) auto;gap:var(--app-space-3);padding:var(--app-space-4)}.version-editor{grid-column:1/-1;padding-top:var(--app-space-3);border-top:1px solid var(--line)}.version-status{grid-column:2;grid-row:1}.version-history-list time{grid-column:1/-1;justify-self:start}.version-pagination{padding-inline:var(--app-space-4)}}@media (max-width:420px){.version-history-heading{display:grid}.version-history-count{justify-self:start}.version-history-heading p,.version-page-item>i{display:none}}@media (prefers-reduced-motion:reduce){.version-history-list li{transition:none}.version-history-list li:hover{transform:none}.version-history-loading span{animation:none}}@keyframes version-history-loading{to{background-position:-200% 0}}.app-dialog-backdrop{position:fixed;z-index:var(--z-modal);inset:0;display:grid;place-items:center;overflow-y:auto;padding:var(--app-space-5);background:rgb(11 31 24/52%);backdrop-filter:blur(4px)}.app-dialog{width:min(100%,32rem);display:grid;grid-template-columns:var(--app-space-12) minmax(0,1fr);gap:var(--app-space-4);padding:var(--app-space-6);border:1px solid color-mix(in srgb,var(--green) 16%,var(--line));border-radius:var(--app-space-5);background:var(--white);box-shadow:var(--app-shadow)}.app-dialog-icon{width:var(--app-space-12);height:var(--app-space-12);display:grid;place-items:center;border-radius:var(--app-space-3);color:var(--green);background:var(--mint)}.app-dialog-icon .app-icon{width:var(--app-space-6);height:var(--app-space-6)}.app-dialog.is-danger .app-dialog-icon{color:var(--app-color-danger);background:color-mix(in srgb,var(--app-color-danger) 10%,var(--white))}.app-dialog-copy{min-width:0}.app-dialog-copy h2{margin:0;font-size:var(--app-card-title);line-height:var(--app-card-title-line-height);letter-spacing:var(--app-card-title-letter-spacing)}.app-dialog-copy p{margin:var(--app-space-2) 0 0;color:var(--muted);text-wrap:pretty}.app-dialog-confirmation,.app-dialog-copy p{font-size:var(--app-helper);line-height:var(--app-helper-line-height);letter-spacing:var(--app-helper-letter-spacing)}.app-dialog-confirmation{grid-column:1/-1;display:grid;gap:var(--app-space-2);padding:var(--app-space-4);border:1px solid color-mix(in srgb,var(--app-color-danger) 24%,var(--line));border-radius:var(--app-space-3);background:var(--app-color-danger-soft)}.app-dialog-confirmation>span{color:var(--muted)}.app-dialog-confirmation>strong{color:var(--app-color-danger);overflow-wrap:anywhere}.app-dialog-confirmation>input{width:100%;background:var(--white)}.app-dialog-confirmation>input:focus{border-color:var(--app-color-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--app-color-danger) 18%,transparent)}.app-dialog-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:var(--app-space-3);padding-top:var(--app-space-2)}.admin-account-action-heading{grid-column:1/-1;display:grid;grid-template-columns:var(--app-space-12) minmax(0,1fr);align-items:center;gap:var(--app-space-4)}.admin-account-action-heading h2{margin:0;font-size:var(--app-section-title);line-height:var(--app-section-title-line-height);letter-spacing:var(--app-section-title-letter-spacing);text-wrap:balance}.admin-account-identity{grid-column:1/-1;min-width:0;display:grid;grid-template-columns:var(--app-space-12) minmax(0,1fr);align-items:center;gap:var(--app-space-3);padding:var(--app-space-2) 0}.admin-account-identity .admin-person-avatar{width:var(--app-space-12);height:var(--app-space-12)}.admin-account-identity>div{min-width:0;display:grid;gap:var(--app-space-1)}.admin-account-identity strong{overflow-wrap:anywhere;font-size:var(--app-label);line-height:var(--app-label-line-height);letter-spacing:var(--app-label-letter-spacing)}.admin-account-identity span{overflow-wrap:anywhere;color:var(--muted);font-size:var(--app-helper);line-height:var(--app-helper-line-height);letter-spacing:var(--app-helper-letter-spacing)}.admin-account-action-dialog>form{grid-column:1/-1;display:grid;gap:var(--app-space-4);margin-top:var(--app-space-2)}.admin-account-action-dialog>form label{display:grid;gap:var(--app-space-2);font-size:var(--app-helper);line-height:var(--app-helper-line-height);letter-spacing:var(--app-helper-letter-spacing);font-weight:var(--fw-medium)}.admin-account-action-dialog .field-label-icon .app-icon{color:var(--app-color-warning)}.admin-account-action-dialog textarea{min-height:calc(var(--app-control-height) * 2);resize:vertical}.admin-account-action-notice{display:grid;grid-template-columns:var(--app-space-6) minmax(0,1fr);align-items:start;gap:var(--app-space-3);padding:var(--app-space-3) var(--app-space-4);border:1px solid color-mix(in srgb,var(--app-color-warning) 38%,var(--line));border-radius:var(--app-space-3);color:var(--app-color-warning);background:var(--app-color-warning-soft)}.admin-account-action-notice .app-icon{width:var(--app-space-5);height:var(--app-space-5);margin-top:var(--app-space-1)}.admin-account-action-notice p{margin:0;color:var(--ink);font-size:var(--app-helper);line-height:var(--app-helper-line-height);letter-spacing:var(--app-helper-letter-spacing);text-wrap:pretty}.avatar-crop-dialog{width:min(100%,38rem)}.avatar-crop-preview{grid-column:1/-1;width:min(100%,22rem);aspect-ratio:1;position:relative;justify-self:center;overflow:hidden;border-radius:50%;background:var(--mint)}.avatar-crop-preview img{object-fit:cover;transform-origin:center}.avatar-crop-controls{grid-column:1/-1;display:grid;gap:var(--app-space-3)}.avatar-crop-controls label{display:grid;grid-template-columns:7rem minmax(0,1fr);align-items:center;gap:var(--app-space-3);font-size:var(--app-helper);font-weight:var(--fw-medium)}.avatar-crop-controls input{width:100%;accent-color:var(--green)}@media (max-width:480px){.app-dialog-backdrop{place-items:end center;padding:0}.app-dialog{width:100%;grid-template-columns:var(--app-space-11) minmax(0,1fr);padding:var(--app-space-5);border-radius:var(--app-space-5) var(--app-space-5) 0 0}.app-dialog-actions>.button{flex:1}.admin-account-action-heading{grid-template-columns:var(--app-space-11) minmax(0,1fr);gap:var(--app-space-3)}.avatar-crop-preview{width:min(100%,17rem)}.avatar-crop-controls label{grid-template-columns:1fr;gap:var(--app-space-1)}}@media (prefers-reduced-motion:reduce){.app-dialog-backdrop{backdrop-filter:none}}.required-mark{margin-left:var(--app-space-1);color:var(--app-color-danger);font-weight:var(--fw-bold)}label:has(input:required,textarea:required,select:required)>:is(span,strong):first-child:not(:has(.required-mark)):after{margin-left:var(--app-space-1);color:var(--app-color-danger);font-weight:var(--fw-bold);content:"*"/""}.icon-title{display:flex;align-items:center;gap:var(--app-space-2)}.icon-title>.app-icon{width:.95em;height:.95em;color:var(--level-accent,var(--staff-accent,var(--green)))}@media (max-width:640px){.icon-title{align-items:flex-start}.icon-title>.app-icon{width:.88em;height:.88em;margin-top:var(--app-space-1)}}.workspace-sidebar-brand{min-height:var(--app-space-14);display:flex;align-items:center;gap:var(--app-space-3);padding:var(--app-space-1) var(--app-space-2)}.workspace-sidebar-brand img{width:var(--app-space-12);height:var(--app-space-12);flex:0 0 var(--app-space-12);border-radius:50%;object-fit:cover}.workspace-sidebar-brand>span{min-width:0;display:grid;gap:2px}.workspace-sidebar-brand strong{font-size:var(--app-card-title);line-height:var(--app-card-title-line-height);letter-spacing:var(--app-card-title-letter-spacing)}.workspace-sidebar-brand small{color:var(--muted);font-size:var(--app-micro);line-height:var(--app-micro-line-height);letter-spacing:var(--app-micro-letter-spacing);font-weight:var(--fw-semibold);white-space:nowrap}.result-count{min-height:var(--app-space-10);display:inline-flex;align-items:center;justify-content:center;gap:var(--app-space-2);padding:0 var(--app-space-3);border:1px solid color-mix(in srgb,var(--staff-accent,var(--green)) 24%,var(--line));border-radius:var(--app-radius-pill);color:var(--staff-accent,var(--green));background:var(--staff-soft,var(--mint));font-size:var(--app-helper);line-height:var(--app-helper-line-height);letter-spacing:var(--app-helper-letter-spacing);white-space:nowrap}.result-count .app-icon{width:var(--app-space-4);height:var(--app-space-4)}.result-count strong{font-size:var(--app-body);line-height:var(--app-body-line-height)}.identity-avatar{overflow:hidden}.identity-avatar img{width:100%;height:100%;object-fit:cover}.app-pagination{min-height:var(--app-space-15);display:flex;align-items:center;justify-content:center;gap:var(--app-space-2);padding:var(--app-space-3) var(--app-space-5)}.app-pagination-button{width:var(--app-control-height);height:var(--app-control-height);display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:var(--app-color-neutral-0);font-size:var(--app-caption);line-height:var(--app-icon-line-height);cursor:pointer}.app-pagination-button:hover:not(:disabled){border-color:var(--staff-accent,var(--green));color:var(--staff-accent,var(--green));background:var(--staff-soft,var(--mint))}.app-pagination-button[aria-current=page]{border-color:var(--staff-accent,var(--green));color:var(--app-color-neutral-0);background:var(--staff-accent,var(--green));font-weight:var(--fw-bold)}.app-pagination-button:disabled{cursor:not-allowed;opacity:.4}.app-pagination-button .app-icon{width:var(--app-space-4);height:var(--app-space-4)}.app-pagination-slot{display:inline-flex;align-items:center;gap:var(--app-space-2)}.app-pagination-slot i{color:var(--muted);font-style:normal}.staff-updates{max-width:67.5rem!important}.staff-updates>.learner-notification-tabs{margin-bottom:var(--app-space-1)}.staff-notification-list{display:grid;gap:var(--app-space-3)}.staff-notification-list>article{min-width:0;display:grid;grid-template-columns:var(--app-space-11) minmax(0,1fr) auto;align-items:center;gap:var(--app-space-4);padding:var(--app-space-5);border:1px solid var(--line);border-radius:var(--app-space-4);background:var(--white)}.staff-notification-list>article>span{width:var(--app-space-10);height:var(--app-space-10);display:grid;place-items:center;border-radius:var(--app-space-3);color:var(--green);background:var(--mint)}.staff-notification-list>article>span .app-icon{width:var(--app-space-5);height:var(--app-space-5)}.staff-notification-list>article>div:nth-child(2){min-width:0}.staff-notification-list strong{display:block;font-size:var(--app-label);line-height:var(--app-label-line-height)}.staff-notification-list p{margin:var(--app-space-1) 0 var(--app-space-2);color:var(--muted);font-size:var(--app-helper);line-height:var(--app-helper-line-height)}.staff-notification-list time{color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.staff-notification-list>article>div:last-child{display:flex;align-items:center;gap:var(--app-space-2)}@media (max-width:680px){.staff-notification-list>article{grid-template-columns:var(--app-space-10) minmax(0,1fr);padding:var(--app-space-4)}.staff-notification-list>article>div:last-child{grid-column:1/-1;align-items:stretch;flex-direction:column}.staff-notification-list>article>div:last-child>*{width:100%}}.reference-reader-shell,.reference-shell{width:100%;display:grid;gap:var(--app-space-7)}.reference-heading,.reference-reader-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--app-space-8)}.reference-heading h1,.reference-reader-heading h1{margin:0;font-size:var(--app-title);line-height:var(--app-title-line-height);letter-spacing:var(--app-title-letter-spacing)}.reference-heading>span{flex:0 0 auto;padding:var(--app-space-2) var(--app-space-3);border-radius:var(--app-radius-pill);color:var(--green);background:var(--mint);font-size:var(--app-helper);line-height:var(--app-helper-line-height);letter-spacing:var(--app-helper-letter-spacing);font-weight:var(--fw-semibold)}.reference-upload{border:1px solid var(--line);border-radius:var(--app-radius);background:var(--white);box-shadow:var(--app-shadow)}.reference-upload summary{min-height:var(--app-space-14);display:flex;align-items:center;gap:var(--app-space-3);padding:0 var(--app-space-5);color:var(--green);cursor:pointer;font-size:var(--app-label);line-height:var(--app-label-line-height);letter-spacing:var(--app-label-letter-spacing);font-weight:var(--fw-semibold);list-style:none}.reference-upload summary::-webkit-details-marker{display:none}.reference-edit{overflow:hidden;border:1px solid var(--line);border-radius:var(--app-radius);background:var(--white);box-shadow:var(--app-shadow)}.reference-edit>header{min-height:var(--app-space-16);display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-4);padding:var(--app-space-4) var(--app-space-5)}.reference-edit>header h2,.reference-edit>header p{margin:0}.reference-edit>header h2{font-size:var(--app-card-title);line-height:var(--app-card-title-line-height);letter-spacing:var(--app-card-title-letter-spacing)}:is(.reference-upload,.reference-edit) form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--app-space-5);padding:var(--app-space-5);border-top:1px solid var(--line)}.reference-file-field,:is(.reference-upload,.reference-edit) form>label{min-width:0;display:grid;align-content:start;gap:var(--app-space-2)}.reference-field-label{min-width:0;display:inline-flex;align-items:center;gap:var(--app-space-2);color:var(--ink);font-size:var(--app-label);line-height:var(--app-label-line-height);letter-spacing:var(--app-label-letter-spacing);font-weight:var(--fw-semibold)}.reference-field-label .app-icon{width:var(--app-space-5);height:var(--app-space-5);flex:0 0 auto;color:var(--green)}:is(.reference-upload,.reference-edit) input,:is(.reference-upload,.reference-edit) textarea{width:100%;min-height:var(--app-control-height);padding:var(--app-space-3) var(--app-control-padding-inline);border:1px solid var(--app-control-border);border-radius:var(--app-control-radius);color:var(--ink);background:var(--white);font-size:var(--app-body);line-height:var(--app-body-line-height);letter-spacing:var(--app-body-letter-spacing)}:is(.reference-upload,.reference-edit) textarea{resize:vertical}.reference-file-field{grid-column:1/-1}.reference-file-field small,.reference-thumbnail-field small{letter-spacing:var(--app-caption-letter-spacing)}.reference-file-field small,.reference-thumbnail-field small,.reference-tone-field small{color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.reference-tone-swatch{width:var(--app-space-4);height:var(--app-space-4);display:inline-block;flex:0 0 auto;border:1px solid color-mix(in srgb,currentColor 18%,var(--line));border-radius:50%}.reference-tone-swatch.is-green{color:var(--green);background:var(--green)}.reference-tone-swatch.is-blue{color:var(--app-color-info);background:var(--app-color-info)}.reference-tone-swatch.is-amber{color:var(--app-color-warning);background:var(--app-color-warning)}.reference-tone-swatch.is-coral{color:var(--app-color-coral);background:var(--app-color-coral)}.reference-answer-file{padding:var(--app-space-4);border:1px solid var(--line);border-radius:var(--app-control-radius);background:var(--app-color-surface-subtle)}.reference-answer-options{min-width:0;display:grid;gap:var(--app-space-2);grid-column:1/-1;margin:0;padding:0;border:0}.reference-answer-options legend{padding:0}.reference-answer-options>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--app-space-3)}.reference-answer-options label{min-width:0;display:flex;align-items:flex-start;gap:var(--app-space-3);padding:var(--app-space-3);border:1px solid var(--app-control-border);border-radius:var(--app-control-radius);background:var(--white);cursor:pointer}.reference-answer-options label.is-selected{border-color:var(--green);background:var(--mint);box-shadow:0 0 0 1px color-mix(in srgb,var(--green) 30%,transparent)}.reference-answer-options input{width:var(--app-space-5);height:var(--app-space-5);min-height:0;flex:0 0 auto;margin:.125rem 0 0;padding:0;accent-color:var(--green)}.reference-answer-options label>span{min-width:0;display:grid;gap:var(--app-space-1)}.reference-answer-options strong{color:var(--ink);font-size:var(--app-helper);line-height:var(--app-helper-line-height);font-weight:var(--fw-semibold)}.reference-answer-options small{color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.reference-audio-options{min-width:0;display:grid;gap:var(--app-space-3);grid-column:1/-1;margin:0;padding:0;border:0}.reference-audio-options legend{padding:0}.reference-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--app-space-3)}.reference-choice-grid>label{min-width:0;display:flex;align-items:flex-start;gap:var(--app-space-3);padding:var(--app-space-3);border:1px solid var(--app-control-border);border-radius:var(--app-control-radius);background:var(--white);cursor:pointer}.reference-choice-grid>label.is-selected{border-color:var(--green);background:var(--mint);box-shadow:0 0 0 1px color-mix(in srgb,var(--green) 30%,transparent)}.reference-choice-grid input{width:var(--app-space-5);height:var(--app-space-5);min-height:0;flex:0 0 auto;margin:.125rem 0 0;padding:0;accent-color:var(--green)}.reference-choice-grid label>span{min-width:0;display:grid;gap:var(--app-space-1)}.reference-choice-grid strong{color:var(--ink);font-size:var(--app-helper);line-height:var(--app-helper-line-height);font-weight:var(--fw-semibold)}.reference-choice-grid small{color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.reference-audio-section-list{display:grid;gap:var(--app-space-3)}.reference-audio-section{min-width:0;display:grid;grid-template-columns:minmax(12rem,.8fr) minmax(16rem,1.2fr);gap:var(--app-space-3) var(--app-space-4);padding:var(--app-space-4);border:1px solid var(--line);border-radius:var(--app-control-radius);background:var(--app-color-surface-subtle)}.reference-audio-section>header{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3);grid-column:1/-1;padding-bottom:var(--app-space-2);border-bottom:1px solid var(--line)}.reference-audio-section>header>span{display:inline-flex;align-items:center;gap:var(--app-space-2);color:var(--ink);font-size:var(--app-label);line-height:var(--app-label-line-height);font-weight:var(--fw-semibold)}.reference-audio-section>header .app-icon{width:var(--app-space-5);height:var(--app-space-5);color:var(--green)}.reference-audio-section>header button{width:var(--app-control-height);height:var(--app-control-height);display:grid;flex:0 0 auto;place-items:center;padding:0;border:0;border-radius:var(--app-radius-sm);color:var(--app-color-danger);background:transparent;cursor:pointer}.reference-audio-section>header button:hover{background:var(--app-color-danger-soft)}.reference-audio-section>div,.reference-audio-section>label{min-width:0;display:grid;align-content:start;gap:var(--app-space-2)}.reference-audio-section>div>span,.reference-audio-section>label>span{color:var(--ink);font-size:var(--app-helper);line-height:var(--app-helper-line-height);font-weight:var(--fw-semibold)}.reference-audio-section small{color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.reference-audio-add{width:fit-content}.reference-thumbnail-field{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 14rem;align-items:stretch;gap:var(--app-space-4);grid-column:1/-1;padding:var(--app-space-4);border:1px solid var(--line);border-radius:var(--app-control-radius);background:var(--app-color-surface-subtle)}.reference-thumbnail-field>div:first-child{min-width:0;display:grid;align-content:start;gap:var(--app-space-2)}.reference-thumbnail-preview{min-height:9rem;position:relative;overflow:hidden;border:1px dashed var(--app-control-border);border-radius:var(--app-control-radius);background:var(--white)}.reference-thumbnail-preview img{object-fit:cover}.reference-thumbnail-preview>span{height:100%;display:grid;place-items:center;align-content:center;gap:var(--app-space-2);padding:var(--app-space-3);color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height);text-align:center}.reference-thumbnail-preview .app-icon{width:var(--app-space-7);height:var(--app-space-7)}.reference-upload-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-5);grid-column:1/-1;padding-top:var(--app-space-4);border-top:1px solid var(--line)}.reference-upload-actions>span{max-width:42rem;display:inline-flex;align-items:flex-start;gap:var(--app-space-2);color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.reference-upload-actions>span .app-icon{width:var(--app-space-5);height:var(--app-space-5);flex:0 0 auto;color:var(--green)}.reference-upload-actions .button{flex:0 0 auto}:is(.reference-upload,.reference-edit) form>.form-message,:is(.reference-upload,.reference-edit) form>.security-message{grid-column:1/-1;margin:0}.reference-audience-help{grid-column:1/-1;margin:calc(var(--app-space-2) * -1) 0 0;color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.reference-tools{display:grid;grid-template-columns:minmax(16rem,1fr) minmax(12rem,17rem);gap:var(--app-space-3)}.reference-tools>label{min-width:0;min-height:var(--app-control-height);display:flex;align-items:center;gap:var(--app-space-3);padding:0 var(--app-control-padding-inline);border:1px solid var(--app-control-border);border-radius:var(--app-control-radius);background:var(--white);box-shadow:0 .0625rem .125rem rgb(18 51 44/5%)}.reference-tools>label:focus-within{border-color:var(--green);box-shadow:var(--app-focus-ring)}.reference-tools>label .app-icon{width:var(--app-space-5);height:var(--app-space-5);flex:0 0 auto;color:var(--green)}.reference-tools input{min-width:0;width:100%;height:calc(var(--app-control-height) - 2px);padding:0;border:0;outline:0;color:var(--ink);background:transparent;font:inherit}.reference-card-tags{display:flex;flex-wrap:wrap;gap:var(--app-space-1);margin-top:var(--app-space-3)}.reference-card-tags span{padding:var(--app-space-1) var(--app-space-2);border-radius:var(--app-radius-pill);color:var(--reference-accent);background:var(--reference-soft);font-size:var(--app-caption);line-height:var(--app-caption-line-height);font-weight:var(--fw-semibold)}.reference-card-tags .reference-level-tag{color:var(--level-accent);background:var(--level-soft)}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--app-space-4)}.reference-card{--reference-accent:var(--green);--reference-soft:var(--mint);min-width:0;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid var(--line);border-top:var(--app-space-1) solid var(--reference-accent);border-radius:var(--app-radius);background:var(--white);box-shadow:var(--app-shadow);transition:border-color .18s,box-shadow .18s,transform .18s}.reference-card.tone-blue{--reference-accent:var(--app-color-info);--reference-soft:var(--app-color-info-soft)}.reference-card.tone-amber{--reference-accent:var(--app-color-warning);--reference-soft:var(--app-color-warning-soft)}.reference-card.tone-coral{--reference-accent:var(--app-color-coral);--reference-soft:var(--app-color-danger-soft)}.reference-card.is-alphabet{--reference-accent:var(--app-color-template-accent);--reference-soft:var(--app-color-template-soft)}.reference-card:hover{border-color:var(--reference-accent);box-shadow:var(--app-shadow-raised);transform:translateY(calc(var(--app-space-1) * -1))}.reference-card:focus-visible{outline:.1875rem solid color-mix(in srgb,var(--reference-accent) 30%,transparent);outline-offset:var(--app-space-1)}.reference-card-thumbnail{width:100%;aspect-ratio:3/2;position:relative;overflow:hidden;background:var(--app-color-neutral-soft)}.reference-card-thumbnail img{object-fit:cover;transition:transform .22s ease}.reference-card:hover .reference-card-thumbnail img{transform:scale(1.025)}.reference-card-thumbnail>span{height:100%;display:grid;place-items:center;color:var(--reference-accent);background:linear-gradient(145deg,var(--reference-soft),var(--app-color-surface-subtle))}.reference-card-thumbnail>.reference-thumbnail-fallback{align-content:center;gap:var(--app-space-2);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.reference-card-thumbnail>.reference-thumbnail-loading{animation:pulse 1.2s ease-in-out infinite alternate;background:var(--app-color-neutral-soft)}.reference-card-thumbnail .app-icon{width:var(--app-space-12);height:var(--app-space-12)}.reference-card-content{min-width:0;display:flex;align-items:flex-start;gap:var(--app-space-3);padding:var(--app-space-4)}.reference-card-content>div{min-width:0}.reference-card-icon{width:var(--app-space-10);height:var(--app-space-10);display:grid;flex:0 0 var(--app-space-10);place-items:center;border-radius:var(--app-radius-sm);color:var(--reference-accent);background:var(--reference-soft)}.reference-kind{margin:0;color:var(--reference-accent);font-size:var(--app-card-title);line-height:var(--app-card-title-line-height);letter-spacing:var(--app-card-title-letter-spacing);font-weight:var(--fw-bold);text-wrap:pretty}.reference-card p{display:-webkit-box;overflow:hidden;margin:var(--app-space-2) 0 0;color:var(--muted);font-size:var(--app-helper);line-height:var(--app-helper-line-height);letter-spacing:var(--app-helper-letter-spacing);-webkit-box-orient:vertical;-webkit-line-clamp:3}.reference-card footer{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-4);padding:var(--app-space-3) var(--app-space-4);border-top:1px solid var(--line);background:linear-gradient(90deg,var(--white),var(--app-color-surface-subtle))}.reference-card footer.is-action-only{justify-content:flex-end}.reference-card footer span{color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height);letter-spacing:var(--app-caption-letter-spacing)}.reference-card footer b{display:inline-flex;align-items:center;gap:var(--app-space-2);color:var(--reference-accent);font-size:var(--app-helper);line-height:var(--app-helper-line-height);letter-spacing:var(--app-helper-letter-spacing)}.reference-card footer .app-icon{width:var(--app-space-4);height:var(--app-space-4)}.reference-loading{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--app-space-4)}.reference-loading div,.reference-reader-loading{min-height:16rem;animation:pulse 1.2s ease-in-out infinite alternate;border-radius:var(--app-radius);background:var(--app-color-neutral-soft)}.reference-reader-shell>.learner-back{width:fit-content}.reference-reader-heading{align-items:center;padding-bottom:var(--app-space-5);border-bottom:1px solid var(--line)}.reference-reader-heading>div:first-child{min-width:0}.reference-reader-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:var(--app-space-2)}.reference-answer-status{display:flex;align-items:center;gap:var(--app-space-2);margin:var(--app-space-2) 0 0;color:var(--muted);font-size:var(--app-helper);line-height:var(--app-helper-line-height)}.reference-answer-status .app-icon{width:var(--app-space-5);height:var(--app-space-5);flex:0 0 auto;color:var(--green)}.reference-audio-player{overflow:hidden;border:1px solid var(--line);border-radius:var(--app-radius);background:var(--white);box-shadow:var(--app-shadow)}.reference-audio-player>header{display:flex;align-items:flex-start;gap:var(--app-space-3);padding:var(--app-space-4) var(--app-space-5);border-bottom:1px solid var(--line)}.reference-audio-player h2,.reference-audio-player p{margin:0}.reference-audio-player h2{color:var(--ink);font-size:var(--app-card-title);line-height:var(--app-card-title-line-height);letter-spacing:var(--app-card-title-letter-spacing)}.reference-audio-player header p{margin-top:var(--app-space-1);color:var(--muted);font-size:var(--app-helper);line-height:var(--app-helper-line-height)}.reference-audio-player ol{display:grid;gap:0;margin:0;padding:0;list-style:none}.reference-audio-player li{min-width:0;display:grid;grid-template-columns:minmax(12rem,1fr) minmax(16rem,1.5fr);align-items:center;gap:var(--app-space-4);padding:var(--app-space-3) var(--app-space-5)}.reference-audio-player li+li{border-top:1px solid var(--line)}.reference-audio-player li>div{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--app-space-2)}.reference-audio-player li small,.reference-audio-player li span{color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.reference-audio-player li strong{min-width:0;overflow-wrap:anywhere;color:var(--ink);font-size:var(--app-helper);line-height:var(--app-helper-line-height);font-weight:var(--fw-semibold)}.reference-audio-player audio{width:100%;min-width:0;height:var(--app-control-height)}.reference-audio-player li>p{color:var(--app-color-danger);font-size:var(--app-helper);line-height:var(--app-helper-line-height)}.pdf-reader{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--app-radius);background:var(--white);box-shadow:var(--app-shadow)}.pdf-reader-toolbar{display:flex;align-items:center;gap:var(--app-space-3);padding:var(--app-space-3);border-bottom:1px solid var(--line);background:var(--app-color-surface-subtle)}.pdf-reader-toolbar form{display:flex;align-items:center;gap:var(--app-space-2)}.pdf-reader-toolbar label{font-size:var(--app-helper);line-height:var(--app-helper-line-height);letter-spacing:var(--app-helper-letter-spacing);font-weight:var(--fw-semibold)}.pdf-reader-toolbar input{width:var(--app-space-20);min-height:var(--app-control-height);padding:0 var(--app-control-padding-inline);border:1px solid var(--app-control-border);border-radius:var(--app-control-radius);background:var(--white)}.pdf-page-step{width:var(--app-control-height);height:var(--app-control-height);display:grid;flex:0 0 var(--app-control-height);place-items:center;padding:0;border:1px solid var(--app-control-border);border-radius:var(--app-control-radius);color:var(--green);background:var(--white);cursor:pointer}.pdf-page-step:disabled{cursor:not-allowed;opacity:.45}.pdf-bookmark{margin-left:auto}.pdf-reader>.form-message,.pdf-reader>.security-message{margin:var(--app-space-3)}.pdf-object{width:100%;height:72svh;min-height:34rem;display:block;border:0;background:var(--app-color-neutral-soft)}.pdf-reader-help{margin:0;padding:var(--app-space-2) var(--app-space-4);border-top:1px solid var(--line);color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height);text-align:center}.pdf-reader-help a{color:var(--green);font-weight:var(--fw-semibold)}.pdf-fallback{min-height:24rem;display:grid;place-items:center;align-content:center;gap:var(--app-space-4);padding:var(--app-space-6);text-align:center}.pdf-fallback>.app-icon{width:var(--app-space-12);height:var(--app-space-12);color:var(--green)}.japanese-alphabet{display:grid;gap:var(--app-space-6)}.alphabet-note{padding:var(--app-space-5);border:1px solid color-mix(in srgb,var(--app-color-template-accent) 20%,var(--line));border-radius:var(--app-radius);background:var(--app-color-template-soft)}.alphabet-note strong{font-size:var(--app-label);line-height:var(--app-label-line-height);letter-spacing:var(--app-label-letter-spacing)}.alphabet-note p{margin:var(--app-space-2) 0 0;color:var(--muted);font-size:var(--app-helper);line-height:var(--app-helper-line-height);letter-spacing:var(--app-helper-letter-spacing)}.alphabet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--app-space-5)}.kana-table-card{min-width:0;overflow:visible;border:1px solid var(--line);border-radius:var(--app-radius);background:var(--white);box-shadow:var(--app-shadow)}.kana-table-heading{min-height:var(--app-space-16);display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-4);padding:var(--app-space-4) var(--app-space-5)}.kana-table-heading h2{margin:0;color:var(--app-color-template-accent);font-size:var(--app-card-title);line-height:var(--app-card-title-line-height);letter-spacing:var(--app-card-title-letter-spacing)}.kana-table-heading .context-help-popover{right:0;left:auto}.kana-table-heading .context-help-popover:before{right:var(--app-space-2);left:auto;transform:translateY(-50%) rotate(225deg)}.kana-table-scroll{min-width:0;overflow-x:auto;border-radius:0 0 var(--app-radius) var(--app-radius)}.kana-table{width:100%;min-width:28rem;border-collapse:collapse}.kana-table td,.kana-table th{padding:var(--app-space-3);border-top:1px solid var(--line);text-align:center}.kana-table tbody th,.kana-table thead th{color:var(--ink);background:var(--app-color-surface-subtle);letter-spacing:var(--app-body-letter-spacing);font-weight:var(--fw-regular)}.kana-table tbody th,.kana-table thead th,.kana-table thead th:not(:first-child){font-size:var(--app-body);line-height:var(--app-body-line-height)}.kana-table td{color:var(--ink);font-size:var(--app-card-title);line-height:var(--app-card-title-line-height);letter-spacing:var(--app-card-title-letter-spacing);font-weight:var(--fw-semibold)}.kana-table td>span[aria-label="Không có âm"]{color:var(--line)}.kana-cell{display:grid;justify-items:center;gap:var(--app-space-1)}.kana-cell b{font-size:var(--app-card-title);line-height:var(--app-card-title-line-height);letter-spacing:var(--app-card-title-letter-spacing)}.kana-cell small{color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height);letter-spacing:var(--app-caption-letter-spacing);font-weight:var(--fw-regular)}@media (max-width:768px){.reference-shell{gap:var(--app-space-5)}.reference-heading,.reference-reader-heading{align-items:flex-start;flex-direction:column;gap:var(--app-space-3)}:is(.reference-upload,.reference-edit) form{grid-template-columns:1fr}.reference-file-field,:is(.reference-upload,.reference-edit) form>label{grid-column:1}.reference-answer-options,.reference-audio-options,.reference-thumbnail-field,.reference-upload-actions{grid-column:1}.reference-reader-actions{width:100%;justify-content:flex-start}.reference-reader-actions .button{flex:1 1 auto}.alphabet-grid,.reference-loading{grid-template-columns:1fr}.pdf-reader-toolbar{align-items:stretch;flex-wrap:wrap}.pdf-reader-toolbar form{min-width:0;flex:1 1 auto}.pdf-bookmark{width:100%;margin-left:0}.reference-audio-player li,.reference-audio-section,.reference-tools{grid-template-columns:1fr}}@media (max-width:1080px){.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.reference-grid,.reference-thumbnail-field{grid-template-columns:1fr}.reference-thumbnail-preview{min-height:11rem}.reference-answer-options>div,.reference-choice-grid{grid-template-columns:1fr}.reference-upload-actions{align-items:stretch;flex-direction:column}.reference-upload-actions .button{width:100%}}@media (max-width:480px){.reference-card footer{align-items:flex-start;flex-direction:column}.pdf-reader-toolbar form{display:grid;grid-template-columns:auto minmax(0,1fr)}.pdf-reader-toolbar form .button{grid-column:1/-1}.pdf-reader-toolbar input{width:100%}.pdf-object{height:62svh;min-height:28rem}}@media (prefers-reduced-motion:reduce){.reference-card,.reference-card-thumbnail img{transition-duration:.01ms}}.admin-news-workspace{display:grid;gap:var(--app-space-6)}.admin-news-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(10rem,14rem) auto;align-items:center;gap:var(--app-space-4);padding:var(--app-space-5)}.admin-news-settings p{margin:var(--app-space-1) 0 0;color:var(--muted);font-size:var(--app-helper);line-height:var(--app-helper-line-height)}.admin-news-editor{padding:var(--app-space-6)}.admin-news-editor>header{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-4);margin-bottom:var(--app-space-5)}.admin-news-editor-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--app-space-2)}.admin-news-editor-header-actions .button-danger:disabled,.admin-news-settings .button:disabled{cursor:not-allowed}.admin-news-editor-header-actions .button-danger:disabled{border-color:var(--line)}.admin-news-editor-header-actions .button-danger:disabled,.admin-news-settings .button:disabled{color:var(--muted);background:var(--app-color-neutral-soft)}.admin-news-editor>header .eyebrow{margin:0}.admin-news-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--app-space-3)}.admin-news-editor h2,.admin-news-list h2{margin:var(--app-space-1) 0 0;font-size:var(--app-section-title);line-height:var(--app-section-title-line-height)}.admin-news-editor form{display:grid;grid-template-columns:minmax(0,2fr) minmax(10rem,1fr);gap:var(--app-space-4)}.admin-news-editor label{min-width:0;display:grid;align-content:start;gap:var(--app-space-2)}.admin-news-editor label>span,.admin-news-image-field strong{font-size:var(--app-label);line-height:var(--app-label-line-height);font-weight:var(--fw-semibold)}.admin-news-editor .field-label-icon .app-icon,.admin-news-settings .field-label-icon .app-icon{color:var(--staff-accent,var(--green))}.admin-news-editor input,.admin-news-editor textarea{width:100%;min-height:var(--app-control-height);padding:var(--app-space-3) var(--app-control-padding-inline);border:1px solid var(--app-control-border);border-radius:var(--app-control-radius);color:var(--ink);background:var(--white);font:inherit}.admin-news-editor textarea{resize:vertical}.admin-news-editor .wide{grid-column:1/-1}.admin-news-content-field{min-width:0;display:grid;gap:var(--app-space-2)}.admin-news-slug input[readonly]{color:var(--muted);background:var(--app-color-surface-subtle)}.news-save-state{width:fit-content;display:inline-flex;align-items:center;gap:var(--app-space-2);margin:calc(var(--app-space-3) * -1) 0 var(--app-space-4);color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.news-save-state .app-icon{width:var(--app-space-4);height:var(--app-space-4);color:var(--staff-accent,var(--green))}.news-save-state.is-conflict,.news-save-state.is-error{color:var(--app-color-danger)}.news-save-state.is-conflict .app-icon,.news-save-state.is-error .app-icon{color:currentColor}.news-rich-editor{min-width:0;overflow:hidden;border:1px solid var(--app-control-border);border-radius:var(--app-control-radius);background:var(--white)}.news-editor-toolbar{min-height:var(--app-control-height);display:flex;flex-wrap:wrap;align-items:center;gap:var(--app-space-1);padding:var(--app-space-2);border-bottom:1px solid var(--line);background:var(--app-color-surface-subtle)}.news-editor-toolbar button{width:var(--app-control-height);height:var(--app-control-height);display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:var(--app-radius-sm);color:var(--ink);background:transparent;cursor:pointer}.news-editor-toolbar button:hover,.news-editor-toolbar button[aria-expanded=true]{border-color:var(--app-control-border);color:var(--staff-accent,var(--green));background:var(--white)}.news-editor-toolbar button:disabled{cursor:not-allowed;opacity:.45}.news-editor-toolbar .app-icon{width:var(--app-space-5);height:var(--app-space-5)}.news-editor-toolbar>span{width:1px;height:var(--app-space-6);margin:0 var(--app-space-1);background:var(--line)}.admin-news-editor .news-rich-editor>textarea{min-height:14rem;display:block;padding:var(--app-space-4);border:0;border-radius:0;outline:0}.admin-news-editor .news-rich-editor>textarea:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--staff-accent,var(--green)) 38%,transparent)}.news-rich-editor>footer{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3);padding:var(--app-space-2) var(--app-space-4);border-top:1px solid var(--line);color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.news-editor-insert-panel{display:grid;grid-template-columns:minmax(10rem,1fr) minmax(14rem,2fr) auto;align-items:end;gap:var(--app-space-3);padding:var(--app-space-3);border-bottom:1px solid var(--line);background:var(--mint)}.news-editor-insert-panel.is-image{grid-template-columns:minmax(14rem,1fr) minmax(18rem,1.5fr) auto}.news-editor-insert-panel>div{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--app-space-2)}.news-editor-insert-panel.is-image>div:nth-child(2){display:grid;justify-content:stretch;gap:var(--app-space-2)}.news-editor-insert-panel.is-image>div:nth-child(2)>span{font-size:var(--app-label);line-height:var(--app-label-line-height);font-weight:var(--fw-semibold)}.news-editor-preview{display:grid;gap:var(--app-space-4);padding:var(--app-space-5);border-top:1px solid var(--line);background:var(--app-color-surface-subtle)}.news-editor-preview>strong{font-size:var(--app-label);line-height:var(--app-label-line-height)}.news-editor-preview>strong .app-icon{color:var(--staff-accent,var(--green))}.news-editor-image-panel{display:grid;gap:var(--app-space-4);padding:var(--app-space-4);border-bottom:1px solid var(--line);background:var(--mint)}.news-editor-image-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:var(--app-space-3)}.news-editor-image-fields>div{display:grid;gap:var(--app-space-2);grid-column:1/-1}.news-editor-image-fields>div>span{font-size:var(--app-label);line-height:var(--app-label-line-height);font-weight:var(--fw-semibold)}.news-editor-image-panel>footer{display:flex;justify-content:flex-end;gap:var(--app-space-2)}.news-media-library{display:grid;gap:var(--app-space-3);padding:var(--app-space-3);border:1px solid var(--line);border-radius:var(--app-radius-sm);background:var(--white)}.news-media-library>header{display:grid;gap:var(--app-space-1)}.news-media-library>header small,.news-media-library>p{margin:0;color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.news-media-library>div:not(.app-pagination){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--app-space-2)}.news-media-library>div>button{min-width:0;min-height:7rem;position:relative;overflow:hidden;padding:0;border:2px solid transparent;border-radius:var(--app-radius-sm);background:var(--app-color-neutral-soft);cursor:pointer}.news-media-library>div>button[aria-pressed=true]{border-color:var(--staff-accent,var(--green));box-shadow:var(--app-focus-ring)}.news-media-library>div>button img{object-fit:cover}.news-media-library>div>button span{position:absolute;right:0;bottom:0;left:0;padding:var(--app-space-1) var(--app-space-2);color:var(--white);background:rgb(18 51 44/78%);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.news-content-image-manager{display:grid;gap:var(--app-space-3);padding:var(--app-space-4);border-top:1px solid var(--line);background:var(--app-color-surface-subtle)}.news-content-image-manager>header{display:grid;gap:var(--app-space-1)}.news-content-image-manager>header small{color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.news-content-image-manager>div{display:grid;gap:var(--app-space-2)}.news-content-image-manager article{min-width:0;display:grid;grid-template-columns:7rem minmax(0,1fr) auto auto;align-items:center;gap:var(--app-space-3);padding:var(--app-space-2);border:1px solid var(--line);border-radius:var(--app-radius-sm);background:var(--white)}.news-content-image-manager article>div{min-height:4.5rem;position:relative;overflow:hidden;border-radius:var(--app-radius-sm);background:var(--app-color-neutral-soft)}.news-content-image-manager article img{object-fit:contain}.news-content-image-manager article>span{min-width:0;display:grid;gap:var(--app-space-1)}.news-content-image-manager article>span small,.news-content-image-manager article>span strong{overflow-wrap:anywhere}.news-content-image-manager article>span small{color:var(--muted)}.admin-news-image-field{display:grid;grid-template-columns:minmax(0,1fr) 17.5rem;gap:var(--app-space-4);padding:var(--app-space-4);border:1px solid var(--line);border-radius:var(--app-control-radius);background:var(--app-color-surface-subtle)}.admin-news-image-field>div:first-child{display:grid;align-content:start;gap:var(--app-space-2)}.admin-news-image-field>div:first-child>label{margin-top:var(--app-space-2)}.admin-news-image-field>div:first-child>.button{width:fit-content}.admin-news-image-field small{color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.admin-news-image-preview{min-height:10rem;position:relative;overflow:hidden;display:grid;place-items:center;border:1px dashed var(--app-control-border);border-radius:var(--app-control-radius);color:var(--muted);background:var(--white)}.admin-news-image-preview img{object-fit:cover}.admin-news-image-preview>span{display:grid;justify-items:center;gap:var(--app-space-2);padding:var(--app-space-3);font-size:var(--app-caption);line-height:var(--app-caption-line-height);text-align:center}.admin-news-image-preview>span .app-icon{width:var(--app-space-7);height:var(--app-space-7);color:var(--staff-accent,var(--green))}.admin-news-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-5);padding-top:var(--app-space-4);border-top:1px solid var(--line)}.admin-news-editor-actions>span{max-width:42rem;display:inline-flex;align-items:flex-start;gap:var(--app-space-2);color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.admin-news-editor-actions>span .app-icon{width:var(--app-space-5);height:var(--app-space-5);flex:0 0 auto;color:var(--staff-accent,var(--green))}.admin-news-editor-actions .button{flex:0 0 auto}.admin-news-editor-actions>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--app-space-3)}.admin-news-editor>:is(.security-message,.form-message){margin-top:var(--app-space-5)}.admin-news-publication-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--app-space-3);padding:var(--app-space-4);border:1px solid var(--line);border-radius:var(--app-radius);background:var(--app-color-surface-subtle)}.admin-news-publication-meta>div{min-width:0;display:grid;gap:var(--app-space-1)}.admin-news-publication-meta dt{color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.admin-news-publication-meta dd{margin:0;overflow-wrap:anywhere;font-size:var(--app-helper);line-height:var(--app-helper-line-height);font-weight:var(--fw-semibold)}.news-version-history{display:grid;gap:var(--app-space-3);margin-top:var(--app-space-5);padding-top:var(--app-space-5);border-top:1px solid var(--line)}.news-version-history>header>div{display:grid;gap:var(--app-space-1)}.news-version-history>header small{color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.news-version-items{display:grid;gap:var(--app-space-2)}.news-version-items article{min-width:0;display:grid;grid-template-columns:minmax(7rem,.7fr) auto minmax(8rem,1fr) minmax(9rem,1fr) auto;align-items:center;gap:var(--app-space-3);padding:var(--app-space-3);border:1px solid var(--line);border-radius:var(--app-radius-sm);background:var(--app-color-surface-subtle);font-size:var(--app-helper);line-height:var(--app-helper-line-height)}.news-version-items article>span,.news-version-items article>time{min-width:0;overflow-wrap:anywhere}.news-version-editor{display:flex;align-items:center;gap:var(--app-space-2)}.news-version-editor>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-version-editor-avatar{width:var(--app-space-9);height:var(--app-space-9);display:grid;flex:0 0 auto;place-items:center;border-radius:50%;color:var(--white);background:var(--green);font-weight:var(--fw-bold)}.admin-news-library-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,18rem);align-items:end;gap:var(--app-space-3)}.admin-news-library-toolbar>div,.admin-news-library-toolbar>label{min-width:0;display:grid;gap:var(--app-space-2)}.admin-news-list{display:grid;gap:var(--app-space-3);padding:var(--app-space-6)}.admin-news-library-heading{margin-bottom:var(--app-space-2)}.admin-news-list>header h2{margin:0}.admin-news-count{min-height:var(--app-space-10)}.admin-news-items{display:grid;gap:var(--app-space-3)}.admin-news-list article{min-width:0;display:grid;grid-template-columns:10rem minmax(0,1fr) auto;align-items:center;gap:var(--app-space-4);padding:var(--app-space-3);border:1px solid var(--line);border-radius:var(--app-radius);background:var(--white);box-shadow:var(--app-shadow)}.admin-news-list-image{min-height:6.5rem;position:relative;overflow:hidden;border-radius:var(--app-radius-sm);background:var(--app-color-neutral-soft)}.admin-news-list-image img{object-fit:cover}.admin-news-list article span{color:var(--green);font-size:var(--app-caption);line-height:var(--app-caption-line-height);letter-spacing:var(--app-kicker-letter-spacing);font-weight:var(--fw-bold);text-transform:uppercase}.admin-news-list article h3{margin:var(--app-space-1) 0 0;font-size:var(--app-label);line-height:var(--app-label-line-height)}.admin-news-list article p{margin:var(--app-space-1) 0;color:var(--muted);font-size:var(--app-helper);line-height:var(--app-helper-line-height)}.admin-news-list article small{color:var(--muted);font-size:var(--app-caption)}.admin-news-empty{display:flex;align-items:center;gap:var(--app-space-4);padding:var(--app-space-4);border:1px dashed var(--line);border-radius:var(--app-radius);background:var(--app-color-surface-subtle)}.admin-news-library-toolbar+.admin-news-empty{margin-top:var(--app-space-2)}.admin-news-empty>span{width:var(--app-space-11);height:var(--app-space-11);display:grid;flex:0 0 auto;place-items:center;border-radius:50%;color:var(--staff-accent,var(--green));background:var(--staff-soft,var(--mint))}.admin-news-empty>span .app-icon{width:var(--app-space-5);height:var(--app-space-5)}.admin-news-empty strong{font-size:var(--app-label);line-height:var(--app-label-line-height)}.admin-news-empty p{margin:var(--app-space-1) 0 0;color:var(--muted);font-size:var(--app-helper);line-height:var(--app-helper-line-height)}.home-news-section{min-width:0}.home-news-controls{display:flex;gap:var(--app-space-2)}.home-news-controls button{width:var(--app-control-height);height:var(--app-control-height);display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--green);background:var(--white);cursor:pointer}.home-news-controls button:hover{border-color:var(--green);background:var(--mint)}.home-news-slider{min-width:0;display:flex;gap:var(--app-space-4);overflow-x:auto;overscroll-behavior-inline:contain;padding:var(--app-space-2) var(--app-space-1) var(--app-space-5);scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:thin}.home-news-card{min-width:0;flex:0 0 calc((100% - var(--app-space-8)) / 3);overflow:hidden;display:grid;grid-template-rows:auto 1fr;scroll-snap-align:start;border:1px solid var(--line);border-radius:var(--app-radius);color:var(--ink);background:var(--app-color-surface-subtle);box-shadow:var(--app-shadow);transition:transform .18s,box-shadow .18s}.home-news-card:hover{transform:translateY(calc(var(--app-space-1) * -1));box-shadow:var(--app-shadow-raised)}.home-news-image{aspect-ratio:16/9;position:relative;overflow:hidden;background:var(--mint)}.home-news-image img{object-fit:cover}.home-news-image.is-empty{display:grid;place-items:center;color:var(--green);background:linear-gradient(135deg,var(--mint),var(--app-color-surface-subtle))}.home-news-image.is-empty .app-icon{width:var(--app-space-12);height:var(--app-space-12)}.home-news-card>div:last-child{display:grid;align-content:start;padding:var(--app-space-5)}.home-news-card span{color:var(--green);font-size:var(--app-caption);line-height:var(--app-caption-line-height);letter-spacing:var(--app-kicker-letter-spacing);font-weight:var(--fw-bold);text-transform:uppercase}.home-news-card h3{margin:var(--app-space-4) 0 var(--app-space-2);font-size:var(--app-card-title);line-height:var(--app-card-title-line-height);text-wrap:pretty}.home-news-card p{margin:0;color:var(--muted);font-size:var(--app-helper);line-height:var(--app-helper-line-height)}.home-news-card b{display:flex;align-items:center;gap:var(--app-space-2);margin-top:var(--app-space-6);color:var(--green);font-size:var(--app-helper)}.home-news-card b .app-icon{width:var(--app-space-4);height:var(--app-space-4)}.home-news-loading{min-height:20rem;border-radius:var(--app-radius);background:var(--app-color-neutral-soft);animation:pulse 1.2s ease-in-out infinite alternate}.home-news-empty{padding:var(--app-space-8);border:1px dashed var(--line);border-radius:var(--app-radius);text-align:center}.home-news-empty p{margin:var(--app-space-2) 0 0;color:var(--muted)}.public-news-detail{min-height:100svh;padding:calc(var(--app-space-24) + var(--app-space-6)) var(--app-gutter) var(--app-space-16);background:var(--app-color-canvas)}.news-article{max-width:62rem;display:grid;gap:var(--app-space-7)}.news-article header{max-width:52rem}.news-article h1{margin:var(--app-space-3) 0;font-size:var(--app-title);line-height:var(--app-title-line-height);letter-spacing:var(--app-title-letter-spacing);text-wrap:pretty}.news-article header>p:last-of-type{margin:0;color:var(--muted);font-size:var(--app-body);line-height:var(--app-body-line-height)}.news-article-byline{display:flex;flex-wrap:wrap;gap:var(--app-space-2) var(--app-space-4);margin-top:var(--app-space-3);color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height)}.public-news-hero{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:var(--app-radius);background:var(--app-color-neutral-soft);box-shadow:var(--app-shadow)}.public-news-hero img{object-fit:cover}.news-content{max-width:48rem;display:grid;gap:var(--app-space-4);color:var(--ink)}.news-content blockquote,.news-content figure,.news-content h2,.news-content h3,.news-content ol,.news-content p,.news-content ul{margin:0}.news-content ol,.news-content ul{display:grid;gap:var(--app-space-2);padding-left:var(--app-space-6)}.news-content :not(pre)>code{padding:.1em .35em;border:1px solid var(--line);border-radius:var(--app-radius-xs);color:var(--green-dark);background:var(--app-color-neutral-soft);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--app-helper)}.news-content hr{width:100%;margin:var(--app-space-2) 0;border:0;border-top:1px solid var(--line)}.news-code-block{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--app-radius-sm);background:#13251f}.news-code-block figcaption{padding:var(--app-space-2) var(--app-space-4);color:#d5e5df;background:#1d352d;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--app-caption);line-height:var(--app-caption-line-height);letter-spacing:var(--app-caption-letter-spacing)}.news-code-block pre{max-width:100%;overflow-x:auto;margin:0;padding:var(--app-space-4);color:#eff8f4;tab-size:2}.news-code-block code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--app-helper);line-height:var(--app-helper-line-height);white-space:pre}.news-content blockquote,.news-content li,.news-content p{font-size:var(--app-body);line-height:var(--app-body-line-height);letter-spacing:var(--app-body-letter-spacing)}.news-content h2{margin-top:var(--app-space-4);font-size:var(--app-section-title);line-height:var(--app-section-title-line-height);letter-spacing:var(--app-section-title-letter-spacing);text-transform:uppercase}.news-content h3{margin-top:var(--app-space-3);font-size:var(--app-card-title);line-height:var(--app-card-title-line-height);letter-spacing:var(--app-card-title-letter-spacing)}.news-content a{color:var(--green);font-weight:var(--fw-semibold);text-decoration:underline;text-underline-offset:.16em}.news-content ul{display:grid;gap:var(--app-space-2);padding-left:var(--app-space-6)}.news-content blockquote{padding:var(--app-space-3) var(--app-space-4);border-left:var(--app-space-1) solid var(--green);color:var(--muted);background:var(--mint)}.news-content-image{display:grid;gap:var(--app-space-2)}.news-content-image>div{min-height:20rem;position:relative;overflow:hidden;border-radius:var(--app-radius);background:var(--app-color-neutral-soft)}.news-content-image img{object-fit:contain}.news-content-image figcaption{color:var(--muted);font-size:var(--app-caption);line-height:var(--app-caption-line-height);text-align:center}.news-preview-backdrop{place-items:start center}.news-preview-dialog{width:min(100%,70rem);display:grid;grid-template-columns:1fr;padding:0;overflow:hidden}.news-preview-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3);padding:var(--app-space-3) var(--app-space-4);border-bottom:1px solid var(--line)}.news-preview-dialog>header>span{display:inline-flex;align-items:center;gap:var(--app-space-2);font-weight:var(--fw-semibold)}.news-preview-page{max-height:calc(100svh - var(--app-space-16));overflow-y:auto;padding:var(--app-space-8) var(--app-gutter);background:var(--app-color-canvas)}.public-news-detail-loading{min-height:24rem;max-width:62rem;margin:auto;border-radius:var(--app-radius);background:var(--app-color-neutral-soft);animation:pulse 1.2s ease-in-out infinite alternate}@media (max-width:960px){.home-news-card{flex-basis:calc((100% - var(--app-space-4)) / 2)}.admin-news-list article{grid-template-columns:8rem minmax(0,1fr)}.admin-news-list article>button{grid-column:1/-1;justify-self:end}}@media (max-width:768px){.admin-news-editor form,.admin-news-image-field,.admin-news-library-toolbar,.admin-news-publication-meta,.admin-news-publishing,.admin-news-settings,.news-editor-image-fields,.news-editor-insert-panel,.news-editor-insert-panel.is-image{grid-template-columns:1fr}.admin-news-editor .wide,.admin-news-image-field,.admin-news-settings .button{width:100%;grid-column:1}.admin-news-editor,.admin-news-list{padding:var(--app-space-4)}.admin-news-editor-actions,.admin-news-editor-actions>div,.admin-news-editor-header-actions,.admin-news-editor>header{align-items:stretch;flex-direction:column}.admin-news-editor-actions .button,.admin-news-editor-header-actions .button{width:100%}.admin-news-list article{grid-template-columns:1fr}.admin-news-list-image{min-height:11rem}.news-editor-insert-panel>div{justify-content:stretch}.news-editor-insert-panel>div .button{flex:1 1 auto}.news-content-image>div{min-height:14rem}.news-media-library>div:not(.app-pagination){grid-template-columns:repeat(2,minmax(0,1fr))}.news-content-image-manager article{grid-template-columns:5.5rem minmax(0,1fr) auto}.news-content-image-manager article>button:last-child{grid-column:3}.news-version-items article{grid-template-columns:minmax(0,1fr) auto}.news-version-items article>.button{grid-column:1/-1}.news-preview-backdrop{padding:0}.news-preview-dialog{min-height:100svh;border-radius:0}.news-preview-page{max-height:calc(100svh - var(--app-space-14));padding:var(--app-space-6) var(--app-gutter)}}@media (max-width:640px){.home-news-card{flex-basis:88%}.home-news-controls button{width:var(--app-control-height);height:var(--app-control-height)}}@media (prefers-reduced-motion:reduce){.home-news-slider{scroll-behavior:auto}.home-news-card{transition-duration:.01ms}}