/* Shared components and semantic layout slots for every theme. Loaded after base styles. */
:root{--ui-bg:#f7f9fc;--ui-surface:#fff;--ui-text:#101828;--ui-muted:#596579;--ui-line:#dfe5ee;--ui-accent:#075bff;--ui-accent-hover:#0044cf;--ui-soft:#eaf1ff;--ui-on-accent:#fff;--ui-good:#067647;--ui-good-bg:#e4f5eb;--ui-warn:#8a5c0f;--ui-warn-bg:#fff2d7;--ui-bad:#b4233a;--ui-bad-bg:#fff0f1;--ui-control-height:44px;--ui-radius:12px;--ui-control-radius:8px;--ink:var(--ui-text);--muted:var(--ui-muted);--line:var(--ui-line);--paper:var(--ui-bg);--white:var(--ui-surface);--green:var(--ui-accent);--green-light:var(--ui-soft);--green-dark:var(--ui-accent-hover);--jr-bg:var(--ui-bg);--jr-card:var(--ui-surface);--jr-text:var(--ui-text);--jr-muted:var(--ui-muted);--jr-border:var(--ui-line);--jr-blue:var(--ui-accent);--jr-soft:var(--ui-soft);--jr-good:var(--ui-good);--jr-good-bg:var(--ui-good-bg);--jr-warn:var(--ui-warn);--jr-warn-bg:var(--ui-warn-bg);--jr-bad:var(--ui-bad);--jr-bad-bg:var(--ui-bad-bg)}
/* Safe Clear fallback when environment API is unavailable. */
.translation-row [lang=en]>strong{display:block;font-size:12px;font-weight:500;color:var(--ui-muted);margin-bottom:6px}
:root[data-theme=dark]{--ui-bg:#101724;--ui-surface:#192233;--ui-text:#f0f4fc;--ui-muted:#a9b6c9;--ui-line:#334159;--ui-accent:#83aaff;--ui-accent-hover:#a6c2ff;--ui-soft:#223555;--ui-on-accent:#101c32;--ui-good:#8be1b0;--ui-good-bg:#16392a;--ui-warn:#f1cc89;--ui-warn-bg:#3d3019;--ui-bad:#ffb0ba;--ui-bad-bg:#432433}
body{background:var(--ui-bg);color:var(--ui-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.65;min-width:320px}h1,h2,h3{color:var(--ui-text)}a:hover{color:var(--ui-accent)}.brand{font-family:inherit;font-size:25px;letter-spacing:-.8px}.brand-dot{color:inherit}.brand-mark{background:none;color:var(--ui-accent);font-family:monospace;font-size:23px;border-radius:0;width:27px;margin-right:7px;padding:0}.brand-mark::before{content:"[ ]"}.brand-mark{font-size:0}.brand-mark::before{font-size:25px}.brand-mark>span{display:none}
.button,.jr-button{border-radius:var(--ui-control-radius);min-height:44px;padding:10px 16px;font-size:14px;line-height:1.5;gap:8px;border:1px solid var(--ui-line);font-weight:550}.button.primary,.jr-button.primary{background:var(--ui-accent);color:var(--ui-on-accent);border-color:var(--ui-accent)}.button.primary:hover,.jr-button.primary:hover{background:var(--ui-accent-hover);color:var(--ui-on-accent)}.button.secondary,.button.ghost,.jr-button{background:var(--ui-surface);color:var(--ui-text)}.button:hover,.jr-button:hover{border-color:var(--ui-accent)}.theme-toggle{min-height:40px;padding:8px 11px}.button.small,.jr-button.small{min-height:36px}.muted,.lead,.privacy-line,.quiet-label,.steps p{color:var(--ui-muted)}.text-link,.jr-tags button{color:var(--ui-accent)}input,textarea,select,.copy-row input{background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-line);border-radius:var(--ui-control-radius);font:inherit;min-height:44px;max-width:100%}.copy-row input{font-family:ui-monospace,monospace}.language-picker{display:flex;align-items:center;gap:6px;color:var(--ui-muted);flex-shrink:0}.language-picker .icon{width:17px;height:17px}.language-picker select{min-height:40px;padding:5px 8px;width:64px;font-size:12px}.site-header,.auth-header{max-width:1440px;width:100%;padding:24px 40px;min-height:84px;background:var(--ui-surface);border-bottom:1px solid var(--ui-line);margin:auto}.site-header>nav,.auth-header>nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.site-footer,.auth-footer{border-color:var(--ui-line);color:var(--ui-muted)}
.home-main{max-width:1220px;margin:64px auto 80px;padding:0 40px;min-width:0}.home-main>h1{font-size:52px;line-height:1.12;letter-spacing:-2px;color:var(--ui-text);margin-bottom:18px}.home-main>h1>span{color:var(--ui-accent)}.home-main>.lead{font-size:18px;line-height:1.8}.composer,.viewer,.result-card,.file-panel,.selected-file,.stat-card,.dashboard-card,.journal-card,.form-card{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);box-shadow:none}.composer-top,.composer-bottom,.viewer-top{background:var(--ui-surface);border-color:var(--ui-line)}.content-tab{color:var(--ui-muted);border-radius:7px;min-height:40px;font-size:13px}.content-tab[aria-pressed=true]{background:var(--ui-soft);color:var(--ui-accent);border-color:var(--ui-line)}.composer-top>.tag{background:var(--ui-soft);color:var(--ui-accent)}.composer #editor-toolbar.ql-toolbar,.composer #paste-editor.ql-container{border-color:var(--ui-line);background:var(--ui-surface);color:var(--ui-text)}.ql-editor{color:var(--ui-text);font-family:inherit;font-size:15px;line-height:1.8}.ql-editor.ql-blank::before{color:var(--ui-muted)}.ql-snow .ql-stroke{stroke:var(--ui-text)}.ql-snow .ql-fill{fill:var(--ui-text)}.ql-snow .ql-picker{color:var(--ui-text)}.ql-snow .ql-picker-options,.ql-snow .ql-tooltip{background:var(--ui-surface);border-color:var(--ui-line);color:var(--ui-text)}.table-controls{padding:10px 16px;gap:7px;flex-wrap:wrap}.table-controls .button{min-height:34px;padding:6px 9px;font-size:12px}.editor-meta{color:var(--ui-muted);font-size:11px;padding:12px 16px;flex-wrap:wrap}.composer-bottom{gap:12px;flex-wrap:wrap;padding:18px}.composer-bottom .button{white-space:normal;text-align:center}.privacy-line{font-size:12px}.result-card{border-color:var(--ui-line);padding:24px}.result-heading p{color:var(--ui-muted)}.result-heading h2{font-size:24px}.form-message:not(:empty){background:var(--ui-bad-bg);color:var(--ui-bad)}.form-message.success{background:var(--ui-good-bg);color:var(--ui-good)}.file-panel input[type=file]{background:var(--ui-bg);border-color:var(--ui-line);color:var(--ui-text)}.private-video{background:var(--ui-soft);color:var(--ui-accent);border-color:var(--ui-line)}
.admin-main{max-width:none;padding:0 36px 48px}.sidebar{padding:26px 16px;width:224px;background:var(--ui-surface)}:root{--ui-sidebar:224px}.sidebar-label{margin-top:30px}.sidebar-link{border-radius:7px;min-height:44px;font-size:13px;gap:10px}.admin-top{min-height:80px}.admin-top-actions{gap:12px}.page-heading h1{font-size:32px}.page-heading p{font-size:14px}.dashboard-card,.stat-card{padding:24px}.dashboard-card h2{font-size:19px}.stat-card>strong{font-size:32px}.jr-post-card{border-radius:var(--ui-radius);padding:22px 24px}.jr-post-card h2{font-size:22px}.jr-post-card>p{font-size:15px}.jr-detail h1{font-size:34px}.jr-blocks{font-size:15px}.jr-callout,.jr-comment,.jr-editor-wrap{border-radius:var(--ui-radius)}.jr-badge,.event-badge{font-size:12px}.auth-main{max-width:1080px;gap:72px}.auth-intro h1{font-size:46px;letter-spacing:-1.5px}.form-card{padding:32px}.auth-intro>p{font-size:16px}.login-emblem{background:var(--ui-soft);color:var(--ui-accent)}
.themes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0}.theme-card{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);overflow:hidden;min-width:0}.theme-card.active{border-color:var(--ui-accent);box-shadow:0 0 0 1px var(--ui-accent)}.theme-picture{display:block;width:100%;height:200px;object-fit:cover;object-position:top;background:var(--ui-bg);border-bottom:1px solid var(--ui-line)}.theme-card-body{padding:20px}.theme-card-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.theme-card-title h2{font-size:20px;margin:0}.theme-description{font-size:13px;min-height:62px;color:var(--ui-muted);margin:12px 0}.theme-meta{font-size:11px;color:var(--ui-muted);margin-bottom:16px}.theme-card-actions{display:flex;flex-wrap:wrap;gap:8px}.theme-card-actions .button{font-size:12px;min-height:38px;padding:8px 12px}.upload-card{display:flex;align-items:center;justify-content:space-between;gap:24px}.upload-card h2{margin-bottom:8px}.upload-card p{margin:0;font-size:13px}.upload-card form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-width:0}.upload-card input{width:240px;font-size:12px;padding:8px}.package-help code{display:block;white-space:normal;overflow-wrap:anywhere;font-size:12px;color:var(--ui-muted)}
.settings-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.settings-form>.dashboard-card:first-child{grid-column:1/-1}.section-heading{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--ui-line);padding-bottom:18px;margin-bottom:4px}.section-heading>.icon{color:var(--ui-accent)}.section-heading h2{margin:0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--ui-line);padding:18px 0;margin:0}.setting-row:last-child{border:0}.setting-row>span{min-width:0}.setting-row strong{display:block;font-size:14px;font-weight:550}.setting-row small{display:block;color:var(--ui-muted);font-size:12px;line-height:1.6;margin-top:4px}.setting-row>input,.setting-row>select{width:180px;flex-shrink:0;font-size:14px}.setting-row>input{width:110px;text-align:right}.settings-save{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px}.settings-note{font-size:12px;color:var(--ui-muted);margin-top:20px}.language-controls{display:flex;align-items:end;gap:20px}.language-controls label{display:grid;gap:8px;font-size:13px}.language-controls select{min-width:200px}.language-search{flex:1;min-width:0}.language-search input{width:100%}.language-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0;font-size:13px}.translation-list{display:grid;gap:12px}.translation-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:20px;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius)}.translation-row code{font-size:11px;color:var(--ui-muted);overflow-wrap:anywhere}.translation-row p{margin:8px 0 0;font-size:13px}.translation-row textarea{width:100%;resize:vertical;min-height:72px;font-size:14px}.translation-row label{font-size:12px;color:var(--ui-muted);display:grid;gap:6px}.preview-banner{position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;background:var(--ui-soft);color:var(--ui-text);border-bottom:1px solid var(--ui-line);font-size:13px}.preview-banner .button{min-height:34px;font-size:12px;padding:6px 10px}
:root[data-public-layout=split] .home-main{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0 44px;align-items:start}:root[data-public-layout=split] .home-main>.eyebrow{grid-column:1;grid-row:1;margin-top:55px}:root[data-public-layout=split] .home-main>h1{grid-column:1;grid-row:2;font-size:52px;max-width:450px}:root[data-public-layout=split] .home-main>.lead{grid-column:1;grid-row:3}:root[data-public-layout=split] .composer{grid-column:2;grid-row:1 / 6;margin:0}:root[data-public-layout=split] .privacy-line{grid-column:1;grid-row:4;justify-content:flex-start;text-align:left;margin-top:22px}:root[data-public-layout=split] .steps{grid-column:1;grid-row:5;display:grid;grid-template-columns:1fr;margin-top:20px;gap:10px}:root[data-public-layout=split] .steps>div{display:flex;align-items:center;gap:12px}:root[data-public-layout=split] .steps p{margin:0;font-size:12px}:root[data-public-layout=split] .steps span{font-size:11px}:root[data-public-layout=split] .result-card{grid-column:1 / -1;margin-top:28px}
:root[data-public-layout=centered] .home-main{max-width:1040px;text-align:center;margin-top:50px}:root[data-public-layout=centered] .composer{text-align:left;margin-top:32px}:root[data-public-layout=centered] .home-main>h1{font-size:52px}:root[data-public-layout=centered] .home-main>h1 br{display:none}:root[data-public-layout=centered] .home-main>h1>span{margin-left:10px}:root[data-public-layout=centered] .steps{display:flex;justify-content:space-around;gap:24px;margin-top:36px}:root[data-public-layout=centered] .result-card{text-align:left}
:root[data-public-layout=editorial] .home-main{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:0 56px;max-width:1380px;margin-top:72px}:root[data-public-layout=editorial] .home-main>.eyebrow{grid-column:1;grid-row:1;margin-top:24px}:root[data-public-layout=editorial] .home-main>h1{grid-column:1;grid-row:2;font-size:58px;letter-spacing:-1.8px;font-weight:400;line-height:1.12}:root[data-public-layout=editorial] .home-main>h1>span{color:var(--ui-text)}:root[data-public-layout=editorial] .home-main>.lead{grid-column:1;grid-row:3;font-size:17px}:root[data-public-layout=editorial] .composer{grid-column:2;grid-row:1 / 5;margin:0}:root[data-public-layout=editorial] .privacy-line{grid-column:1;grid-row:4;align-items:start;justify-content:start;text-align:left}:root[data-public-layout=editorial] .steps{grid-column:1/-1;margin:44px 0 0;padding-top:24px;border-top:1px solid var(--ui-line)}:root[data-public-layout=editorial] .result-card{grid-column:1/-1;margin-top:24px}
:root[data-typography=serif] h1,:root[data-typography=serif] h2,:root[data-typography=serif] .brand{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.5px}:root[data-typography=serif] .brand-mark::before{content:"⌝";font-family:Georgia,serif;font-size:24px;color:#c55d39}:root[data-typography=serif] .brand-mark{order:2;margin-left:1px;margin-right:0}:root[data-typography=serif] .sidebar{width:240px;padding:30px 18px;background:var(--ui-bg)}:root[data-typography=serif]{--ui-sidebar:240px;--ui-radius:10px;--ui-control-radius:7px}:root[data-typography=serif] .sidebar-link.selected{background:var(--ui-soft);color:var(--ui-text)}:root[data-typography=serif] .page-heading h1{font-size:38px}:root[data-typography=serif] .dashboard-card h2{font-size:24px}:root[data-typography=serif] .jr-post-card h2{font-size:27px}:root[data-typography=serif] .auth-intro h1{font-size:52px}:root[data-typography=serif] .content-tab{font-size:13px}:root[data-typography=serif] .home-main>h1>span{color:var(--ui-text)}
:root[data-template=night]{--ui-radius:10px;--ui-control-radius:7px}:root[data-template=night] .brand-mark::before{content:"{ }"}:root[data-template=night] .sidebar{background:var(--ui-bg);width:200px}:root[data-template=night]{--ui-sidebar:200px}:root[data-template=night] .composer{padding:14px}:root[data-template=night] .composer-top{border:0;padding:0 0 12px}:root[data-template=night] .composer-bottom{border:0;padding:16px 0 0}:root[data-template=night] .content-tab[aria-pressed=true]{border-bottom:2px solid var(--ui-accent);border-radius:0;background:transparent}:root[data-template=night] #paste-editor.ql-container{border-radius:0 0 7px 7px}:root[data-template=night] #editor-toolbar.ql-toolbar{border-radius:7px 7px 0 0}:root[data-template=night] .stat-icon{background:var(--ui-soft)}:root[data-auth-layout=centered] .auth-main{grid-template-columns:1fr;max-width:560px;gap:24px;padding-top:40px}:root[data-auth-layout=centered] .auth-intro{text-align:center}:root[data-auth-layout=centered] .auth-intro h1{font-size:34px}:root[data-auth-layout=centered] .auth-intro p{margin:auto;font-size:14px}:root[data-auth-layout=centered] .auth-points{display:none}
:root[data-admin-layout=top] .sidebar{position:static;width:100%;height:auto;display:flex;flex-direction:row;align-items:center;gap:20px;padding:18px 28px}:root[data-admin-layout=top] .sidebar nav{display:flex;flex-wrap:wrap;gap:6px}:root[data-admin-layout=top] .sidebar-label,:root[data-admin-layout=top] .home-link,:root[data-admin-layout=top] .profile{display:none}:root[data-admin-layout=top] .sidebar-bottom{margin-left:auto;margin-top:0;padding:0}:root[data-admin-layout=top] .admin-main{margin-left:0;max-width:1440px;margin-right:auto;margin-left:auto}
@media(max-width:1200px){.themes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-card{flex-direction:column;align-items:stretch}.language-controls{flex-wrap:wrap}.language-search{flex-basis:100%}.admin-top-actions{gap:8px}.jr-agent{font-size:11px}.theme-toggle span{display:none}.theme-toggle{padding:8px}.home-main>h1{font-size:42px}:root[data-public-layout=split] .home-main{gap:0 28px}:root[data-public-layout=split] .home-main>h1{font-size:42px}:root[data-public-layout=editorial] .home-main{gap:0 30px}:root[data-public-layout=editorial] .home-main>h1{font-size:46px}}
@media(max-width:950px){.settings-form{grid-template-columns:1fr}.themes-grid{grid-template-columns:1fr 1fr}.admin-main{padding:0 24px 40px}.admin-top{flex-wrap:wrap;padding:14px 0}.breadcrumb{max-width:none}.sidebar{width:200px}:root{--ui-sidebar:200px}.auth-main{gap:36px}.auth-intro h1{font-size:36px}:root[data-typography=serif] .auth-intro h1{font-size:40px}.home-main{padding:0 26px}:root[data-public-layout=split] .home-main,:root[data-public-layout=editorial] .home-main{display:block;max-width:850px;margin-top:36px}:root[data-public-layout=split] .home-main>.eyebrow,:root[data-public-layout=editorial] .home-main>.eyebrow{margin-top:0}:root[data-public-layout=split] .home-main>h1,:root[data-public-layout=editorial] .home-main>h1{max-width:none;font-size:42px}:root[data-public-layout=split] .composer,:root[data-public-layout=editorial] .composer{margin-top:28px}:root[data-public-layout=split] .steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.site-header,.auth-header{padding:18px 20px;gap:12px;flex-wrap:wrap;min-height:76px}.site-header>nav,.auth-header>nav{gap:8px}.site-header .brand,.auth-header .brand{font-size:23px}.site-header .nav-link{font-size:12px}.language-picker{gap:4px}.language-picker select{width:56px;padding:5px}.language-picker>.icon{display:none}.site-header .public-theme{min-height:40px;width:40px;padding:8px}.sidebar,:root[data-template=night] .sidebar,:root[data-typography=serif] .sidebar,:root[data-admin-layout=top] .sidebar{position:static;width:100%;padding:18px;display:grid;grid-template-columns:1fr auto;gap:14px;border-bottom:1px solid var(--ui-line);border-right:0}.sidebar nav,:root[data-admin-layout=top] .sidebar nav{display:flex;grid-column:1/-1;grid-row:2;overflow-x:auto;gap:6px;padding-bottom:4px;scrollbar-width:thin;flex-wrap:nowrap}.sidebar nav .sidebar-link{flex:0 0 auto;width:auto;min-width:80px;min-height:58px;padding:8px 10px;font-size:11px;flex-direction:column;gap:4px}.sidebar nav .sidebar-link>.icon{width:18px;height:18px}.sidebar-label,.profile,.home-link{display:none}.sidebar-bottom,:root[data-admin-layout=top] .sidebar-bottom{grid-column:2;grid-row:1;padding:0;margin:0}.logout{font-size:12px;min-height:38px}.admin-main,:root[data-admin-layout=top] .admin-main{margin-left:0;padding:0 18px 36px}.admin-top{min-height:78px;flex-wrap:nowrap;gap:10px}.admin-top-actions{flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.jr-agent{display:none}.breadcrumb{font-size:12px}.page-heading h1{font-size:29px}:root[data-typography=serif] .page-heading h1{font-size:34px}.page-heading p{font-size:14px}.stats-grid{gap:12px}.dashboard-card,.stat-card{padding:20px}.dashboard-grid{gap:16px}.dashboard-card h2{font-size:20px}.themes-grid{grid-template-columns:1fr;gap:18px}.theme-picture{height:220px}.upload-card form{display:grid;grid-template-columns:1fr}.upload-card input{width:100%}.settings-form{gap:18px}.setting-row{gap:14px;align-items:flex-start}.setting-row>input,.setting-row>select{width:110px;font-size:14px}.setting-row small{font-size:11px}.setting-row strong{font-size:13px}.setting-row .button{font-size:12px;padding:8px}.settings-save{flex-wrap:wrap}.language-controls{gap:14px;align-items:stretch}.language-controls label{width:100%}.language-controls select{width:100%;min-width:0}.language-summary{align-items:flex-start;gap:12px;flex-wrap:wrap}.translation-row{grid-template-columns:1fr;gap:14px;padding:18px}.home-main{padding:0 20px;margin-top:32px;margin-bottom:42px}:root[data-public-layout=centered] .home-main{margin-top:32px}:root[data-public-layout=centered] .home-main>h1,:root[data-public-layout=split] .home-main>h1{font-size:38px;letter-spacing:-1.4px}:root[data-public-layout=editorial] .home-main>h1{font-size:44px}:root[data-public-layout=centered] .home-main>h1 br{display:block}:root[data-public-layout=centered] .home-main>h1>span{margin-left:0}.home-main>.lead{font-size:15px;line-height:1.8}.composer-top{padding:14px}.content-tab{font-size:12px;padding:8px 9px}.content-tab>.icon{width:17px;height:17px}.composer-top>.tag{display:none}.composer-bottom{padding:16px}.composer-bottom .button{width:100%;font-size:14px}.quiet-label{font-size:12px}.table-controls{padding:10px 12px;gap:6px}.table-controls .button{font-size:11px;padding:6px 8px}.editor-meta{font-size:11px}.result-card{padding:18px}.copy-row{flex-wrap:wrap}.copy-row input{width:100%;flex-basis:100%;font-size:12px}.copy-row .button{width:100%}.steps{gap:12px}:root[data-public-layout=split] .steps{display:grid;grid-template-columns:1fr}:root[data-public-layout=centered] .steps{display:grid;grid-template-columns:1fr;text-align:left}:root[data-public-layout=centered] .steps>div{display:flex;align-items:center;gap:12px}:root[data-public-layout=centered] .steps p{margin:0}.view-main{padding:0 20px;margin-top:32px;width:100%}.viewer-top{padding:14px;gap:10px;flex-wrap:wrap}.viewer-top .button{font-size:12px}.viewer{border-radius:10px}.decrypted-file{padding:20px}.site-footer{padding:20px;margin:0 20px;gap:12px;font-size:11px}.auth-main{padding:24px 20px 36px}.auth-intro h1{font-size:32px}:root[data-typography=serif] .auth-intro h1{font-size:38px}.auth-intro>p{font-size:14px}.form-card{padding:24px}.form-card h2{font-size:24px}.auth-footer{width:calc(100% - 40px)}.jr-post-card{padding:20px}.jr-post-card h2{font-size:21px}:root[data-typography=serif] .jr-post-card h2{font-size:24px}.jr-post-card p{font-size:14px}.jr-detail h1{font-size:29px}.jr-blocks{font-size:14px}.preview-banner{padding:10px 16px;align-items:flex-start;font-size:12px}.preview-banner .button{white-space:normal}.settings-save>.button{width:100%}}

.home-main>h1>[data-theme-label=hero_title]{color:var(--ui-text)}
:root,:root[data-theme=dark]{--ink:var(--ui-text);--muted:var(--ui-muted);--line:var(--ui-line);--paper:var(--ui-bg);--white:var(--ui-surface);--green:var(--ui-accent);--green-light:var(--ui-soft);--green-dark:var(--ui-accent-hover)}

:root .ql-snow .ql-picker.ql-header .ql-picker-label::before,:root .ql-snow .ql-picker.ql-header .ql-picker-item::before{content:attr(data-label)}

.sidebar-link{font-size:14px}
@media(max-width:760px){.sidebar nav .sidebar-link{font-size:12px}.sidebar nav .sidebar-link>.icon{width:20px;height:20px}.jr-comment,.jr-composer{border-radius:var(--ui-radius)}}

/* Layout verification fixes: visible navigation, complete icons and fluid headers. */
.brand-mark{width:38px;white-space:nowrap;flex-shrink:0;line-height:1}
.site-header,.auth-header{height:auto}
:root[data-public-layout=split] .home-main,:root[data-public-layout=editorial] .home-main{text-align:left}
:root[data-typography=serif] .brand-mark{width:20px}
@media(max-width:760px){
.site-header>nav,.auth-header>nav{width:100%;justify-content:flex-end;flex-wrap:nowrap}
.sidebar nav,:root[data-admin-layout=top] .sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:6px}
.sidebar nav .sidebar-link{justify-content:flex-start;padding:10px 8px;white-space:nowrap;min-width:0;font-size:12px}
.setting-row:has(select){flex-direction:column;align-items:stretch;gap:12px}
.setting-row>select{width:100%}
}
:root[data-public-layout=split] .home-main>h1,:root[data-public-layout=split] .home-main>.lead,:root[data-public-layout=editorial] .home-main>h1,:root[data-public-layout=editorial] .home-main>.lead{text-align:left}
:root[data-public-layout=split] .home-main>.eyebrow,:root[data-public-layout=editorial] .home-main>.eyebrow{justify-content:flex-start}
.preview-dialog{width:min(880px,calc(100% - 32px));max-width:880px;max-height:calc(100dvh - 40px);padding:0;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-line);border-radius:var(--ui-radius);box-shadow:0 24px 80px #0004;text-align:left}
.preview-dialog::backdrop{background:#10182899}
.preview-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--ui-line)}
.preview-dialog-heading h2{margin:0;font-size:24px}.preview-dialog-body{padding:24px;overflow-wrap:anywhere}
#preview-text{white-space:pre-wrap;font:inherit;margin:0}#preview-rich{border:0}#preview-rich .ql-editor{padding:0}#preview-rich .ql-editor img{max-width:100%}
#preview-image{max-width:100%;height:auto;margin-top:16px}.preview-dialog-body #preview-file strong{display:block;overflow-wrap:anywhere}
@media(max-width:760px){.preview-dialog-heading,.preview-dialog-body{padding:18px}.preview-dialog-heading h2{font-size:22px}}
.skip-link{position:fixed;left:16px;top:-100px;transform:none;z-index:100;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-line);border-radius:var(--ui-control-radius);padding:12px 18px}.skip-link:focus{top:16px}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--ui-accent);outline-offset:3px}