@import url("/fonts/plex.css");
:root{color-scheme:light dark;--bg:#f8f7f3;--ink:#15202d;--muted:#6f7073;--accent:#c94b26;--line:#deddd8;--empty:#e7e5df;--body:#53545a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:absolute;top:-100px;left:20px;z-index:10;background:var(--bg);padding:12px}.skip:focus{top:10px}.wrap{width:min(1120px,calc(100% - 64px));margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 0}.brand{text-decoration:none;font-size:31px;font-weight:700;letter-spacing:-1.4px}.brand-mark{color:var(--accent);font-size:26px;margin-left:9px}nav{display:flex;gap:27px;align-items:center;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}nav a:hover,h2 a:hover,.archive-year a:hover{color:var(--accent)}.rss-icon{color:var(--accent);margin-left:4px}.intro{display:flex;justify-content:space-between;align-items:center;padding:52px 16px 38px}.intro h1,.page-head h1{font-size:40px;letter-spacing:-1.3px;font-weight:500;margin:0 0 5px}.intro p,.page-head p{color:var(--muted);font-size:20px;margin:0}.intro-note{text-transform:uppercase;color:#8c8984;font-size:10px;letter-spacing:1.6px;line-height:1.7;transform:rotate(-6deg);margin-right:18%;}.intro-note span{display:block;color:var(--accent);font-size:24px;line-height:1}.featured{display:grid;grid-template-columns: 2fr .9fr;gap:32px;align-items:center}.media{display:block;overflow:hidden;border-radius:4px;background:var(--empty)}.media img{width:100%;height:100%;display:block;object-fit:cover}.featured-media{aspect-ratio:1.7}.featured-copy{padding:12px 4px}time{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#85858a}.featured h2{font-size:39px;letter-spacing:-1px;line-height:1.1;font-weight:500;margin:16px 0 20px}.featured h2 a,.card h2 a{text-decoration:none}.featured p,.card p{font:18px/1.55 Georgia,serif;color:var(--body);margin:0 0 22px}.read{font:16px Georgia,serif;color:var(--accent);text-decoration:none}.read span{margin-left:5px}.read:hover{text-decoration:underline}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}.card-media{aspect-ratio:1.4;margin-bottom:16px}.media-empty{display:flex;align-items:center;justify-content:center;background:#e8e4dc;color:#8d8b82}.media-empty>span{font:42px Georgia,serif}.media-empty span span{font-family:Arial;color:var(--accent);font-size:22px;margin-left:10px}.card h2{font-size:23px;line-height:1.2;font-weight:500;letter-spacing:-.4px;margin:10px 0}.card p{font-size:16px;margin-bottom:18px}.archive-preview{border-top:1px solid var(--line);margin-top:70px;padding-top:34px}.archive-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.archive-heading h2{font-size:31px;font-weight:500;letter-spacing:-1px;margin:0}.archive-heading a{font-size:13px;color:var(--accent);text-decoration:none}.year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 28px;margin:36px 0 70px}.year-grid section+section{border-left:1px solid var(--line);padding-left:24px}.year-grid h3,.archive-year h2{font-size:18px;color:var(--accent);margin:0 0 14px}.year-grid ul,.archive-year ul{list-style:none;margin:0;padding:0}.year-grid li,.archive-year li{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:baseline;margin:9px 0;font:15px/1.35 Georgia,serif}.year-grid time,.archive-year time{font:14px Georgia,serif;letter-spacing:0;text-transform:none;color:var(--muted)}.year-grid a,.archive-year a{text-decoration:none}.year-grid a:hover{text-decoration:underline}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:35px 0 50px;color:var(--muted);font-size:13px}.footer .brand{color:var(--ink);font-size:23px}.footer a:last-child{color:var(--accent)}.archive-page,.article{padding-top:55px;min-height:70vh}.page-head{margin-bottom:38px}.archive-search{max-width:550px;margin-bottom:45px}.archive-search label{display:block;font-size:14px;margin-bottom:9px}.archive-search input{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:13px 14px;font:16px Arial;width:100%}.archive-search p{color:var(--muted);font-size:13px}.archive-page #archive-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 60px;margin-bottom:80px}.archive-year li{grid-template-columns:80px 1fr;font-size:16px;margin:13px 0}.archive-year [hidden],.archive-year[hidden],#no-results[hidden]{display:none}.back{font-size:13px;text-decoration:none;color:var(--accent)}.article-heading,.prose,.tags{max-width:740px;margin-left:auto;margin-right:auto}.article-heading{margin-top:65px;margin-bottom:48px}.article-heading h1,.not-found h1{font-size:clamp(38px,5vw,60px);font-weight:500;letter-spacing:-1.5px;line-height:1.1;margin:15px 0}.article-heading p{color:var(--muted);font-size:14px}.prose{font:19px/1.8 Georgia,serif;color:var(--body);overflow-wrap:anywhere}.prose a,.tags a{color:var(--accent)}.prose img{max-width:100%;height:auto}.prose pre{overflow:auto;background:var(--empty);padding:20px;font-size:14px}.prose blockquote{border-left:3px solid var(--accent);margin-left:0;padding-left:24px}.prose:after{content:"";display:block;clear:both}.tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:55px;margin-bottom:85px;font-size:13px}.not-found{min-height:60vh;padding-top:100px}.pagination{display:flex;justify-content:space-between;margin:40px 0 80px}.pagination a{color:var(--accent)}@media(prefers-color-scheme:dark){:root{--bg:#17191b;--ink:#ecebea;--muted:#aaa6a2;--accent:#ff986d;--line:#393a3b;--empty:#292a2b;--body:#c6c2bc}.media-empty{background:#302d2b;color:#aaa5a1}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{align-items:flex-start;flex-direction:column;padding:22px 0;gap:16px}nav{gap:15px}nav a{font-size:13px}.intro{padding:40px 0 30px}.intro h1,.page-head h1{font-size:34px}.intro p,.page-head p{font-size:16px}.intro-note{margin:0;font-size:8px}.featured{grid-template-columns:1fr;gap:8px}.featured h2{font-size:32px;margin:12px 0}.featured-copy{padding:10px 0}.cards{grid-template-columns:1fr;gap:34px}.card-media{aspect-ratio:1.65}.archive-preview{margin-top:55px}.archive-heading{align-items:flex-start}.archive-heading h2{font-size:28px}.year-grid{grid-template-columns:1fr 1fr;gap:28px 16px}.year-grid section+section{padding-left:0;border:0}.year-grid li{grid-template-columns:55px 1fr;font-size:14px;gap:5px}.year-grid time{font-size:12px}.archive-page #archive-list{grid-template-columns:1fr}.footer{flex-wrap:wrap}.article-heading{margin-top:45px}.prose{font-size:17px}}

/* IBM Plex: condensed headings, readable sans body, mono for code and dates. */
body{font-family:"IBM Plex Sans",sans-serif}
.brand,.intro h1,.page-head h1,.featured h2,.card h2,.archive-heading h2,.year-grid h3,.archive-year h2,.article-heading h1,.not-found h1{font-family:"IBM Plex Sans Condensed",sans-serif;font-weight:600;letter-spacing:-.02em}
.featured p,.card p,.prose,.read,.year-grid li,.archive-year li,.year-grid time,.archive-year time{font-family:"IBM Plex Sans",sans-serif}
.prose{font-size:18px;line-height:1.75}.prose pre,.prose code,time,.intro-note{font-family:"IBM Plex Mono",monospace}.archive-search input{font-family:"IBM Plex Sans",sans-serif}