
.archive-intro{padding:82px 0 70px;background:#f3eadb url('/assets/img/bg-fishscale-washi.webp') center/cover;border-bottom:1px solid var(--line)}
.archive-intro h1{font-family:var(--serif);font-size:clamp(36px,5vw,62px);letter-spacing:.08em;line-height:1.35;font-weight:600;margin:0}.archive-intro p:last-child{max-width:660px;margin:18px 0 0;font-size:15px}.archive-list-section{padding:76px 0 112px;background:#f8f1e6 url('/assets/img/bg-fishscale-washi.webp') center/cover}.archive-year-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px}.archive-year-nav a{border:1px solid rgba(36,125,134,.35);padding:7px 12px;font-size:12px;color:#173033;background:rgba(255,255,255,.46)}.archive-year-nav a:hover,.archive-year-nav a[aria-current='page']{color:#fff;background:#247d86;border-color:#247d86}.archive-count{font-size:13px;color:var(--muted);margin:0 0 16px}.archive-list{border-top:1px solid var(--line)}.archive-row{display:grid;grid-template-columns:148px 1fr auto;gap:22px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.archive-row figure{width:148px;height:92px;margin:0;overflow:hidden;background:#dfecea}.archive-row img{width:100%;height:100%;object-fit:cover}.archive-row-placeholder{height:100%;display:grid;place-items:center;color:#247d86;font-family:var(--serif);font-size:21px;background:#e8f3f0}.archive-row time{font-size:11px;font-weight:700;color:#247d86}.archive-row h2{font-family:var(--serif);font-size:21px;line-height:1.45;margin:3px 0 4px;letter-spacing:.04em}.archive-row p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}.archive-row>span{font-size:12px;font-weight:700;color:#247d86}.archive-row:hover h2{color:#247d86}.archive-article{width:min(900px,calc(100% - 64px));margin:0 auto;padding:74px 0 54px}.archive-article-head{display:grid;grid-template-columns:160px 1fr;gap:26px;border-top:2px solid #173033;border-bottom:1px solid var(--line);padding:20px 0}.archive-article-head time{font-size:12px;font-weight:700;color:#247d86}.archive-note{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.archive-article-body{padding:42px 0}.archive-photo{margin:0 0 24px}.archive-photo img{width:100%;height:auto;max-height:720px;object-fit:contain;background:#eef5f3}.archive-copy{font-size:15px;line-height:2.15}.archive-copy p{margin:0 0 1.5em}.archive-post-nav{width:min(900px,calc(100% - 64px));margin:0 auto 102px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.archive-post-nav a{font-size:13px;font-weight:700;color:#247d86;border-bottom:1px solid currentColor;padding-bottom:3px}@media(max-width:720px){.archive-intro{padding:53px 0 44px}.archive-row{grid-template-columns:104px 1fr;gap:14px;padding:14px 0}.archive-row figure{width:104px;height:76px}.archive-row h2{font-size:17px}.archive-row p,.archive-row>span{display:none}.archive-article{width:min(100% - 32px,900px);padding:45px 0 35px}.archive-article-head{grid-template-columns:1fr;gap:8px}.archive-article-body{padding:28px 0}.archive-copy{font-size:14px;line-height:2}.archive-post-nav{width:min(100% - 32px,900px);margin-bottom:76px;font-size:12px}.archive-year-nav{gap:7px}.archive-year-nav a{padding:6px 10px}}
