/* Application-wide design tokens, shared by every screen and editor. */
html[data-menu-design=labor][data-menu-mode=light] { --app-bg:#edf2f9; --app-surface:#fff; --app-raised:#f4f7fd; --app-ink:#20314a; --app-muted:#536780; --app-line:#d6e0ef; --app-strong:#a4b6cf; --app-accent:#315fd3; --app-soft:#e5edff; --app-action:#315fd3; --app-action-ink:#fff; }
html[data-menu-design=labor][data-menu-mode=dark] { --app-bg:#101925; --app-surface:#182536; --app-raised:#203149; --app-ink:#e6eefb; --app-muted:#a9bad3; --app-line:#354860; --app-strong:#687f9d; --app-accent:#96b9ff; --app-soft:#263d64; --app-action:#709af3; --app-action-ink:#0c1b34; }
html[data-menu-design=observatorium][data-menu-mode=light] { --app-bg:#edf4f9; --app-surface:#fff; --app-raised:#e4eef6; --app-ink:#203853; --app-muted:#536d86; --app-line:#cadce9; --app-strong:#90aec3; --app-accent:#126d88; --app-soft:#d8edf6; --app-action:#166d89; --app-action-ink:#fff; }
html[data-menu-design=observatorium][data-menu-mode=dark] { --app-bg:#0c1525; --app-surface:#142239; --app-raised:#1c3049; --app-ink:#e8eef9; --app-muted:#a4b9d1; --app-line:#30465f; --app-strong:#67859f; --app-accent:#74dfef; --app-soft:#1e3b51; --app-action:#72d9e8; --app-action-ink:#102736; }
html[data-menu-design=graphit][data-menu-mode=light] { --app-bg:#edf0e8; --app-surface:#fbfcf8; --app-raised:#e6ebdf; --app-ink:#2c3530; --app-muted:#58665b; --app-line:#ccd6c3; --app-strong:#94a58b; --app-accent:#4f701f; --app-soft:#e0edc6; --app-action:#3c5327; --app-action-ink:#fff; }
html[data-menu-design=graphit][data-menu-mode=dark] { --app-bg:#1b2021; --app-surface:#272e2e; --app-raised:#343e3a; --app-ink:#f1f2ed; --app-muted:#b0bdb6; --app-line:#46534e; --app-strong:#7e9385; --app-accent:#d0ed83; --app-soft:#3b4b30; --app-action:#d0ed83; --app-action-ink:#202a20; }
html[data-menu-design] {
    --paper:var(--app-bg); --paper-bright:var(--app-surface); --ink:var(--app-ink); --ink-soft:var(--app-muted); --ink-faint:var(--app-muted);
    --line:var(--app-line); --line-strong:var(--app-strong); --night:var(--app-raised); --night-raised:var(--app-raised);
    --teal:var(--app-accent); --teal-dark:var(--app-accent); --amber:var(--app-accent);
    --app-radius:10px; --shadow:0 5px 20px #0a172410; --app-error:#a53437; --app-error-bg:#fcebed; --app-success:#236747; --app-success-bg:#e5f2eb; --app-warning:#77540b; --app-warning-bg:#f9edcf;
    color:var(--app-ink); background:var(--app-bg); color-scheme:light;
}
html[data-menu-design=observatorium] { --app-radius:7px; }
html[data-menu-design=graphit] { --app-radius:3px; }
html[data-menu-design][data-menu-mode=dark] { color-scheme:dark; --shadow:none; --app-error:#ffafb2; --app-error-bg:#492c35; --app-success:#a1e8be; --app-success-bg:#234239; --app-warning:#f2d58a; --app-warning-bg:#453e28; }
html[data-menu-design][data-menu-mode] body, html[data-menu-design][data-menu-mode] body.reading-page { background:var(--app-bg); background-image:none; color:var(--app-ink); font-family:Inter,"Segoe UI",system-ui,sans-serif; }
html[data-menu-design][data-menu-mode] body main :is(h1,h2,h3,h4,h5) { color:var(--app-ink); font-family:Inter,"Segoe UI",system-ui,sans-serif; font-weight:600; letter-spacing:-.025em; }
html[data-menu-design][data-menu-mode] body main h1 { line-height:1.15; }
html[data-menu-design][data-menu-mode] body main h1::after { height:2px; background:var(--app-accent); }
html[data-menu-design][data-menu-mode] body main :is(a,summary) { color:var(--app-accent); }
html[data-menu-design][data-menu-mode] body main :is(.muted,.intro,.topic-intro,.preview-note,.count,.topic-count,.help,.result-count,.meta,.note-byline time,.reading-footer) { color:var(--app-muted) !important; }
html[data-menu-design][data-menu-mode] body main :is(.eyebrow,.feature-kicker,.section-index) { color:var(--app-accent); }
html[data-menu-design][data-menu-mode] body main :is(.panel,.row,.topic,.topic-card,.form-panel,.batch,.analysis-result,.featured-card,.item-card,.source-card,.claim-card,.entry-card,.empty,.table-wrap,.item,.filters,.link-preview,.text-revision,.appearance-choice,.preview-text,.ai-proofread-result) { background:var(--app-surface); color:var(--app-ink); border-color:var(--app-line); border-radius:var(--app-radius); box-shadow:var(--shadow); }
html[data-menu-design][data-menu-mode] body main :is(.topic-card,.featured-card,.item):hover { background:var(--app-raised); border-color:var(--app-strong); }
html[data-menu-design][data-menu-mode] body main :is(.tag,.chip,.position-badge,.note-status) { background:var(--app-soft); color:var(--app-accent); border-color:var(--app-line); }
html[data-menu-design][data-menu-mode] body main :is(.note-status.pending,.archive-status) { background:var(--app-warning-bg); color:var(--app-warning); }
html[data-menu-design][data-menu-mode] body main :is(.notice,.success) { background:var(--app-success-bg); color:var(--app-success); border-color:var(--app-success); border-radius:var(--app-radius); box-shadow:none; }
html[data-menu-design][data-menu-mode] body main :is(.error,.text-danger) { color:var(--app-error); background:transparent; box-shadow:none; }
html[data-menu-design][data-menu-mode] body main :is(.item-text,.item-comment,.attachment-comment,.citation,.text-revision,.ai-start) { background:var(--app-raised); color:var(--app-ink); border-color:var(--app-line); }
html[data-menu-design][data-menu-mode] body main :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]),select,textarea) { color:var(--app-ink); background:var(--app-surface); border:1px solid var(--app-strong); border-radius:var(--app-radius); }
html[data-menu-design][data-menu-mode] body main input[readonly] { color:var(--app-muted); background:var(--app-raised) !important; }
html[data-menu-design][data-menu-mode] body main :is(input[type=checkbox],input[type=radio]) { accent-color:var(--app-accent); }
html[data-menu-design][data-menu-mode] body main :is(button:not(.help-trigger),.button,input[type=submit],a.card) { color:var(--app-action-ink); background:var(--app-action); border:1px solid transparent; border-radius:var(--app-radius); box-shadow:none; }
html[data-menu-design][data-menu-mode] body main :is(button:not(.help-trigger),.button,input[type=submit],a.card):hover { color:var(--app-action-ink); background:var(--app-action); filter:brightness(1.08); box-shadow:none; }
html[data-menu-design][data-menu-mode] body main :is(button.secondary,.button.secondary,.clear,.cancel-title-edit) { background:transparent; color:var(--app-accent); border-color:var(--app-strong); }
html[data-menu-design][data-menu-mode] body main :is(button.danger,.archive-remove-button) { background:transparent; color:var(--app-error); border-color:var(--app-error); }
html[data-menu-design][data-menu-mode] body main :is(button.danger,.archive-remove-button):hover { color:var(--app-error); background:var(--app-error-bg); }
html[data-menu-design][data-menu-mode] body main :is(.help-trigger,.record-edit-link) { color:var(--app-accent); border-color:var(--app-strong); background:var(--app-surface); }
html[data-menu-design][data-menu-mode] body main .help-content { color:var(--app-ink); background:var(--app-raised); border-color:var(--app-strong); }
html[data-menu-design][data-menu-mode] body main :is(dialog,.delete-dialog) { color:var(--app-ink); background:var(--app-surface); border-color:var(--app-strong); border-radius:var(--app-radius); }
html[data-menu-design][data-menu-mode] body main :is(code,pre) { color:var(--app-ink); background:var(--app-raised); }
html[data-menu-design][data-menu-mode] body main :is(.record-text,.reader-note,.note-body) pre { background:transparent; }
html[data-menu-design][data-menu-mode] body main :is(hr,fieldset,.reader-note,.record-end-actions,.item-source,.reading-footer,.topic-section,.topic-question,.analysis-run) { border-color:var(--app-line); }
html[data-menu-design][data-menu-mode] body main table { color:var(--app-ink); background:var(--app-surface); }
html[data-menu-design][data-menu-mode] body main :is(th,td) { color:var(--app-ink); border-color:var(--app-line); }
html[data-menu-design][data-menu-mode] body main th { background:var(--app-raised); }
html[data-menu-design][data-menu-mode] body main.item-record > .panel { background:transparent; border-color:var(--app-line); border-radius:0; box-shadow:none; }
html[data-menu-design][data-menu-mode] body main.item-record .new-note { background:transparent; border-color:var(--app-line); }
html[data-menu-design][data-menu-mode] body main.item-record .new-note[open] { background:var(--app-surface); border-radius:var(--app-radius); }
html[data-menu-design][data-menu-mode] body main :is(.saved-text pre,.name-form,.preview-image) { background:var(--app-surface); border-color:var(--app-line); }
html[data-menu-design][data-menu-mode] body main .record-media .preview-image { background:transparent; }
html[data-menu-design][data-menu-mode] body main .ql-toolbar.ql-snow { background:var(--app-raised); border-color:var(--app-strong); }
html[data-menu-design][data-menu-mode] body main .ql-container.ql-snow { background:var(--app-surface); color:var(--app-ink); border-color:var(--app-strong); }
html[data-menu-design][data-menu-mode] body main .ql-editor { color:var(--app-ink); background:var(--app-surface); }
html[data-menu-design][data-menu-mode] body main .ql-editor.ql-blank::before { color:var(--app-muted); }
html[data-menu-design][data-menu-mode] body main .ql-toolbar button, html[data-menu-design][data-menu-mode] body main .ql-toolbar button:hover { background:transparent; border:0; border-radius:3px; color:var(--app-ink); filter:none; }
html[data-menu-design][data-menu-mode] body main .ql-snow .ql-stroke { stroke:var(--app-ink); }
html[data-menu-design][data-menu-mode] body main .ql-snow .ql-fill { fill:var(--app-ink); }
html[data-menu-design][data-menu-mode] body main .ql-snow .ql-picker { color:var(--app-ink); }
html[data-menu-design][data-menu-mode] body main .ql-snow :is(.ql-picker-options,.ql-tooltip) { color:var(--app-ink); background:var(--app-raised); border-color:var(--app-line); }
html[data-menu-design][data-menu-mode] body main .ql-snow .ql-active .ql-stroke { stroke:var(--app-accent); }
html[data-menu-design][data-menu-mode] body main .ql-snow .ql-active .ql-fill { fill:var(--app-accent); }
/* Replace the former cream-and-gold introduction with the selected design. */
html[data-menu-design][data-menu-mode] body main.research-home .hero { background:var(--app-surface); color:var(--app-ink); border:1px solid var(--app-line); border-bottom:3px solid var(--app-accent); border-radius:var(--app-radius); box-shadow:none; }
html[data-menu-design][data-menu-mode] body main.research-home .hero::before { background:radial-gradient(ellipse at 85% 40%,var(--app-soft),transparent 65%); }
html[data-menu-design][data-menu-mode] body main.research-home .hero h1 { color:var(--app-ink); font-size:clamp(2.4rem,4.5vw,4.5rem); line-height:1.04; }
html[data-menu-design][data-menu-mode] body main.research-home :is(.hero-copy,.graphic-heading,.perspective-index,.perspective-note,.hero-graphic > p) { color:var(--app-muted); }
html[data-menu-design][data-menu-mode] body main.research-home :is(.eyebrow,.perspective-label) { color:var(--app-accent); }
html[data-menu-design][data-menu-mode] body main :is(.hero-orbit,.hero-orbit::before,.hero-orbit::after,.orbit,.orbital-two) { border-color:var(--app-strong); }
html[data-menu-design][data-menu-mode] body main .hero-orbit { background:radial-gradient(circle,var(--app-soft) 0 21%,transparent 21.4%); }
html[data-menu-design][data-menu-mode] body main :is(.orbit-core,.orbit-label,.hero-graphic) { color:var(--app-ink); background:var(--app-raised); border-color:var(--app-line); box-shadow:none; }
html[data-menu-design][data-menu-mode] body main.research-home .hero .actions .card { color:var(--app-action-ink); background:var(--app-action); border:1px solid transparent; border-radius:var(--app-radius); }
html[data-menu-design][data-menu-mode] body main.research-home .hero .actions .card:not(:first-child) { color:var(--app-accent); background:transparent; border-color:var(--app-strong); }
html[data-menu-design][data-menu-mode] body main :is(.topic-index-row,.topic-register-page .topic-index-row,.register-footer,.topic-index-stats) { background:transparent; border-color:var(--app-line); color:var(--app-ink); }
html[data-menu-design][data-menu-mode] body main :is(.topic-index-main strong,.topic-index-title,.feature-title) { color:var(--app-ink); font-family:Inter,"Segoe UI",system-ui,sans-serif; }
html[data-menu-design][data-menu-mode] body main .topic-index-row:hover { background:var(--app-raised); }
html[data-menu-design][data-menu-mode] body main .topic-index-arrow { color:var(--app-accent); }
html[data-menu-design][data-menu-mode] body main .appearance-choice { background:var(--app-surface); border-color:var(--app-line); }
html[data-menu-design][data-menu-mode] body main .appearance-choice:has(input:checked) { outline-color:var(--app-accent); }
html[data-menu-design][data-menu-mode] body main :focus-visible { outline:3px solid var(--app-accent); outline-offset:3px; }
html[data-menu-design=graphit] body main :is(h1,h2) { font-family:"Cascadia Code",ui-monospace,monospace; letter-spacing:-.045em; }
html[data-menu-design=graphit] body main .panel { box-shadow:none; }
html[data-menu-design][data-menu-mode] body:not(.has-app-sidebar) > main { color:var(--app-ink); background:var(--app-surface); border-color:var(--app-line); border-radius:var(--app-radius); }
html[data-menu-design][data-menu-mode] body .reading-header { color:var(--app-ink); background:var(--app-surface); border-color:var(--app-line); }
html[data-menu-design][data-menu-mode] body main.research-home .research-spread { background:var(--app-surface); border:1px solid var(--app-line); border-bottom:3px solid var(--app-accent); border-radius:var(--app-radius); box-shadow:none; }
html[data-menu-design][data-menu-mode] body main.research-home .atlas-intro { background:transparent; }
html[data-menu-design][data-menu-mode] body main.research-home .atlas-intro h1 { color:var(--app-ink); font:600 clamp(2.2rem,4vw,4rem)/1.12 Inter,"Segoe UI",system-ui,sans-serif; letter-spacing:-.045em; }
html[data-menu-design][data-menu-mode] body main.research-home :is(.atlas-intro .hero-copy,.topic-index-main .topic-question,.topic-index-main .topic-description) { color:var(--app-muted); }
html[data-menu-design][data-menu-mode] body main.research-home :is(.register-heading > span,.register-heading > span b) { color:var(--app-accent); }
html[data-menu-design][data-menu-mode] body main.research-home .atlas-intro .actions .card { color:var(--app-accent); border-color:var(--app-line); background:transparent; }
html[data-menu-design][data-menu-mode] body main :is(.feature-empty,.install-banner) { color:var(--app-ink); background:var(--app-surface); border-color:var(--app-line); border-radius:var(--app-radius); box-shadow:none; }
html[data-menu-design][data-menu-mode=dark] { --pro:#f4b29e; --contra:#8bc9ed; --neutral:#bdc9c7; }
html[data-menu-design][data-menu-mode] body main details > summary, html[data-menu-design][data-menu-mode] body main details > summary:hover { color:var(--app-accent); background:transparent; }
html[data-menu-design][data-menu-mode] body main footer { color:var(--app-muted); }
html[data-menu-design][data-menu-mode] body main.research-home .research-spread::before { background:radial-gradient(ellipse at 10% 85%,var(--app-soft),transparent 65%); }
html[data-menu-design][data-menu-mode] body main.research-home .home-quote-panel { border-color:var(--app-line); border-left-color:var(--app-accent); background:var(--app-raised); }
html[data-menu-design][data-menu-mode] body main.research-home .home-quote-kicker { color:var(--app-accent); }
html[data-menu-design][data-menu-mode] body main.research-home .home-quote-slide blockquote { color:var(--app-ink); }
html[data-menu-design][data-menu-mode] body main.research-home .home-quote-person { color:var(--app-accent); }
html[data-menu-design][data-menu-mode] body main.research-home .home-quote-source { color:var(--app-muted); }
html[data-menu-design][data-menu-mode] body main.research-home .home-quote-controls button { border-color:var(--app-line); color:var(--app-ink); }
html[data-menu-design][data-menu-mode] body main.research-home .home-quote-dots button[aria-current="true"] { background:var(--app-accent); }
html[data-menu-design][data-menu-mode] body main .quote-editor { color:var(--app-ink); background:var(--app-surface); border-color:var(--app-line); box-shadow:var(--shadow); }
html[data-menu-design][data-menu-mode] body main .quote-editor :is(h2,label) { color:var(--app-ink); }
html[data-menu-design][data-menu-mode] body main .quote-editor :is(input:not([type=hidden]),textarea) { color:var(--app-ink); background:var(--app-raised); border-color:var(--app-strong); }
html[data-menu-design][data-menu-mode] body main .quote-editor :is(input,textarea)::placeholder { color:var(--app-muted); }
html[data-menu-design][data-menu-mode] body main :is(.quote-editor + .hint,.lead,.hint) { color:var(--app-muted); }
html[data-menu-design][data-menu-mode] body main.login-shell .login-form-panel :is(input[type=email],input[type=password]) { color:var(--app-ink); background:var(--app-raised); border-color:var(--app-strong); }
html[data-menu-design][data-menu-mode] body main.login-shell .login-copy h1 { color:var(--app-ink); font-family:Georgia,serif; font-weight:500; letter-spacing:-.055em; }
html[data-menu-design=graphit][data-menu-mode] body main :is(h1,h2), html[data-menu-design=graphit][data-menu-mode] body main.research-home .atlas-intro h1 { font-family:"Cascadia Code",ui-monospace,monospace; }
html[data-menu-design][data-menu-mode] body main :is(.column,.entry,.claim,.timeline-card,.category-picker,.source-shortcuts a) { color:var(--app-ink); background:var(--app-surface); border-color:var(--app-line); border-radius:var(--app-radius); }
html[data-menu-design][data-menu-mode] body main .flash { color:var(--app-success); background:var(--app-success-bg); }
html[data-menu-design][data-menu-mode] body main .topic-delete-options .soft-delete { color:var(--app-accent); background:var(--app-surface); border-color:var(--app-strong); }
html[data-menu-design] #link-image-picker { margin-top:1.2rem; padding:1rem; border:1px solid var(--app-line); border-radius:var(--app-radius); }
#link-image-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:.8rem; }
html[data-menu-design] main .link-image-option { position:relative; display:flex; flex-direction:column; gap:.5rem; margin:0; padding:.65rem; border:1px solid var(--app-line); border-radius:var(--app-radius); background:var(--app-surface); cursor:pointer; overflow-wrap:anywhere; font-weight:400; }
html[data-menu-design] main .link-image-option:has(input:checked) { outline:2px solid var(--app-accent); outline-offset:1px; }
html[data-menu-design] main .link-image-option input[type=checkbox] { align-self:flex-start; width:20px; height:20px; min-height:0; margin:0; }
.link-image-option img { display:block; width:100%; height:140px; object-fit:contain; }
.link-image-option span { font-size:.8rem; }
html[data-menu-design][data-menu-mode] body main .sticky-actions { background:var(--app-raised); border-color:var(--app-line); }
html[data-menu-design] main .link-image-main { display:flex; flex-direction:column; gap:.5rem; margin:0; cursor:pointer; }
html[data-menu-design] main .cover-image-choice { display:flex; align-items:center; gap:.45rem; margin:.25rem 0 0; padding-top:.6rem; border-top:1px solid var(--app-line); font-size:.8rem; cursor:pointer; }
html[data-menu-design][data-menu-mode] body main .archive-image { margin:1rem 0; min-width:0; }
html[data-menu-design][data-menu-mode] body main .archive-image .preview-image { display:block; max-width:100%; max-height:none; height:auto; margin:0; border:0; background:transparent; }
html[data-menu-design][data-menu-mode] body main .archive-image-overview .preview-image { width:auto; max-width:min(100%,26rem); max-height:18rem; object-fit:contain; }
html[data-menu-design] main .archive-image-gallery { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr)); gap:1.2rem; }
html[data-menu-design] main .archive-image-gallery:empty { display:none; }
html[data-menu-design][data-menu-mode] body main .image-footnote { margin:.5rem 0 0; color:var(--app-muted); font-size:.88rem; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; }
html[data-menu-design][data-menu-mode] body main .image-footnote-edit { margin:.35rem 0 0; padding:0; border:0; background:transparent; }
html[data-menu-design][data-menu-mode] body main .image-footnote-edit > summary { display:inline-flex; align-items:center; justify-content:center; width:2rem; height:2rem; padding:.35rem; list-style:none; border:0; border-radius:var(--app-radius); color:var(--app-accent); background:transparent; cursor:pointer; }
html[data-menu-design] main .image-footnote-edit > summary::before { content:none; }
html[data-menu-design] main .image-footnote-edit > summary::marker { content:''; }
html[data-menu-design] main .image-footnote-edit > summary::-webkit-details-marker { display:none; }
html[data-menu-design] main .image-footnote-edit > summary .menu-icon-svg { width:18px; height:18px; }
html[data-menu-design][data-menu-mode] body main .image-footnote-edit > summary:hover { background:var(--app-soft); }
html[data-menu-design] main .image-footnote-edit form { display:grid; gap:.65rem; max-width:36rem; padding:.6rem 0; }
html[data-menu-design] main .image-footnote-edit textarea { display:block; width:100%; min-height:5rem; padding:.65rem; font:inherit; }
html[data-menu-design] main .image-footnote-edit label { display:flex; align-items:center; gap:.5rem; margin:0; font-size:.85rem; }
html[data-menu-design] main .image-footnote-edit input[type=checkbox] { width:18px; height:18px; min-height:0; margin:0; }
html[data-menu-design] main .image-footnote-edit button { justify-self:start; }

html[data-menu-design] main .existing-file-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr)); gap:1rem; margin:1rem 0; }
html[data-menu-design] main .existing-file { min-width:0; padding:.8rem; border:1px solid var(--app-line); border-radius:var(--app-radius); }
html[data-menu-design] main .existing-file img { display:block; width:100%; height:12rem; object-fit:contain; }
html[data-menu-design] main .existing-file textarea { min-height:4rem; }
html[data-menu-design] main .existing-cover-choice { display:flex; align-items:center; gap:.5rem; font-size:.85rem; }
html[data-menu-design] main .existing-cover-choice input { width:18px; height:18px; min-height:0; margin:0; }

