:root{--blue: #3157aa;--blue-dark: #244a98;--border: #d7dfec;--panel: #ffffff;--muted: #647084;--text: #263040;--soft: #f4f7fb;--orange: #ff7a21;font-family:Arial,Noto Sans JP,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif;color:var(--text);background:#f5f5f5}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-header{background:var(--blue);color:#fff;border-bottom:4px solid #234993}.header-inner{max-width:1180px;margin:0 auto;height:74px;display:flex;align-items:center;gap:34px;padding:0 18px}.logo{display:flex;align-items:baseline;min-width:235px;font-weight:900;letter-spacing:-1px}.logo span{font-size:42px;line-height:1;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}.logo b{font-size:22px;margin-left:4px}.main-nav{display:flex;align-items:center;gap:34px;flex:1;font-weight:700}.main-nav a:before{content:"●";margin-right:6px;font-size:11px}.account-nav{display:flex;align-items:center;gap:14px;font-weight:700}.account-nav i,.sub-nav i{width:1px;height:20px;background:currentColor;opacity:.45}.flag,.gear{border:0;color:#fff;background:transparent;font-weight:700}.flag:before{content:"🇯🇵";margin-right:6px}.sub-nav{height:36px;display:flex;justify-content:center;gap:18px;align-items:center;color:#4c5361;background:#fff;border-bottom:1px solid #d9d9d9}.sub-nav strong{color:var(--orange)}.page-shell{max-width:1180px;margin:28px auto;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;padding:0 18px}.search-row{display:grid;grid-template-columns:100px 100px minmax(0,1fr);gap:10px;align-items:center}.tool-button,.search-control{height:40px;border:0;border-radius:8px;color:#fff;background:var(--blue);font-weight:700}.search-control{display:flex;align-items:center;gap:6px;padding:0 12px}.search-control input{min-width:0;width:100%;border:0;outline:0;color:#fff;background:transparent}.search-control input::selection{background:#ffffff40}.filter-bar{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 16px;border:1px solid var(--border);border-radius:8px;background:#fff}.filter-bar label{display:flex;align-items:center;gap:8px;white-space:nowrap}.filter-bar select{min-width:122px;border:0;outline:0;background:transparent}.lead{margin:16px 0;color:#3d4656;font-style:italic}.hero-card,.topic-section,.side-card{border:1px solid var(--border);border-radius:8px;background:var(--panel)}.hero-card{overflow:hidden}.hero-banner{height:380px;margin:20px;border-radius:8px;display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(#1e305233,#1e305247),url(https://images.unsplash.com/photo-1528164344705-47542687000d?auto=format&fit=crop&w=1400&q=80) center / cover}.hero-banner strong{display:block;font-size:clamp(42px,7vw,82px);line-height:1;font-style:italic;text-shadow:0 5px 0 rgba(0,0,0,.22)}.hero-banner span{margin-top:14px;display:block;font-size:20px;font-weight:700}.date-section{padding:0 20px 20px}.date-section h2,.topic-section h2,.side-card h2{margin:0 0 14px;font-size:20px}.date-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.date-nav button,.date-nav input,.topic-grid button,.topic-pills button{border:1px solid var(--border);border-radius:999px;background:var(--soft);color:#40506b;padding:8px 14px}.date-nav button.active{color:#fff;background:var(--blue)}.date-nav label{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--muted)}.date-nav input{border-radius:8px;background:#fff}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0 20px 22px}.news-card{overflow:hidden;border:1px solid #e4e8ef;border-radius:8px;background:#fff}.news-card img{width:100%;height:190px;object-fit:cover;display:block}.news-body{padding:12px}.meta-row,.word-row{display:flex;gap:6px;flex-wrap:wrap}.meta-row span{border-radius:999px;padding:4px 7px;color:#667389;background:#eef3fb;font-size:12px}.news-card h3{margin:10px 0 8px;font-size:20px;line-height:1.35}.news-card p{margin:0 0 12px;color:var(--muted);font-size:14.5px}.news-card .summary{color:#40506b;font-weight:700}.article-text{padding:10px 0 4px;border-top:1px solid #edf1f6}.article-text p{color:#354158;line-height:1.75}.translation-box{margin:8px 0 12px;border:1px solid #dbe4f2;border-radius:8px;padding:10px 12px;background:#f8fbff}.translation-box summary{color:var(--blue);font-weight:700;cursor:pointer}.translation-box p{margin-top:10px}.translation-box small{display:block;color:#68758b}.word-row button{border:1px solid #bfd0ef;border-radius:999px;color:var(--blue);background:#f6f8fd}.topic-section{margin-top:20px;padding:20px}.topic-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.right-column{display:grid;gap:18px;align-content:start}.side-card{padding:14px}.topic-pills{display:flex;flex-wrap:wrap;gap:8px}.dict-entry{display:grid;gap:10px}.dict-head{display:flex;justify-content:space-between;gap:8px;align-items:start}.dict-head strong{font-size:28px}.dict-head button,.dict-actions button{border:1px solid var(--blue);border-radius:8px;color:var(--blue);background:#fff;padding:8px 10px}.dict-head button.saved{color:#fff;background:var(--blue)}.dict-entry p,.dict-entry small{margin:0;color:var(--muted)}.pitch-line{display:grid;grid-template-columns:repeat(auto-fit,minmax(34px,1fr));gap:6px;padding:10px;border-radius:8px;background:#f0f5ff}.pitch-line span{text-align:center;border-radius:8px;padding:6px 3px;background:#fff}.pitch-line span.high{color:#fff;background:var(--blue)}.dict-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.audio-note{font-size:12px}.video-list{display:grid;gap:12px}.video-card{position:relative;overflow:hidden;display:block;border:1px solid var(--border);border-radius:8px;background:#fff}.video-card img{width:100%;height:128px;object-fit:cover;display:block}.normal{position:absolute;right:8px;top:8px;border-radius:6px;color:#fff;background:var(--orange);padding:3px 7px;font-size:12px;font-weight:700}.video-stats{position:absolute;left:0;right:0;top:102px;display:flex;justify-content:space-between;padding:4px 8px;color:#fff;background:#000000b8;font-size:12px}.video-card p{margin:10px}.more-link{display:inline-block;margin-top:12px;color:var(--blue);font-weight:700}.footer{max-width:1180px;margin:30px auto 0;padding:24px 18px 46px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;color:#4f5b6c;border-top:1px solid #d9d9d9}.footer strong{display:block;color:var(--blue);font-size:26px}.footer span,.footer button{display:block;margin-top:8px}.footer button{border:1px solid var(--border);border-radius:8px;padding:8px 12px;background:#fff}@media(max-width:980px){.header-inner,.page-shell,.footer{grid-template-columns:1fr}.header-inner{height:auto;flex-wrap:wrap;padding:12px 18px;gap:14px}.main-nav{order:3;width:100%;justify-content:space-between}.page-shell{display:grid}.search-row{grid-template-columns:1fr 1fr}.filter-bar{grid-column:1 / -1}.article-grid,.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.logo span{font-size:34px}.account-nav,.sub-nav,.filter-bar,.date-nav label{align-items:stretch;flex-wrap:wrap}.search-row,.article-grid,.topic-grid,.footer{grid-template-columns:1fr}.hero-banner{height:250px}}