:root{--bg:#f5f2e9;--ink:#2d2926;--ink-2:#5e5954;--line:#dcd8cb;--accent:#7d6b3d;--accent-soft:#c9b786;--inverse-fg:#f5f2e9;--font-brand:"Newsreader", "Noto Serif JP", serif;--font-heading:"Noto Serif JP", serif;--font-body:"Noto Sans JP", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--measure:42rem;--wide:72rem;--ink-soft:var(--ink-2);--paper:var(--bg);--paper-card:#efece1;--coffee:#6b543a;--coffee-deep:var(--ink);--tea:#5c6b4a;--tea-deep:var(--ink)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);letter-spacing:.02em;margin:0;font-size:.95rem;font-weight:400;line-height:1.95}.wide{max-width:var(--wide);margin:0 auto;padding:0 1.4rem}.container{max-width:var(--measure);margin:0 auto;padding:0 1.4rem}.page-main{min-height:55vh;padding-top:3.5rem;padding-bottom:5rem}a{color:var(--ink);border-bottom:1px solid var(--line);text-decoration:none;transition:border-color .15s}a:hover{color:var(--accent);border-bottom-color:var(--accent)}h1,h2,h3{font-family:var(--font-heading);letter-spacing:.04em;font-weight:500;line-height:1.5}h1{font-size:1.9rem}h2{border-bottom:1px solid var(--line);margin-top:3em;padding-bottom:.4em;font-size:1.3rem}h3{margin-top:2em;font-size:1.05rem}.eyebrow,.mono{font-family:var(--font-mono);letter-spacing:.14em;color:var(--ink-2);font-size:.7rem}.eyebrow{color:var(--accent);text-transform:uppercase}.site-header{border-bottom:1px solid var(--line)}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.6rem 2rem;padding-top:1.4rem;padding-bottom:1.3rem;display:flex}.brand{border-bottom:none;flex-wrap:wrap;align-items:baseline;gap:.8rem;display:flex}.brand:hover{color:var(--ink)}.brand-logo{font-family:var(--font-brand);letter-spacing:.01em;font-size:1.9rem;font-weight:500;line-height:1}.brand-sub{font-family:var(--font-mono);letter-spacing:.22em;color:var(--ink-2);font-size:.62rem}.site-nav{flex-wrap:wrap;gap:1.8rem;font-size:.88rem;display:flex}.site-nav a{color:var(--ink);border-bottom:none}.site-nav a:hover{color:var(--accent)}.article-list{margin:0;padding:0;list-style:none}.card{border-top:1px solid var(--line);padding:1.4rem 0}.article-list>.card:last-child{border-bottom:1px solid var(--line)}.card-meta{font-family:var(--font-mono);letter-spacing:.12em;color:var(--ink-2);align-items:center;gap:.9rem;margin-bottom:.5rem;font-size:.68rem;display:flex}.card a.card-title{font-family:var(--font-heading);letter-spacing:.03em;border-bottom:none;font-size:1.12rem;font-weight:500;line-height:1.6}.card a.card-title:hover{color:var(--accent)}.card p{color:var(--ink-2);margin:.45rem 0 0;font-size:.85rem;line-height:1.85}.badge{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase;border:1px solid;border-radius:2px;padding:.12rem .55rem;font-size:.62rem;display:inline-block}.badge-coffee,.badge-tea,.badge-column{color:var(--accent);background:0 0}.article-header .card-meta{margin-bottom:.7rem}.article-body{font-size:.95rem}.article-body img{max-width:100%;height:auto}.article-body blockquote{border-left:2px solid var(--accent);color:var(--ink-2);margin:1.8em 0;padding:.2em 1.4em}.article-body table,table{border-collapse:collapse;width:100%;font-size:.85rem;line-height:1.7;display:block;overflow-x:auto}th,td{border:none;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;background:0 0;padding:.65em 1em .65em 0}thead th{font-family:var(--font-mono);letter-spacing:.14em;color:var(--ink-2);text-transform:uppercase;border-bottom:1px solid var(--ink);font-size:.66rem;font-weight:500}tbody th{color:var(--ink-2);white-space:nowrap;font-weight:500}.article-body code{font-family:var(--font-mono);background:#ebe7da;border-radius:2px;padding:.1em .4em;font-size:.85em}.site-footer{background:var(--ink);color:var(--inverse-fg);margin-top:5rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:3rem 4rem;padding-top:4rem;padding-bottom:3rem;display:flex}.footer-logo{font-family:var(--font-brand);margin:0 0 .8rem;font-size:2rem}.footer-tagline{color:#f5f2e9aa;max-width:24rem;margin:0;font-size:.8rem;line-height:1.9}.footer-cols{flex-wrap:wrap;gap:4rem;display:flex}.footer-head{font-family:var(--font-mono);letter-spacing:.18em;color:#f5f2e980;margin:0 0 1rem;font-size:.64rem}.footer-col{flex-direction:column;gap:.7rem;font-size:.82rem;display:flex}.footer-col a{color:var(--inverse-fg);border-bottom:none}.footer-col a:hover{color:var(--accent-soft)}.footer-bottom{font-family:var(--font-mono);letter-spacing:.14em;color:#f5f2e980;border-top:1px solid #f5f2e922;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.4rem;padding-bottom:1.8rem;font-size:.64rem;display:flex}