/* Heritage working surfaces. Same approved home identity, quiet task layouts.
 * Shared semantic roles are in tokens.css; behavior and source content stay intact. */
.app-shell {display:block;}
.sidebar {position:sticky;inset-block-start:16px;z-index:var(--z-sticky);height:auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px;width:calc(100% - 48px);max-width:var(--size-content);margin:20px auto 0;padding:8px 16px;background:var(--color-nav);border:1px solid var(--color-nav-rule);border-radius:50px;}
.sidebar-top {display:contents;}
.brand {font-family:var(--font-body);font-size:1rem;font-weight:550;letter-spacing:0;white-space:nowrap;gap:var(--space-sm);min-height:var(--size-control);color:var(--color-nav-ink);}
.brand-mark {display:grid;place-items:center;width:36px;height:38px;border-radius:0;background:none;color:var(--color-nav-ink);font-size:2.25rem;line-height:1;}
.sidebar nav {display:flex;flex:1 1 auto;min-width:0;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-xs);margin:0 auto;}
.sidebar nav a {padding:var(--space-xs) var(--space-sm);min-height:var(--size-control);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-input);color:var(--color-nav-ink);transition:background var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out);}
.sidebar nav a svg {width:17px;height:17px;}
.sidebar nav a[aria-current=page] {background:var(--color-nav-active);color:var(--color-nav-active-ink);font-weight:650;}
.sidebar nav a:hover {background:var(--color-nav-hover);color:var(--color-nav-ink);}
.sidebar-caption,.sidebar-bottom {display:none;}
.nav-count {font-size:.7rem;color:var(--color-muted);padding:0;margin-inline-start:var(--space-xs);}
.nav-more {position:relative;}
.nav-more summary {display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);color:var(--color-nav-ink);min-height:var(--size-control);cursor:pointer;list-style:none;border-radius:var(--radius-input);}
.nav-more summary::-webkit-details-marker {display:none;}
.nav-more summary>svg {width:14px;height:14px;}
.nav-more:has([aria-current=page])>summary {color:var(--color-nav-active-ink);background:var(--color-nav-active);}
.nav-more-items {position:absolute;inset-inline-end:0;inset-block-start:calc(100% + 12px);width:230px;background:var(--color-nav);border:1px solid var(--color-nav-rule);border-radius:var(--radius-card);box-shadow:none;padding:var(--space-xs);}
.nav-more-items a {width:100%;}
.header-tools {display:flex;align-items:center;gap:8px;}
.site-language-label{display:flex;align-items:center;min-width:0;margin:0;}
#site-language{font:500 var(--text-sm)/1.4 var(--font-body);width:calc(8ch + 2rem);max-width:100%;min-height:44px;padding:8px;border:1px solid var(--color-nav-rule);background:var(--color-nav);color:var(--color-nav-ink);color-scheme:dark;border-radius:var(--radius-input);}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
html[lang=ar] :is(h1,h2,h3,.brand){letter-spacing:normal;}
html[lang=ar] .learn-root{--learn-font-mixed:var(--font-body);}
html[dir=rtl] .action-arrow{transform:scaleX(-1);}
.original-source-meaning{margin-block-start:var(--space-sm);font-size:var(--text-sm);}
.original-source-meaning>summary{min-height:44px;padding-block:var(--space-xs);color:var(--color-muted);}
.header-caption {display:none;font-size:.75rem;color:var(--color-muted);white-space:nowrap;}
.theme-toggle {display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-nav-rule);background:var(--color-nav);color:var(--color-nav-ink);border-radius:var(--radius-input);min-height:var(--size-control);min-width:var(--size-control);white-space:nowrap;font-size:var(--text-sm);cursor:pointer;}
.theme-toggle svg {width:17px;height:17px;}
.moon-icon {display:none;}
[data-appearance=dark] .moon-icon {display:block;}
[data-appearance=dark] .sun-icon {display:none;}
.mobile-menu-toggle {display:none;}
.workspace {max-width:var(--size-content);margin-inline:auto;min-width:0;}
.topbar {display:none;}
.topbar .workspace-breadcrumb {gap:var(--space-sm);}
#breadcrumb {color:var(--color-ink);font-weight:600;}
.workspace-tag {border:0;background:none;font-size:.78rem;letter-spacing:.02em;padding:0;color:var(--color-muted);}
main {padding:var(--space-lg) var(--space-lg) var(--space-2xl);min-height:calc(100dvh - 150px);}
h1 {font-family:var(--font-display);font-size:var(--size-page-title);font-weight:500;letter-spacing:-.02em;line-height:1.15;text-wrap:balance;}
.section-heading {display:flex;flex-direction:row;align-items:end;justify-content:space-between;gap:var(--space-lg);margin-block-end:var(--space-lg);}
.section-heading p {font-size:var(--text-sm);line-height:1.6;max-width:65ch;margin-block-start:var(--space-xs);}
.study-heading h1 {font-size:var(--size-page-title);font-weight:500;}
.study-heading {align-items:center;}
.workspace-language-mark {font-family:var(--font-syriac);font-size:2.75rem;line-height:1.4;color:var(--color-accent);padding-inline:var(--space-lg);}
.workspace-eyebrow {font-size:.75rem;text-transform:none;letter-spacing:0;}
.workspace-sections {gap:var(--space-xs);border:0;margin-block-end:var(--space-lg);}
.workspace-sections [role=tab] {appearance:none;background:transparent;color:var(--color-muted);cursor:pointer;border:0!important;border-radius:var(--radius-md);padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);min-height:var(--size-control);white-space:nowrap;}
.workspace-sections [role=tab][aria-selected=true] {background:var(--color-paper-3);color:var(--color-ink);}
.workspace-sections [role=tab]:hover {background:var(--color-paper-2);text-decoration:none;}
.button {border-radius:var(--radius-control);min-height:var(--size-control);font-weight:600;font-size:var(--text-sm);border-color:transparent;background:var(--color-control);color:var(--color-ink);transition:background-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out);}
.workspace .button:hover:not(:disabled){background:var(--color-control-hover);border-color:transparent;}
.workspace .button:active:not(:disabled){transform:none;}
.button.primary {background:var(--color-accent);color:var(--color-accent-ink);box-shadow:none;border:1px solid var(--color-accent);}
.button.primary:hover {background:var(--color-accent-hover);border-color:var(--color-accent-hover);}
.workspace .button.primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:transparent;color:var(--color-accent-ink);}
.button.quiet {background:var(--color-control);color:var(--color-ink);border-color:transparent;}
.button.quiet:hover {background:var(--color-paper-2);}
input,select,textarea {background:var(--color-card);border-color:var(--color-rule-2);border-radius:var(--radius-input);}
input:focus,select:focus,textarea:focus {border-color:var(--color-focus);}
.workspace .view:not(.feature-view) :is(input:not([type=checkbox],[type=radio],[type=range],[type=file]),select){min-height:var(--size-control);background:var(--color-control);border-color:transparent;border-radius:var(--radius-control);}
.workspace .view:not(.feature-view) :is(input:not([type=checkbox],[type=radio],[type=range],[type=file]),select):disabled{background:var(--color-paper-2);color:var(--color-muted);cursor:default;}
.workspace .view:not(.feature-view) :is(input,textarea)[aria-invalid=true],.workspace .view:not(.feature-view) input:invalid:not(:placeholder-shown){border-color:var(--color-error);}
.translation-console {border:0;border-radius:var(--radius-card);background:var(--color-card);box-shadow:none;overflow:clip;}
.direction-row {padding:var(--space-md) var(--space-lg);margin:0;gap:var(--space-md);grid-template-columns:minmax(0,1fr) var(--size-control) minmax(0,1fr);}
.direction-row label {font-size:var(--text-sm);color:var(--color-muted);font-weight:500;margin-block-end:var(--space-xs);}
.direction-row select {border:1px solid transparent;background:var(--color-control);font-size:.95rem;min-height:var(--size-control);font-weight:500;padding-inline:var(--space-md);}
.direction-row .swap {height:var(--size-control);min-height:var(--size-control);background:none;border:0;color:var(--color-muted);border-radius:var(--radius-input);}
.direction-row .swap svg {width:22px;height:22px;}
.direction-row .swap:hover {color:var(--color-accent);background:var(--color-accent-paper);}
#translation-detection {font-size:var(--text-sm);padding:0 var(--space-lg) var(--space-md);margin:0;}
.auto-source-control {margin:0 var(--space-lg) var(--space-lg);padding:var(--space-md);border:1px solid var(--color-accent-rule);background:var(--color-accent-paper);border-radius:var(--radius-input);}
.translation-grid {border:0;border-block-start:1px solid var(--color-rule);border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;}
.translation-input,.translation-output {padding:var(--space-md) var(--space-lg);border:0;min-width:0;min-height:270px;}
.translation-input {border-inline-end:1px solid var(--color-rule);grid-column:1;grid-row:1;}
.translation-input>label,.translation-output-heading h2 {font-size:.8rem;font-weight:550;color:var(--color-muted);margin:0;}
#translation-text {border:0;box-shadow:none;background:transparent;padding:var(--space-md) 0;min-height:150px;height:180px;font-size:1.15rem;line-height:1.85;resize:vertical;border-radius:0;}
#translation-text:focus-visible {outline:2px solid var(--color-focus);outline-offset:5px;border-radius:4px;}
#translation-text:is([lang=syc],[lang="syr-Sureth"]),.translated-text:is([lang=syc],[lang="syr-Sureth"]){font-family:var(--font-syriac);font-size:2rem;line-height:1.9;}
.lexical-entry bdi[lang],.linked-root-candidates bdi,.sentence-root>bdi,.root-trail-steps bdi,.root-radical bdi,.morph-root-text{font-family:var(--font-syriac);font-size:2rem;line-height:1.7;}
.translation-output {display:flex;flex-direction:column;background:var(--color-output);grid-column:2;grid-row:1;}
#translation-result {flex:1;padding-block:var(--space-md);min-height:180px;}
.translation-output-heading {align-items:center;}
.draft-label {font-size:.7rem;padding:.2rem .55rem;background:var(--color-paper-3);border-radius:5px;color:var(--color-ink-2);}
.output-empty {min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:var(--space-sm);}
.output-empty>svg {width:44px;height:44px;padding:8px;background:var(--color-accent-paper);border-radius:var(--radius-card);color:var(--color-accent);}
.output-placeholder {font-size:.95rem;color:var(--color-muted);margin:0;}
.output-empty>span {font-size:.78rem;color:var(--color-muted);}
.text-actions {align-items:center;margin-block-start:var(--space-xs);flex-wrap:wrap;gap:var(--space-xs);}
.text-actions>div {display:flex;flex-wrap:wrap;gap:var(--space-xs);min-width:0;}
.text-actions .button,.translation-result-actions .button {white-space:normal;max-width:100%;}
.text-actions .button,.translation-result-actions .button {font-size:var(--text-sm);min-height:var(--size-control);}
#text-length {font-size:.75rem;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;}
.translation-result-actions {margin-block-start:auto;display:flex;flex-wrap:wrap;gap:var(--space-xs);}
.console-footer {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-block-start:1px solid var(--color-rule);grid-column:1/-1;grid-row:2;}
.console-footer .local-privacy-option {padding:0;margin:0;background:none;border:0;}
.local-privacy-option label {font-size:var(--text-sm);margin:0;display:flex;align-items:center;gap:var(--space-xs);font-weight:500;min-height:var(--size-control);cursor:pointer;}
.local-privacy-option input {min-height:18px;height:18px;width:18px;accent-color:var(--color-accent);}
.local-privacy-option .field-help {font-size:.75rem;margin:0;padding-inline-start:26px;max-width:45ch;}
.translation-buttons {margin:0;gap:var(--space-xs);flex-wrap:wrap;}
.translation-buttons>.button {white-space:normal;}
#translate-submit {min-width:132px;}
#study-source {border-color:transparent;color:var(--color-ink);}
.translation-preferences {padding:var(--space-lg) 0 var(--space-md);}
.translation-options {display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);margin:0;max-width:44rem;}
.translation-options label {font-size:.78rem;}
.translation-options select {font-size:.85rem;}
.translation-options .field-help {font-size:.75rem;}
.context-option {padding-block-start:0;}
.context-option summary {font-size:.875rem;min-height:var(--size-control);padding:var(--space-sm) 0;border:0;background:transparent;cursor:pointer;}
.context-option[open] summary {margin-block-end:var(--space-md);}
.translation-bottom {margin-block-start:0;}
#translation-feedback {font-size:.75rem;}
.translation-status {border:0;background:transparent;padding:var(--space-md) 0;margin:var(--space-md) 0 var(--space-lg);display:flex;gap:var(--space-sm);align-items:start;}
.translation-status strong {font-size:var(--text-sm);font-weight:550;}
.translation-status p {font-size:var(--text-sm);line-height:1.7;color:var(--color-muted);max-width:75ch;margin-block:var(--space-2xs);}
.status-indicator {width:6px;height:6px;min-width:6px;background:var(--color-muted);margin-block-start:8px;}
.engine-privacy summary {font-size:var(--text-sm);color:var(--color-accent);cursor:pointer;min-height:var(--size-control);padding-block:var(--space-xs);}
.word-study,.study-method {padding:0;border:0;margin-block-start:var(--space-lg);scroll-margin-block-start:100px;}
.workspace-panel {border:0;background:var(--color-card);border-radius:var(--radius-card);}
.workspace-panel>summary {display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);min-height:76px;cursor:pointer;list-style:none;}
.workspace-panel>summary::-webkit-details-marker {display:none;}
.workspace-panel>summary h2 {font-family:var(--font-body);font-size:1rem;font-weight:600;letter-spacing:-.015em;}
.workspace-panel>summary small {display:block;font-size:.75rem;color:var(--color-muted);margin-block-start:3px;}
.workspace-panel>summary>svg {margin-inline-start:auto;width:17px;height:17px;}
.workspace-panel[open]>summary>svg {transform:rotate(180deg);}
.panel-icon {display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-md);color:var(--color-accent);background:var(--color-accent-paper);flex-shrink:0;}
.workspace-panel-body {padding:0 var(--space-lg) var(--space-lg);border-block-start:1px solid var(--color-rule);}
.workspace-panel-body>p:first-child {font-size:.8rem;padding-block:var(--space-md);}
.study-explanation-control {padding-block:var(--space-md);margin:0;}
.study-explanation-control label {font-size:.78rem;}
.study-explanation-control select {font-size:.85rem;max-width:260px;}
.study-explanation-control .field-help {font-size:.75rem;}
.study-text {padding:var(--space-lg);min-height:120px;font-size:1.9rem;line-height:2.2;}
.study-reading {border:0;background:var(--color-paper-2);border-radius:var(--radius-md);}
.study-layout {grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-lg);}
.study-layout:has(.inspector-empty) {grid-template-columns:minmax(0,1fr);}
.study-reading-toolbar {background:transparent;}
.study-evidence-note {background:transparent;font-size:.75rem;}
.study-reading-empty h3 {font-size:1.2rem;font-weight:550;}
.study-reading-empty p {font-size:.8rem;}
.word-inspector:has(.inspector-empty) {background:transparent;border:0;}
.inspector-empty {padding:var(--space-md);display:grid;grid-template-columns:35px minmax(0,1fr);gap:var(--space-xs) var(--space-md);align-items:center;}
.inspector-empty h3 {font-size:1rem;margin:0;}
.inspector-empty p {max-width:none;grid-column:2;font-size:.8rem;}
.inspector-mark {font-size:2rem;grid-row:1/span 2;}
.book-grammar-card {border-inline-start:0;border-block-start:1px solid var(--color-rule);padding:var(--space-md) 0;}
.book-grammar-card:first-child {border-block-start:0;}
.book-grammar {background:transparent;}
.root-trail {background:transparent;}
.root-reading-details {border-block-start:1px solid var(--color-rule);margin-block-start:var(--space-sm);}
.root-reading-details>summary {padding:var(--space-sm);cursor:pointer;min-height:44px;font-size:.8rem;color:var(--color-ink);}
.root-source-title {display:block;font-size:.7rem;color:var(--color-muted);margin-block-start:var(--space-2xs);}
.root-reading-details>.root-trail-path {border:0;margin:0;padding-inline:var(--space-sm);}
.root-reading-details>.root-trail-path>h4 {display:none;}
.word-building[data-status=unresolved] .morph-unknown-grid {display:none;}
.study-principles {gap:var(--space-lg);}
.study-principles h3 {font-size:.85rem;}
.study-principles p {font-size:.8rem;}
.study-coverage {gap:var(--space-md);}
.study-coverage dd {font-size:1.5rem;}
.dictionary-search,.search-panel {padding:var(--space-lg);background:var(--color-card);border:0;border-radius:var(--radius-card);}
.dictionary-search {grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:var(--space-md);}
.dictionary-search>div:first-child {grid-column:1/4;grid-row:1;}
.dictionary-search>button {grid-column:4;grid-row:1;align-self:end;margin:0;min-height:var(--size-control);}
.dictionary-search>div:nth-child(2) {grid-column:1/3;grid-row:2;}
.dictionary-search>div:nth-child(3) {grid-column:3/5;grid-row:2;}
.dictionary-search>div:nth-child(4) {grid-column:3/5;grid-row:2;}
.dictionary-search label,.search-panel label {font-size:var(--text-sm);}
.dictionary-search input,.dictionary-search select,.search-panel input,.search-panel select {font-size:1rem;min-height:48px;}
#dictionary-query[data-detected-language=syr],#library-search[data-detected-language=syr] {font-family:var(--font-syriac);font-size:2rem;line-height:1.6;}
#dictionary-query {font-size:1rem;}
#dictionary-detection {font-size:var(--text-sm);}
.dictionary-method {font-size:.8rem;color:var(--color-muted);margin-block:var(--space-md) var(--space-lg);}
.dictionary-method summary {cursor:pointer;min-height:var(--size-control);padding-block:var(--space-xs);font-size:var(--text-sm);}
.dictionary-attribution {font-size:.8rem;margin-block:var(--space-sm);}
#dictionary-total {font-size:.75rem;max-width:32ch;text-align:end;line-height:1.7;}
.lexical-entry {padding:var(--space-lg);border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-card);margin-block-end:var(--space-md);}
.lexical-heading h3 {font-size:1.9rem;}
.lexical-meanings {font-size:.95rem;line-height:1.8;}
.lexical-entry .subtle,.lexical-entry .field-help {font-size:.78rem;}
.linked-root-candidates {background:var(--color-paper-2);border-radius:var(--radius-md);padding:var(--space-sm);}
.collection-stats {padding:var(--space-lg);border:0;border-radius:var(--radius-card);background:var(--color-card);margin-block-end:var(--space-lg);}
.collection-stats dt {font-size:.78rem;}
.collection-stats dd {font-size:1.8rem;font-weight:600;letter-spacing:-.04em;}
.edition-list {border:0;}
.edition-row {padding:var(--space-lg);border:1px solid var(--color-rule);background:var(--color-card);border-radius:var(--radius-md);margin-block-end:var(--space-sm);}
.edition-row a {font-size:1rem;}
.edition-row p,.edition-row .row-detail {font-size:.8rem;}
.source-row {background:var(--color-card);border:1px solid var(--color-rule);border-radius:var(--radius-card);padding:var(--space-lg);margin-block-end:var(--space-md);}
.source-row h2 {font-family:var(--font-display);font-size:1.5rem;font-weight:600;}
.notice {border:1px solid var(--color-rule);border-radius:var(--radius-input);}
.notice.error {border-color:var(--color-error);}
.reader-heading h1 {font-size:2.25rem;}
.reader-passages {background:var(--color-card);border-radius:var(--radius-card);}
.workspace-footer {margin:0 var(--space-lg);padding:var(--space-lg) 0;display:flex;justify-content:space-between;gap:var(--space-md);border-block-start:1px solid var(--color-rule);font-size:.73rem;color:var(--color-muted);}
.word-quick-info {box-shadow:var(--shadow-popup);}
.skip-link {position:fixed;z-index:var(--z-skip);border:1px solid var(--color-rule);border-radius:var(--radius-md);}
:focus-visible {outline:3px solid var(--color-focus);outline-offset:3px;}
summary:focus-visible {outline-offset:-3px;border-radius:var(--radius-input);}
::selection {background:var(--color-accent);color:var(--color-accent-ink);}
input,textarea {caret-color:var(--color-accent);}
html {scroll-padding-block-start:5rem;scrollbar-color:var(--color-rule-2) var(--color-paper);}
input[type=checkbox],input[type=radio],progress {accent-color:var(--color-accent);}
button,summary {touch-action:manipulation;}
.button:disabled {opacity:1;background:var(--color-paper-2);color:var(--color-muted);border-color:var(--color-rule);}
.action-arrow {width:16px;height:16px;}
@media(min-width:1300px) {.header-caption{display:block;}}
@media(max-width:1000px) {.sidebar{gap:var(--space-sm);padding-inline:var(--space-lg);}.sidebar nav a{padding-inline:var(--space-sm);}.header-caption{display:none;}.study-layout{grid-template-columns:minmax(0,1fr);}}
@media(max-width:760px) {
 .sidebar{padding:var(--space-sm) var(--space-md);gap:var(--space-sm);flex-wrap:wrap;}.brand{order:1;font-size:1rem;}.brand-mark{width:32px;height:34px;}.header-tools{order:2;margin-inline-start:auto;}.mobile-menu-toggle{display:inline-flex;order:3;min-height:40px;font-size:.75rem;padding-inline:var(--space-sm);}.sidebar nav{display:none;order:4;margin:0;width:100%;flex-direction:column;align-items:stretch;padding-block:var(--space-sm);}.sidebar[data-open=true] nav{display:flex;}.sidebar nav a{min-height:44px;}.nav-more summary{min-height:44px;}.nav-more-items{position:static;width:100%;border:0;box-shadow:none;padding-inline-start:var(--space-md);}.nav-more-items a{font-size:.85rem;}.topbar{min-height:52px;padding:var(--space-md) var(--space-md) var(--space-sm);}.workspace-tag{font-size:.65rem;}.topbar .workspace-breadcrumb{gap:var(--space-xs);font-size:.7rem;}main{padding:var(--space-sm) var(--space-md) var(--space-xl);}.section-heading{align-items:start;flex-direction:column;gap:var(--space-sm);}.study-heading{flex-direction:row;}.workspace-language-mark{display:none;}.study-heading h1{font-size:1.85rem;}.section-heading p{font-size:.83rem;}.workspace-sections{gap:var(--space-2xs);}.workspace-sections [role=tab]{font-size:.73rem;padding-inline:var(--space-sm);}.translation-grid{grid-template-columns:minmax(0,1fr);}.translation-input{border-inline-end:0;border-block-end:1px solid var(--color-rule);}.translation-input,.translation-output{padding:var(--space-md);min-height:275px;}.translation-input textarea{min-height:175px;}#translation-result{min-height:180px;}.output-empty{min-height:175px;}.direction-row{padding:var(--space-md);gap:var(--space-xs);grid-template-columns:minmax(0,1fr) var(--size-control) minmax(0,1fr);}.direction-row select{font-size:.8rem;padding-inline:var(--space-xs);}.direction-row .swap{font-size:1.25rem;min-width:0;width:var(--size-control);}.direction-row label{font-size:.7rem;}#translation-detection{padding-inline:var(--space-md);}.auto-source-control{margin-inline:var(--space-md);}.console-footer{padding:var(--space-md);}.translation-buttons{margin-inline-start:auto;}.translation-options{grid-template-columns:minmax(0,1fr);gap:var(--space-md);}.context-option{padding:0;}.workspace-panel>summary{padding:var(--space-md);gap:var(--space-sm);}.workspace-panel>summary small{font-size:.7rem;}.workspace-panel-body{padding-inline:var(--space-md);}.study-text{padding:var(--space-md);}.dictionary-search{grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--space-md);}.dictionary-search>div:first-child{grid-column:1/-1;grid-row:1;}.dictionary-search>button{grid-column:1/-1;grid-row:2;margin:0;}.dictionary-search>div:nth-child(2){grid-column:1;grid-row:3;}.dictionary-search>div:nth-child(3){grid-column:2;grid-row:3;}.dictionary-search>div:nth-child(4){grid-column:1/-1;grid-row:4;}#dictionary-total{text-align:start;max-width:none;}.search-panel{padding:var(--space-md);}.collection-stats{padding:var(--space-md);gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));}.collection-stats .stat-note{grid-column:1/-1;}.edition-row{padding:var(--space-md);}.lexical-entry{padding:var(--space-md);}.workspace-footer{margin-inline:var(--space-md);flex-direction:column;gap:var(--space-xs);}.source-row{padding:var(--space-md);}
}
@media(max-width:420px) {#theme-state{display:none;}.theme-toggle{padding:var(--space-xs);min-width:40px;}.console-footer{align-items:stretch;}.console-footer .local-privacy-option{width:100%;}.translation-buttons{width:100%;margin:0;}.translation-buttons>.button{flex:1;padding-inline:var(--space-xs);min-width:0;}#translate-submit{min-width:110px;}.workspace-tag{display:none;}.study-heading h1{font-size:1.7rem;}.workspace-panel>summary h2{font-size:.95rem;}.panel-icon{width:32px;height:34px;}}
@media(max-width:760px) {
 .topbar{min-height:42px;padding-block:var(--space-sm) var(--space-xs);}.section-heading{margin-block-end:var(--space-md);}.section-heading p{margin-block-start:var(--space-xs);}.workspace-sections{margin-block-end:var(--space-md);}.translation-console{display:flex;flex-direction:column;}.direction-row{order:1;}#translation-detection{order:2;}.auto-source-control{order:3;}.translation-grid{display:contents;}.translation-input{order:4;min-height:235px;border-block-start:1px solid var(--color-rule);border-block-end:0;}.console-footer{order:5;row-gap:var(--space-xs);}.translation-output{order:6;border-block-start:1px solid var(--color-rule);min-height:240px;}#translation-text{height:155px;min-height:140px;}.translation-output:has(.output-placeholder){min-height:195px;}#translation-result:has(.output-placeholder){min-height:120px;}
}
.sentence-guide{margin-block:var(--space-md) var(--space-lg);padding:var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-output);}
.sentence-guide[hidden]{display:none;}.sentence-guide-heading{display:flex;justify-content:space-between;align-items:start;gap:var(--space-md);font-size:1.05rem;font-weight:650;}.sentence-local-badge{font-size:.72rem;font-weight:500;color:var(--color-muted);text-align:end;}
.sentence-outline{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-lg);font-size:.82rem;line-height:1.6;color:var(--color-ink-2);margin-block:var(--space-sm) var(--space-md);overflow-wrap:anywhere;}
.sentence-word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm);}
.sentence-word-card{display:flex;flex-direction:column;align-items:stretch;text-align:start;gap:.35rem;min-width:0;padding:var(--space-md);background:var(--color-paper-2);color:var(--color-ink);border:1px solid transparent;border-radius:var(--radius-control);font:inherit;overflow-wrap:anywhere;cursor:pointer;}
.sentence-word-card:hover,.sentence-word-card.is-selected{border-color:transparent;background:var(--color-accent-paper);}.sentence-word-card:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;}
.sentence-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);}.sentence-position{font-size:.7rem;color:var(--color-muted);}.sentence-card-top>bdi{font-family:var(--font-syriac);font-size:1.7rem;line-height:1.65;}.sentence-role{font-size:.78rem;color:var(--color-ink-2);}.sentence-root{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);font-size:.72rem;color:var(--color-muted);}.sentence-root>bdi{font-family:var(--font-syriac);font-size:1.3rem;color:var(--color-accent);}.sentence-status{font-size:.7rem;color:var(--color-muted);}.sentence-gloss{display:flex;flex-direction:column;font-size:.8rem;color:var(--color-ink-2);line-height:1.5;}.sentence-suffix,.sentence-alternatives{font-size:.75rem;color:var(--color-warning);}.sentence-guide-help{display:block;margin-block-start:var(--space-sm);font-size:.75rem;line-height:1.6;color:var(--color-muted);}
.word-brief{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-card);}.brief-status{font-size:.72rem;color:var(--color-muted);}.word-brief[data-analysis-status=candidate] .brief-status{color:var(--color-warning);}.brief-root-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);}.brief-label{font-size:.75rem;color:var(--color-muted);}.brief-root-value{font-family:var(--font-syriac);font-size:2rem;line-height:1.6;color:var(--color-accent);}.brief-role{font-weight:650;font-size:.9rem;}.brief-meanings{display:flex;flex-direction:column;font-size:.9rem;line-height:1.6;}.brief-readings{padding-inline-start:1.2rem;margin:0;display:grid;gap:var(--space-xs);font-size:.8rem;color:var(--color-ink-2);line-height:1.6;}.brief-building{margin:var(--space-xs) 0;}.brief-building>figcaption{font-size:.75rem;color:var(--color-muted);margin-block-end:var(--space-xs);}.brief-segments{display:flex;flex-wrap:wrap;gap:var(--space-xs);}.brief-segments>div{display:flex;flex:1;flex-direction:column;align-items:center;min-width:70px;padding:var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-2);}.brief-segments [data-brief-role=object-suffix]{background:var(--color-accent-paper);border-color:var(--color-accent-rule);}.brief-segments bdi{font:2rem/1.7 var(--font-syriac);}.brief-segments .bilingual{font-size:.8125rem;text-align:center;}.brief-suffix{font-size:.85rem;font-weight:600;}.brief-weak-note,.brief-caution{font-size:.75rem;line-height:1.6;color:var(--color-muted);}.word-readings{margin-block-start:var(--space-md);border-top:1px solid var(--color-rule);}.word-readings>summary{padding-block:var(--space-md);cursor:pointer;font-size:.85rem;font-weight:600;}.word-inspector{scroll-margin-block-start:110px;}
@media(max-width:900px){.sentence-word-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.sentence-guide{padding:var(--space-sm);}.sentence-guide-heading{flex-direction:column;gap:var(--space-xs);}.sentence-local-badge{text-align:start;}.sentence-outline{font-size:.75rem;}.sentence-word-card{padding:var(--space-sm);}.sentence-gloss{font-size:.75rem;}.sentence-card-top>bdi{font-size:2rem;}.brief-root-value{font-size:1.8rem;}}
@media(max-width:360px){.sentence-word-grid{grid-template-columns:minmax(0,1fr);}}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important;}}

