:root{color-scheme:light;--paper: #f3ead8;--paper-strong: #fffdf8;--ink: #1f2328;--muted: #626a73;--line: #d8dde3;--silver: #e6ebf0;--teal: #0e7c86;--teal-deep: #07535a;--berry: #a92d5a;--amber: #efb23f;--wood: #8f5a35;--shadow: 0 18px 50px rgba(31, 35, 40, .1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:#f3ead8;color:var(--ink)}body{margin:0;min-width:320px;font-size:16px;line-height:1.65}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#fffaf0bd,#f3ead8e0),url(/site-bg.webp) center top / cover no-repeat;background-attachment:fixed}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.page-shell{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0 18px}.brand{display:inline-flex;align-items:center;gap:12px}.brand img{border:2px solid rgba(31,35,40,.75);border-radius:8px;object-fit:cover;box-shadow:0 8px 24px #1f23281f}.brand strong,.brand small{display:block}.brand strong{font-size:18px}.brand small{color:var(--muted);font-size:13px}.site-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.site-nav a{border:1px solid transparent;border-radius:8px;color:var(--muted);padding:7px 12px}.site-nav a:hover,.site-nav a[aria-current=page]{background:#fffdf8db;border-color:#8f5a3559;color:var(--ink)}.home-hero{border:3px solid var(--ink);border-radius:8px;box-shadow:var(--shadow);min-height:min(680px,calc(100vh - 126px));overflow:hidden;padding:0;position:relative}.home-hero:after{background:linear-gradient(90deg,#0c1014e0,#0c10147a 38%,#0c101414 72%),linear-gradient(0deg,rgba(12,16,20,.72),transparent 46%);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.hero-copy{bottom:clamp(24px,5vw,56px);color:#fff;left:clamp(22px,5vw,58px);max-width:480px;position:absolute;z-index:2}.hero-copy h1,.page-title h1,.about-copy h1,.not-found h1{margin:0;font-size:clamp(42px,7vw,78px);line-height:1.05}.hero-copy p,.page-title p,.about-copy p,.not-found p{color:var(--muted);max-width:680px}.hero-copy .eyebrow{color:var(--amber)}.hero-copy .primary-link{background:var(--amber);color:#241a0b}.hero-copy .secondary-link{background:#ffffff1f;border-color:#ffffff61;color:#fff}.eyebrow{color:var(--berry);font-size:13px;font-weight:800;margin:0 0 8px;text-transform:uppercase}.hero-actions,.tag-list,.category-list,.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.primary-link,.secondary-link,.tag-list a,.category-list a,.tag-cloud a,.tag-index a{align-items:center;border-radius:8px;display:inline-flex;min-height:40px}.primary-link{background:var(--ink);color:#fff;font-weight:700;padding:10px 16px}.secondary-link{border:1px solid var(--line);color:var(--teal-deep);font-weight:700;padding:9px 15px}.hero-visual{margin:0;inset:0;position:absolute}.hero-visual img{background:var(--paper-strong);border:0;border-radius:0;box-shadow:none;height:100%;object-fit:cover;width:100%}.yorozuya-strip{background:var(--ink);border:3px solid var(--ink);border-radius:8px;color:#fff;display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0 20px;overflow:hidden;box-shadow:var(--shadow)}.yorozuya-strip div{background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 46%),#2a3036;min-height:96px;padding:18px}.yorozuya-strip strong,.yorozuya-strip span{display:block}.yorozuya-strip strong{color:var(--amber);font-size:15px;margin-bottom:8px}.yorozuya-strip span{color:#e9eef2}.section-block,.home-columns,.about-layout,.page-title,.not-found{padding:48px 0}.section-heading{align-items:end;display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2,.home-columns h2{font-size:28px;line-height:1.2;margin:0}.featured-grid,.article-grid{display:grid;gap:16px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-list{display:grid;gap:16px;padding-bottom:48px}@media(min-width:861px){.article-list .article-card{align-items:start;column-gap:20px;display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr)}.article-list .article-cover{grid-row:1 / span 4;margin-bottom:0}.article-list .tag-list{align-self:end}}.article-card{background:#fffdf8e6;border:1px solid rgba(143,90,53,.22);border-radius:8px;padding:20px;position:relative}.article-cover{aspect-ratio:16 / 9;background:var(--silver);border:1px solid rgba(143,90,53,.18);border-radius:6px;display:block;margin-bottom:16px;overflow:hidden}.article-cover img{height:100%;object-fit:cover;transition:transform .22s ease;width:100%}.article-card:hover{border-color:#0e7c868c;box-shadow:0 12px 34px #1f232814;transform:translateY(-2px);transition:.16s ease}.article-card:hover .article-cover img{transform:scale(1.035)}.article-card:before{background:var(--berry);border-radius:999px;content:"";height:9px;position:absolute;right:16px;top:16px;width:9px}.article-card h2{font-size:22px;line-height:1.3;margin:10px 0 8px}.article-card p{color:var(--muted);margin:0 0 16px}.article-meta,.post-meta{color:var(--muted);display:flex;flex-wrap:wrap;font-size:14px;gap:8px 12px}.tag-list a,.category-list a,.tag-cloud a{background:#fffdf8d1;border:1px solid rgba(143,90,53,.2);color:var(--teal-deep);font-size:14px;font-weight:700;padding:6px 10px}.home-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:3px solid var(--ink);margin-top:10px}.tag-cloud a{justify-content:space-between;min-width:96px}.category-list a{justify-content:space-between;min-width:132px}.tag-cloud span{background:var(--paper-strong);border-radius:999px;color:var(--muted);margin-left:8px;padding:0 7px}.category-list span{background:#efb23f2e;border-radius:999px;color:#6b451f;margin-left:8px;padding:0 7px}.article-category,.post-category{color:var(--teal-deep);font-weight:800}.article-category:hover,.post-category:hover{text-decoration:underline;text-underline-offset:3px}.page-title{max-width:760px}.tag-index{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:48px}.tag-index a{background:var(--paper-strong);border:1px solid var(--line);justify-content:space-between;padding:14px}.tag-index strong{color:var(--berry)}.search-panel{padding-bottom:56px}.search-label{color:var(--muted);display:block;font-size:14px;font-weight:800;margin-bottom:8px}.search-input{background:#fffdf8f0;border:2px solid rgba(143,90,53,.28);border-radius:8px;box-shadow:0 12px 34px #1f232814;color:var(--ink);font:inherit;font-size:18px;min-height:56px;outline:none;padding:0 16px;width:min(720px,100%)}.search-input:focus{border-color:var(--amber)}.search-count,.search-empty{color:var(--muted);margin:18px 0}.search-results{display:grid;gap:14px;margin-top:18px}.search-result{background:#fffdf8e6;border:1px solid rgba(143,90,53,.22);border-radius:8px;padding:20px}.search-result h2{font-size:22px;line-height:1.3;margin:10px 0 8px}.search-result p{color:var(--muted);margin:0 0 14px}.search-result-tags{display:flex;flex-wrap:wrap;gap:8px}.search-result-tags span{background:var(--silver);border-radius:8px;color:var(--teal-deep);font-size:14px;font-weight:800;padding:5px 9px}.archive-list{display:grid;gap:28px;padding-bottom:56px}.archive-year{background:#fffdf8db;border:1px solid rgba(143,90,53,.22);border-radius:8px;box-shadow:0 12px 34px #1f23280f;padding:24px}.archive-year h2{border-bottom:3px solid var(--ink);font-size:34px;line-height:1;margin:0 0 22px;padding-bottom:14px}.archive-months{display:grid;gap:20px}.archive-month{display:grid;gap:12px;grid-template-columns:92px minmax(0,1fr)}.archive-month h3{color:var(--wood);font-size:18px;line-height:1.2;margin:4px 0 0}.archive-posts{display:grid;gap:12px}.archive-post{display:grid;gap:16px;grid-template-columns:112px minmax(0,1fr);padding-bottom:12px}.archive-post:not(:last-child){border-bottom:1px dashed rgba(143,90,53,.28)}.archive-post time{color:var(--muted);font-size:14px;padding-top:4px}.archive-post h4{font-size:20px;line-height:1.3;margin:0 0 6px}.archive-post p{color:var(--muted);margin:0 0 8px}.archive-category{background:#efb23f2e;border-radius:8px;color:#6b451f;display:inline-flex;font-size:13px;font-weight:800;padding:4px 8px}.post-layout{padding:34px 0 64px}.post-header{max-width:820px;padding:32px 0}.post-cover{border:3px solid var(--ink);border-radius:8px;box-shadow:var(--shadow);margin:0 auto 34px;max-width:820px;overflow:hidden}.post-cover img{aspect-ratio:16 / 9;height:auto;object-fit:cover;width:100%}.post-header h1{font-size:clamp(36px,6vw,64px);line-height:1.08;margin:0 0 14px}.post-header>p:not(.eyebrow){color:var(--muted);font-size:18px}.post-body-grid{display:grid;grid-template-columns:220px minmax(0,760px);gap:42px;align-items:start}.toc{border-left:3px solid var(--line);display:grid;gap:8px;padding-left:14px;position:sticky;top:24px}.toc strong{margin-bottom:4px}.toc a{color:var(--muted);font-size:14px}.toc .toc-depth-3{padding-left:12px}.prose{background:#ffffffd1;border:1px solid var(--line);border-radius:8px;padding:clamp(22px,5vw,44px)}.prose h2,.prose h3{line-height:1.25;margin-top:2em}.prose p,.prose li{color:#343a40}.prose a{color:var(--teal-deep);font-weight:700;text-decoration:underline;text-underline-offset:3px}.prose code{background:var(--silver);border-radius:6px;font-size:.92em;padding:2px 5px}.prose pre{border-radius:8px;overflow-x:auto;padding:18px}.prose img{border:1px solid rgba(143,90,53,.18);border-radius:8px;box-shadow:0 12px 34px #1f232814;margin:24px auto;max-width:min(100%,680px)}.post-afterword{display:grid;gap:36px;margin-left:262px;margin-top:32px;max-width:760px}.post-neighbors{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.post-neighbors a,.post-neighbor-empty,.related-grid a{background:#fffdf8e6;border:1px solid rgba(143,90,53,.22);border-radius:8px;display:grid;gap:6px;min-height:118px;padding:18px}.post-neighbors a:hover,.related-grid a:hover{border-color:#0e7c868c;box-shadow:0 12px 34px #1f232814;transform:translateY(-2px);transition:.16s ease}.post-neighbors span,.post-neighbor-empty span,.related-grid span{color:var(--wood);font-size:13px;font-weight:900}.post-neighbors strong,.post-neighbor-empty strong,.related-grid strong{font-size:18px;line-height:1.35}.post-neighbor-empty{color:var(--muted)}.related-posts h2{font-size:28px;line-height:1.2;margin:0 0 14px}.related-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.related-grid small{color:var(--muted);font-size:14px;line-height:1.55}.about-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:46px;align-items:start}.profile-panel{background:#fffdf8e6;border:1px solid rgba(143,90,53,.24);border-radius:8px;padding:22px}.profile-panel img{background:var(--ink);border:2px solid rgba(31,35,40,.75);border-radius:8px;object-fit:cover}.profile-panel h2{margin:16px 0 8px}.profile-panel p,.profile-panel dd{color:var(--muted)}.profile-panel dl{display:grid;gap:14px;margin:20px 0 0}.profile-panel dt{font-weight:800}.profile-panel dd{margin:2px 0 0}.not-found{min-height:54vh}.site-footer{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between;gap:16px;padding:28px 0 40px}.footer-links{display:flex;flex-wrap:wrap;gap:10px 16px}.site-footer a{color:var(--teal-deep);font-weight:800}@media(max-width:860px){.site-header,.section-heading,.site-footer{align-items:flex-start;flex-direction:column}.home-hero,.home-columns,.about-layout,.post-body-grid{grid-template-columns:1fr}.home-hero{min-height:560px}.featured-grid,.article-grid,.tag-index,.yorozuya-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.toc{position:static}.archive-month,.archive-post{grid-template-columns:1fr}.post-afterword{margin-left:0;max-width:none}.related-grid{grid-template-columns:1fr}}@media(max-width:560px){.page-shell{width:min(100% - 24px,1120px)}.site-nav{width:100%}.site-nav a{flex:1 1 auto;justify-content:center}.home-hero{min-height:520px}.featured-grid,.article-grid,.post-neighbors,.tag-index,.yorozuya-strip{grid-template-columns:1fr}.hero-copy h1,.page-title h1,.about-copy h1,.not-found h1{font-size:42px}}