/* Shared theme controls: loaded after each page's own stylesheet. */
.theme-control{display:flex!important;align-items:center;gap:8px;margin:0!important;color:var(--muted,#8e9991)!important;font-size:11px;white-space:nowrap}
.theme-control select{width:auto!important;margin:0!important;padding:7px 9px!important;color:var(--text,#e7eae5)!important;background:var(--panel,#171b19)!important;border:1px solid var(--border,#2a302c)!important;border-radius:6px}
header{gap:16px}.header-right{gap:16px}.session-link{color:var(--mint);font-size:11px;white-space:nowrap}
:root[data-theme=white]{color-scheme:light;--bg:#f7f8f5;--panel:#fff;--border:#d5ddd3;--text:#202d24;--muted:#536458;--mint:color-mix(in srgb,var(--accent,#c5e9a2) 40%,#15301c)}
:root[data-theme=dark]{--bg:#101312;--panel:#171b19;--border:#2a302c;--text:#e7eae5;--muted:#8e9991;--mint:var(--accent,#c5e9a2)}
body{background:var(--bg);color:var(--text)}
[data-theme=white] h2 small{background:#e7f0df;color:var(--mint)}
[data-theme=white] .post-select .published{color:#315e25}
[data-theme=white] .post-select .draft{color:#785014}
[data-theme=white] body{background:var(--bg);color:var(--text)}
[data-theme=white] :is(.sidebar,.admin-sidebar,header,.reader-head){background:#f0f4ed;border-color:var(--border)}
[data-theme=white] :is(.card,.search-box,.search-options>div,dialog,.admin-panel,.stats>div,.login-card,.file-card,.about-note){background:var(--panel);border-color:var(--border);color:var(--text)}
[data-theme=white] :is(input,textarea,select,#preview){background:#fff;color:var(--text);border-color:#b8c6b5}
[data-theme=white] :is(.brand,.card h3,.markdown,.markdown h1,.markdown h2,.markdown h3,.markdown h4,#article h2,#article .article-body,.stats strong,.footer-brand,.post-select){color:var(--text)}
[data-theme=white] :is(.nav-item,.admin-nav,.breadcrumb strong,.hero p,.card p,.card-meta,.about>p,.about-note p,.admin-page label,.panel-heading p,.editing-head,.preview-label,.post-select small,.backup-grid p,.file-card small,.intro>p,.muted,label,.hint,.port-map small,.port-map span,.card-foot,footer,.side-bottom p,.admin-sidebar p,.admin-bottom,.header-label,.brand small,.nav-label,.search-help,.scope,.filter,.note-connections small,.collection-end,.sample-badge,#toggle-password,#logout){color:var(--muted)}
[data-theme=white] :is(.nav-item.active,.admin-nav.active,.filter.active,.scope.active,.post-select.active,.secondary,.empty button,.about-note button,.editor-toolbar button,.card-icon){background:#e7f0df;color:var(--mint);border-color:#a9bea0}
[data-theme=white] :is(.nav-item:hover,.admin-nav:hover,.post-select:hover,.secondary:hover){background:#e3ebde}
[data-theme=white] :is(.primary,.submit-btn,.brand-icon,.brand>span:first-child,#toast){background:var(--mint);color:#fff}
[data-theme=white] :is(.mode-banner,.backup-grid>div,.note-embed,.file-symbol){background:#edf3e8;border-color:var(--border);color:var(--text)}
[data-theme=white] :is(.tags span,.markdown code,.markdown th){background:#e9efE4;color:#2c4a28}
[data-theme=white] :is(.markdown pre,.markdown blockquote){background:#f0f4ed;border-color:#b3c3a9;color:#34492f}
[data-theme=white] .callout{background:#ecf4e6;border-color:#98b682;color:#284825}
[data-theme=white] :is(.callout>strong,.callout>summary){color:#305127}
[data-theme=white] :is(.callout-warning,.callout-caution,.callout-danger){background:#fff2da;border-color:#b8873d}
[data-theme=white] .callout-info{background:#eaf3fa;border-color:#7199b4}
[data-theme=white] :is(.callout-warning>strong,.callout-warning>summary){color:#785014}
[data-theme=white] :is(.load-error,#login-error,.mode-banner.error){color:#923e29}
[data-theme=white] :is(.post-list-pane,.category-row,.editor-toolbar,.card-meta,footer,.port-map,.card-foot){border-color:var(--border)}
[data-theme=white] .md-diagram button{background:#e7f0df;color:#24452a;border-color:#a9bea0}
[data-theme=white] .login-card{box-shadow:0 15px 45px #23321b10}
[data-theme=white] .floating-label{background:#edf3e8;color:#36512c;border-color:#b3c3a9}
[data-theme=white] .paper.front{background:var(--accent,#c5e9a2)}
/* Blog template settings do not change the editor workspace. */
.blog-surface[data-width=standard] main{max-width:1200px}
.blog-surface[data-width=wide] main{max-width:1600px}
.blog-surface[data-font-size=large] .card h3{font-size:20px}
.blog-surface[data-font-size=large] .card p{font-size:14px}
.blog-surface[data-font-size=large] #article .article-body{font-size:18px}
.blog-surface[data-covers=false] .card-cover{display:none}
.blog-surface[data-covers=false] .card-content{padding-top:40px}
.blog-surface[data-template=list] .cards{grid-template-columns:1fr}
.blog-surface[data-template=list] .card{display:grid;grid-template-columns:180px minmax(0,1fr)}
.blog-surface[data-template=list] .card-cover{height:100%;min-height:180px;border-bottom:0;border-right:1px solid var(--border)}
.blog-surface[data-template=list][data-covers=false] .card{grid-template-columns:1fr}
.blog-surface[data-template=magazine] .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.blog-surface[data-template=magazine] .card:first-child{grid-column:1/-1}
.blog-surface[data-template=magazine] .card:first-child .card-cover{height:240px}
.appearance-section{margin:26px 0;padding:22px;border:1px solid var(--border);border-radius:10px}
.appearance-section h3{margin-top:0}.appearance-hint{font-size:12px;line-height:1.8;color:var(--muted)}
.template-preview{padding:18px;margin-top:18px;border:1px solid var(--border);border-radius:8px;background:var(--bg);overflow:hidden}
.template-preview .cards{gap:10px}.template-preview .card-content{padding:14px}.template-preview .card-cover{height:70px;min-height:70px}
.template-preview .card h3{font-size:13px;margin:5px 0}.template-preview .card p{font-size:11px;min-height:0}
.template-preview[data-width=standard] .cards{max-width:480px;margin:auto}
.template-preview[data-template=list] .card{grid-template-columns:90px minmax(0,1fr)}
.template-preview[data-template=magazine] .card:first-child .card-cover{height:100px}
@media(max-width:650px){header{height:auto!important;min-height:80px;flex-wrap:wrap;padding-top:14px!important;padding-bottom:14px!important}.header-right{flex-wrap:wrap}.blog-surface[data-template=list] .card{grid-template-columns:1fr}.blog-surface[data-template=list] .card-cover{min-height:100px;height:100px}.blog-surface[data-template=magazine] .cards{grid-template-columns:1fr}.appearance-section{padding:14px}.template-preview{padding:10px}}

.template-preview .card-cover{color:#e7eae5}
.appearance-section label:has([name=showCovers]){display:flex;align-items:center;gap:8px}
.appearance-section [name=showCovers]{margin:0!important}