/* Learning launch: shared shell; feature modules own their content. */
.feature-view,.feature-root{min-width:0;}
.feature-root[aria-busy=true]:empty::before{content:'Opening…';display:block;padding:var(--space-lg);color:var(--color-muted);}
.workspace-footer a{color:var(--color-muted);text-decoration:none;}
.workspace-footer a:hover{text-decoration:underline;}
@media(min-width:761px) and (max-width:960px){
.sidebar{padding:var(--space-sm) var(--space-lg);gap:var(--space-sm);flex-wrap:wrap;}
.brand{order:1;}.header-tools{order:2;margin-inline-start:auto;}.mobile-menu-toggle{display:inline-flex;order:3;min-height:44px;}
.sidebar nav{display:none;order:4;margin:0;width:100%;flex-direction:column;align-items:stretch;padding-block:var(--space-sm);}
.sidebar[data-open=true] nav{display:flex;}.sidebar nav a,.nav-more summary{min-height:44px;}
.nav-more-items{position:static;width:100%;border:0;box-shadow:none;padding-inline-start:var(--space-md);}
}

/* Shared tool chrome stays compact; the open menu remains a scrollable choice list. */
@media(max-width:960px){
 .sidebar{padding:var(--space-xs) var(--space-md);}
 .mobile-menu-toggle,.theme-toggle{min-height:var(--size-control);min-width:var(--size-control);}
 .sidebar nav{max-height:calc(100dvh - 5rem);overflow:auto;overscroll-behavior:contain;gap:var(--space-xs);}
 .sidebar[data-open=true] nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
 .sidebar nav a{min-width:0;white-space:normal;overflow-wrap:anywhere;}
 .nav-more{grid-column:1/-1;}
 .nav-more-items{padding:var(--space-xs) 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs);}
 .nav-more-items a{font-size:var(--text-sm);}
 .header-tools{gap:var(--space-xs);}
}
@media(max-width:760px){
 main{padding-block-start:var(--space-lg);}
 .study-heading h1{font-size:var(--size-page-title);}
 .section-heading p{font-size:var(--text-sm);}
 .workspace-sections [role=tab]{font-size:var(--text-sm);}
 .direction-row{grid-template-columns:minmax(0,1fr) var(--size-control) minmax(0,1fr);}
 .direction-row select{font-size:1rem;}
 .direction-row .swap{width:var(--size-control);min-width:var(--size-control);}
 .direction-row label{font-size:var(--text-sm);}
 .dictionary-search{gap:var(--space-sm);}
 .dictionary-search>button{margin:0;}
 .console-footer{row-gap:var(--space-sm);}
}
@media(max-width:420px){
 .brand{font-size:1rem;gap:var(--space-xs);}
 .theme-toggle{min-width:var(--size-control);}
 .mobile-menu-toggle{font-size:var(--text-sm);}
}
@media(max-width:960px){
 .sidebar{gap:8px;padding:8px 16px;}
 .brand,.theme-toggle,.mobile-menu-toggle{min-height:44px;}
 .header-tools{gap:8px;min-width:0;max-width:100%;flex-wrap:wrap;}
 .theme-toggle{min-width:44px;padding:8px;}
 .mobile-menu-toggle{padding:8px 12px;}
}
@media(max-width:600px){
 .brand>span:last-child{display:none;}
 .brand{gap:0;}
 #theme-state{display:none;}
 .mobile-menu-toggle{margin-inline-start:auto;}
 .header-tools{margin-inline-start:auto;}
}

