/* Solo Journal 1.0.0. Tokens, layout and content styling; no external fonts or CSS framework. */
:root {
    color-scheme: dark;
    --sbd-bg: #161715;
    --sbd-panel: #20211e;
    --sbd-raised: #282923;
    --sbd-text: #f2eee6;
    --sbd-muted: #b5b6ac;
    --sbd-line: #3e4037;
    --sbd-accent: #e7b05a;
    --sbd-ink: #151611;
    --sbd-body: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --sbd-heading: "Arial", "Helvetica Neue", ui-sans-serif, sans-serif;
    --sbd-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --sbd-header: 88px;
}
html[data-sbd-mode="light"] {
    color-scheme: light;
    --sbd-bg: #f4f1e9;
    --sbd-panel: #ebe7de;
    --sbd-raised: #e2ded3;
    --sbd-text: #24251f;
    --sbd-muted: #64665a;
    --sbd-line: #cdccbf;
    --sbd-accent: #8d5413;
}
* { box-sizing: border-box; }
html { scroll-padding-top: 112px; }
body.sbd-site { margin: 0; background: var(--sbd-bg); color: var(--sbd-text); font: 400 16px/1.65 var(--sbd-body); -webkit-text-size-adjust: 100%; }
.sbd-site img { max-width: 100%; height: auto; }
.sbd-site a { color: inherit; text-decoration: none; }
.sbd-site button, .sbd-site input, .sbd-site textarea, .sbd-site select { font: inherit; }
.sbd-site button { cursor: pointer; }
.sbd-site :focus-visible { outline: 2px solid var(--sbd-accent); outline-offset: 5px; }
.sbd-site ::selection { color: #151611; background: #e7b05a; }
.sbd-site [hidden] { display: none !important; }
.sbd-site h1, .sbd-site h2, .sbd-site h3, .sbd-site h4 { font-family: var(--sbd-heading); line-height: 1.12; font-weight: 750; text-wrap: pretty; }
.sbd-site p, .sbd-site h1, .sbd-site h2, .sbd-site h3, .sbd-site figure { margin-block-start: 0; }
.sbd-site .screen-reader-text, .sbd-site .sbd-skip-link:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.sbd-skip-link:focus { position: fixed; inset: 8px auto auto 8px; z-index: 100001; padding: 12px 20px; background: var(--sbd-accent); color: var(--sbd-ink); }
.sbd-shell { width: min(1280px, calc(100% - 96px)); margin-inline: auto; }
.sbd-main { min-height: 55vh; }
.sbd-icon { width: 22px; height: 22px; display: inline-block; flex-shrink: 0; vertical-align: middle; }
.sbd-eyebrow { margin: 0 0 15px; color: var(--sbd-accent); font: 500 11px/1.6 var(--sbd-mono); letter-spacing: 1.9px; text-transform: uppercase; }
.sbd-muted, .sbd-small { color: var(--sbd-muted); }
.sbd-small { font-size: 13px; }
.sbd-text-link, .sbd-back-link { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 650; }
.sbd-text-link:hover, .sbd-back-link:hover { color: var(--sbd-accent); }
.sbd-text-link .sbd-icon { width: 18px; }
.sbd-header { position: sticky; top: 0; z-index: 90; background: var(--sbd-bg); border-bottom: 1px solid var(--sbd-line); }
.admin-bar .sbd-header { top: 32px; }
.sbd-header-inner { min-height: var(--sbd-header); display: flex; align-items: center; gap: 40px; }
.sbd-brand { flex: 0 0 155px; }
.sbd-logo, .sbd-brand .custom-logo-link { display: inline-flex; align-items: center; }
.sbd-brand img { display: block; width: 146px; height: auto; max-height: 62px; object-fit: contain; }

.sbd-nav { margin-inline-start: auto; }
.sbd-menu, .sbd-footer-menu { display: flex; list-style: none; gap: 28px; padding: 0; margin: 0; }
.sbd-menu > li { position: relative; }
.sbd-menu a { display: inline-flex; align-items: center; padding-block: 18px; font: 500 12px/1.4 var(--sbd-mono); }
.sbd-menu a:hover, .sbd-menu .current-menu-item > a, .sbd-menu .current-menu-ancestor > a { color: var(--sbd-accent); }
.sbd-menu > .current-menu-item > a::after { content: ""; position: absolute; bottom: 10px; left: 0; width: 15px; height: 2px; background: var(--sbd-accent); }
.sbd-header-tools { display: flex; gap: 8px; align-items: center; }
.sbd-icon-button { display: inline-flex; width: 42px; height: 42px; padding: 9px; align-items: center; justify-content: center; color: var(--sbd-text); background: transparent; border: 1px solid transparent; border-radius: 2px; }
.sbd-icon-button:hover { border-color: var(--sbd-line); color: var(--sbd-accent); background: var(--sbd-panel); }
.sbd-header-tools .sbd-mode-toggle { border-left: 1px solid var(--sbd-line); }
.sbd-nav-toggle { display: none; }
.sbd-moon { display: none; }
html[data-sbd-mode="light"] .sbd-sun { display: none; }
html[data-sbd-mode="light"] .sbd-moon { display: inline; }
/* Native menu links remain links; JS inserts separate submenu disclosure buttons. */
.sbd-menu .sub-menu { display: none; position: absolute; top: 100%; inset-inline-start: -16px; min-width: 210px; list-style: none; padding: 10px 16px; background: var(--sbd-panel); border: 1px solid var(--sbd-line); box-shadow: 0 12px 25px #0002; }
.sbd-menu .sub-menu a { padding-block: 11px; display: block; }
.sbd-menu .sub-menu li { position: relative; }
.sbd-menu .sub-menu .sub-menu { top: 0; inset-inline-start: 100%; }
.sbd-menu li.is-open > .sub-menu { display: block; }
html:not(.sbd-js) .sbd-menu li:hover > .sub-menu, html:not(.sbd-js) .sbd-menu li:focus-within > .sub-menu { display: block; }
.sbd-submenu-toggle { border: 0; color: var(--sbd-muted); padding: 8px 5px; min-width: 30px; background: transparent; }
.sbd-submenu-toggle .sbd-icon { width: 13px; height: 13px; transition: transform 180ms; }
.sbd-submenu-toggle[aria-expanded="true"] .sbd-icon { transform: rotate(180deg); }
.sbd-search-dialog { color: var(--sbd-text); background: var(--sbd-panel); border: 1px solid var(--sbd-line); width: min(650px, calc(100% - 32px)); padding: 30px; max-height: 90vh; }
.sbd-search-dialog::backdrop { background: #080909c9; }
.sbd-dialog-heading { display: flex; align-items: start; gap: 20px; justify-content: space-between; }
.sbd-dialog-heading h2 { font-size: 30px; letter-spacing: -1px; }
.sbd-search-form { display: flex; gap: 10px; align-items: stretch; width: 100%; margin-block: 20px; }
.sbd-search-form input { min-width: 0; flex: 1; border: 1px solid var(--sbd-line); background: var(--sbd-bg); color: var(--sbd-text); padding: 13px 16px; border-radius: 0; }
.sbd-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 13px 21px; min-height: 48px; background: var(--sbd-accent); color: var(--sbd-bg) !important; border: 1px solid var(--sbd-accent); font-size: 13px; line-height: 1.5; font-weight: 650; border-radius: 2px; }
html[data-sbd-mode="dark"] .sbd-button { color: #151611 !important; }
.sbd-button:hover { filter: brightness(1.09); }
.sbd-masthead { padding: 53px 0 42px; display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; }
.sbd-masthead h1 { margin: 0; font-size: clamp(42px, 5.3vw, 73px); letter-spacing: -.062em; line-height: 1.01; }
.sbd-masthead .sbd-eyebrow { display: flex; align-items: center; gap: 10px; font-size: 10px; letter-spacing: 1.8px; }
.sbd-pixel-dot { display: inline-block; width: 8px; height: 8px; background: var(--sbd-accent); box-shadow: 3px -3px 0 #e7b05a44; flex-shrink: 0; }
.sbd-masthead-note { max-width: 307px; border-inline-start: 1px solid var(--sbd-line); padding-inline-start: 28px; padding-bottom: 5px; margin-bottom: 4px; }
.sbd-masthead-note p { font-size: 17px; line-height: 1.45; margin-bottom: 12px; font-weight: 600; }
.sbd-masthead-note > span { display: block; font-size: 13px; color: var(--sbd-muted); line-height: 1.7; }
.sbd-opening { display: grid; grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr); gap: 30px; align-items: stretch; }
.sbd-opening > * { min-width: 0; }
.sbd-section-label { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-top: 1px solid var(--sbd-line); margin-bottom: 6px; font: 400 10px/1.5 var(--sbd-mono); text-transform: uppercase; letter-spacing: 1.6px; }
.sbd-section-label > span:last-child { color: var(--sbd-accent); font-size: 15px; }
.sbd-card { min-width: 0; position: relative; }
.sbd-card-image { display: block; overflow: hidden; aspect-ratio: 16/10; background: var(--sbd-panel); position: relative; }
.sbd-card-image > img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 450ms ease, opacity 200ms; }
.sbd-cover-fallback { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 22px; color: #989c7f; background: radial-gradient(at 75% 20%, #3c4b3c 0, transparent 50%), linear-gradient(130deg,#1c302a,#22251e 70%); }
.sbd-cover-fallback::before { content: ""; position: absolute; inset: 0; opacity: .15; background-image: linear-gradient(#c1cdae33 1px, transparent 1px),linear-gradient(90deg,#c1cdae33 1px,transparent 1px); background-size: 22px 22px; }
.sbd-cover-fallback > .sbd-icon { width: 65px; height: 65px; stroke-width: .7; }
.sbd-cover-fallback > span { font: 11px var(--sbd-mono); letter-spacing: 4px; }
.sbd-card-copy { padding-top: 17px; }
.sbd-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 15px; color: var(--sbd-muted); font: 400 10px/1.6 var(--sbd-mono); text-transform: uppercase; letter-spacing: .7px; margin-bottom: 11px; }
.sbd-meta > * + *::before { content: "/"; color: var(--sbd-line); margin-inline-end: 15px; }
.sbd-meta .sbd-category { color: var(--sbd-accent); }
.sbd-card-title { font-size: 25px; line-height: 1.18 !important; letter-spacing: -.7px; margin: 0 0 12px; overflow-wrap: anywhere; }
.sbd-card-title a:hover { color: var(--sbd-accent); }
.sbd-card-excerpt { color: var(--sbd-muted); font-size: 13px; line-height: 1.75; margin-bottom: 0; }
.sbd-card--feature { min-height: 573px; display: flex; align-items: flex-end; color: #f9f5ed; border: 1px solid #515247; }
.sbd-card--feature .sbd-card-image { position: absolute; inset: 0; aspect-ratio: auto; }
.sbd-card--feature .sbd-card-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,#080b080d 0%,#070c0baa 43%,#090e0ded 75%,#090e0d 100%); pointer-events: none; }
.sbd-card--feature .sbd-card-copy { width: 100%; position: relative; z-index: 1; padding: 40px; pointer-events: none; }
.sbd-card--feature .sbd-card-copy a { pointer-events: auto; }
.sbd-card--feature .sbd-card-title { font-size: clamp(27px,3.25vw,45px); max-width: 19ch; line-height: 1.03 !important; letter-spacing: -1.5px; margin-bottom: 17px; }
.sbd-card--feature .sbd-card-excerpt { max-width: 54ch; color: #c7cac0; font-size: 14px; }
.sbd-card--feature .sbd-meta { color: #c6c9bf; }
.sbd-card--feature .sbd-category, .sbd-card--feature .sbd-card-title a:hover { color: #e7b05a; }
.sbd-feature-link { display: inline-flex; margin-top: 25px; align-items: center; gap: 30px; padding-bottom: 7px; border-bottom: 1px solid #a48d5d; color: #e7b05a !important; font-size: 12px; font-weight: 650; }
.sbd-card--support { padding-bottom: 19px; border-bottom: 1px solid var(--sbd-line); margin-bottom: 24px; }
.sbd-card--support:last-child { margin-bottom: 0; }
.sbd-card--support .sbd-card-image { aspect-ratio: 2.65; }
.sbd-card--support .sbd-card-title { font-size: 23px; letter-spacing: -.65px; margin-bottom: 0; }
.sbd-card--support .sbd-card-copy { padding-top: 13px; }
.sbd-card--support .sbd-meta { font-size: 9px; margin-bottom: 7px; gap: 8px; }
.sbd-card--support .sbd-meta > * + *::before { margin-inline-end: 8px; }
.sbd-topic-strip { display: flex; align-items: center; flex-wrap: wrap; gap: 0; border-block: 1px solid var(--sbd-line); margin: 43px 0 0; }
.sbd-topic-strip > .sbd-eyebrow { margin: 0; padding: 19px 32px 19px 0; color: var(--sbd-muted); font-size: 10px; }
.sbd-topic-strip a { display: flex; align-items: center; gap: 18px; font-size: 14px; font-weight: 650; padding: 18px 26px; border-inline-start: 1px solid var(--sbd-line); }
.sbd-topic-strip a > span { font: 10px var(--sbd-mono); color: var(--sbd-muted); }
.sbd-topic-strip a > .sbd-icon { width: 15px; color: var(--sbd-accent); }
.sbd-topic-strip a:hover { background: var(--sbd-panel); }
.sbd-section { padding: 66px 0; }
.sbd-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 29px; }
.sbd-section-heading h2 { font-size: clamp(28px,3vw,41px); margin: 0; letter-spacing: -1.5px; }
.sbd-section-heading .sbd-eyebrow { margin-bottom: 9px; font-size: 10px; }
.sbd-section-heading > a { padding-bottom: 3px; }
.sbd-post-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 38px 30px; }
.sbd-post-grid .sbd-card { padding-bottom: 22px; border-bottom: 1px solid var(--sbd-line); }
.sbd-archive-band { padding: 40px; margin-block: 8px 0; background: var(--sbd-panel); border-top: 2px solid var(--sbd-accent); }
.sbd-archive-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; }
.sbd-card--archive .sbd-card-title { font-size: 23px; }
.sbd-card--archive .sbd-card-image { aspect-ratio: 2; }
.sbd-stamp { font: 10px var(--sbd-mono); letter-spacing: 2px; padding: 7px 10px; border: 1px solid var(--sbd-line); color: var(--sbd-muted); }
.sbd-about { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.65fr); gap: 80px; border-bottom: 1px solid var(--sbd-line); position: relative; }
.sbd-anchor { position: absolute; top: 0; }
.sbd-about h2 { font-size: clamp(36px,4vw,54px); letter-spacing: -2px; margin-bottom: 30px; }
.sbd-about-copy p { font-size: 16px; color: var(--sbd-muted); line-height: 1.85; margin: 0 0 15px; }
.sbd-about-copy p:first-child { font-size: 24px; color: var(--sbd-text); font-weight: 600; margin-bottom: 20px; }
.sbd-pixel-panel { min-height: 182px; padding: 35px 22px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; gap: 28px; background: #111410; border: 1px solid #3e4037; position: relative; }
.sbd-pixel-panel::before { content: ""; position: absolute; width: 14px; height: 14px; right: 0; top: 0; background: var(--sbd-accent); box-shadow: -14px 14px 0 #e7b05a66,-28px 28px 0 #e7b05a22; }
.sbd-pixel-panel img { width: 185px; height: auto; }
.sbd-pixel-panel > span { color: #b5b6ac; font: 10px/1.6 var(--sbd-mono); text-transform: uppercase; letter-spacing: 1px; }
.sbd-contact { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 42px; margin: 52px 0 70px; border: 1px solid var(--sbd-line); background: var(--sbd-panel); position: relative; }
.sbd-contact::before { content: ""; position: absolute; left: -1px; top: -1px; height: 25px; width: 25px; border-left: 3px solid var(--sbd-accent); border-top: 3px solid var(--sbd-accent); pointer-events: none; }
.sbd-contact h2 { font-size: clamp(25px,2.8vw,37px); max-width: 26ch; letter-spacing: -1px; margin-bottom: 24px; }
.sbd-contact-email { font: 13px/1.6 var(--sbd-mono); color: var(--sbd-accent) !important; display: inline-flex; align-items: center; gap: 12px; overflow-wrap: anywhere; }
.sbd-contact-email .sbd-icon { width: 17px; }
.sbd-contact > .sbd-button { flex-shrink: 0; }
.sbd-contact--with-form { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 50px; }
.sbd-contact-form { min-width: 0; }
.sbd-contact-form h3 { font-size: 20px; margin-bottom: 22px; }
.sbd-contact-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]), .sbd-contact-form textarea, .sbd-contact-form select { max-width: 100%; width: 100%; border: 1px solid var(--sbd-line); color: var(--sbd-text); background: var(--sbd-bg); padding: 12px 14px; border-radius: 2px; }
.sbd-contact-form label { font-size: 13px; }
.sbd-contact-form textarea { min-height: 130px; }
.sbd-contact-form [type="submit"], .sbd-contact-form .uagb-forms-main-submit-button { background: var(--sbd-accent); color: var(--sbd-bg); border: 0; padding: 12px 22px; border-radius: 2px; }
.sbd-footer { border-top: 1px solid #3e4037; background: #11120f; color: #f2eee6; }
.sbd-footer-main { display: grid; grid-template-columns: 1fr 1fr auto; gap: 50px; padding: 46px 0; }
.sbd-footer-brand img { display: block; width: 137px; height: auto; }
.sbd-footer-brand p { font-size: 12px; color: #aaaD9f; margin: 22px 0 0; line-height: 1.8; }
.sbd-footer-links { display: flex; flex-wrap: wrap; flex-direction: column; gap: 8px; justify-content: flex-start; align-items: flex-start; font-size: 12px; }
.sbd-footer-menu { display: block; }
.sbd-footer-menu > li { margin-bottom: 8px; }
.sbd-footer a:hover { color: #e7b05a; }
.sbd-footer-mail { font: 11px/1.7 var(--sbd-mono); align-self: flex-start; display: flex; align-items: center; gap: 12px; padding-bottom: 8px; border-bottom: 1px solid #3e4037; }
.sbd-footer-mail .sbd-icon { width: 14px; }
.sbd-footer-bottom { border-top: 1px solid #3e4037; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 19px 0; color: #b5b6ac; font: 10px/1.6 var(--sbd-mono); }
.sbd-footer-bottom a { white-space: nowrap; }
/* Archive, native search, static pages and the actual post loop. */
.sbd-page-heading { padding: 65px 0 45px; max-width: 1000px; }
.sbd-page-heading h1 { font-size: clamp(35px,6vw,70px); letter-spacing: -.055em; margin-bottom: 23px; overflow-wrap: anywhere; }
.sbd-page-heading > p:not(.sbd-eyebrow), .sbd-archive-description { color: var(--sbd-muted); max-width: 650px; }
.sbd-page-heading .sbd-search-form { max-width: 720px; }
.sbd-archive-list { padding-bottom: 70px; }
.sbd-empty { padding: 45px 0 55px; max-width: 780px; }
.sbd-empty h2 { font-size: 34px; letter-spacing: -1px; }
.sbd-empty p { color: var(--sbd-muted); }
.sbd-site .pagination { margin: 38px 0 0; border-top: 1px solid var(--sbd-line); padding-top: 22px; }
.sbd-site .nav-links { display: flex; gap: 9px; align-items: center; flex-wrap: wrap; }
.sbd-site .page-numbers { min-width: 42px; padding: 10px 15px; text-align: center; border: 1px solid var(--sbd-line); font: 13px/1.5 var(--sbd-mono); }
.sbd-site .page-numbers.current { color: var(--sbd-bg); background: var(--sbd-accent); border-color: var(--sbd-accent); }
.sbd-site .page-numbers:hover { border-color: var(--sbd-accent); }
.sbd-page-cover { max-width: 100%; margin: 0 0 35px; }
.sbd-page-cover img { display: block; }
.sbd-page-body { max-width: 780px; margin: 0 auto 80px; }
.sbd-page > .sbd-page-heading { margin-inline: auto; max-width: 780px; }
.sbd-not-found { padding-block: 90px 130px; max-width: 850px; }
.sbd-not-found h1 { font-size: clamp(45px,8vw,105px); letter-spacing: -.07em; margin-bottom: 25px; }
.sbd-not-found p:not(.sbd-eyebrow) { color: var(--sbd-muted); }
.sbd-not-found .sbd-search-form { margin: 36px 0 25px; }
.sbd-single-heading { padding: 43px 0 35px; }
.sbd-back-link { color: var(--sbd-muted) !important; font: 11px var(--sbd-mono); margin-bottom: 44px; }
.sbd-single-heading h1 { max-width: 1060px; font-size: clamp(35px,5vw,64px); line-height: 1.065; letter-spacing: -.046em; margin-bottom: 30px; }
.sbd-single-heading .sbd-meta { font-size: 11px; margin-bottom: 17px; }
.sbd-byline { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; font-size: 12px; color: var(--sbd-muted); }
.sbd-byline a:hover { color: var(--sbd-accent); }
.sbd-byline span a { color: var(--sbd-text); font-weight: 600; }
.sbd-single-cover { margin-bottom: 55px; }
.sbd-single-cover img { display: block; width: 100%; max-height: 620px; object-fit: contain; background: var(--sbd-panel); }
.sbd-single-cover figcaption { font-size: 12px; color: var(--sbd-muted); text-align: center; margin-top: 12px; }
.sbd-reading-layout { display: grid; grid-template-columns: 205px minmax(0,780px); gap: clamp(30px,6vw,90px); justify-content: center; align-items: start; }
.sbd-reading-aside { position: sticky; top: 130px; margin-bottom: 35px; }
.sbd-reading-aside .sbd-text-link { color: var(--sbd-muted); font-size: 11px; border: 0; background: none; padding: 0; margin-top: 23px; }
.sbd-toc { border-top: 2px solid var(--sbd-accent); }
.sbd-toc summary { display: list-item; cursor: pointer; padding: 16px 0; font: 11px var(--sbd-mono); letter-spacing: 1px; text-transform: uppercase; color: var(--sbd-accent); }
.sbd-toc ol { padding: 0; margin: 0; list-style: none; max-height: 50vh; overflow-y: auto; scrollbar-width: thin; }
.sbd-toc li { padding: 0; margin: 0; border-bottom: 1px solid var(--sbd-line); }
.sbd-toc a { display: block; font-size: 11px; color: var(--sbd-muted); line-height: 1.65; padding: 11px 8px 11px 0; }
.sbd-toc a:hover { color: var(--sbd-accent); }
.sbd-toc .sbd-toc-sub { padding-inline-start: 14px; }
.sbd-reading-main { min-width: 0; }
.sbd-entry-content { font-size: 19px; line-height: 1.9; overflow-wrap: break-word; }
.sbd-entry-content > * { max-width: 100%; }
.sbd-entry-content p { margin: 0 0 1.25em; }
.sbd-entry-content > p:first-child { font-size: 1.1em; }
.sbd-entry-content h1 { font-size: 2.2em; margin-top: 1.7em; letter-spacing: -.04em; }
.sbd-entry-content h2 { font-size: 1.7em; margin: 1.7em 0 .7em; letter-spacing: -.035em; line-height: 1.2; }
.sbd-entry-content h3 { font-size: 1.3em; margin: 1.5em 0 .7em; letter-spacing: -.02em; line-height: 1.25; }
.sbd-entry-content h4, .sbd-entry-content h5, .sbd-entry-content h6 { font-size: 1.1em; line-height: 1.4; margin: 1.5em 0 .7em; }
.sbd-entry-content a:not(.wp-block-button__link) { color: var(--sbd-accent); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.sbd-entry-content ul, .sbd-entry-content ol { padding-inline-start: 1.6em; margin-bottom: 1.5em; }
.sbd-entry-content li { margin-block: .45em; }
.sbd-entry-content figure { margin: 1.6em 0; }
.sbd-entry-content img { height: auto; max-width: 100%; vertical-align: middle; }
.sbd-entry-content .wp-block-image img { height: auto; }
.sbd-entry-content figcaption, .sbd-entry-content .wp-caption-text { font-size: 12px; line-height: 1.65; color: var(--sbd-muted); margin-top: 12px; text-align: center; }
.sbd-entry-content .wp-caption { max-width: 100%; }
.sbd-entry-content .aligncenter { margin-inline: auto; text-align: center; }
.sbd-entry-content .alignleft { float: left; max-width: 45%; margin: .5em 1.5em 1em 0; }
.sbd-entry-content .alignright { float: right; max-width: 45%; margin: .5em 0 1em 1.5em; }
.sbd-entry-content::after { content: ""; display: table; clear: both; }
.sbd-entry-content .alignfull, .sbd-entry-content .alignwide { width: 100%; max-width: 100%; margin-inline: 0; }
.sbd-entry-content blockquote { border-inline-start: 3px solid var(--sbd-accent); padding: 20px 27px; margin: 34px 0; background: var(--sbd-panel); font-size: 1.15em; font-style: normal; }
.sbd-entry-content blockquote p:last-child { margin-bottom: 0; }
.sbd-entry-content cite { display: block; font-size: 13px; margin-top: 12px; color: var(--sbd-muted); }
.sbd-entry-content pre { font: 13px/1.8 var(--sbd-mono); white-space: pre; background: var(--sbd-panel); padding: 22px; border: 1px solid var(--sbd-line); overflow: auto; }
.sbd-entry-content code { font-family: var(--sbd-mono); font-size: .85em; }
.sbd-entry-content :not(pre) > code { padding: 2px 5px; background: var(--sbd-panel); }
.sbd-entry-content table { border-collapse: collapse; font-size: 14px; max-width: 100%; width: 100%; }
.sbd-entry-content > table, .sbd-entry-content .wp-block-table { display: block; overflow-x: auto; }
.sbd-entry-content td, .sbd-entry-content th { border: 1px solid var(--sbd-line); padding: 11px 15px; text-align: start; }
.sbd-entry-content th { background: var(--sbd-panel); }
.sbd-entry-content hr { border: 0; border-top: 1px solid var(--sbd-line); margin-block: 2em; }
.sbd-entry-content iframe, .sbd-entry-content video { max-width: 100%; }
.sbd-entry-content .wp-block-embed__wrapper { max-width: 100%; }
.sbd-entry-content .wp-block-embed.is-type-video iframe { width: 100%; aspect-ratio: 16/9; height: auto; }
.sbd-entry-content .wp-block-audio audio { width: 100%; }
.sbd-entry-content .gallery { display: grid; gap: 15px; grid-template-columns: repeat(auto-fit,minmax(min(180px,100%),1fr)); }
.sbd-entry-content .gallery-item { margin: 0; }
.sbd-entry-content .gallery-icon img { border: 0; }
.sbd-page-links { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 35px 0; }
.sbd-post-tags { display: flex; gap: 9px; flex-wrap: wrap; margin: 40px 0; }
.sbd-post-tags a { font: 10px/1.5 var(--sbd-mono); border: 1px solid var(--sbd-line); padding: 7px 12px; }
.sbd-post-tags a:hover { border-color: var(--sbd-accent); }
.sbd-author-note { padding: 26px; background: var(--sbd-panel); border-inline-start: 2px solid var(--sbd-accent); margin: 45px 0; }
.sbd-author-note h2 { font-size: 26px; margin-bottom: 15px; }
.sbd-author-note p:not(.sbd-eyebrow) { font-size: 14px; color: var(--sbd-muted); }
.sbd-single .post-navigation { padding-block: 25px; border-block: 1px solid var(--sbd-line); margin-bottom: 40px; }
.sbd-single .post-navigation .nav-links { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 28px; }
.sbd-single .post-navigation a { display: grid; font-size: 15px; line-height: 1.5; }
.sbd-single .post-navigation a:hover { color: var(--sbd-accent); }
.sbd-single .post-navigation .sbd-eyebrow { font-size: 9px; }
.sbd-single .post-navigation .nav-next { text-align: end; }
.sbd-comments { padding: 18px 0 50px; }
.sbd-comments h2, .sbd-comments .comment-reply-title { font-size: 30px; letter-spacing: -1px; }
.sbd-comments .comment-list { list-style: none; padding: 0; margin: 30px 0; }
.sbd-comments .children { list-style: none; padding-inline-start: 26px; }
.sbd-comments .comment-body { padding: 25px 0; border-bottom: 1px solid var(--sbd-line); font-size: 15px; }
.sbd-comments .comment-author { display: flex; align-items: center; gap: 10px; }
.sbd-comments .avatar { width: 40px; height: 40px; border-radius: 50%; }
.sbd-comments .comment-metadata { font: 10px/1.6 var(--sbd-mono); color: var(--sbd-muted); margin: 10px 0; }
.sbd-comments .comment-awaiting-moderation { font-size: 13px; color: var(--sbd-accent); }
.sbd-comments .reply { font-size: 12px; color: var(--sbd-accent); }
.sbd-comments label { display: block; font-size: 13px; margin-bottom: 8px; }
.sbd-comments input:not([type="submit"]):not([type="checkbox"]):not([type="hidden"]), .sbd-comments textarea, .sbd-entry-content .post-password-form input[type="password"] { display: block; width: 100%; border: 1px solid var(--sbd-line); background: var(--sbd-panel); color: var(--sbd-text); padding: 12px 14px; border-radius: 2px; }
.sbd-comments textarea { min-height: 170px; resize: vertical; }
.sbd-comments .comment-notes, .sbd-comments .logged-in-as { color: var(--sbd-muted); font-size: 12px; }
.sbd-comments .comment-form-cookies-consent { display: flex; align-items: flex-start; gap: 10px; }
.sbd-comments .comment-form-cookies-consent input { margin-top: 5px; }
.sbd-comments .comment-form-cookies-consent label { color: var(--sbd-muted); font-size: 12px; }
.sbd-related { border-top: 1px solid var(--sbd-line); }
.sbd-reading-progress { position: fixed; top: 0; left: 0; width: 100%; height: 3px; appearance: none; border: 0; z-index: 99998; background: transparent; color: var(--sbd-accent); }
.sbd-reading-progress::-webkit-progress-bar { background: transparent; }
.sbd-reading-progress::-webkit-progress-value { background: var(--sbd-accent); }
.sbd-reading-progress::-moz-progress-bar { background: var(--sbd-accent); }
.admin-bar .sbd-reading-progress { top: 32px; }
/* Progressive motion is opt-in after JS successfully installs its observer. */
.sbd-await { opacity: 0; transform: translateY(14px); }
.sbd-entered { animation: sbd-arrive 480ms ease both; }
@keyframes sbd-arrive { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .sbd-card:hover .sbd-card-image > img { transform: scale(1.025); }
    .sbd-card:hover .sbd-card-image { outline: 1px solid var(--sbd-line); outline-offset: -1px; }
}
@media (max-width: 1100px) {
    .sbd-header-inner { gap: 22px; }
    .sbd-menu { gap: 20px; }
    .sbd-brand { flex-basis: 130px; }
    .sbd-brand img { width: 125px; }
    .sbd-opening { gap: 24px; grid-template-columns: minmax(0,1.65fr) minmax(0,1fr); }
    .sbd-card--feature .sbd-card-copy { padding: 28px; }
    .sbd-card--feature { min-height: 530px; }
    .sbd-reading-layout { grid-template-columns: 175px minmax(0,1fr); gap: 36px; }
    .sbd-about { gap: 45px; }
    .sbd-footer-main { gap: 30px; }
}
@media (max-width: 900px) {
    .sbd-shell { width: calc(100% - 48px); }
    .sbd-header-inner { min-height: 76px; flex-wrap: wrap; gap: 0; }
    .sbd-brand { margin-inline-end: auto; }
    .sbd-header-tools { margin-inline-start: 15px; }
    .sbd-nav { order: 3; width: 100%; margin: 0; border-top: 1px solid var(--sbd-line); padding: 12px 0; }
    .sbd-menu { flex-wrap: wrap; gap: 5px 24px; }
    .sbd-menu a { padding: 12px 0; }
    .sbd-js .sbd-nav { display: none; }
    .sbd-js .sbd-nav.is-open { display: block; max-height: calc(100dvh - 150px); overflow-y: auto; }
    .sbd-js .sbd-nav-toggle { display: flex; }
    .sbd-menu .sub-menu, .sbd-menu .sub-menu .sub-menu { position: static; min-width: 0; box-shadow: none; background: var(--sbd-panel); border: 0; }
    html:not(.sbd-js) .sbd-menu .sub-menu { display: block; }
    .sbd-menu li.menu-item-has-children { width: 100%; }
    .sbd-menu > .current-menu-item > a::after { display: none; }
    .sbd-masthead { padding-top: 40px; gap: 35px; }
    .sbd-masthead h1 { font-size: 52px; }
    .sbd-masthead-note { max-width: 250px; padding-inline-start: 20px; }
    .sbd-opening { grid-template-columns: minmax(0,1fr); gap: 30px; }
    .sbd-opening-side { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
    .sbd-opening-side > .sbd-section-label { grid-column: 1/-1; margin: 0; padding-bottom: 0; }
    .sbd-card--support { margin: 0; }
    .sbd-card--support .sbd-card-image { aspect-ratio: 1.85; }
    .sbd-card--feature { min-height: 550px; }
    .sbd-card--feature .sbd-card-title { font-size: 44px; }
    .sbd-post-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .sbd-archive-band { padding: 28px; }
    .sbd-archive-grid { gap: 20px; }
    .sbd-card--archive .sbd-card-title { font-size: 19px; }
    .sbd-reading-layout { display: block; }
    .sbd-reading-aside { position: static; margin-bottom: 30px; max-width: 780px; margin-inline: auto; }
    .sbd-toc ol { max-height: 320px; }
    .sbd-reading-main { max-width: 780px; margin-inline: auto; }
    .sbd-contact { padding: 32px; gap: 30px; }
    .sbd-contact--with-form { grid-template-columns: 1fr; }
    .sbd-footer-main { grid-template-columns: 1fr 1fr; }
    .sbd-footer-mail { grid-column: 1/-1; justify-self: start; }
}
@media (max-width: 782px) { .admin-bar .sbd-header, .admin-bar .sbd-reading-progress { top: 46px; } }
@media (max-width: 600px) {
    .sbd-shell { width: calc(100% - 36px); }
    .sbd-header-inner { min-height: 68px; }
    .sbd-header-tools { gap: 2px; }
    .sbd-icon-button { width: 38px; height: 42px; }
    .sbd-brand img { width: 118px; }
    .sbd-brand { flex-basis: 118px; }
    .sbd-masthead { padding: 32px 0 29px; display: block; }
    .sbd-masthead .sbd-eyebrow { font-size: 8px; letter-spacing: 1.3px; gap: 9px; }
    .sbd-masthead h1 { font-size: clamp(40px,12vw,60px); }
    .sbd-masthead-note { max-width: 370px; padding: 0; margin-top: 23px; border: 0; }
    .sbd-masthead-note p { font-size: 15px; margin-bottom: 7px; }
    .sbd-masthead-note > span { font-size: 12px; }
    .sbd-card--feature { min-height: 505px; }
    .sbd-card--feature .sbd-card-copy { padding: 23px; }
    .sbd-card--feature .sbd-card-title { font-size: clamp(29px,8.5vw,40px); letter-spacing: -1px; }
    .sbd-card--feature .sbd-card-excerpt { font-size: 12px; line-height: 1.7; }
    .sbd-opening-side { gap: 20px; grid-template-columns: 1fr; }
    .sbd-card--support { display: grid; grid-template-columns: 105px minmax(0,1fr); gap: 15px; padding-bottom: 18px; }
    .sbd-card--support .sbd-card-image { aspect-ratio: 1; }
    .sbd-card--support .sbd-card-copy { padding-top: 0; }
    .sbd-card--support .sbd-card-title { font-size: 19px; line-height: 1.18 !important; }
    .sbd-card--support .sbd-meta { font-size: 8px; }
    .sbd-topic-strip { margin-top: 31px; }
    .sbd-topic-strip > .sbd-eyebrow { width: 100%; padding: 13px 0 5px; font-size: 8px; }
    .sbd-topic-strip a { padding: 14px 15px 14px 0; gap: 13px; border: 0; font-size: 13px; }
    .sbd-topic-strip a + a { padding-inline-start: 15px; }
    .sbd-section { padding-block: 43px; }
    .sbd-section-heading { align-items: flex-start; gap: 20px; }
    .sbd-section-heading h2 { font-size: 30px; letter-spacing: -1px; }
    .sbd-section-heading > .sbd-text-link { align-self: flex-end; font-size: 11px; gap: 5px; white-space: nowrap; }
    .sbd-post-grid { grid-template-columns: 1fr; gap: 28px; }
    .sbd-card-title { font-size: 26px; }
    .sbd-archive-band { padding: 25px; }
    .sbd-archive-band .sbd-section-heading { display: block; }
    .sbd-stamp { display: none; }
    .sbd-archive-grid { grid-template-columns: 1fr; gap: 25px; }
    .sbd-card--archive { display: grid; grid-template-columns: 85px minmax(0,1fr); gap: 15px; }
    .sbd-card--archive .sbd-card-image { aspect-ratio: 1; }
    .sbd-card--archive .sbd-card-copy { padding: 0; }
    .sbd-card--archive .sbd-meta { font-size: 8px; }
    .sbd-card--archive .sbd-meta time { display: none; }
    .sbd-card--archive .sbd-card-title { font-size: 19px; }
    .sbd-about { grid-template-columns: 1fr; gap: 29px; }
    .sbd-about h2 { font-size: 40px; }
    .sbd-pixel-panel { min-height: 130px; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; padding: 25px; }
    .sbd-pixel-panel img { width: 137px; }
    .sbd-pixel-panel > span { max-width: 100px; font-size: 9px; }
    .sbd-about-copy p { font-size: 16px; }
    .sbd-contact { flex-direction: column; align-items: flex-start; margin-block: 35px 44px; padding: 29px 25px; }
    .sbd-contact h2 { font-size: 28px; }
    .sbd-contact-email { font-size: 11px; gap: 7px; }
    .sbd-footer-main { gap: 25px; padding-block: 32px; }
    .sbd-footer-brand p { font-size: 11px; }
    .sbd-footer-links { font-size: 11px; }
    .sbd-footer-bottom { align-items: flex-start; font-size: 8px; }
    .sbd-page-heading { padding-block: 38px 28px; }
    .sbd-page-heading h1 { font-size: 43px; }
    .sbd-search-form { gap: 6px; }
    .sbd-search-form .sbd-button { padding: 12px 14px; }
    .sbd-search-form .sbd-button .sbd-icon { display: none; }
    .sbd-search-form input { padding: 12px; font-size: 14px; }
    .sbd-search-dialog { padding: 22px; }
    .sbd-single-heading { padding-top: 29px; }
    .sbd-back-link { margin-bottom: 30px; font-size: 10px; }
    .sbd-single-heading h1 { font-size: clamp(31px,9vw,46px); margin-bottom: 24px; }
    .sbd-single-heading .sbd-meta { font-size: 9px; }
    .sbd-byline { font-size: 10px; gap: 12px; }
    .sbd-single-cover { margin-bottom: 29px; }
    .sbd-entry-content { font-size: 18px; line-height: 1.85; }
    .sbd-entry-content h2 { font-size: 1.5em; }
    .sbd-entry-content h3 { font-size: 1.2em; }
    .sbd-entry-content .alignleft, .sbd-entry-content .alignright { float: none; max-width: 100%; margin-inline: 0; }
    .sbd-entry-content blockquote { padding: 18px 23px; }
    .sbd-author-note { padding: 22px; }
    .sbd-single .post-navigation .nav-links { grid-template-columns: 1fr; gap: 25px; }
    .sbd-single .post-navigation .nav-next { text-align: start; }
    .sbd-comments .children { padding-inline-start: 17px; }
    .sbd-comments h2, .sbd-comments .comment-reply-title { font-size: 27px; }
}
@media (max-width: 600px) { .admin-bar .sbd-header { top: 0; } }
@media (prefers-reduced-motion: reduce) {
    .sbd-site *, .sbd-site *::before, .sbd-site *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
    .sbd-await { opacity: 1; transform: none; }
}
body[data-sbd-motion="off"] .sbd-await { opacity: 1; transform: none; }
@media print {
    .sbd-header, .sbd-footer, .sbd-reading-aside, .sbd-related, .comment-respond, .sbd-search-dialog, .sbd-reading-progress { display: none !important; }
    body.sbd-site { background: white; color: black; }
    .sbd-shell { width: 100%; }
    .sbd-reading-layout { display: block; }
    .sbd-entry-content { font-size: 12pt; }
    .sbd-single-cover img { max-height: 220px; }
    .sbd-await { opacity: 1; transform: none; }
}

/* Header/footer stay dark when the reader switches the article canvas to light. */
.sbd-header { --sbd-bg: #161715; --sbd-panel: #20211e; --sbd-text: #f2eee6; --sbd-muted: #b5b6ac; --sbd-line: #3e4037; --sbd-accent: #e7b05a; color: var(--sbd-text); }
.sbd-brand img { width: auto; max-width: 146px; height: 64px; max-height: 64px; object-fit: contain; }
.sbd-footer-brand img { width: auto; height: 82px; max-width: 146px; object-fit: contain; }
.sbd-pixel-panel img { width: auto; max-width: 185px; height: 124px; object-fit: contain; }
.sbd-fallback-wordmark { color: #f2eee6; display: inline-flex; flex-direction: column; line-height: 1; }
.sbd-fallback-wordmark strong { font-family: var(--sbd-mono); font-weight: 900; font-size: 34px; letter-spacing: -2px; }
.sbd-fallback-wordmark > span { font: 10px var(--sbd-mono); letter-spacing: 2px; margin-top: 6px; }
@media (max-width: 600px) { .sbd-brand img { height: 52px; max-height: 52px; } .sbd-pixel-panel img { height: 84px; } }