/* コレスポのトップページ。番組より先に、観戦する理由を見せる。 */
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{max-width:1200px;margin:0 auto;padding:24px 30px 50px;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;line-height:1.8}
a{color:var(--accent);text-underline-offset:.2em}
button,a,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--jp);outline-offset:4px}
[hidden]{display:none!important}
.skip-link{position:absolute;top:-100px;left:20px;background:var(--bg);padding:10px;z-index:50}.skip-link:focus{top:10px}
.site-header{padding:0 0 20px;border-bottom:2px solid var(--text);gap:20px}
.brand{gap:12px;text-decoration:none;color:var(--text)}.brand img{width:52px;height:52px;border-radius:50%}.brand-name{font-size:28px;font-weight:900;letter-spacing:.08em}.brand small{display:block;font-size:10px;letter-spacing:.15em;font-weight:500;margin-top:-7px}
.header-nav{display:flex;gap:24px;margin-left:auto}.header-nav a{font-size:13px;color:var(--text);text-decoration:none;font-weight:700}.menu-btn{background:transparent;border-color:var(--border);border-radius:0}
.drawer{position:relative;margin-top:14px;z-index:5;border-radius:0;box-shadow:none;background:var(--surface)}
.edition-hero{padding:35px 0 30px;display:grid;grid-template-columns:1.8fr 1fr;gap:60px;align-items:end;border-bottom:1px solid var(--border)}
.edition-hero .kicker{font-family:Inter,sans-serif;font-size:11px;letter-spacing:.16em;color:var(--jp);font-weight:800;margin:0 0 14px}
.edition-hero h1{font-size:clamp(29px,3.8vw,48px);line-height:1.5;letter-spacing:.025em;margin:0;font-weight:900}
.edition-hero h1 span{border-bottom:7px solid var(--brand-gold);padding-bottom:3px}.edition-hero p{font-size:13px;color:var(--text-dim);margin:16px 0 0;max-width:45em}
.edition-note{border-left:1px solid var(--border);padding-left:24px;font-size:13px}.edition-note strong{display:block;margin-bottom:8px;font-size:16px}.edition-note a{display:inline-block;margin-top:12px;font-weight:700}
.browse-nav{display:flex;flex-wrap:wrap;gap:12px 25px;padding:17px 0;border-bottom:1px solid var(--border);margin-bottom:24px}.browse-nav a{font-size:13px;color:var(--text);text-decoration:none;font-weight:600}.browse-nav a:after{content:' ↗';color:var(--text-dim)}
.today-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:42px}.daily-main{min-width:0}.daily-side{padding-top:8px;min-width:0}
.tabs{margin:0 0 20px;padding:0;border:0;border-bottom:2px solid var(--text);border-radius:0;background:transparent;gap:0}.tab{border-radius:0;padding:10px 25px;font-size:15px;flex:none;color:var(--text-dim)}.tab.active{background:var(--text);color:var(--bg)}.tab[aria-selected="false"]:hover{background:var(--surface-raised)}
.eyebrow{color:var(--jp);font-size:13px;font-weight:800;letter-spacing:.06em}.card{border:0;border-bottom:1px solid var(--border);border-radius:0;padding:24px 0;margin:0;background:transparent;box-shadow:none}.card:first-child{padding-top:8px}.card .time-badge{font-size:12px;color:var(--text-dim);margin-bottom:12px}.card .top{align-items:start;gap:15px}.card .matchup{font-size:21px;line-height:1.7;letter-spacing:.01em;font-weight:800}.card .league{font-size:10px;white-space:nowrap;border-radius:2px;background:var(--surface-raised);color:var(--text-dim)}.card .ai-summary{font-size:15px;line-height:2.05;margin-top:18px;max-width:48em}.card .reason{font-size:12px;color:var(--text-dim)}.card .series-context,.card .venue-note{font-size:12px;color:var(--text-dim)}.card .badges{margin-top:12px}.badge{border-radius:2px;background:var(--surface-raised);color:var(--text-dim)}.badge-jp{background:var(--jp-dim);color:var(--jp)}.share-btn{padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:2px;color:var(--text-dim);font-size:11px}
mark,.ai-summary mark{background:linear-gradient(transparent 60%,var(--highlight) 60%);color:inherit;font-weight:800;padding:0}.board{border:0;border-top:1px solid var(--border);border-radius:0}.schedule-row{padding:12px 10px;gap:12px;flex-wrap:wrap;background:transparent}.schedule-row.notable{background:var(--notable-bg);border-left:3px solid #c08308}.schedule-row .time{color:var(--text-dim)}.schedule-row .matchup-abbr{min-width:0;white-space:normal;font-size:12px}.schedule-row .league-tag{color:var(--text-dim)}.board-legend{font-size:11px;color:var(--text-dim)}.legend-swatch{background:var(--notable-bg)}
.side-heading{font-size:16px;border-top:3px solid var(--text);padding-top:13px;margin:0 0 17px}.side-panel{margin-bottom:35px}.side-panel p{font-size:12px;line-height:1.9;color:var(--text-dim)}.side-links{list-style:none;margin:0;padding:0}.side-links li{border-bottom:1px solid var(--border);padding:13px 0}.side-links a{font-weight:800;color:var(--text);text-decoration:none;font-size:14px}.side-links span{display:block;font-size:11px;color:var(--text-dim)}
.video-edition{margin:0 0 15px}.video-edition iframe{width:100%;aspect-ratio:9/16;max-height:440px;border:0;background:#0b0e14}.video-edition figcaption{font-size:12px;line-height:1.8;padding-top:10px}.video-edition figcaption a{color:var(--text)}.video-edition time{display:block;color:var(--text-dim);font-size:10px}
.section{margin-top:30px}.utility-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;border-top:2px solid var(--text);margin-top:35px;padding-top:24px}.utility-grid .section{margin:0}.utility-grid p{font-size:12px}.onboarding{margin-top:16px;background:transparent;border:0;padding:0}.onboarding summary{color:var(--text);font-size:12px}.onboarding ol{font-size:12px}.league-toggles label{font-size:12px}#subscribeBtn{font-size:13px;background:var(--text);color:var(--bg);padding:10px 18px;border-radius:2px;border:0}.ad-label{background:var(--surface-raised);color:var(--text-dim)}.service-teaser{border-left:4px solid #c48712;padding:0 0 0 20px;margin-top:35px}.service-teaser strong{font-size:19px}.service-teaser p{font-size:13px}.site-footer{margin-top:40px;border-top:1px solid var(--border);padding-top:20px;font-size:12px;display:flex;gap:20px;flex-wrap:wrap}.site-footer a{color:var(--text-dim)}.yt-channel{border-radius:0!important;background:transparent!important;color:var(--text)!important}.yt-channel a{color:var(--accent)!important}.ch-list span{color:var(--text-dim)!important}
@media(max-width:850px){body{padding:18px 22px 35px}.header-nav{gap:15px}.edition-hero{gap:25px;grid-template-columns:1.6fr 1fr}.today-layout{grid-template-columns:minmax(0,1fr) 240px;gap:25px}.card .top{display:block}.card .league{display:inline-block;margin-top:7px}.card .matchup{font-size:19px}}
@media(max-width:640px){body{padding:16px 18px 32px}.site-header{padding-bottom:15px}.brand img{width:44px;height:44px}.brand-name{font-size:24px}.header-nav{display:none}.edition-hero{display:block;padding:25px 0}.edition-hero h1{font-size:29px}.edition-note{margin-top:25px;border-left:0;border-top:1px solid var(--border);padding:16px 0 0}.edition-note strong{font-size:14px}.edition-note p{margin-top:6px}.browse-nav{gap:10px 20px;margin-bottom:24px}.today-layout{display:block}.daily-side{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.daily-side .video-section{grid-column:1/-1}.video-shelf{display:grid;grid-template-columns:1fr 1fr;gap:16px}.video-edition iframe{max-height:none}.side-heading{font-size:15px}.card .matchup{font-size:19px}.card .ai-summary{font-size:14px}.utility-grid{display:block}.utility-grid .section+.section{margin-top:30px}.schedule-row{gap:8px}.schedule-row .league-tag{width:100%;padding-left:50px;margin-top:-8px}.site-footer{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.video-link{display:block;text-decoration:none;color:var(--text);font-size:14px;font-weight:800}.video-link img{display:block;width:100%;height:auto;margin-bottom:10px}.tab{width:auto}.news-note{color:var(--text-dim)}
@media(max-width:640px){.edition-note{display:none}.edition-hero{padding:22px 0}.edition-hero p{margin-top:12px}.edition-hero .kicker{font-size:10px}.browse-nav{padding:13px 0}}
.yt-channel .ch-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 24px}.yt-channel .ch-list li{border-top:1px solid var(--border);padding-top:10px}
@media(max-width:640px){.yt-channel .ch-list{grid-template-columns:1fr 1fr}}