/* One shared chrome and component vocabulary on every route. */
.sidebar .nav-count{color:inherit}
.sidebar nav>a>svg{display:none}
.sidebar .mobile-menu-toggle{background:var(--color-nav);border-color:var(--color-nav-rule);color:var(--color-nav-ink)}
.sidebar :focus-visible{outline-color:var(--color-nav-ink)}
#theme-state{display:none}
.nav-more summary:hover{background:var(--color-nav-hover);color:var(--color-nav-ink)}
.workspace-sections [role=tab]{border-radius:var(--radius-input)}
.workspace-sections [role=tab][aria-selected=true]{background:var(--color-accent-paper);color:var(--color-accent);box-shadow:inset 0 -2px 0 var(--color-accent)}
.translation-console{border-radius:var(--radius-card)}
.study-reading{background:var(--color-teal-paper)}
.study-reading-toolbar{border-color:var(--color-teal-rule)}
.inspector-mark,.workspace-language-mark{color:var(--color-teal)}
.word-quick-info{background:var(--color-card);border-color:var(--color-rule-2);border-radius:var(--radius-md);box-shadow:none}
.word-quick-info h3,.word-quick-info h4{font-family:var(--font-body)}
.morph-part,.morph-root-card,.morph-unknown-grid>div,.grammar-infographic article{border-radius:var(--radius-md)}
.morph-status,.correction-status,.draft-label{border-radius:var(--radius-input)}
.sentence-guide,.book-grammar,.root-trail-path{background:var(--color-card)}
.lexical-entry,.edition-row,.source-row,.saved-passage{background:transparent;border:0;border-block-end:1px solid var(--color-rule);border-radius:0;padding:var(--space-lg) 0;box-shadow:none}
.lexical-heading h3:not([lang]),.edition-row h2,.saved-passage h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600}
.reader-passages{background:var(--color-card)}
.reader-toolbar{background:transparent}
.reader-passages mark,.passage-highlight{background:var(--color-highlight);color:var(--color-ink)}
.workspace-footer{padding:var(--space-md) var(--space-lg);margin-block-end:var(--space-lg);background:var(--color-teal-strong);color:var(--color-nav-ink);border:0;border-radius:var(--radius-md)}
.workspace-footer a{color:inherit}
html[lang=ar] :is(h1,.study-heading h1){font-weight:500;line-height:1.5}
html[lang=ar] .source-row h2{font-size:1.25rem}
@media(max-width:960px){.sidebar{width:calc(100% - 32px);margin:16px auto 0;inset-block-start:8px;border-radius:16px;padding:8px 12px;gap:8px}.sidebar nav{justify-content:start}.sidebar[data-open=true] #main-navigation{background:var(--color-nav);border-color:var(--color-nav-rule)}.sidebar nav a[aria-current=page]{color:var(--color-nav-active-ink)}.nav-more-items{border-radius:var(--radius-md)}}
@media(max-width:600px){.workspace-footer{padding:var(--space-md)}}

/* Language labels get their own row when the console cannot hold a readable pair. */
.translation-console{container-type:inline-size;container-name:translation-workspace}
@container translation-workspace (max-width:32em){
 .direction-row{gap:8px;padding:8px}
 .direction-row select{padding:6px 8px}
}
@container translation-workspace (max-width:18em){
 .direction-row{grid-template-columns:minmax(0,1fr)}
 .direction-row>div{grid-column:1;min-width:0}
 .direction-row .swap{grid-column:1;justify-self:center}
 .direction-row .swap svg{transform:rotate(90deg)}
}

/* At a reading-desk width, peer actions share a row without stretching the console. */
@container translation-workspace (min-width:52em){
 .translation-input .text-actions>div{flex:1 1 20rem;max-width:24rem;flex-wrap:nowrap}
 .console-footer .translation-buttons{flex:0 1 24rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:24rem;max-width:100%}
}

body[data-page=home] .sidebar{margin-block:0}
@media(max-width:960px){
 .sidebar[data-open=true]{max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:clip;overscroll-behavior:contain}
 .sidebar[data-open=true] nav{max-height:none;overflow:visible}
}

.sidebar .mobile-menu-toggle:hover,.sidebar .theme-toggle:hover,.sidebar #site-language:hover{background:var(--color-nav-hover);color:var(--color-nav-ink);border-color:var(--color-nav-rule)}

.passage-tools{flex-wrap:wrap}
.passage-tools .locator{flex:1 1 12rem;min-width:min(100%,12rem)}
.sidebar nav a[aria-current=page]:hover{background:var(--color-nav-active);color:var(--color-nav-active-ink)}

/* Evidence keeps its width instead of paying padding at every nested level. */
.word-inspector{container-type:inline-size;container-name:word-evidence}
@media(max-width:760px){.workspace-panel-body{padding-inline:12px}}
@container word-evidence (max-width:40em){
 .word-brief{padding:12px}
 .candidate-body{padding:12px 0}
 .study-candidate>summary{padding-inline:8px}
 .grammar-reading{padding:12px 0;background:transparent}
 .word-building{padding:12px}
 .root-trail{margin-inline:0}
 .root-trail-summary,.root-trail-path{padding:12px}
 .root-trail-path{margin-inline:0}
 .book-grammar{margin-inline:0}
 .book-grammar>summary,.book-grammar-grid,.grammar-infographic article{padding:12px}
 .brief-segments>div{flex:1 1 8rem;min-width:min(100%,8rem);padding:12px}
 .grammar-codes dl>div{flex-wrap:wrap}
}
@container word-evidence (max-width:30em){
 .morph-flow,.morph-unknown-grid,.grammar-grid,.grammar-infographic,.morph-root-card,.root-trail-steps{grid-template-columns:minmax(0,1fr)}
 .morph-flow{gap:8px}
 .morph-part{padding:12px}
 .morph-join{justify-self:center}
}

/* Shared navigation: one stable row, with settings inside the mobile menu. */
.app-shell>.sidebar{position:sticky;inset-block-start:0;inset-inline:auto;display:flex;flex-wrap:nowrap;align-items:center;gap:32px;width:100%;max-width:none;margin:0;padding:8px max(24px,calc((100% - 1200px)/2));min-height:72px;height:auto;border:0;border-block-end:1px solid var(--color-nav-rule);border-radius:0;background:var(--color-nav);overflow:visible;color:var(--color-nav-ink)}
.sidebar .sidebar-top{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:16px;min-width:0}
.sidebar .brand{order:0;display:flex;gap:10px;min-height:48px;color:var(--color-nav-ink);font-size:1rem}
.sidebar .brand>span:last-child{display:inline;white-space:normal;min-width:0}
.sidebar .brand-mark{width:32px;height:40px;flex:0 0 32px;font-size:36px;color:var(--color-nav-ink);font-family:var(--font-syriac)}
.navigation-panel{display:flex;flex:1 1 auto;align-items:center;justify-content:space-between;gap:24px;min-width:0}
.sidebar #main-navigation{display:flex;order:0;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;margin:0;padding:0;width:auto;max-height:none;overflow:visible}
.sidebar #main-navigation>a,.sidebar .nav-more>summary{min-height:44px;padding:10px 12px;font-size:.9375rem;line-height:1.5;white-space:nowrap;border-radius:6px;color:var(--color-nav-ink)}
.sidebar #main-navigation>a>svg{display:none}
.sidebar #main-navigation a[aria-current=page],.sidebar .nav-more:has([aria-current=page])>summary{color:var(--color-nav-active-ink);background:var(--color-nav-active)}
.sidebar #main-navigation a[aria-current=page]:hover{color:var(--color-nav-active-ink);background:var(--color-nav-active)}
.sidebar .nav-more>summary:hover{background:var(--color-nav-hover);color:var(--color-nav-ink)}
.sidebar .nav-more-items{inset-block-start:calc(100% + 8px);padding:8px;width:240px;max-width:calc(100vw - 32px);border:1px solid var(--color-nav-rule);border-radius:8px;background:var(--color-nav);box-shadow:none}
.sidebar .nav-more-items a{padding:12px;gap:12px;font-size:.9375rem;min-height:48px;white-space:normal}
.sidebar .nav-count{color:inherit;font-size:.8125rem}
.sidebar .header-tools{display:flex;order:0;gap:8px;flex-wrap:nowrap;align-items:center;margin:0;max-width:none}
.sidebar #site-language,.sidebar .theme-toggle{height:var(--size-control);min-height:var(--size-control);font-size:.875rem;border-radius:6px;border-color:transparent;background:var(--color-nav-hover);color:var(--color-nav-ink)}
.sidebar #site-language:hover,.sidebar .theme-toggle:hover{border-color:transparent;background:var(--color-nav-rule);color:var(--color-nav-ink)}
.sidebar #site-language{width:110px;padding:8px}
.sidebar .theme-toggle{width:44px;min-width:44px;padding:10px}
.sidebar #theme-state{display:none}
.sidebar .mobile-menu-toggle{display:none;order:0;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--color-nav-ink)}
.sidebar .mobile-menu-toggle.button{border-color:transparent}
.sidebar .mobile-menu-toggle:hover{border-color:transparent;background:var(--color-nav-hover)}
.sidebar .mobile-menu-toggle svg{width:24px;height:24px;stroke-width:1.8}
.menu-close-icon{display:none}
[aria-expanded=true] .menu-open-icon{display:none}
[aria-expanded=true] .menu-close-icon{display:block}
.sidebar :focus-visible{outline:3px solid var(--color-nav-ink);outline-offset:3px}
html{--interface-direction:ltr}
html[dir=rtl]{--interface-direction:rtl}
.sidebar,.workspace,.section-heading,.study-reading-empty,.passage-tools{direction:var(--interface-direction)}
input,textarea,select{text-align:start}
#translation-text:placeholder-shown{direction:var(--interface-direction);font-family:var(--font-body);font-size:1.0625rem}
select:disabled{opacity:1;color:var(--color-ink-2);background:var(--color-paper-2)}
.button.quiet{border-color:transparent}
.study-reading-empty{text-align:start}
.sidebar .brand-mark{direction:rtl}
html button:disabled{opacity:1}
.button:disabled{background:var(--color-paper-2);color:var(--color-muted);border-color:transparent}
.button:disabled:hover{background:var(--color-paper-2);color:var(--color-muted);border-color:transparent;transform:none}
@media(max-width:1100px){
 .app-shell>.sidebar{display:block;min-height:64px;padding:8px 20px;max-height:calc(100dvh - env(safe-area-inset-top));overflow-y:auto;overflow-x:clip;overscroll-behavior:contain}
 .sidebar .sidebar-top{width:100%;min-height:48px}
 .sidebar .brand{font-size:1rem;gap:8px}
 .sidebar .mobile-menu-toggle{display:inline-flex;flex:0 0 44px}
 .sidebar .navigation-panel{display:none}
 .sidebar[data-open=true] .navigation-panel{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding-block:12px 16px}
 .sidebar[data-open=true] #main-navigation{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:100%;max-height:none;overflow:visible}
 .sidebar #main-navigation>a,.sidebar .nav-more>summary{display:flex;min-height:48px;padding:12px;gap:12px;font-size:1rem;white-space:normal;text-align:start}
 .sidebar #main-navigation>a>svg{display:block;width:20px;height:20px}
 .sidebar .nav-more>summary{justify-content:space-between}
 .sidebar .nav-more-items{position:static;display:block;width:100%;max-width:none;padding:4px 0 4px 12px;border:0;border-radius:0}
 html[dir=rtl] .sidebar .nav-more-items{padding-inline:12px 0}
 .sidebar .header-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding-block-start:16px;border-block-start:1px solid var(--color-nav-rule)}
 .sidebar .site-language-label,.sidebar #site-language,.sidebar .theme-toggle{width:100%;max-width:none}
 .sidebar .theme-toggle{justify-content:center;gap:12px}
 .sidebar #theme-state{display:inline}
 .sidebar[data-open=true]{max-height:calc(100dvh - env(safe-area-inset-top))}
}
@media(min-width:1101px) and (max-width:1250px){.app-shell>.sidebar{gap:20px;padding-inline:20px}.navigation-panel{gap:16px}.sidebar #main-navigation>a,.sidebar .nav-more>summary{padding-inline:9px;font-size:.875rem}}

/* Enlarged interface text uses the same compact navigation as mobile. */

html[data-navigation-mode=compact] .app-shell>.sidebar{display:block;min-height:64px;padding:8px 20px;max-height:calc(100dvh - env(safe-area-inset-top));overflow-y:auto;overflow-x:clip;overscroll-behavior:contain}
html[data-navigation-mode=compact] .sidebar .sidebar-top{width:100%;min-height:48px}
html[data-navigation-mode=compact] .sidebar .brand{font-size:1rem;gap:8px}
html[data-navigation-mode=compact] .sidebar .mobile-menu-toggle{display:inline-flex;flex:0 0 44px}
html[data-navigation-mode=compact] .sidebar .navigation-panel{display:none}
html[data-navigation-mode=compact] .sidebar[data-open=true] .navigation-panel{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding-block:12px 16px}
html[data-navigation-mode=compact] .sidebar[data-open=true] #main-navigation{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:100%;max-height:none;overflow:visible}
html[data-navigation-mode=compact] .sidebar #main-navigation>a,html[data-navigation-mode=compact] .sidebar .nav-more>summary{display:flex;min-height:48px;padding:12px;gap:12px;font-size:1rem;white-space:normal;text-align:start}
html[data-navigation-mode=compact] .sidebar #main-navigation>a>svg{display:block;width:20px;height:20px}
html[data-navigation-mode=compact] .sidebar .nav-more>summary{justify-content:space-between}
html[data-navigation-mode=compact] .sidebar .nav-more-items{position:static;display:block;width:100%;max-width:none;padding:4px 0;padding-inline-start:12px;border:0;border-radius:0}
html[data-navigation-mode=compact] .sidebar .header-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding-block-start:16px;border-block-start:1px solid var(--color-nav-rule)}
html[data-navigation-mode=compact] .sidebar .site-language-label,html[data-navigation-mode=compact] .sidebar #site-language,html[data-navigation-mode=compact] .sidebar .theme-toggle{width:100%;max-width:none}
html[data-navigation-mode=compact] .sidebar .theme-toggle{justify-content:center;gap:12px}
html[data-navigation-mode=compact] .sidebar #theme-state{display:inline}
html[data-navigation-mode=compact] .sidebar[data-open=true]{max-height:calc(100dvh - env(safe-area-inset-top))}

