:root{--bg:#fafaf8;--bg-alt:#f1f0ec;--paper:#fff;--text:#1c1a20;--text-muted:#6b6873;--accent:#b8791a;--accent-soft:rgba(184,121,26,.1);--accent-2:#1f7a72;--line:rgba(28,26,32,.12);--line-strong:rgba(28,26,32,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Work Sans',sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3,.display{font-family:'Fraunces',serif;font-weight:600;letter-spacing:-.01em;margin:0}a{color:inherit;text-decoration:none;transition:.5s}img{max-width:100%;display:block;height:auto}.wrap{max-width:1120px;margin:0 auto;padding-left:20px;padding-right:20px}.site-header{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(250,250,248,.92);backdrop-filter:blur(8px);z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;padding-top:20px;padding-bottom:20px}.logo{font-family:'Fraunces',serif;font-size:1.28rem;font-weight:600;letter-spacing:-.01em;display:flex;align-items:baseline;gap:10px}.logo span{font-size:.6rem;letter-spacing:.16em;color:var(--accent);font-family:'Work Sans',sans-serif;font-weight:600}.main-nav ul{display:flex;gap:32px;list-style:none;margin:0;padding:0}.main-nav a{font-size:.92rem;color:var(--text-muted);transition:color .15s ease}.main-nav a:hover,.main-nav a:focus-visible{color:var(--accent)}.main-nav .current-menu-item>a{color:var(--text)}.nav-toggle{display:none;background:0 0;border:1px solid var(--line-strong);color:var(--text);padding:8px 12px;border-radius:4px;font-size:.85rem;cursor:pointer}.hero{padding:64px 0 48px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.eyebrow-row{display:flex;align-items:center;gap:10px;margin-bottom:18px}.hero h1{font-size:clamp(30px, 4vw, 42px);line-height:1.28}.hero h1 a:hover{opacity:.7}.hero p.lead{color:var(--text-muted);font-size:1.02rem;margin-top:18px;max-width:46ch}.hero-meta{margin-top:26px;display:flex;gap:18px;font-size:.85rem;color:var(--text-muted)}.waveform{width:100%;height:auto}.ad-slot{border:1px dashed var(--line-strong);background:var(--bg-alt);color:var(--text-muted);display:flex;align-items:center;justify-content:center;text-align:center;font-size:.78rem;letter-spacing:.02em;padding:10px;display:none}.widget-area-filled .ad-slot{border:none;background:0 0;padding:0}.site-main{padding:52px 20px 40px}.layout{display:grid;grid-template-columns:1fr 320px;gap:64px;align-items:start}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px}.section-head h2{font-size:1.3rem}.section-head a{font-size:.85rem;color:var(--accent-2)}.article-row{display:grid;grid-template-columns:148px 1fr;gap:24px;padding:26px 0;border-top:1px solid var(--line)}.article-row:last-child{border-bottom:1px solid var(--line)}.thumb{width:148px;height:108px;border-radius:3px;overflow:hidden;background:var(--bg-alt)}.thumb img{width:100%;height:100%;object-fit:cover}.article-row h3{font-size:1.14rem;line-height:1.4;font-weight:500;margin-bottom:8px}.article-row h3 a:hover{color:var(--accent)}.article-row p{color:var(--text-muted);font-size:.92rem;margin:0 0 10px}.article-meta{display:flex;gap:14px;font-size:.78rem;color:var(--text-muted);flex-wrap:wrap}.side-block{margin-bottom:44px}.side-block h2{font-size:.95rem;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:6px}.rank-list{list-style:none;margin:0;padding:0}.rank-list li{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:baseline}.rank-list li:last-child{border-bottom:none}.rank-num{font-family:'Fraunces',serif;font-style:italic;font-size:1.1rem;color:var(--accent);width:20px;flex-shrink:0}.rank-list a{font-size:.92rem}.rank-list a:hover{color:var(--accent)}.genre-list{list-style:none;margin:0;padding:0}.genre-list li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:.9rem}.genre-list li:last-child{border-bottom:none}.genre-list li:hover a{color:var(--accent)}.genre-list .count{color:var(--text-muted);font-size:.82rem}.article-detail{margin-top:40px}.detail-eyebrow{margin-bottom:20px}.article-detail h1{font-size:clamp(24px, 3.4vw, 30px);line-height:1.34;max-width:26ch}.detail-meta{margin-top:20px;display:flex;gap:18px;font-size:.85rem;color:var(--text-muted);padding-bottom:32px;border-bottom:1px solid var(--line);flex-wrap:wrap}.detail-body{font-size:16px;max-width:68ch;margin-top:34px}.detail-body p{color:#3a3740;margin:0 0 22px}.detail-body img{border-radius:3px;margin:8px 0 22px}.detail-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.detail-body a:hover{text-decoration:none}.detail-body h2{position:relative;display:block;border-top:solid 1px var(--line);border-bottom:solid 1px var(--line);font-size:clamp(20px, 3.4vw, 22px);line-height:1.34;font-weight:700;margin:40px 0 15px;padding:8px 16px 6px}.article-detail h2:before,.article-detail h2:after{content:'';position:absolute;top:-6px;width:1px;height:calc(100% + 16px);background:var(--line)}.article-detail h2:before{left:6px}.article-detail h2:after{right:6px}.detail-body h3{font-size:clamp(17px, 3.4vw, 18px);line-height:1.34;font-weight:700;margin:30px 0 15px}.detail-note{margin-top:44px;padding:18px 20px;background:var(--bg-alt);border-left:2px solid var(--accent);font-size:.88rem;color:var(--text-muted);max-width:68ch}.site-footer{border-top:1px solid var(--line);margin-top:90px;padding:44px 0 60px}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:30px}.footer-note{color:var(--text-muted);font-size:.82rem;max-width:46ch}.footer-links{display:flex;gap:24px;font-size:.85rem;color:var(--text-muted)}.footer-links a:hover{color:var(--accent)}@media (max-width:880px){.hero-grid{grid-template-columns:1fr;gap:34px}.layout{grid-template-columns:1fr;gap:48px}.header-inner{position:relative;flex-wrap:wrap}.main-nav{display:none;margin-top:20px}.main-nav.is-open{display:block}.main-nav ul{flex-wrap:wrap;gap:15px;width:100%}.main-nav ul li{width:100%}.main-nav ul li a{position:relative;display:block;width:100%;padding:5px 0}.main-nav ul li a:after{content:'→';position:absolute;top:6px;right:0}.nav-toggle{display:inline-block;position:absolute;top:18px;right:20px}.article-row{grid-template-columns:96px 1fr;gap:16px}.thumb{width:96px;height:72px}.logo{font-size:1.02rem}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.screen-reader-text{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.pagination{display:flex;justify-content:center;font-size:16px;width:100%;margin-top:30px;padding-top:24px}.pagination a,.pagination span{color:var(--text-muted)}.pagination a:hover{color:var(--accent)}.pagination .nav-links{display:flex;gap:10px}.pagination .nav-links .page-numbers{padding:0 3px}.wpcf7 form label{display:block;font-size:15px!important;margin-bottom:5px}.wpcf7 form label .required{position:relative;top:-2px;display:inline-block;font-size:8px!important;color:var(--accent);margin:0 0 0 3px}.wpcf7 form input,.wpcf7 form textarea{font-size:16px!important;width:100%;padding:5px}.wpcf7 form input[type=checkbox]{width:auto;padding:0}.wpcf7 input[type=submit]{cursor:pointer;color:#fff;background-color:#333;border:none;padding:20px 80px}.wpcf7 input[type=submit]:hover{opacity:.5}