/* Screen-only bridge for the existing essays and CV. Their print CSS is preserved. */
@media screen {
  :root{color-scheme:light;--bg:#f7f7f2;--fg-hi:#242521;--fg:#55574e;--dim:#64675b;--ghost:#a8ad9f;--hair:#dedfd5;--line:#dedfd5;--acc:#a13c21;--acc-soft:#a13c2140;--panel:#fff;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--mono:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--measure:44rem;--maxw:1160px}
  :root[data-theme=dark]{color-scheme:dark;--bg:#181a18;--fg-hi:#f1f2e9;--fg:#c1c5b8;--dim:#a0a695;--ghost:#69755f;--hair:#3b4136;--line:#3b4136;--acc:#ffb397;--acc-soft:#ffb39740;--panel:#20231f}
  body{background:var(--bg);color:var(--fg);font-family:var(--sans)}
  .site-header,.site-head{background:var(--bg);border-bottom:1px solid var(--line)}
  .header-inner,.site-head .wrap{min-height:88px;height:auto;padding-block:20px;gap:28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
  .brand{color:var(--fg-hi);font-size:27px;font-weight:600;letter-spacing:-1.5px}.brand::after{content:'.';color:var(--acc)}.brand-prompt,.tilde{display:none}
  .nav a,.site-nav a{font-family:var(--sans);font-size:12px;color:var(--dim);letter-spacing:0;padding-block:12px}
  .nav a.is-active,.site-nav a.is-active{color:var(--acc)}.nav ul,.site-nav{flex-wrap:wrap;gap:12px 23px}
  .section-title,.s-title{font-weight:550;letter-spacing:-.6px}.section-title::before{content:none}.rule{background:var(--line);opacity:1}
  .project-grid{gap:20px}.card{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:28px;transition:border-color .18s}
  .card:hover,.card.is-featured:hover{background:var(--panel);border-color:var(--acc)}.card.is-featured{border-color:var(--line)}
  .card-title{font-size:22px;line-height:1.3;letter-spacing:-.6px}.card-desc{font-size:15px;line-height:1.8}.card-meta{font-size:12px}.badge,.grade-badge{border-radius:6px}
  .article h1{font-size:clamp(2.2rem,4.2vw,3.8rem);line-height:1.12;letter-spacing:-2px;font-weight:550}
  .article h2{font-size:26px;font-weight:550;letter-spacing:-.6px}.article h3{font-weight:550}.article .prose,.article ul,.article ol{line-height:1.85;font-size:16px}
  .article-summary{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px}.article figure img{border-radius:12px}.references{font-size:13px}
  .site-footer,.site-foot{background:var(--bg);border-color:var(--line)}.sgrid{display:block;max-width:880px}.sgrid>:not(.marg){max-width:none}.marg{display:none}
  .cover .wrap{max-width:880px}.cover h1{font-size:clamp(2.4rem,4vw,3.5rem);line-height:1.15;letter-spacing:-1.7px}.cover-top{justify-content:flex-end}.cover .cov-meta{display:none}
  .dl{border-radius:10px;background:var(--panel)}.frame,.fig .frame{background:var(--panel);border-color:var(--line);border-radius:18px}.nf-num{color:var(--acc)}
  :focus-visible{outline:3px solid var(--acc);outline-offset:4px;border-radius:5px}
  @media(max-width:740px){.header-inner,.site-head .wrap{justify-content:center;gap:15px}.brand{margin-right:auto}.nav,.site-nav{width:100%}.nav ul{gap:10px 18px}.site-nav{gap:10px 18px}.article-summary{padding:22px}.article h1{letter-spacing:-1.4px}.article .prose{overflow-wrap:anywhere}}
  @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
}
