:root{--ink:#172435;--muted:#64748b;--line:#e2e8f0;--gold:#e8ad45;--page:#f8fafc}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);margin:0;font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#235a96}a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #2877c7}.shell{width:min(1280px,100% - 56px);margin:auto}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{align-items:center;gap:44px;height:70px;display:flex}.brand{letter-spacing:-.06em;white-space:nowrap;color:var(--ink);font-size:24px;font-weight:900;line-height:1}.brand span{color:var(--gold)}.brand small{letter-spacing:.42em;margin-top:6px;font-size:9px;display:block}.desktop-nav{align-items:stretch;gap:25px;height:100%;display:flex;overflow:hidden}.desktop-nav a{white-space:nowrap;align-items:center;font-size:13px;font-weight:700;display:flex}.desktop-nav a:first-child{border-bottom:2px solid var(--gold)}.menu{margin-left:auto;position:relative}.menu summary{cursor:pointer;padding:8px;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu summary span{background:var(--ink);width:21px;height:2px;margin:4px 0;display:block}.menu nav{z-index:5;border:1px solid var(--line);background:#fff;width:220px;position:absolute;top:40px;right:0;box-shadow:0 8px 20px #17243518}.menu nav a{border-bottom:1px solid var(--line);padding:11px 16px;font-size:13px;display:block}.layout{grid-template-columns:minmax(0,1fr) 270px;gap:32px;padding-top:18px;padding-bottom:65px;display:grid}.main-column{min-width:0}.featured{grid-template-rows:repeat(2,213px);grid-template-columns:2fr 1.04fr;gap:16px;display:grid}.feature-card{color:#fff;background:#071523;border-radius:5px;position:relative;overflow:hidden}.feature-card:hover{color:#fff}.feature-lead{grid-row:span 2}.feature-card img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.feature-card:hover img{transform:scale(1.03)}.feature-label{color:#172435;background:#f2b94b;border-radius:5px;padding:6px 10px;font-size:12px;font-weight:800;position:absolute;top:10px;left:10px}.feature-copy{background:linear-gradient(#0000,#071523dc 50%,#071523 100%);padding:55px 15px 12px;position:absolute;inset:auto 0 0}.feature-lead .feature-copy{padding:100px 18px 14px}.feature-copy h2{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:7px 0 4px;font-size:16px;line-height:1.45;display:-webkit-box;overflow:hidden}.feature-lead h2{font-size:clamp(20px,2vw,27px)}.feature-copy p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.feature-copy time{color:#d5dce5;font-size:11px}.badge{color:#fff;background:#2877c7;border-radius:5px;padding:4px 8px;font-size:11px;font-weight:700;line-height:1.2;display:inline-block}.badge-gold{color:#172435;background:#f2b94b}.news-section{margin-top:38px}.section-heading{border-bottom:1px solid var(--line);align-items:center;gap:16px;margin-bottom:18px;display:flex}.section-heading h2,.side-heading h2{margin:0;font-size:20px;line-height:1.2}.section-heading h2{border-left:4px solid var(--ink);margin-bottom:0;padding:0 0 0 14px}.section-heading span{color:#94a3b8;letter-spacing:.1em;margin-left:auto;font-size:10px}.article-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 15px;display:grid}.article-card .card-image{position:relative}.article-card img{aspect-ratio:460/215;object-fit:contain;background:#e2e8f0;border-radius:5px;width:100%;display:block}.article-card .badge{position:absolute;bottom:7px;left:7px}.article-card h3{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:9px 3px 12px;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.article-card time{color:var(--muted);margin-left:3px;font-size:12px}.sidebar{border-left:1px solid var(--line);padding-left:16px}.side-heading h2{font-size:16px}.recommendations{gap:15px;margin-top:20px;display:grid}.recommendation{grid-template-columns:21px 72px 1fr;align-items:start;gap:9px;display:grid}.rank{text-align:center;background:#eef2f6;border-radius:5px;padding:5px 0;font-size:16px;font-weight:800}.recommendation img{object-fit:cover;border-radius:4px;width:72px;height:68px}.recommendation strong{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.categories{border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.gold h2{border-left:4px solid var(--gold);padding-left:12px}.category-note{color:var(--muted);margin:12px 0 4px;font-size:11px}.categories>a{border-bottom:1px solid var(--line);grid-template-columns:25px 1fr auto;align-items:center;min-height:39px;font-size:13px;display:grid}.category-icon{font-size:13px}.chevron{color:#94a3b8;font-size:22px}.site-footer{border-top:1px solid var(--line);color:var(--muted);background:#fff;padding:32px 0;font-size:12px}.site-footer .brand{font-size:19px;display:inline-block}.site-footer p{margin:15px 0}.footer-links{gap:20px;display:flex}@media (width<=1100px){.desktop-nav{gap:16px}.layout{grid-template-columns:1fr}.sidebar{border-left:0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:32px;padding:26px 0 0;display:grid}.categories{border:0;margin:0;padding:0}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767px){.shell{width:calc(100% - 32px)}.header-inner{height:64px}.brand{font-size:21px}.desktop-nav{display:none}.layout{gap:36px;padding-top:16px}.featured{grid-template-rows:none;grid-template-columns:1fr;gap:12px}.feature-card{height:210px}.feature-lead{grid-row:auto;height:330px}.feature-lead h2{font-size:21px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.article-card h3{font-size:14px}.sidebar{grid-template-columns:1fr;gap:32px}.news-section{margin-top:32px}}@media (width<=360px){.feature-lead{height:290px}.feature-copy p{display:none}.article-card h3{font-size:13px}}.menu nav{width:280px;max-height:calc(100vh - 80px);overflow-y:auto}.menu-group{border-bottom:1px solid var(--line);padding:14px 16px}.menu-group:last-child{border-bottom:0}.menu-label{color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.menu nav .menu-group>a{border-bottom:1px solid var(--line);padding:9px 0;font-weight:700}.menu nav .menu-group>a:last-child{border:0}.menu-tags{flex-wrap:wrap;gap:7px;padding:5px 0;display:flex}.menu nav .menu-tags a{border:1px solid var(--line);border-radius:4px;padding:5px 8px;font-size:12px;font-weight:600}.menu nav .menu-info a{font-size:12px;font-weight:500}.listing-main{min-height:70vh;padding-top:40px;padding-bottom:70px}.listing-main h1{margin:24px 0;font-size:26px}.listing-back,.listing-intro{color:var(--muted);font-size:13px}.tag-list{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.tag-list a{border:1px solid var(--line);background:#fff;border-radius:4px;padding:10px 13px;font-size:13px;font-weight:700}.tag-list a span{color:var(--muted);margin-left:9px;font-size:11px}@media (width<=767px){.menu nav{width:min(320px,100vw - 32px);max-height:calc(100vh - 74px);position:fixed;top:58px;right:16px}}