/* Shared correctness boundaries: family article placement must not leak into pages. */
.arena-site .site-header a{color:var(--ink)}
.arena-site main a{color:var(--green)}
.arena-site main h2 a,.arena-site main h3 a{color:inherit}
.arena-site footer a{color:#e5eee4}
.arena-site main a:hover,.arena-site .site-header a:hover{text-decoration:underline;text-underline-offset:4px}
.arena-site .hero a,.arena-site .court-cover a,.arena-site .lens-cover a{color:inherit}
.arena-site .arena-info>aside,.arena-site .arena-info>.prose{grid-column:auto;grid-row:auto;min-width:0}
.arena-site .arena-info>.prose{width:100%;max-width:none}
.arena-site .ss-contact-form input:not([type=checkbox]),.arena-site .ss-contact-form textarea,.arena-site .ss-contact-form select{width:100%;min-width:0;box-sizing:border-box;color:#18222e;background:#fff}
.arena-site .ss-honeypot{display:none!important}
.arena-site .article-head h1,.arena-site .category-intro h1{overflow-wrap:anywhere}
.arena-site .article-head .meta{font-size:13px;line-height:1.8;gap:12px}
.arena-site .article-cover figcaption{font-size:13px;line-height:1.8;overflow-wrap:anywhere;padding:14px 0}
.arena-site .category-list .row h3{line-height:1.5}
.arena-site .reading-grid>.prose{min-width:0}
.arena-site .arena-info>aside nav{position:sticky;top:110px}
.arena-site .prose pre{max-width:100%;overflow-x:auto}
.arena-site .prose table{display:block;max-width:100%;overflow-x:auto}
.arena-site .prose iframe,.arena-site .prose video{max-width:100%}

/* 01 Arena: magazine, left contents + central story + right exploration. */
.family-arena .arena-info{grid-template-columns:220px minmax(0,1fr);gap:55px}
.family-arena .arena-info>.prose{border-top:3px solid var(--green);padding-top:28px}
.family-arena .category-intro{border-bottom:3px solid var(--ink)}

/* 02 Press: compact newspaper; article with right-hand contents; utility pages
   use a full-width horizontal index rather than a competing narrow column. */
.family-press .arena-info{display:block;max-width:1000px;margin-inline:auto}
.family-press .arena-info>aside nav{position:static;display:flex;flex-wrap:wrap;gap:10px 25px;border-block:1px solid var(--line);margin-bottom:35px}
.family-press .arena-info>.prose{max-width:850px;margin-inline:auto}
.family-press .reading-grid>.prose{grid-column:1;grid-row:1}
.family-press .category-list .row h3{font-size:21px}
.family-press .article-head h1{max-width:1050px;font-size:clamp(28px,3.2vw,46px)}

/* 03 Neon: dark stage, full-width reading canvas with a chapter strip. */
.family-neon .reading-grid{display:block;max-width:950px;margin-inline:auto}
.family-neon .reading-grid>.toc{position:static;display:flex;flex-wrap:wrap;gap:12px 24px;padding:22px;margin-bottom:35px;background:#1d2031}
.family-neon .toc strong{width:100%}.family-neon .toc a{margin:0}
.family-neon .reading-grid>.article-aside{display:none}
.family-neon .reading-grid>.prose{padding:clamp(20px,4vw,52px);background:#191c29;border:1px solid var(--line)}
.family-neon .arena-info{grid-template-columns:230px minmax(0,1fr);gap:28px}
.family-neon .arena-info>.prose{padding:32px;background:#191c29;border:1px solid var(--line)}
.family-neon .arena-info>aside a{padding:16px;border-left:3px solid var(--green);margin-bottom:8px;background:#191c29}

/* 04 Court: bold sports dossier, boxed chapter index and strong rule lines. */
.family-court .reading-grid{grid-template-columns:245px minmax(0,1fr);gap:45px;max-width:1100px}
.family-court .reading-grid>.article-aside{display:none}
.family-court .toc{border:2px solid var(--ink);padding:24px;background:#f4dfcf}
.family-court .arena-info{display:block;border:2px solid var(--ink);padding:35px}
.family-court .arena-info>aside nav{position:static;display:flex;gap:15px;flex-wrap:wrap;margin-bottom:35px}
.family-court .arena-info>aside a{padding:10px 18px;background:var(--ink);color:var(--paper)}
.family-court .arena-info>.prose{max-width:900px;margin-inline:auto}

/* 05 Editorial: narrow longform reading, serif type and a quiet bottom index. */
.family-editorial .arena-info{display:flex;flex-direction:column;max-width:780px;margin-inline:auto;gap:35px}
.family-editorial .arena-info>aside{order:2;border-top:1px solid var(--line);padding-top:25px}
.family-editorial .arena-info>aside nav{position:static;display:flex;flex-wrap:wrap;gap:12px 28px}
.family-editorial .arena-info>.prose{font-family:Georgia,'Songti SC',SimSun,serif;font-size:18px;line-height:2.1}
.family-editorial .category-list .row h3{font-size:27px;font-weight:400}

/* 06 Signal: modular white cards, metadata panels and blue utility rail. */
.family-signal .reading-grid{grid-template-columns:210px minmax(0,1fr);max-width:1120px;gap:28px}
.family-signal .reading-grid>.article-aside{display:none}
.family-signal .arena-info{grid-template-columns:240px minmax(0,1fr);gap:25px}
.family-signal .arena-info>aside{background:#dde8fa;border-radius:18px;padding:22px;height:max-content}
.family-signal .arena-info>.prose{border-radius:18px;background:white;padding:40px}
.family-signal .category-list .row h3{font-size:22px}

/* 07 Trail: soft field notebook, right navigation and a wide readable body. */
.family-trail .arena-info{grid-template-columns:minmax(0,1fr) 230px;gap:40px}
.family-trail .arena-info>.prose{grid-column:1;grid-row:1;background:#fffef9;padding:40px;border-radius:30px 5px}
.family-trail .arena-info>aside{grid-column:2;grid-row:1;background:#e4ebd6;border-radius:24px;padding:24px;height:max-content}
.family-trail .reading-grid>.prose{grid-column:1;grid-row:1}
.family-trail .article-head h1{font-weight:600}

/* 08 Quest: documentation-style persistent navigation and boxed reading. */
.family-quest .arena-info{grid-template-columns:250px minmax(0,1fr);gap:30px}
.family-quest .arena-info>aside{border-left:4px solid var(--green);padding-left:20px}
.family-quest .arena-info>.prose{padding:35px;border:1px solid var(--line);background:white;border-radius:12px}
.family-quest .article-head{border-left:5px solid var(--green)}
.family-quest .reading-grid>.prose{padding:30px;background:#fff;border:1px solid var(--line);border-radius:12px}
.family-quest .category-list .row h3{font-size:22px}

/* 09 Mono: text-first column; no decorative utility panels. */
.family-mono .arena-info{display:block;max-width:760px;margin-inline:auto}
.family-mono .arena-info>aside nav{position:static;display:flex;flex-wrap:wrap;gap:18px;font-size:13px;margin-bottom:45px}
.family-mono .arena-info>.prose{padding:0;background:transparent;border:0;line-height:2}
.family-mono .article-head{max-width:780px;text-align:left;margin-inline:auto}
.family-mono .article-head .meta{justify-content:flex-start}
.family-mono .article-head h1{font-size:clamp(30px,4vw,52px);letter-spacing:-1px}
.family-mono .reading-grid{display:block;max-width:760px;margin-inline:auto}
.family-mono .reading-grid>.article-aside{display:none}
.family-mono .toc{position:static;margin-bottom:35px;border-block:1px solid var(--line);padding:20px 0}

/* 10 Lens: picture-led feature, generous opening and a horizontal info index. */
.family-lens .article-head{max-width:1100px;padding-block:35px}
.family-lens .article-head h1{font-size:clamp(30px,4.3vw,60px);line-height:1.3}
.family-lens .article-cover{max-width:none;margin-inline:0}
.family-lens .arena-info{display:block;max-width:1040px;margin-inline:auto}
.family-lens .arena-info>aside nav{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:45px}
.family-lens .arena-info>aside a{padding:18px;border:1px solid var(--line)}
.family-lens .arena-info>.prose{max-width:780px;margin-inline:auto}
.family-lens .category-list .row h3{font-size:25px}

@media(max-width:1000px){
 .arena-site .reading-grid{gap:24px}
 .family-court .reading-grid,.family-signal .reading-grid{grid-template-columns:190px minmax(0,1fr)}
 .arena-site .arena-info{gap:25px}
}
@media(max-width:700px){
 .arena-site .arena-info{display:flex;flex-direction:column;padding:0;gap:24px;border:0;margin:25px 0 45px}
 .arena-site .arena-info>aside,.arena-site .arena-info>.prose{grid-area:auto;width:100%;max-width:100%;box-sizing:border-box}
 .arena-site .arena-info>aside{padding:0;background:transparent;border:0;order:0}
 .arena-site .arena-info>aside nav{position:static;display:flex;flex-wrap:wrap;gap:8px 16px;margin:0}
 .arena-site .arena-info>aside a{font-size:13px;padding:8px;margin:0}
 .arena-site .arena-info>.prose{padding:20px}
 .family-arena .arena-info>.prose,.family-press .arena-info>.prose,.family-editorial .arena-info>.prose,.family-mono .arena-info>.prose,.family-lens .arena-info>.prose{padding:0}
 .arena-site .reading-grid{display:block;margin-inline:0}
 .arena-site .reading-grid>.toc{position:static;margin-bottom:25px}
 .arena-site .reading-grid>.prose{grid-area:auto;padding:0;font-size:17px}
 .family-neon .reading-grid>.prose,.family-signal .reading-grid>.prose,.family-quest .reading-grid>.prose{padding:20px}
 .arena-site .article-head h1{font-size:29px;line-height:1.45;letter-spacing:0}
 .arena-site .article-head .meta{font-size:12px}
 .arena-site .category-list .row h3{font-size:20px}
 .arena-site .article-cover figcaption{font-size:12px}
}