:root{--bg:#fbfaf7;--text:#2b2b2b;--muted:#777;--accent:#b4532a;--line:#e6e2da;--content-width:40rem}@media (prefers-color-scheme:dark){:root{--bg:#1b1b1a;--text:#e8e6e1;--muted:#a09d96;--accent:#e08a5f;--line:#333330}}@media (width>=60rem){:root{--bg:#15110e;--text:#eae3d7;--muted:#a89f91;--accent:#d9a35c;--line:#2e2823}body{background:radial-gradient(ellipse 70% 45% at 50% -8%, #d9a35c38, transparent 70%), var(--bg);background-attachment:fixed}.site-name{letter-spacing:.14em}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;line-height:1.9}main,.site-header,.site-footer{max-width:var(--content-width);margin-inline:auto;padding-inline:1.25rem}main{padding-block:2rem 4rem}a{color:var(--accent)}.site-header{border-bottom:1px solid var(--line);padding-block:1.25rem}.site-name{color:var(--text);letter-spacing:.05em;font-weight:700;text-decoration:none}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding-block:2rem}.footer-links{margin:0 0 .5rem;font-size:.875rem}.footer-links a{padding-block:.5rem;display:inline-block}h1{margin-block:0 1rem;font-size:1.6rem;line-height:1.5}h2{margin-block:2.5rem .75rem;font-size:1.3rem;line-height:1.5}h3{margin-block:2rem .5rem;font-size:1.1rem;line-height:1.5}@media (width<=40rem){body{font-size:1.0625rem;line-height:1.85}h1{font-size:1.75rem}h2{font-size:1.45rem}h3{font-size:1.2rem}article:has(>.meta)>p:not(.meta,.lead,.why){margin-block-end:1.2em}article:has(>.meta)>h2{margin-block-start:3rem}article:has(>.meta)>h3{margin-block-start:2.25rem}}img{max-width:100%;height:auto}blockquote{border-left:3px solid var(--line);color:var(--muted);margin-inline:0;padding-inline:1rem}.meta{color:var(--muted);font-size:.875rem}.meta a{color:inherit;text-decoration:none}.meta a:hover,.meta a:focus-visible{color:var(--text);text-underline-offset:.25em;text-decoration:underline}.why{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);margin-block:1.5rem;padding:.75rem 1rem;font-size:.95rem}.lead{color:var(--muted)}figure.article-image{margin:2.5rem 0}figure.article-image img{display:block}.image-credit{color:var(--muted);margin-top:.5rem;font-size:.75rem;line-height:1.6}.image-credit a{color:inherit;text-underline-offset:.2em}.image-credit a:hover{color:var(--accent)}.sources{color:var(--muted);margin-top:3rem;font-size:.875rem;line-height:1.8}.sources h2{letter-spacing:.05em;color:var(--muted);margin:0 0 .5rem;font-size:.875rem}.sources ul{margin:0;padding-left:1.25rem}.sources li{margin-block:.25rem}.sources a{color:inherit;text-underline-offset:.2em}.sources a:hover{color:var(--accent)}.as-of{margin:.75rem 0 0}.random-wrap{margin-block:1.5rem 0}.random-button{background:var(--accent);min-height:3rem;color:var(--bg);letter-spacing:.05em;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;padding:.5rem 1.5rem;font-weight:700;text-decoration:none;display:flex}.random-button:hover{filter:brightness(1.1)}.random-button:active{transform:translateY(1px)}.random-button:focus-visible{outline:3px solid var(--text);outline-offset:3px}@media (width>=40rem){.random-button{display:inline-flex}}.article-list{margin:2rem 0 0;padding:0;list-style:none}.article-list li{border-bottom:1px solid var(--line);padding-block:1.25rem}.article-list h2{margin:.25rem 0;font-size:1.15rem}.article-list p{color:var(--muted);margin:.25rem 0 0;font-size:.95rem}.article-nav{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.5rem}.article-nav-row{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.nav-prev,.nav-random,.nav-next{border:1px solid var(--line);min-height:3rem;color:var(--text);text-align:center;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;padding:.5rem .25rem;font-size:.875rem;line-height:1.4;text-decoration:none;display:flex}.nav-random{border-color:var(--accent);background:var(--accent);color:var(--bg);font-weight:700}.nav-prev:hover,.nav-next:hover{border-color:var(--accent)}.nav-random:hover{filter:brightness(1.1)}.nav-prev:active,.nav-random:active,.nav-next:active{transform:translateY(1px)}.nav-prev:focus-visible,.nav-random:focus-visible,.nav-next:focus-visible,.nav-top:focus-visible{outline:3px solid var(--text);outline-offset:3px}.nav-top{justify-content:center;align-items:center;min-height:3rem;margin-top:.75rem;font-size:.95rem;display:flex}