/* Old Dog, New Tabs — intentionally plain HTML and CSS. No JavaScript. */
:root {
  color-scheme: light dark;
  --bg: #faf8f2;
  --surface: #f0eee6;
  --ink: #253632;
  --muted: #66736d;
  --line: #dcded6;
  --accent: #a4512d;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-underline-offset: .15em; }
a:hover { color: var(--accent); }
.site-wrapper { max-width: 780px; margin: auto; padding: 0 28px; }
.site-header { min-height: 100px; display: flex; align-items: center; justify-content: space-between; gap: 22px; border-bottom: 1px solid var(--line); }
.wordmark { font-size: 16px; letter-spacing: -.025em; font-weight: 750; text-decoration: none; white-space: nowrap; }
.wordmark-comma,.wordmark-dot { color: var(--accent); }
nav { display: flex; align-items: center; gap: 20px; font-size: 13px; font-weight: 600; }
nav a { text-decoration: none; }
.intro { padding: 90px 0 74px; }
.eyebrow { margin: 0 0 16px; color: var(--accent); font-weight: 800; font-size: 11px; letter-spacing: .17em; }
h1,h2,h3 { letter-spacing: -.038em; line-height: 1.15; }
.intro h1 { font-size: clamp(44px,7vw,69px); font-weight: 780; margin: 0 0 27px; }
.intro h1 em { font-family: Georgia,"Times New Roman",serif; font-weight: 400; }
.lede { font-family: Georgia,"Times New Roman",serif; font-size: 23px; line-height: 1.5; margin: 0 0 10px; }
.sublede { max-width: 590px; color: var(--muted); margin: 0; font-size: 15px; }
.section-heading { display: flex; align-items: baseline; justify-content: space-between; border-bottom: 1px solid var(--line); gap: 15px; margin-bottom: 16px; }
.section-heading h2 { font-size: 19px; margin: 0 0 14px; }
.section-heading a { font-size: 13px; text-decoration: none; font-weight: 600; }
.entry { padding: 24px 0 28px; border-bottom: 1px solid var(--line); }
.entry-meta,.article-meta { color: var(--muted); font-size: 12px; font-weight: 600; }
.separator { padding: 0 6px; color: var(--accent); }
.entry h3 { font-family: Georgia,"Times New Roman",serif; margin: 7px 0 8px; font-size: 25px; font-weight: normal; }
.entry h3 a { text-decoration: none; }
.entry-summary { color: var(--muted); font-size: 15px; margin: 0 0 7px; }
.read-link { color: var(--accent); font-size: 13px; font-weight: 650; text-decoration: none; }
.empty-state { background: var(--surface); padding: 26px 28px; border-radius: 9px; color: var(--muted); font-size: 15px; }
.empty-state p { margin: 0 0 6px; }.empty-state p:last-child { margin: 0; }
.empty-state strong { color: var(--ink); }
.simple-page,.article-page { padding: 65px 0 80px; }
.simple-page h1,.article-page h1 { font-family: Georgia,"Times New Roman",serif; font-weight: normal; font-size: clamp(37px,6vw,55px); margin: 0 0 32px; }
.small { font-size: 18px; color: var(--muted); }
.article-page h1 { margin: 10px 0 30px; }
.prose { max-width: 690px; font-family: Georgia,"Times New Roman",serif; font-size: 20px; line-height: 1.8; }
.prose p { margin: 0 0 1.3em; }
.prose h2 { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size: 24px; margin: 2.2em 0 .8em; }
.prose img { max-width: 100%; height: auto; }
.prose blockquote { border-left: 3px solid var(--accent); color: var(--muted); margin: 1.5em 0; padding: 0 0 0 20px; }
.prose pre { overflow: auto; background: var(--surface); padding: 16px; font-size: 14px; }
.prose code { font-family: ui-monospace,SFMono-Regular,Menlo,monospace; font-size: .85em; overflow-wrap: anywhere; }
.original-link { overflow-wrap: anywhere; font-size: 14px; }
.back-link { margin-top: 65px; font-size: 14px; }
.site-footer { display: flex; justify-content: space-between; gap: 25px; margin-top: 70px; padding: 22px 0 34px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
@media (max-width: 610px) {
  .site-wrapper { padding: 0 20px; }
  .site-header { display: block; padding: 22px 0 17px; min-height: 0; }
  nav { flex-wrap: wrap; margin-top: 10px; gap: 9px 17px; }
  .intro { padding: 65px 0 53px; }
  .simple-page,.article-page { padding-top: 45px; }
  .site-footer { display: block; }
  .site-footer span { display: block; }
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #141b19; --surface: #202b26; --ink: #e8e9e1; --muted: #abb9ae; --line: #34443d; --accent: #f0b283; }
}