/* Shared action rhythm; labels may grow at enlarged text instead of clipping. */
.app-shell .workspace :is(.button,.learn-button:not(.learn-path-node),.ocr-actions button,.ocr-line-navigation button,.ocr-choose-file,.ocr-retry-status,.typing-actions button,.typing-edit-keys button,.typing-start,.typing-correct-error){min-height:var(--size-control);min-width:0;max-width:100%;padding:.65rem 1rem;font-size:.9375rem;font-weight:600;line-height:1.4;white-space:normal;overflow-wrap:anywhere;text-align:center}
.app-shell .workspace button:not(.typing-key,.typing-vowel,.typing-lesson-key,.learn-node,.learn-path-node){min-height:var(--size-control)}
.app-shell .sidebar :is(#main-navigation>a,.nav-more>summary,#site-language,.theme-toggle,.mobile-menu-toggle){min-height:var(--size-control)}
.app-shell .sidebar :is(.theme-toggle,.mobile-menu-toggle){width:var(--size-control);min-width:var(--size-control);height:var(--size-control);padding:.65rem}
.app-shell .workspace :is(.translation-buttons,.text-actions>div,.translation-result-actions,.form-actions,.ocr-actions,.typing-actions,.typing-edit-keys){align-items:stretch}
.app-shell .workspace :is(.translation-buttons,.text-actions>div,.form-actions,.ocr-actions,.typing-actions,.typing-edit-keys)>button{flex:1 1 8.5rem}
.app-shell .workspace :is(.translation-buttons,.text-actions>div){max-width:100%;min-width:0}
.app-shell .workspace :is(button,.button)>span{min-width:0}
.app-shell .workspace :is(.field-help,.subtle,.section-heading p,.workspace-panel p){overflow-wrap:anywhere}
html[lang=ar] :is(button,.button,select,summary){letter-spacing:normal}
html[lang=ar] :is(h1,h2,h3){letter-spacing:normal}
.corrections-filter>div{flex:1 1 12rem;min-width:min(100%,12rem);max-width:min(100%,22rem)}
.correction-report,.translation-usage{border:0;background:var(--color-paper-2)}
.correction-status{border-color:transparent;background:var(--color-control);color:var(--color-ink-2)}
.study-switch button{min-height:var(--size-control);padding:.65rem 1rem;border-color:transparent;border-radius:var(--radius-control)}
.study-switch button[aria-pressed=true]{border-color:transparent;background:var(--color-teal);color:var(--color-card)}
.study-switch button:disabled{color:var(--color-muted);background:transparent}
.word-inspector,.word-brief{border:0}
.word-brief{background:transparent}
.pagination{align-items:stretch;gap:var(--space-xs)}
.pagination .button,.form-actions>.button,.translation-result-actions>.button{flex:1 1 10rem}
.passage-tools{flex-wrap:wrap;gap:var(--space-xs)}
.passage-tools .button{min-width:8rem}

@media(max-width:600px){#view-translate #translation-text{height:8.5rem;min-height:8.5rem}}

/* Arabic interface hierarchy: regular reading, medium controls and quiet headings.
 * Source text and physical-key glyphs keep their own typography. */
html[lang=ar] .workspace :is(h1,h2,h3):not([data-source-text],[lang=syr],[lang=syc],[lang="syr-Sureth"]){font-weight:500;line-height:1.5}
html[lang=ar] .app-shell .workspace :is(.button,.learn-button:not(.learn-path-node),.ocr-actions button,.ocr-line-navigation button,.ocr-choose-file,.ocr-retry-status,.typing-actions button,.typing-edit-keys button,.typing-start,.typing-correct-error){font-weight:500}
html[lang=ar] .workspace :is(label,select,summary,.typing-character-name,.typing-key-hint,.typing-course-lesson-body strong,.typing-course-action,.learn-node-title,.learn-unit-title,.learn-question){font-weight:500}
html[lang=ar] .sidebar :is(.brand,#main-navigation a,.nav-more>summary,#site-language){font-weight:400}
html[lang=ar] .sidebar #main-navigation a[aria-current=page]{font-weight:500}
html[lang=ar] .heritage-page .heritage-title-second{font-weight:500}
html[lang=ar] .heritage-page .heritage-action{font-weight:500}
html[lang=ar] .heritage-page .heritage-hero-body{font-weight:400}
@media(max-width:480px){
 html[lang=ar] .app-shell .workspace .learn-tabs{display:flex;flex-wrap:wrap}
 html[lang=ar] .app-shell .workspace .learn-tabs .learn-button{flex:1 1 auto;min-width:min(100%,4rem);padding-inline:.4rem;overflow-wrap:normal;white-space:nowrap}
}