
:root{
  --bg:#fffaf1;
  --paper:#ffffff;
  --ink:#233044;
  --muted:#667085;
  --line:#eadfcf;
  --accent:#e45d2b;
  --accent-2:#f3b23c;
  --soft:#fff1d6;
  --green:#237a57;
  --shadow:0 18px 40px rgba(80,50,20,.08);
  --radius:20px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;background:var(--bg);color:var(--ink);line-height:1.85} a{color:#c9481d;text-decoration:none} a:hover{text-decoration:underline}.container{width:min(1080px,92vw);margin-inline:auto}.site-header{background:rgba(255,250,241,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand:hover{text-decoration:none}.brand-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent-2),#fff0c2);box-shadow:var(--shadow)}.brand strong{display:block;font-size:1.1rem;line-height:1.2}.brand small{display:block;color:var(--muted);font-size:.78rem}.site-nav{display:flex;flex-wrap:wrap;gap:8px}.nav-link{padding:8px 12px;border-radius:999px;color:var(--ink);font-weight:700;font-size:.92rem}.nav-link.active,.nav-link:hover{background:var(--soft);text-decoration:none}.hero{padding:70px 0 42px;background:radial-gradient(circle at 15% 10%,#ffe4b2,transparent 34%),radial-gradient(circle at 92% 18%,#ffd7c7,transparent 32%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) 360px;gap:32px;align-items:center}.eyebrow{font-weight:800;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}.hero h1,.page-heading h1{font-size:clamp(2rem,4.2vw,3.6rem);line-height:1.18;margin:.1em 0 .35em}.lead{font-size:1.08rem;color:#4a5568}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 20px;font-weight:800;border:1px solid transparent;text-decoration:none}.button:hover{text-decoration:none;transform:translateY(-1px)}.button.primary{background:var(--accent);color:#fff;box-shadow:0 12px 28px rgba(228,93,43,.22)}.button.ghost{background:#fff;color:var(--ink);border-color:var(--line)}.hero-card,.card,.article-card,.note-box,.toc-box,.cta-box,.related-box,.affiliate-notice{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:22px}.hero-card ol{padding-left:1.3em}.section{padding:46px 0}.section-title{margin-bottom:20px}.section-title h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0}.card-grid{display:grid;gap:18px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card-grid.four{grid-template-columns:repeat(4,1fr)}.card{display:block;color:var(--ink);padding:24px;text-decoration:none}.card:hover{text-decoration:none;transform:translateY(-2px)}.card h3{margin:.3em 0}.card p{color:var(--muted);margin-bottom:0}.card-icon{font-size:2rem}.article-list{display:grid;gap:16px}.article-card{padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.article-card h2,.article-card h3{margin:.35em 0}.article-card p{color:var(--muted);margin:0}.badge{display:inline-flex;background:#fff1d6;color:#9c3b12;border:1px solid #ffd49a;border-radius:999px;padding:3px 10px;font-weight:800;font-size:.82rem}.text-link{font-weight:900;white-space:nowrap}.note-box{padding:24px}.page-heading{padding:56px 0 28px;background:#fff4df;border-bottom:1px solid var(--line)}.article{padding:34px 0 60px;max-width:880px}.article.narrow{max-width:780px}.breadcrumb{font-size:.9rem;color:var(--muted);margin-bottom:18px}.article-header h1{font-size:clamp(1.9rem,3.8vw,3rem);line-height:1.25;margin:.28em 0}.article-meta{color:var(--muted);font-size:.92rem}.affiliate-notice{padding:14px 16px;background:#fff8e9;color:#5b4b33;margin:22px 0}.toc-box,.cta-box,.related-box{padding:22px;margin:26px 0}.toc-box ol{margin-bottom:0}.article h2{font-size:1.65rem;margin-top:2.1em;border-left:6px solid var(--accent);padding-left:12px}.article h3{font-size:1.18rem;margin-top:1.6em}.check-list{padding-left:0;list-style:none}.check-list li{padding:8px 0 8px 34px;position:relative}.check-list li:before{content:"✓";position:absolute;left:0;top:8px;width:24px;height:24px;border-radius:50%;background:#dff5ea;color:var(--green);display:grid;place-items:center;font-weight:900;line-height:1}.table-wrap{overflow:auto;border-radius:16px;border:1px solid var(--line);background:#fff}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#fff1d6;color:#563817}tr:last-child td{border-bottom:0}.microcopy{font-size:.86rem;color:var(--muted)}details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:10px 0}summary{font-weight:800;cursor:pointer}.site-footer{border-top:1px solid var(--line);background:#fff4df;padding:32px 0;color:#5b4b33}.footer-grid{display:flex;justify-content:space-between;gap:24px}.footer-grid a{display:inline-block;margin-right:14px;color:#5b4b33;font-weight:700}@media (max-width: 820px){.header-inner{align-items:flex-start;flex-direction:column}.site-nav{width:100%}.nav-link{background:#fff;font-size:.88rem}.hero{padding-top:44px}.hero-grid{grid-template-columns:1fr}.card-grid.three,.card-grid.four{grid-template-columns:1fr}.article-card{display:block}.text-link{display:inline-block;margin-top:12px}.footer-grid{display:block}.article{padding-top:24px}.article h2{font-size:1.38rem}table{font-size:.92rem}}
.footer-ad-notice{font-size:.82rem;color:#7a5a38;margin:.5em 0 0}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.product-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.product-card h3{margin-top:0}.product-card p{color:var(--muted)}.product-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.button.small{padding:9px 14px;font-size:.9rem}.button.rakuten{background:#bf0000;color:#fff}.button.amazon{background:#232f3e;color:#fff}.mini-note{font-size:.9rem;color:var(--muted);background:#fff;border-left:5px solid var(--accent-2);padding:12px 14px;border-radius:12px;margin:18px 0}.priority-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin:20px 0;box-shadow:var(--shadow)}.priority-box ol{margin-bottom:0}.article .link-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.article .link-buttons .button{min-width:150px}.ad-label{display:inline-flex;align-items:center;border:1px solid #ffd49a;background:#fff8e9;color:#7a4a1f;border-radius:999px;padding:2px 9px;font-size:.78rem;font-weight:800;margin-bottom:10px}@media (max-width: 820px){.product-grid{grid-template-columns:1fr}.article .link-buttons .button{width:100%}}

/* Category organized article index */
.category-chip-list{display:flex;flex-wrap:wrap;gap:10px}.category-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:800;color:var(--ink);box-shadow:0 10px 24px rgba(80,50,20,.06)}.category-chip:hover{background:var(--soft);text-decoration:none;transform:translateY(-1px)}.article-category-block{padding-top:28px}.article-category-block+.article-category-block{padding-top:18px}.category-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:18px}.category-heading h2{font-size:clamp(1.5rem,2.8vw,2.15rem);margin:0}.category-heading p{max-width:520px;color:var(--muted);margin:0}.category-article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.article-card.compact{align-items:flex-start}.article-card.compact h3,.article-card.category-feature h3{margin:.35em 0;font-size:1.15rem}.article-card.compact p,.article-card.category-feature p{font-size:.95rem}.category-feature{margin-bottom:16px}.link-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.link-card{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;color:var(--ink);box-shadow:0 10px 24px rgba(80,50,20,.05);text-decoration:none}.link-card:hover{background:#fff8e9;text-decoration:none;transform:translateY(-1px)}.link-card span{display:block;font-weight:900;line-height:1.45}.link-card small{display:block;color:var(--muted);font-weight:700;margin-top:3px}@media (max-width: 820px){.category-heading{display:block}.category-heading p{margin-top:8px}.category-article-grid,.link-card-grid{grid-template-columns:1fr}.category-chip{width:calc(50% - 5px);font-size:.9rem}.article-category-block{padding-top:24px}}@media (max-width: 420px){.category-chip{width:100%}}

/* Article search */
.article-search-section{padding-top:34px}.article-search-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.article-search-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:18px}.article-search-head h2{font-size:clamp(1.5rem,2.8vw,2.15rem);margin:0}.article-search-head p:not(.eyebrow){color:var(--muted);margin:6px 0 0}.search-label{display:block;font-weight:900;margin-bottom:8px}.article-search-input-row{display:flex;gap:10px}.article-search-input{width:100%;border:1px solid var(--line);border-radius:16px;background:#fffaf1;color:var(--ink);font:inherit;font-weight:700;padding:13px 15px}.article-search-input:focus{outline:3px solid rgba(228,93,43,.18);border-color:#f0a06f;background:#fff}.article-search-clear{border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);font:inherit;font-weight:900;padding:0 16px;cursor:pointer}.article-search-clear:hover{background:var(--soft)}.search-suggestion-list{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.search-suggestion-list button{border:1px solid #ffd49a;border-radius:999px;background:#fff8e9;color:#8c3a18;font:inherit;font-size:.9rem;font-weight:900;padding:6px 11px;cursor:pointer}.search-suggestion-list button:hover{background:var(--soft)}.article-search-status{font-size:.92rem;color:var(--muted);margin:12px 0 0}.article-search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.article-search-result{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 16px;color:var(--ink);text-decoration:none;box-shadow:0 10px 24px rgba(80,50,20,.05)}.article-search-result:hover{background:#fff8e9;text-decoration:none;transform:translateY(-1px)}.article-search-result .badge{margin-bottom:6px}.article-search-result strong{display:block;font-size:1.02rem;line-height:1.5}.article-search-result span{display:block;color:var(--muted);font-size:.9rem;margin-top:4px}.article-search-empty{background:#fff8e9;border:1px dashed #ffd49a;border-radius:16px;padding:15px;color:#6b4c2e}@media (max-width: 820px){.article-search-box{padding:20px}.article-search-head{display:block}.article-search-input-row{display:block}.article-search-clear{width:100%;padding:11px 16px;margin-top:8px}.article-search-results{grid-template-columns:1fr}.search-suggestion-list button{font-size:.86rem}}

/* もしもアフィリエイトのテキストリンク：商品カード内では小さな購入導線として表示 */
.affiliate-note{font-size:.86rem;color:var(--muted);margin:12px 0 -4px}.product-actions .affiliate-rakuten-link{display:inline-flex;align-items:center}.product-actions .affiliate-rakuten-link>a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 13px;border:1px solid #bf0000;border-radius:999px;background:#fff;color:#a00000;font-size:.9rem;font-weight:700;line-height:1.2;text-decoration:none}.product-actions .affiliate-rakuten-link>a:hover{background:#fff5f5}.product-actions .affiliate-rakuten-link img{display:block}@media (max-width:820px){.product-actions .button.amazon,.product-actions .affiliate-rakuten-link{width:100%}.product-actions .button.amazon{text-align:center}.product-actions .affiliate-rakuten-link>a{width:100%}}


/* Top-page featured articles and watch-note categories */
.section-description{max-width:720px;color:var(--muted);margin:8px 0 0}.featured-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.featured-article-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 12px 28px rgba(80,50,20,.06);display:flex;flex-direction:column;align-items:flex-start}.featured-article-card h3{font-size:1.08rem;line-height:1.55;margin:10px 0}.featured-article-card p{color:var(--muted);font-size:.94rem;line-height:1.75;margin:0}.featured-article-card .text-link{margin-top:auto;padding-top:14px;white-space:normal}.section-action{margin:20px 0 0}.badge-list{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:8px}.badge-list .badge{margin:0}.watch-note-topic-guide{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.watch-note-topic-guide span{display:inline-flex;align-items:center;border:1px solid #ffd49a;border-radius:999px;background:#fff8e9;color:#8c3a18;font-size:.88rem;font-weight:900;padding:5px 10px}.watch-note-filter{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 10px}.watch-note-filter button{appearance:none;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:.92rem;font-weight:900;padding:8px 13px;cursor:pointer}.watch-note-filter button:hover{background:var(--soft)}.watch-note-filter button.is-active,.watch-note-filter button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}.watch-note-filter-status{font-size:.9rem;color:var(--muted);margin:0 0 14px}.watch-note-empty{background:#fff8e9;border:1px dashed #ffd49a;border-radius:16px;color:#6b4c2e;margin:16px 0 0;padding:14px 16px}.watch-note-empty[hidden]{display:none}@media (max-width:820px){.featured-article-grid{grid-template-columns:1fr}.featured-article-card{padding:19px}.watch-note-filter{gap:8px}.watch-note-filter button{font-size:.88rem;padding:7px 11px}}

/* Top-page five core entry points */
.card-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.card-grid.five .card{padding:20px}.card-grid.five .card-icon{font-size:1.8rem}@media (max-width:980px){.card-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.card-grid.five{grid-template-columns:1fr}}

.category-subsection{margin:30px 0 14px}.category-subsection h3{font-size:1.1rem;margin:0;color:#563817}.category-subsection h3:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin:0 8px 1px 0}


/* Broadcast guide and team pathways */
.article-pathways{background:#fff8e9;border:1px solid #ffd49a;border-radius:var(--radius);padding:24px;margin:30px 0}.pathway-heading h2{border-left:0;padding-left:0;margin-top:0}.pathway-heading p:not(.eyebrow){color:var(--muted);margin:8px 0 18px}.pathway-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pathway-card{display:flex;flex-direction:column;gap:4px;min-height:130px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;color:var(--ink);text-decoration:none;box-shadow:0 10px 24px rgba(80,50,20,.05)}.pathway-card:hover{background:#fff1d6;text-decoration:none;transform:translateY(-1px)}.pathway-card .pathway-icon{font-size:1.4rem;line-height:1}.pathway-card strong{line-height:1.45}.pathway-card small{color:var(--muted);font-size:.86rem;line-height:1.6}.article-card-subnav{margin-top:11px!important;font-size:.88rem;line-height:1.6}.article-card-subnav a{font-weight:900}.broadcast-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.broadcast-step{display:flex;gap:12px;align-items:flex-start;background:#fff8e9;border:1px solid #ffd49a;border-radius:16px;padding:16px}.broadcast-step-number{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-weight:900;line-height:1}.broadcast-step strong{display:block;line-height:1.5}.broadcast-step p{margin:3px 0 0;color:var(--muted);font-size:.9rem;line-height:1.65}.broadcast-filter{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 10px}.broadcast-filter button{appearance:none;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:.92rem;font-weight:900;padding:8px 13px;cursor:pointer}.broadcast-filter button:hover{background:var(--soft)}.broadcast-filter button.is-active,.broadcast-filter button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}.broadcast-status{color:var(--muted);font-size:.9rem;margin:0 0 14px}.broadcast-team-name{display:block;line-height:1.4}.broadcast-league{display:inline-flex;margin-top:5px;padding:2px 8px;border:1px solid #ffd49a;border-radius:999px;background:#fff8e9;color:#8c3a18;font-size:.78rem;font-weight:900;line-height:1.4}.broadcast-card-grid{display:none}.broadcast-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;box-shadow:0 10px 24px rgba(80,50,20,.05)}.broadcast-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.broadcast-card h3{margin:0;font-size:1.1rem}.broadcast-card p{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;margin:8px 0;color:var(--muted);font-size:.92rem;line-height:1.65}.broadcast-card p strong{color:var(--ink)}.broadcast-card .broadcast-card-action{display:block;margin-top:13px}.broadcast-card-action a{font-weight:900}.team-category-pathways{padding-top:32px;padding-bottom:20px}@media (max-width:980px){.pathway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.broadcast-steps{grid-template-columns:1fr}}@media (max-width:820px){.article-pathways{padding:20px}.pathway-grid{grid-template-columns:1fr}.broadcast-desktop-table{display:none}.broadcast-card-grid{display:grid;gap:12px}.broadcast-card p{grid-template-columns:1fr;gap:2px}.broadcast-card .broadcast-card-action{display:block}.team-category-pathways{padding-top:28px}}

/* Ensure filtered watch-note cards are never rendered. */
.watch-note-list .article-card[hidden]{display:none!important}

/* Ninja AdMax: one unobtrusive article-bottom ad, switched by viewport */
.article-ad{margin:34px 0 30px;padding:18px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.article-ad .ad-label{margin:0 auto 12px}
.admax-unit{width:300px;max-width:calc(100vw - 16px);min-height:250px;margin:0 auto;display:flex;align-items:center;justify-content:center;overflow:visible}
.admax-unit>script{display:none}
.admax-unit .microcopy{margin:auto}
@media (max-width:820px){.article-ad{margin-top:30px;padding-top:16px}}



/* 2026-07-19: X header aligned home hero and watch-note summary boxes */
.hero-home{position:relative;overflow:hidden;padding:58px 0 46px;background:linear-gradient(135deg,#ffffff 0%,#f6faff 55%,#e9f3ff 100%);border-bottom:1px solid #cfe0f2}
.hero-home:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 18%,rgba(92,145,204,.18) 0 4px,transparent 5px) 0 0/25px 25px;mask-image:linear-gradient(90deg,#000,transparent 30%);pointer-events:none}
.hero-home:after{content:"";position:absolute;right:-90px;top:-130px;width:390px;height:390px;border:50px solid rgba(87,139,196,.08);border-radius:50%;pointer-events:none}
.hero-home .hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:44px}
.hero-home .eyebrow{color:#2f6fae;letter-spacing:.12em}
.hero-home h1{color:#082e5c;font-size:clamp(2.65rem,6vw,5.2rem);letter-spacing:.02em;margin:.05em 0 .18em}
.hero-tagline{display:inline-block;margin:0 0 18px;padding:9px 17px;background:#082e5c;color:#fff;font-size:clamp(.95rem,1.8vw,1.15rem);font-weight:900;line-height:1.55;transform:skewX(-10deg);box-shadow:0 12px 28px rgba(8,46,92,.16)}
.hero-tagline>span{display:block;transform:skewX(10deg)}
.hero-home .lead{max-width:700px;color:#40546d}
.hero-home .button.primary{background:#082e5c;box-shadow:0 12px 28px rgba(8,46,92,.24)}
.hero-home .button.ghost{border-color:#b9cee5;color:#082e5c;background:#fff}
.hero-visual-wrap{position:relative;padding:14px 14px 12px;border:1px solid #c9ddef;border-radius:28px;background:rgba(255,255,255,.84);box-shadow:0 24px 60px rgba(8,46,92,.14);backdrop-filter:blur(8px)}
.hero-visual-image{display:block;width:100%;height:auto;border-radius:20px}
.hero-visual-caption{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:10px 6px 0;color:#526b86;font-size:.83rem}
.hero-visual-caption strong{color:#082e5c}
.home-watch-notes{padding-top:42px;background:#fff}
.home-watch-notes .article-card{border-color:#cfdfef;box-shadow:0 14px 34px rgba(8,46,92,.07)}
.home-watch-notes .badge{background:#edf5ff;color:#164f89;border-color:#c8ddf4}
.home-watch-notes .text-link{color:#0c4f90}

.watch-note-overview{margin:24px 0;border:1px solid #cbddee;border-radius:20px;padding:22px;background:#fff;box-shadow:0 14px 34px rgba(8,46,92,.07)}
.article .watch-note-overview h2{border-left:0;padding-left:0;margin:0;color:#082e5c;font-size:1.4rem}
.watch-note-box-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.watch-note-box-heading>span{display:inline-flex;align-items:center;justify-content:center;min-width:66px;padding:4px 9px;border-radius:999px;background:#082e5c;color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.12em}
.watch-note-points{background:linear-gradient(135deg,#f8fbff,#edf5ff)}
.watch-note-point-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.watch-note-point-list li{position:relative;padding:11px 14px 11px 43px;border:1px solid #d7e5f3;border-radius:14px;background:#fff;color:#334a63;line-height:1.65}
.watch-note-point-list li:before{content:"✓";position:absolute;left:13px;top:11px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dcecff;color:#0b548f;font-weight:900;line-height:1}
.watch-note-result{border-color:#b8d1e9}
.watch-note-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.watch-note-result-card{border:1px solid #d3e2f0;border-radius:16px;padding:15px;background:#f9fcff}
.watch-note-result-card>span{display:block;color:#5d7894;font-size:.78rem;font-weight:900;letter-spacing:.06em}
.watch-note-result-card>strong{display:block;margin:4px 0 7px;color:#082e5c;font-size:1.08rem;line-height:1.45}
.watch-note-result-card p{margin:0;color:#52667b;font-size:.9rem;line-height:1.65}
.watch-note-next{background:linear-gradient(135deg,#fff,#f5f9ff);border-left:6px solid #2e73b7}
.watch-note-next .watch-note-box-heading>span{background:#2e73b7}
@media (max-width:900px){.hero-home .hero-grid{grid-template-columns:1fr}.hero-visual-wrap{max-width:680px}.watch-note-result-grid{grid-template-columns:1fr}}
@media (max-width:820px){.hero-home{padding:40px 0 34px}.hero-home h1{font-size:clamp(2.35rem,12vw,3.75rem)}.hero-tagline{transform:none;padding:9px 13px}.hero-visual-wrap{padding:9px;border-radius:20px}.hero-visual-image{border-radius:15px}.watch-note-overview{padding:18px}.watch-note-box-heading{align-items:flex-start;flex-direction:column;gap:7px}.article .watch-note-overview h2{font-size:1.25rem}}


/* watch-note player lens + x cta */
.player-lens-box,.x-follow-box{margin:26px 0;padding:24px;border:1px solid #cbddee;border-radius:20px;box-shadow:0 14px 34px rgba(8,46,92,.07)}
.player-lens-box{background:linear-gradient(135deg,#f4f8ff 0%,#ffffff 58%,#eef5ff 100%)}
.x-follow-box{background:linear-gradient(135deg,#fff9ef 0%,#ffffff 62%,#f4f8ff 100%)}
.player-lens-box .box-kicker,.x-follow-box .box-kicker{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.player-lens-box .box-kicker{background:#dceafe;color:#0a3466}
.x-follow-box .box-kicker{background:#fff0cf;color:#875000}
.player-lens-box h2,.x-follow-box h2{margin:.2em 0 .45em;border-left:0;padding-left:0;color:#082e5c;font-size:1.42rem}
.player-lens-box p,.x-follow-box p{margin:.75em 0;color:#334155}
.player-lens-box .link-buttons,.x-follow-box .link-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.player-lens-box .button.primary{background:#0a3466;box-shadow:0 12px 28px rgba(10,52,102,.18)}
.player-lens-box .button.ghost,.x-follow-box .button.ghost{border-color:#b8cde4}
.x-follow-box .button.primary{background:#111827;box-shadow:0 12px 28px rgba(17,24,39,.18)}
.x-follow-note{font-size:.86rem;color:#64748b;margin-top:12px}
@media (max-width:820px){.player-lens-box,.x-follow-box{padding:18px}.player-lens-box h2,.x-follow-box h2{font-size:1.24rem}.player-lens-box .link-buttons .button,.x-follow-box .link-buttons .button{width:100%}}


/* 2026-07-25: 12 stadium rules search */
.stadium-rules-heading{background:radial-gradient(circle at 10% 10%,#dfeeff,transparent 34%),radial-gradient(circle at 90% 0,#ffe8c8,transparent 32%),#f7fbff}
.stadium-rules-summary{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.stadium-rules-summary span{display:inline-flex;align-items:center;gap:4px;padding:7px 12px;border:1px solid #cbddee;border-radius:999px;background:#fff;color:#40546d;font-size:.88rem;font-weight:800}.stadium-rules-summary strong{color:#082e5c;font-size:1.05rem}
.stadium-rules-intro{padding-bottom:18px}.stadium-rules-note{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:22px;border:1px solid #cbddee;border-radius:20px;background:linear-gradient(135deg,#f6faff,#fff);box-shadow:0 14px 34px rgba(8,46,92,.06)}.stadium-rules-note-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#dff5ea;color:#237a57;font-size:1.2rem;font-weight:900}.stadium-rules-note h2{margin:0 0 5px;color:#082e5c;font-size:1.25rem}.stadium-rules-note p{margin:0;color:#52667b}
.stadium-rules-app{padding-top:18px}.stadium-rules-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px;padding:6px;border:1px solid #cbddee;border-radius:18px;background:#eef5fc}.stadium-rules-tab{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border:0;border-radius:13px;background:transparent;color:#49647e;font:inherit;font-weight:900;cursor:pointer}.stadium-rules-tab:hover{background:#fff}.stadium-rules-tab.is-active{background:#082e5c;color:#fff;box-shadow:0 10px 24px rgba(8,46,92,.18)}
.stadium-rules-panel{padding:26px;border:1px solid #cbddee;border-radius:22px;background:#fff;box-shadow:0 16px 42px rgba(8,46,92,.07)}.stadium-rules-panel[hidden]{display:none}.stadium-rules-panel-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.stadium-rules-panel-head h2,.stadium-rules-result-head h2{margin:0;color:#082e5c;font-size:clamp(1.45rem,2.8vw,2rem)}.stadium-rules-panel-head p:not(.eyebrow),.stadium-rules-result-head p:not(.eyebrow){margin:6px 0 0;color:#5a7087}
.stadium-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stadium-choice{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:11px;text-align:left;align-items:center;min-height:88px;padding:14px;border:1px solid #d4e2ef;border-radius:16px;background:#f9fcff;color:#233044;font:inherit;cursor:pointer}.stadium-choice:hover,.stadium-choice.is-active{border-color:#5b91c4;background:#edf6ff;transform:translateY(-1px)}.stadium-choice-mark{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#dcecff}.stadium-choice strong{line-height:1.35}.stadium-choice small{color:#6b7f92;font-weight:700}
.category-choice-list{display:flex;flex-wrap:wrap;gap:9px}.category-choice{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #d4e2ef;border-radius:999px;background:#f9fcff;color:#233044;font:inherit;cursor:pointer}.category-choice:hover,.category-choice.is-active{border-color:#5b91c4;background:#082e5c;color:#fff}.category-choice strong{font-size:.92rem}
.stadium-rules-selection{scroll-margin-top:110px;margin-top:28px;padding-top:25px;border-top:1px solid #dbe7f2}.stadium-rules-selection[hidden]{display:none}.stadium-rules-result-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:18px}.stadium-selection-reset{flex:0 0 auto}
.rules-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rule-card{display:flex;flex-direction:column;min-height:260px;padding:18px;border:1px solid #d6e2ee;border-radius:18px;background:#fff;box-shadow:0 10px 25px rgba(8,46,92,.05)}.rule-card.is-pending{background:#fffdfa;border-color:#eadbc4}.rule-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.rule-card-label{display:flex;align-items:flex-start;gap:10px}.rule-card-icon{font-size:1.35rem;line-height:1.2}.rule-card-kicker{margin:0;color:#7a8ea1;font-size:.68rem;font-weight:900;letter-spacing:.12em}.rule-card h3{margin:2px 0 0;color:#183f67;font-size:1.08rem;line-height:1.4}.rule-status{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:900;line-height:1.4}.status-ok{background:#dff5ea;color:#176745}.status-conditional{background:#fff0cc;color:#845400}.status-no{background:#fde5e3;color:#a3322a}.status-check{background:#eef1f4;color:#5d6670}.rule-summary{margin:16px 0 7px;color:#233044;font-weight:900;line-height:1.55}.rule-detail{margin:0 0 15px;color:#5b6f82;font-size:.92rem;line-height:1.75}.rule-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px;border-top:1px solid #e1e9f0}.rule-meta span{display:inline-flex;padding:3px 8px;border-radius:999px;background:#f3f6f9;color:#647587;font-size:.74rem;font-weight:800}.rule-meta .rule-verification-ok{background:#e5f4eb;color:#237a57}.rule-meta .rule-verification-pending{background:#fff0dc;color:#a15d12}.rule-official-link{display:inline-flex;margin-top:11px;font-size:.86rem;font-weight:900}.stadium-rules-loading,.stadium-rules-error{margin-top:20px;padding:18px;border-radius:14px;background:#f3f7fb;color:#52667b;text-align:center}.stadium-rules-error{background:#fff0ed;color:#8f342b}.rules-legend{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;align-items:center;margin:18px 0}.stadium-rules-about h2{margin-top:0}.stadium-rules-about .rule-status{min-width:82px}.card-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}
.stadium-rule-cta{margin:28px 0;padding:20px;border:1px solid #cbddee;border-radius:18px;background:linear-gradient(135deg,#f4f9ff,#fff);box-shadow:0 12px 28px rgba(8,46,92,.06)}.stadium-rule-cta h2{margin:0 0 8px!important;border-left:0!important;padding-left:0!important;color:#082e5c!important;font-size:1.3rem!important}.stadium-rule-cta p{margin:0 0 13px;color:#52667b}.stadium-rule-cta .button{padding:10px 16px}
@media (max-width:900px){.stadium-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-card-grid{grid-template-columns:1fr}.card-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.stadium-rules-tabs{grid-template-columns:1fr}.stadium-rules-panel{padding:18px}.stadium-choice-grid{grid-template-columns:1fr}.stadium-rules-result-head{align-items:flex-start;flex-direction:column}.stadium-selection-reset{width:100%}.stadium-rules-note{grid-template-columns:1fr}.stadium-rules-summary span{font-size:.8rem}.rules-legend{grid-template-columns:1fr}.rules-legend .rule-status{width:max-content}.card-grid.six{grid-template-columns:1fr}}

.archive-article-block{margin:0;background:#fff8e9;border:1px solid var(--line);border-radius:18px;padding:0;box-shadow:var(--shadow)}
.archive-article-block>summary{padding:16px 18px;font-weight:900;color:var(--ink)}
.archive-article-block[open]>summary{border-bottom:1px solid var(--line)}
.archive-article-grid{padding:18px;margin:0}
.archive-section>.article-card{margin-top:16px}
@media (max-width:820px){.archive-article-grid{padding:12px}}