html[data-menu-design][data-menu-mode] body main #original_text { min-height:24rem; }
html[data-menu-design] main .entry-extra-tools { display:grid; gap:1rem; margin-top:2rem; padding-top:1.5rem; border-top:1px solid var(--app-line); }
html[data-menu-design] main .entry-extra-tools > details > summary { cursor:pointer; color:var(--app-accent); font-weight:600; }

html[data-menu-design] main .entry-extra-tools pre { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; }
html[data-menu-design][data-menu-mode] body main .entry-extra-tools button.help-trigger { display:inline-flex; align-items:center; justify-content:center; width:1.3rem; height:1.3rem; min-height:0; padding:0; margin:0 .15rem; border:1px solid var(--app-strong); border-radius:50%; font:600 .75rem/1 system-ui; cursor:help; }

html[data-menu-design] main #article-editor .ql-editor { min-height:24rem; font:inherit; line-height:1.7; }
html[data-menu-design] main #article-editor .ql-editor img { display:block; max-width:100%; max-height:32rem; object-fit:contain; margin:1rem 0; }
html[data-menu-design] main #article-editor .ql-editor .article-image-unselected { height:1.5rem; width:100%; background:var(--app-soft); border:1px dashed var(--app-strong); }
html[data-menu-design] main .article-insert-image { display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; margin:1rem 0; }
html[data-menu-design] main .article-insert-image label { margin:0; }
html[data-menu-design] main .article-insert-image select { width:auto; max-width:100%; }
html[data-menu-design] main .article-insert-image button { margin:0; }
html[data-menu-design] main .article-body { line-height:1.75; overflow-wrap:anywhere; }
html[data-menu-design] main .article-body pre { white-space:pre-wrap; }
html[data-menu-design] main .article-body table { max-width:100%; border-collapse:collapse; }
html[data-menu-design] main .article-links ul { list-style:none; padding:0; margin:1rem 0 0; }
html[data-menu-design] main .article-links li { display:flex; align-items:flex-start; gap:.7rem; padding:.85rem 0; border-top:1px solid var(--app-line); }
html[data-menu-design] main .article-links li > div { min-width:0; flex:1; overflow-wrap:anywhere; }
html[data-menu-design] main .article-links :is(small,.link-check-status) { display:block; font-size:.8rem; color:var(--app-muted); }
html[data-menu-design] main .article-links button { margin:0; flex-shrink:0; }
html[data-menu-design] main .link-dot { display:inline-block; width:.65rem; height:.65rem; border-radius:50%; margin-top:.55rem; flex-shrink:0; }
html[data-menu-design] main .link-dot:is(.unchecked,.uncertain) { background:#e8a33d; }
html[data-menu-design] main .link-dot.reachable { background:#41b97d; }
html[data-menu-design] main .link-dot.unreachable { background:#e66b72; }
html[data-menu-design] main .link-check-progress:empty { display:none; }

html[data-menu-design] main .entry-topic-picker { margin:1rem 0 1.5rem; padding:.5rem 1rem; border:1px solid var(--app-line); border-radius:var(--app-radius); }
html[data-menu-design] main .entry-topic-picker legend { font-size:.9rem; font-weight:650; }
html[data-menu-design] main .entry-topic-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.6rem 0; }
html[data-menu-design] main .entry-topic-row + .entry-topic-row { border-top:1px solid var(--app-line); }
html[data-menu-design] main .entry-topic-row label { display:flex; align-items:center; gap:.65rem; margin:0; min-width:0; }
html[data-menu-design] main .entry-topic-row input { width:18px; height:18px; min-height:0; margin:0; flex-shrink:0; }
html[data-menu-design] main .entry-topic-row select { width:10rem; flex-shrink:0; }
@media (max-width:36rem) { html[data-menu-design] main .entry-topic-row { align-items:flex-start; flex-direction:column; gap:.5rem; } html[data-menu-design] main .entry-topic-row select { width:100%; } }

html[data-menu-design] main .archive-card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1.5rem; }
html[data-menu-design] main .archive-card-heading .item-content { flex:1; min-width:0; }
html[data-menu-design] main .archive-topic-assignments { display:grid; gap:.5rem; flex:0 1 42%; list-style:none; margin:0; padding:0; }
html[data-menu-design] main .archive-topic-assignments li { display:flex; align-items:center; justify-content:flex-end; gap:.65rem; margin:0; font-size:.9rem; }
html[data-menu-design] main .archive-topic-assignments a { min-width:0; overflow-wrap:anywhere; text-align:right; }
html[data-menu-design] main .topic-position { flex-shrink:0; padding:.2rem .55rem; border:1px solid var(--app-strong); border-radius:var(--app-radius); color:var(--app-muted); background:var(--app-soft); font-size:.75rem; font-weight:650; }
html[data-menu-design] main .topic-position.position-pro { color:var(--app-success); background:var(--app-success-bg); }
html[data-menu-design] main .topic-position.position-contra { color:var(--app-error); background:var(--app-error-bg); }
@media (max-width:48rem) { html[data-menu-design] main .archive-card-heading { flex-direction:column; gap:.8rem; } html[data-menu-design] main .archive-topic-assignments { flex:auto; max-width:100%; } html[data-menu-design] main .archive-topic-assignments li { justify-content:flex-start; } html[data-menu-design] main .archive-topic-assignments a { text-align:left; } }

html[data-menu-design] main .article-links li > .article-link-actions { display:flex; flex:0 0 auto; gap:.5rem; align-items:center; }
html[data-menu-design] main .article-link-actions form { margin:0; }
html[data-menu-design][data-menu-mode] body main .article-link-actions .remove-article-link { color:var(--app-error); background:transparent; border:1px solid var(--app-error); }
@media (max-width:36rem) { html[data-menu-design] main .article-links li { flex-wrap:wrap; } html[data-menu-design] main .article-links li > .article-link-actions { margin-left:1.35rem; } }