@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+JP:wght@400;500;600&display=swap');
:root{--paper:#f5f3ee;--ink:#242924;--muted:#7e8178;--rule:#d5d7ce;--accent:#4d6959}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.header{min-height:80px;display:flex;align-items:center;gap:35px;justify-content:space-between;border-bottom:1px solid var(--rule);padding:0 clamp(20px,5vw,90px)}.brand{font-size:21px;letter-spacing:-1.2px;font-weight:700;white-space:nowrap}.brand span{font-size:11px;font-family:'DM Mono',monospace;letter-spacing:0;font-weight:400;color:var(--muted)}nav{display:flex;gap:28px;margin-left:auto}nav a,.lang,.eyebrow,.hero-aside,.count,.filters,.post-date,.post-meta,.back,.article-end,footer{font:11px/1.7 'DM Mono',monospace;letter-spacing:.06em}nav a{color:var(--muted)}nav a:hover,nav a.active{color:var(--ink)}.lang{background:none;border:1px solid var(--rule);padding:8px 12px;min-width:82px}.lang:hover{border-color:var(--ink)}.shell{max-width:1180px;margin:auto;padding:80px 35px 140px}.eyebrow{color:var(--accent);display:flex;align-items:center;gap:18px}.line{display:inline-block;width:65px;height:1px;background:var(--accent)}.hero{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:50px 0 110px;border-bottom:1px solid var(--rule)}h1{font-size:clamp(64px,9.5vw,134px);line-height:.97;letter-spacing:-.075em;font-weight:500;margin:0 0 36px}h1 em{font-family:Georgia,serif;font-weight:400}.hero p{font-size:14px;letter-spacing:.06em;color:var(--muted)}.hero-aside{color:var(--muted);text-align:right;white-space:nowrap}.archive{padding-top:78px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-top h2{font-size:33px;font-weight:500;letter-spacing:-.05em;margin:10px 0 0}.count{color:var(--muted)}.tools{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--ink);padding:20px 0}.search{width:42%}.search input{border:0;border-bottom:1px solid var(--rule);background:transparent;padding:10px 0;width:100%;outline:none;border-radius:0;font-size:13px;color:var(--ink)}.search input:focus{border-color:var(--accent)}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid var(--rule);background:transparent;padding:7px 12px;color:var(--muted)}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.post{display:grid;grid-template-columns:150px 1fr 140px;gap:25px;padding:36px 0;border-bottom:1px solid var(--rule);align-items:start}.post-date,.post-meta{color:var(--muted)}.post h3{font-size:clamp(23px,3vw,34px);font-weight:500;letter-spacing:-.045em;line-height:1.35;margin:0 0 10px}.post h3 a:hover{color:var(--accent)}.post p{font-size:13px;color:var(--muted);line-height:1.9;margin:0;max-width:630px}.post-meta{text-align:right}.empty{padding:60px 0;color:var(--muted)}footer{border-top:1px solid var(--rule);padding:25px clamp(20px,5vw,90px);display:flex;justify-content:space-between;gap:20px;color:var(--muted)}footer a:hover{color:var(--ink)}.article-shell{max-width:850px;min-height:70vh}.back{color:var(--accent)}.article-header{padding:75px 0 45px;border-bottom:1px solid var(--rule)}.article-header h1{font-size:clamp(40px,7vw,75px);letter-spacing:-.055em;line-height:1.22;margin:20px 0 25px}.article-header .subtitle{font-size:16px;color:var(--muted);line-height:1.8}.article-body{padding:45px 0 80px}.article-body p{font-size:16px;line-height:2.3;margin:0 0 30px;overflow-wrap:anywhere}.article-end{display:flex;justify-content:space-between;border-top:1px solid var(--rule);padding-top:25px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:720px){.header{padding:16px 20px;flex-wrap:wrap;gap:12px;min-height:unset}.brand{font-size:19px}.brand span{display:none}nav{order:3;width:100%;justify-content:space-between;margin:0;padding-top:8px}.shell{padding:65px 22px 90px}.hero{padding:50px 0 65px}.hero-aside{display:none}h1{font-size:clamp(52px,13vw,90px)}.tools{display:block}.search{width:100%;display:block;margin-bottom:18px}.post{grid-template-columns:1fr;gap:8px;padding:28px 0}.post-meta{text-align:left}.post h3{font-size:25px}.section-top h2{font-size:28px}footer{flex-wrap:wrap;padding:25px 22px}.article-header{padding:55px 0 30px}.article-body p{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keyboard navigation accessibility */
.skip-link{position:fixed;z-index:999;left:12px;top:12px;transform:translateY(-160%);padding:12px 16px;background:#fff;color:#111;font:600 14px/1.4 Arial,sans-serif;text-decoration:none;box-shadow:0 2px 12px #0005}.skip-link:focus{transform:translateY(0)}