/* Shared visual system for the classroom pages. */
:root { --ink:#19333d; --muted:#71858d; --line:#e0e9e8; --teal:#16796e; --nav:#112c36; --shadow:0 10px 36px #193d4010; }
body { background:radial-gradient(ellipse at 90% 0%,#e9f3ee 0%,transparent 42%),#f4f7f6; line-height:1.5; }
button,a,input { -webkit-tap-highlight-color:transparent; }
.btn { text-decoration:none; transition:background .18s,box-shadow .18s,transform .18s; }
.btn:disabled { opacity:.48; cursor:not-allowed; transform:none; box-shadow:none; }
:focus-visible { outline:3px solid #67b7a6; outline-offset:3px; }
.card,.stat { box-shadow:0 8px 30px #16353b08; border-color:#e0e9e8; }
.card { border-radius:18px; padding:24px; }
.card h2,.card-head h2 { font-size:16px; letter-spacing:-.2px; }
.page-head h1,h1 { font-size:30px; letter-spacing:-.8px; }
.eyebrow,.section-kicker { font-size:10px; font-weight:800; letter-spacing:1.8px; color:#208576; margin-bottom:8px; }
.banner,.notice { line-height:1.75; }
.topbar { border-bottom:1px solid #dde7e6; }
.content { max-width:1380px; }.mark { border-radius:12px; }
.nav button.active { background:#1e454d; box-shadow:inset 3px 0 #8ed5bf; }
.stats { gap:16px; }
.stat { border-radius:14px; padding:18px 20px; }
.stat strong { font-variant-numeric:tabular-nums; }
.draw-display { background:linear-gradient(145deg,#f6fbf8,#fff); padding:25px 21px; border-radius:14px; }
.draw-meta { margin-bottom:22px; }
#drawIssue { font-size:16px; font-weight:800; color:#254951; }
.ball { width:47px; height:47px; font-size:17px; border-color:#cfe4dc; box-shadow:0 5px 12px #24544710; }
.ball.special { background:linear-gradient(140deg,#174c54,#112c36); }
.proof-strip { display:grid; grid-template-columns:1fr 1fr; padding:16px; gap:16px; margin-top:23px; border-radius:12px; background:#ffffffd9; }
.proof-item:first-child { grid-column:1/-1; }
.proof-item { min-width:0; gap:6px; }
.proof-strip code { max-width:none; font-size:11px; }
.proof-strip span { font-size:10px; }
.live { text-align:right; max-width:260px; }
.flow-track { display:flex; gap:14px; align-items:center; flex-wrap:wrap; padding:14px 18px; margin-bottom:20px; background:#fff; border:1px solid var(--line); border-radius:12px; font-size:11px; color:#587279; }
.flow-track span { display:flex; gap:8px; align-items:center; }
.flow-track b { color:#16796e; font-size:10px; background:#e9f5ef; border-radius:6px; padding:4px 6px; }
.flow-track i { color:#afbfbd; font-style:normal; }
.mini-row { padding:8px 0; border-bottom:1px solid #eff3f1; }
.mini-row:last-child { border-bottom:0; }
th { background:#f7faf8; padding:14px 12px; font-size:11px; }
td { padding:16px 12px; }
.proof-cell summary { border-radius:6px; }
.proof-cell details[open] { padding:8px; background:#f5faf7; border-radius:8px; }
.wrap { max-width:1260px; }
.grid { grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr); align-items:start; }
.seal-card { grid-column:2; grid-row:1 / span 2; border-top:3px solid #d2b77d; background:linear-gradient(160deg,#fffdf8,#fff); }
.intervention-card { grid-column:1; }
.connection-status { display:inline-block; padding:5px 9px; border-radius:20px; margin:4px 0 12px; color:#16796e; background:#e8f4ee; font-size:10px; }
.status .stat { padding:15px; }
.status .stat b { font-size:16px; }
.target-preview { margin-top:16px; padding:16px; }
.target-preview strong { font-variant-numeric:tabular-nums; font-size:23px; }
input { min-height:43px; border-color:#d8e3e1; background:#fff; }
.preview { border-radius:12px; background:#f4f9f5; }
.preview h3 { font-size:14px; }
.logrow { border-left:2px solid #d6e9e1; padding:12px 16px; margin-left:3px; }
.logdetail { max-width:900px; }
.mono { font-size:11px; padding:10px; }
.result { padding:20px; border-radius:12px; }
.hash-box { padding:14px; }
.foot,.footerline { line-height:1.8; }
@media(max-width:900px) { .grid { grid-template-columns:1fr; }
 .seal-card,.intervention-card { grid-column:auto; grid-row:auto; }
 .card { padding:20px; }
 }
@media(max-width:650px) { .flow-track { gap:8px; font-size:10px; }
 .flow-track i { display:none; }
 .proof-strip { grid-template-columns:1fr; }
 .proof-item:first-child { grid-column:auto; }
 .ball { width:36px;height:36px;font-size:13px; }
 .topright .avatar { display:none; }

 .page-head h1,h1 { font-size:25px; }
 }
.verifier-page .wrap { max-width:880px; }
.mini-ball.special,.num-chip.special {
  position:relative;
  margin-left:12px;
  background:linear-gradient(140deg,#174c54,#112c36);
  border-color:#174c54;
  color:#fff;
  box-shadow:0 2px 6px #173e4420;
}
.mini-ball.special::before,.num-chip.special::before {
  content:'+';
  position:absolute;
  left:-11px;
  color:#69878b;
  font-weight:700;
  font-size:12px;
}
.number-key { color:#71858d;font-size:10px;font-weight:400; }
.section-title { display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap; }

/* Main presentation: clear hierarchy, compact branding, visible status. */
.audience-page .brand strong{font-size:13px;line-height:1.6;letter-spacing:.2px}
.audience-page .brand small{font-size:9px;letter-spacing:1.2px}
.audience-page .page-head h1{letter-spacing:1px}
.audience-page .banner{border-left:3px solid #c89b40;background:#fffaf0}
.audience-page .banner b{color:#8b631c}
.audience-page .card{border-radius:16px;box-shadow:0 6px 24px #193a3710}
.audience-page .card-head{padding-bottom:16px}
.audience-page .draw-display{border-radius:14px}
.audience-page .flow-track{padding:16px 20px;border-radius:12px}
.audience-page .proof-strip code{line-height:1.7}
.btn:focus-visible,.nav button:focus-visible{outline:3px solid #69b4a4;outline-offset:3px}
@media(max-width:720px){.audience-page .topbar{flex-wrap:wrap;gap:10px}.audience-page .topright{flex-wrap:wrap;gap:8px}.audience-page .flow-track{padding:12px}.audience-page .card{border-radius:12px}}

/* 2.4: bright blue palette and a full-width top navigation. */
:root{--bg:#f4f8ff;--paper:#fff;--ink:#203454;--muted:#61738e;--line:#dce7f5;--teal:#2563eb;--teal-pale:#eaf2ff;--nav:#245bd7;--amber:var(--tone-b95a12,#b95a12);--amber-pale:#fff1dc;--shadow:0 10px 32px #3867b30d}
body{background:radial-gradient(ellipse at 8% 0%,#e3eeff 0%,transparent 44%),radial-gradient(ellipse at 95% 18%,#fff0e3 0%,transparent 34%),#f6f9ff;color:var(--ink)}
:focus-visible{outline-color:#76a8ff}
.topbar{background:#ffffffed;color:var(--ink);border-color:var(--line)}
.card,.stat{border-color:var(--line);box-shadow:var(--shadow)}
.eyebrow,.section-kicker,.live{color:#2563eb}
.banner{background:#fff8ec;border-color:#f5e2bf;color:#78541e}
#connectionState{background:#eef5ff;border-color:#d6e6ff;color:#355785}
.stat-icon,.avatar{background:#edf4ff;color:#2563eb}
.draw-display{background:linear-gradient(135deg,#eef5ff,#ffffff 65%);border-color:#d8e7fd}
#drawIssue{color:#24477b}
.ball{background:#d9cc9f;color:#423a24;border-color:#c8b986;box-shadow:0 4px 12px #7568461a}
.ball.special,.mini-ball.special,.num-chip.special{background:#66527e;color:#fff;border-color:#5b496f;box-shadow:0 4px 10px #66527e26}
.pill.random{background:#e9f2ff;color:#235cc8}
.pill.intervention{background:#fff0dd;color:var(--tone-a25314,#a25314)}
.dot{background:#4384f7;box-shadow:0 0 0 4px #e5efff}
.progress-wrap{background:#f0f6ff}.progress span{background:linear-gradient(90deg,#4e8dff,#73b7ff)}
.flow-track{border-color:var(--line);color:#53729d}.flow-track b{background:#eaf2ff;color:#2563eb}
.mini-ball,.num-chip{background:#d9cc9f;border-color:#c8b986;color:#423a24}
th{background:#f0f6ff}.proof-cell details[open]{background:#f3f7ff}
.btn.primary,.btn.teal{background:#2563eb;border-color:#2563eb;color:#fff}.btn:hover{border-color:#aacaff;background:#f4f8ff}.btn.primary:hover,.btn.teal:hover{background:#1d4ed8;color:#fff}
.audience-page .shell{display:block;min-height:100vh}
.audience-page .site-header{display:block;height:auto;padding:0 clamp(18px,5vw,72px);position:sticky;top:0;backdrop-filter:blur(14px);box-shadow:0 4px 20px #3867b308}
.header-main,.header-navigation{max-width:1360px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.header-main{min-height:80px}.header-navigation{min-height:58px;border-top:1px solid #edf2fa}
.home-brand{padding:0;color:var(--ink);text-decoration:none}.home-brand strong{font-size:18px}.home-brand small{color:var(--muted);font-size:11px}
.top-nav{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0}.top-nav button{padding:10px 16px;color:#5a7093;font-size:13px;border:1px solid transparent;border-radius:10px}
.top-nav .ico{color:inherit}.top-nav button:hover{background:#f0f6ff;color:#235bc5}.top-nav button.active{background:#eaf2ff;color:#1e56c7;border-color:#cfdefb;box-shadow:none;font-weight:750}
.audience-page .content{max-width:1440px;padding-top:28px}.page-head h1{color:#203d69}.footerline{color:#7083a2}
@media(max-width:900px){.header-navigation{align-items:flex-start;flex-direction:column;gap:0;padding-bottom:10px}.header-navigation .crumb{font-size:11px}.header-main{gap:12px}.home-brand strong{font-size:16px}.top-nav{width:100%}}
@media(max-width:600px){.header-main{align-items:flex-start;flex-wrap:wrap;padding:16px 0;min-height:0;gap:12px}.home-brand small{font-size:10px}.topright{flex-wrap:wrap;gap:8px}.top-nav{display:grid;grid-template-columns:1fr 1fr;gap:6px}.top-nav button{justify-content:center;padding:10px 8px;font-size:12px}.audience-page .site-header{position:relative}.audience-page .content{padding:20px 16px 40px}.page-head h1{font-size:26px}.card-head{gap:12px;flex-wrap:wrap}.live{max-width:none;text-align:left}}

.topbar .brand small{color:var(--muted)}

.mini-ball.special,.num-chip.special{background:#66527e;border-color:#5b496f;color:#fff}

/* Reference-inspired red navigation, neutral result tables, numbered ball bands. */
:root{--bg:#e9e9e9;--ink:#223244;--muted:#68717b;--line:#dedede;--teal:var(--tone-ae1014,#ae1014);--teal-pale:var(--tone-fff0f0,#fff0f0);--nav:var(--tone-ae1014,#ae1014)}
body{background:#e9e9e9;color:var(--ink)}
.audience-page .site-header{background:#fff;box-shadow:none;border-bottom:8px solid #e6e6e6}
.header-main{min-height:68px}.home-brand strong{color:#343434}
.header-navigation{background:#f6f6f6;border-top:1px solid #e3e3e3;min-height:54px}
.top-nav{gap:0;padding:0}.top-nav button{border-radius:0;padding:17px 24px;border-right:1px solid #e5e5e5;color:#26384d}
.top-nav button.active{background:var(--tone-d9272b,#d9272b);border-color:var(--tone-d9272b,#d9272b);color:#fff}.top-nav button:hover{background:var(--tone-fff0f0,#fff0f0);color:var(--tone-b01016,#b01016)}.top-nav button.active:hover{background:var(--tone-c82025,#c82025);color:#fff}
.eyebrow,.section-kicker{color:var(--tone-ad0d12,#ad0d12)}
.card,.stat{border:0;border-radius:5px;box-shadow:none}.card{overflow:hidden}.audience-page .card>.card-head{margin:-24px -24px 20px;padding:13px 20px;background:var(--tone-a4090d,#a4090d);color:#fff}.card-head h2{color:inherit}.audience-page .card>.card-head p,.audience-page .card>.card-head .number-key{color:var(--tone-ffe1e1,#ffe1e1)}.audience-page .card>.card-head .live{color:#fff}
.page-head h1,#drawIssue{color:#333}.draw-display{background:#fff;border-color:#e4e4e4;border-radius:3px}.flow-track{border-radius:4px;color:#555}.flow-track b{background:var(--tone-fff0f0,#fff0f0);color:var(--tone-ac1015,#ac1015)}
.stat-icon{background:var(--tone-f7f0f0,#f7f0f0);color:var(--tone-b0161b,#b0161b)}.banner{border-radius:4px}.progress-wrap{background:#f4f4f4}.progress span{background:var(--tone-ce2025,#ce2025)}.pill.random{background:#f1f1f1;color:#454545}.pill.intervention{background:var(--tone-fff0f0,#fff0f0);color:var(--tone-ae1118,#ae1118)}.dot{background:var(--tone-f7dada,#f7dada);box-shadow:none}
.btn.primary,.btn.teal{background:var(--tone-b31318,#b31318);border-color:var(--tone-b31318,#b31318)}.btn:hover{background:#fafafa;border-color:#b9b9b9}.btn.primary:hover,.btn.teal:hover{background:var(--tone-990a10,#990a10)}
.audience-page th{background:#fafafa;color:#495360}.audience-page tbody tr:nth-child(even){background:#f4f4f4}.audience-page td{border-bottom:0}.audience-page .table-wrap{background:#fff}.mini-row{border-bottom:1px solid #e8e8e8;padding:10px 0}.proof-cell details[open]{background:#fafafa}
/* White number face surrounded by a shaded color band, drawn entirely in CSS. */
.ball,.mini-ball,.num-chip,.ball.special,.mini-ball.special,.num-chip.special{--ball-color:#b7b7b7;--ball-light:#e4e4e4;--ball-dark:#777;position:relative;isolation:isolate;border:1px solid #c9c9c9;border-radius:50%;color:#161616;background:radial-gradient(circle at center,#fff 0 55%,#f5f5f5 56% 60%,transparent 61%),conic-gradient(from 20deg,var(--ball-light) 0deg 32deg,var(--ball-color) 32deg 102deg,var(--ball-dark) 102deg 160deg,var(--ball-color) 160deg 236deg,var(--ball-light) 236deg 275deg,var(--ball-color) 275deg 360deg);box-shadow:0 2px 4px #0003;font-weight:800;white-space:nowrap;line-height:1}
.ball{width:54px;height:54px;font-size:23px}.mini-ball{width:32px;height:32px;font-size:14px}.num-chip{width:42px;height:42px;font-size:18px}.ball.special,.mini-ball.special,.num-chip.special{margin-left:20px}.ball.special::before,.mini-ball.special::before,.num-chip.special::before{content:'+';position:absolute;left:-17px;color:#26313b;font-size:16px;font-weight:500}
.ball:not([data-number]){background:#f7f7f7;border:1px dashed #ccc;box-shadow:none;color:#969696}
.number-key{color:#666}.mini-balls,.num-set{gap:7px}.audience-page .content{padding-top:20px}.proof-strip{border-radius:3px}.stat{border-radius:4px}.footerline{color:#777}
@media(max-width:650px){.audience-page .card>.card-head{margin:-20px -20px 16px}.top-nav{gap:4px;padding:6px 0}.top-nav button{padding:12px 8px}.ball{width:39px;height:39px;font-size:17px}.num-chip{width:30px;height:30px;font-size:13px}.mini-ball{width:25px;height:25px;font-size:11px}.mini-balls,.num-set{gap:4px}.ball.special,.mini-ball.special,.num-chip.special{margin-left:14px}}
:is(.ball,.mini-ball,.num-chip)[data-number="1"],:is(.ball,.mini-ball,.num-chip)[data-number="2"],:is(.ball,.mini-ball,.num-chip)[data-number="7"],:is(.ball,.mini-ball,.num-chip)[data-number="8"],:is(.ball,.mini-ball,.num-chip)[data-number="12"],:is(.ball,.mini-ball,.num-chip)[data-number="13"],:is(.ball,.mini-ball,.num-chip)[data-number="18"],:is(.ball,.mini-ball,.num-chip)[data-number="19"],:is(.ball,.mini-ball,.num-chip)[data-number="23"],:is(.ball,.mini-ball,.num-chip)[data-number="24"],:is(.ball,.mini-ball,.num-chip)[data-number="29"],:is(.ball,.mini-ball,.num-chip)[data-number="30"],:is(.ball,.mini-ball,.num-chip)[data-number="34"],:is(.ball,.mini-ball,.num-chip)[data-number="35"],:is(.ball,.mini-ball,.num-chip)[data-number="40"],:is(.ball,.mini-ball,.num-chip)[data-number="45"],:is(.ball,.mini-ball,.num-chip)[data-number="46"]{--ball-color:#e33a40;--ball-light:#ff8d91;--ball-dark:#922026}
:is(.ball,.mini-ball,.num-chip)[data-number="3"],:is(.ball,.mini-ball,.num-chip)[data-number="4"],:is(.ball,.mini-ball,.num-chip)[data-number="9"],:is(.ball,.mini-ball,.num-chip)[data-number="10"],:is(.ball,.mini-ball,.num-chip)[data-number="14"],:is(.ball,.mini-ball,.num-chip)[data-number="15"],:is(.ball,.mini-ball,.num-chip)[data-number="20"],:is(.ball,.mini-ball,.num-chip)[data-number="25"],:is(.ball,.mini-ball,.num-chip)[data-number="26"],:is(.ball,.mini-ball,.num-chip)[data-number="31"],:is(.ball,.mini-ball,.num-chip)[data-number="36"],:is(.ball,.mini-ball,.num-chip)[data-number="37"],:is(.ball,.mini-ball,.num-chip)[data-number="41"],:is(.ball,.mini-ball,.num-chip)[data-number="42"],:is(.ball,.mini-ball,.num-chip)[data-number="47"],:is(.ball,.mini-ball,.num-chip)[data-number="48"]{--ball-color:#3398d1;--ball-light:#8cd5f6;--ball-dark:#1a5079}
:is(.ball,.mini-ball,.num-chip)[data-number="5"],:is(.ball,.mini-ball,.num-chip)[data-number="6"],:is(.ball,.mini-ball,.num-chip)[data-number="11"],:is(.ball,.mini-ball,.num-chip)[data-number="16"],:is(.ball,.mini-ball,.num-chip)[data-number="17"],:is(.ball,.mini-ball,.num-chip)[data-number="21"],:is(.ball,.mini-ball,.num-chip)[data-number="22"],:is(.ball,.mini-ball,.num-chip)[data-number="27"],:is(.ball,.mini-ball,.num-chip)[data-number="28"],:is(.ball,.mini-ball,.num-chip)[data-number="32"],:is(.ball,.mini-ball,.num-chip)[data-number="33"],:is(.ball,.mini-ball,.num-chip)[data-number="38"],:is(.ball,.mini-ball,.num-chip)[data-number="39"],:is(.ball,.mini-ball,.num-chip)[data-number="43"],:is(.ball,.mini-ball,.num-chip)[data-number="44"],:is(.ball,.mini-ball,.num-chip)[data-number="49"]{--ball-color:#75a746;--ball-light:#b7d991;--ball-dark:#36551f}

/* 2.5 audience information site: quiet chrome, prominent results. */
.audience-page{background:#f4f5f7;color:#27313d}
.audience-page .site-header{border-bottom:1px solid #e2e4e8;box-shadow:0 3px 14px #18212e06;padding:0 max(24px,calc((100vw - 1240px)/2));backdrop-filter:none}
.audience-page .header-main{min-height:85px}.audience-page .home-brand strong{font-size:21px;letter-spacing:.2px}.audience-page .home-brand small{font-size:11px;letter-spacing:.4px;margin-top:3px;display:block}.header-timezone{font-size:12px;color:#77808b}
.audience-page .header-navigation{background:white;min-height:53px;border-top:1px solid #f0f1f3}.audience-page .top-nav{gap:28px}.audience-page .top-nav button{border:0;border-bottom:3px solid transparent;background:none;border-radius:0;padding:15px 0 13px;color:#626b77;font-size:14px}.audience-page .top-nav .ico{display:none}.audience-page .top-nav button.active,.audience-page .top-nav button.active:hover{background:none;color:var(--tone-a41620,#a41620);border-bottom-color:var(--tone-a41620,#a41620)}.audience-page .top-nav button:hover{background:none;color:var(--tone-991b24,#991b24)}.audience-page .crumb{font-size:11px;color:#9198a1}
.audience-page .content{max-width:1288px;padding:20px 24px 52px}.site-connection{color:#77818e;font-size:11px;text-align:right;margin-bottom:22px;line-height:1.7;background:none!important;border:0!important}.homepage-head{margin-bottom:17px}.homepage-head h1{font-size:32px;letter-spacing:0;font-weight:750}.homepage-head p{font-size:13px;max-width:720px}.homepage-label{font-size:11px;color:#87909b;padding:7px 11px;border:1px solid #dde1e6;border-radius:4px}
.audience-page .card{border:1px solid #e4e6eb;border-radius:9px;padding:26px;background:#fff;box-shadow:0 4px 18px #1c283605}.audience-page .card>.card-head{margin:0 0 22px;padding:0 0 16px;background:none;color:#2e3742;border-bottom:1px solid #edf0f3}.audience-page .card>.card-head p,.audience-page .card>.card-head .number-key{color:#85909b;font-size:11px}.audience-page .card>.card-head .live{color:var(--tone-8c353b,#8c353b);font-size:11px}.audience-page .card-head h2{font-size:17px;font-weight:750}.audience-page .card-head .dot{background:var(--tone-b32631,#b32631);width:6px;height:6px}
.homepage-grid{grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start;margin-bottom:24px}.audience-page .draw-display{border:0;padding:0;margin:0;background:white}.audience-page .draw-meta{margin:3px 0 30px;gap:12px;flex-wrap:wrap}.audience-page #drawIssue{font-size:18px;font-weight:750;color:#323e4b}.audience-page #drawBalls{gap:12px;min-height:76px;justify-content:flex-start}.audience-page #drawBalls .ball{width:66px;height:66px;font-size:27px;flex-shrink:0}.audience-page #drawBalls .ball.special{margin-left:24px}.audience-page #drawBalls .ball.special:before{left:-21px;font-size:20px}.number-legend{display:flex;gap:18px;flex-wrap:wrap;margin:22px 0 26px;font-size:11px;color:#8a939e}.number-legend span{display:flex;align-items:center;gap:6px}.number-legend i{width:7px;height:7px;display:inline-block;border-radius:50%}.legend-red{background:var(--tone-e33a40,#e33a40)}.legend-blue{background:#3398d1}.legend-green{background:#75a746}
.audience-page .proof-strip{display:block;background:#f8f9fb;border:1px solid #ecedf1;padding:16px 18px;margin:0;border-radius:6px}.audience-page .proof-item{display:grid;gap:6px}.audience-page .proof-item>span{color:#5c6775;font-size:11px}.audience-page .proof-strip code{font-size:11px;line-height:1.8;color:#4c5563;overflow-wrap:anywhere;word-break:break-all}.proof-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:13px}.audience-page .btn{border-radius:5px;font-size:12px;box-shadow:none;transform:none;transition:background .15s}.audience-page .btn.primary{background:var(--tone-a11a24,#a11a24);border-color:var(--tone-a11a24,#a11a24);color:#fff}.audience-page .btn.primary:hover{background:var(--tone-8c141d,#8c141d)}.audience-page .btn.small{font-size:11px;padding:8px 11px}.evidence-summary{display:flex;align-items:flex-start;gap:12px;margin:16px 0;color:#78828f;font-size:11px}.evidence-summary>span{white-space:nowrap}.evidence-summary small{font-size:11px;color:#526174}
.material-details{border-top:1px solid #eceff3;padding-top:14px;color:#737e8b;font-size:12px}.material-details summary{cursor:pointer;list-style-position:inside}.material-grid{display:grid;gap:16px;padding:18px 0 2px}.material-grid code{font-size:11px;overflow-wrap:anywhere;word-break:break-all;color:#4d5867}.material-grid #evidenceLinks{display:flex;flex-wrap:wrap;gap:7px}.audience-page .draw-footer{margin-top:18px;border-top:1px solid #edf0f3;padding-top:14px}.audience-page .draw-footer .source{font-size:11px;line-height:1.7}.schedule-card .progress-wrap{padding:0;background:none}.schedule-card .prog-top{display:flex;flex-direction:column;gap:8px;font-size:11px}.schedule-card #progressLabel{font-size:17px;font-weight:700;color:#384454;line-height:1.55}.schedule-card .progress{margin-top:14px;height:5px}.schedule-card .progress span{background:var(--tone-b12632,#b12632)}.schedule-card .prog-foot{line-height:1.8;font-size:11px;margin-top:13px}.schedule-steps{padding:0 0 0 20px;margin:25px 0 20px;color:var(--tone-b32934,#b32934);font-size:12px}.schedule-steps li{padding:0 0 20px 5px}.schedule-steps li:last-child{padding-bottom:0}.schedule-steps b{display:block;color:#4d5866;font-size:12px;font-weight:650;margin-bottom:6px}.schedule-steps span{color:#9199a3;font-size:11px;line-height:1.8;display:block}.text-link{border:0;background:none;padding:0;color:var(--tone-a11a24,#a11a24);font-size:12px;font-weight:600;cursor:pointer;text-decoration:none}
.homepage-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.homepage-links button{display:block;text-align:left;background:#fff;border:1px solid #e4e6eb;border-radius:6px;padding:18px 20px;cursor:pointer}.homepage-links button:hover{border-color:var(--tone-d7b3b7,#d7b3b7)}.homepage-links b{display:block;font-size:13px;color:#465160;margin-bottom:7px}.homepage-links span{display:block;font-size:11px;color:#9099a5}
.site-footer{border-top:1px solid #e0e3e8;background:#eaedf1;color:#7a8491;padding:32px max(24px,calc((100vw - 1240px)/2)) 20px;font-size:11px}.footer-inner{display:flex;justify-content:space-between;gap:30px;margin-bottom:25px}.footer-inner strong{font-size:14px;color:#4e5967}.footer-inner p{margin:8px 0}.footer-links{display:flex;gap:24px;flex-wrap:wrap;align-content:flex-start}.footer-links a{color:#707c8c;text-decoration:none}.footer-links a:hover{color:var(--tone-a11a24,#a11a24)}
.instruction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.instruction-grid b{font-size:13px;color:var(--tone-99535b,#99535b)}.instruction-grid p,.verify-intro p,.evidence-entry-grid p,.about-content p{font-size:13px;color:#798492;line-height:1.9}.verify-intro h2,.evidence-entry-grid h2{font-size:20px;color:#364354;margin:0 0 10px}.verify-intro .btn{margin:10px 8px 0 0}.evidence-entry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.entry-symbol{font-weight:750;font-size:20px;color:var(--tone-ad2733,#ad2733);background:var(--tone-fff1f2,#fff1f2);border-radius:10px;width:45px;height:45px;display:grid;place-items:center;margin-bottom:23px}.about-content{max-width:960px}.about-content h2{font-size:17px;color:#435061;margin:26px 0 10px}.about-content h2:first-child{margin-top:0}.about-content .about-version{border-top:1px solid #eceff3;padding-top:20px;font-size:11px;margin-top:28px}
@media(max-width:1050px){.homepage-grid{grid-template-columns:minmax(0,1fr) 270px}.audience-page #drawBalls{gap:8px}.audience-page #drawBalls .ball{width:51px;height:51px;font-size:22px}.audience-page .top-nav{gap:20px}.audience-page .crumb{display:none}}
@media(max-width:900px){.homepage-grid{grid-template-columns:1fr}.audience-page .header-navigation{flex-direction:row;padding-bottom:0}.audience-page .header-main{min-height:78px}.audience-page #drawBalls .ball{width:61px;height:61px;font-size:25px}.instruction-grid{grid-template-columns:1fr}.header-timezone{display:none}.schedule-card .progress-wrap{max-width:none}.schedule-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:12px}.schedule-steps li{padding-bottom:0}}
@media(max-width:600px){.audience-page .site-header{padding:0 16px}.audience-page .header-main{padding:17px 0;min-height:0;flex-wrap:nowrap;gap:10px}.audience-page .home-brand strong{font-size:16px}.audience-page .home-brand small{font-size:9px}.audience-page .top-nav{display:flex;gap:20px;overflow-x:auto;flex-wrap:nowrap;padding:0;width:100%}.audience-page .top-nav button{white-space:nowrap;flex-shrink:0;padding:13px 0;font-size:12px}.audience-page .content{padding:16px 16px 32px}.site-connection{font-size:10px;margin-bottom:20px}.homepage-head h1{font-size:27px}.homepage-head p{font-size:12px}.homepage-label{display:none}.audience-page .card{padding:20px;border-radius:7px}.audience-page .card>.card-head{margin:0 0 20px;padding:0 0 12px}.audience-page #drawBalls{gap:5px;min-height:48px}.audience-page #drawBalls .ball{width:34px;height:34px;font-size:15px}.audience-page #drawBalls .ball.special{margin-left:12px}.audience-page #drawBalls .ball.special:before{left:-12px;font-size:13px}.number-legend{gap:12px;font-size:10px;margin:19px 0 22px}.audience-page #drawIssue{font-size:14px}.audience-page .proof-strip{padding:13px}.schedule-steps{display:block}.schedule-steps li{padding-bottom:18px}.homepage-links,.evidence-entry-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;gap:12px}.footer-links{gap:18px}.site-footer{padding:25px 20px 20px}.evidence-summary{flex-direction:column;gap:5px}.audience-page .draw-meta{margin-bottom:25px}}

/* Optional hot/cold frequency preview, based on disclosed history only. */
.frequency-filter{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:24px}.frequency-filter>div{display:grid;gap:8px}.frequency-filter label{font-size:11px;color:#7e8895}.frequency-filter select{min-height:38px;padding:8px 30px 8px 12px;border:1px solid #e0e4ea;border-radius:5px;background:white;color:#435062;font:inherit;font-size:12px}.frequency-filter p{font-size:11px;line-height:1.8;color:#838d9b;flex:1;min-width:200px;margin:0 0 3px}
.frequency-rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.frequency-rank{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.frequency-rank-item{display:grid;justify-items:center;gap:12px}.frequency-rank-item .mini-ball{width:42px;height:42px;font-size:18px}.frequency-rank-item b{color:#4d596a;font-size:17px}.frequency-rank-item b small,.frequency-number b small{color:#959eaa;font-size:10px;font-weight:400}.frequency-tag{display:inline-block;padding:3px 7px;border-radius:4px;font-size:10px;white-space:nowrap;background:#f0f1f4;color:#798494}.frequency-tag.hot{background:#f9ecee;color:#a8515c}.frequency-tag.cold{background:#eaf0f8;color:#667e9d}.frequency-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.frequency-number{border:1px solid #eceff3;border-radius:6px;padding:14px;background:#fcfcfd}.frequency-number>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:6px}.frequency-number .mini-ball{width:34px;height:34px;font-size:14px}.frequency-number>b{display:block;font-size:22px;color:#536174;margin:12px 0 8px}.frequency-number>small{font-size:10px;color:#96a0ac}.frequency-meter{height:4px;background:#eceff3;border-radius:3px;margin:0 0 10px;overflow:hidden}.frequency-meter span{height:100%;display:block;background:#b5bdc9;border-radius:3px}.frequency-note{margin:20px 0 0;font-size:11px;line-height:1.9;color:#8a94a2;max-width:1000px}.frequency-empty{grid-column:1/-1;color:#8b95a2;font-size:12px}
@media(max-width:1000px){.frequency-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.audience-page .top-nav{gap:22px}}
@media(max-width:700px){.frequency-rank-grid{grid-template-columns:1fr}.frequency-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.frequency-filter{gap:16px}.frequency-number{padding:10px}.frequency-number .mini-ball{width:28px;height:28px;font-size:12px}}
@media(max-width:420px){.frequency-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.frequency-rank{gap:7px}.frequency-rank-item .mini-ball{width:33px;height:33px;font-size:14px}.frequency-filter>div{width:100%}.frequency-filter select{width:100%}}

.frequency-category-label{font-size:11px;color:#7e8895}.frequency-category-buttons{display:flex;gap:0;border:1px solid #e0e4ea;border-radius:5px;overflow:hidden}.frequency-category-buttons button{background:#fff;border:0;padding:10px 14px;color:#748093;font-size:12px;white-space:nowrap}.frequency-category-buttons button+button{border-left:1px solid #e0e4ea}.frequency-category-buttons button.active{background:var(--tone-a11a24,#a11a24);color:white}.frequency-category-buttons button:hover:not(.active){background:var(--tone-f8f0f1,#f8f0f1);color:var(--tone-a11a24,#a11a24)}.frequency-filter .frequency-category select[hidden]{display:none}
@media(max-width:420px){.frequency-category-buttons button{flex:1;padding:11px 8px}}

.frequency-filter>div[hidden]{display:none}.frequency-filter input[type=number]{width:150px;min-height:38px;padding:8px 12px;border:1px solid #e0e4ea;border-radius:5px;font:inherit;font-size:12px;color:#435062}.frequency-filter input[aria-invalid=true]{border-color:var(--tone-b64d57,#b64d57)}
@media(max-width:420px){.frequency-filter input[type=number]{width:100%}}

/* Label the two result groups directly instead of explaining ball colors. */
.draw-number-area{--draw-ball-size:66px;--draw-ball-gap:12px;--draw-separator:20px;width:max-content;max-width:100%;overflow-x:auto;margin-bottom:26px;padding:0 0 4px}
.draw-number-labels,.audience-page #drawBalls{display:grid;grid-template-columns:repeat(6,var(--draw-ball-size)) var(--draw-separator) var(--draw-ball-size);gap:var(--draw-ball-gap);align-items:center}
.draw-number-labels{margin-bottom:13px;font-size:12px;color:#7e8998;text-align:center}.draw-number-labels span:first-child{grid-column:1/7}.draw-number-labels span:last-child{grid-column:8;justify-self:center;white-space:nowrap}
.audience-page #drawBalls{min-height:var(--draw-ball-size)}.audience-page #drawBalls .ball{width:var(--draw-ball-size);height:var(--draw-ball-size)}.audience-page #drawBalls .ball.special{grid-column:8;margin-left:0}.audience-page #drawBalls .ball.special::before{left:-26px}
@media(max-width:1050px){.draw-number-area{--draw-ball-size:51px;--draw-ball-gap:8px}}
@media(max-width:900px){.draw-number-area{--draw-ball-size:61px}}
@media(max-width:600px){.draw-number-area{--draw-ball-size:34px;--draw-ball-gap:4px;--draw-separator:10px}.draw-number-labels{font-size:10px;margin-bottom:11px}.audience-page #drawBalls .ball.special::before{left:-14px}}
@media(max-width:380px){.draw-number-area{--draw-ball-size:30px;--draw-ball-gap:3px;--draw-separator:8px}.audience-page #drawBalls .ball{font-size:13px}.audience-page #drawBalls .ball.special::before{left:-12px}}

/* Integrated number panels: one six-ball group and one special-ball group. */
.draw-number-area{--group-padding:14px;--draw-separator:28px;position:relative;isolation:isolate;padding:20px var(--group-padding) 22px;overflow:visible;margin-top:5px;margin-bottom:28px}
.draw-number-area::before,.draw-number-area::after{content:'';position:absolute;top:0;bottom:0;z-index:-1;border:1px solid #e3e7ed;border-radius:12px;background:linear-gradient(180deg,#f5f7fa,#fafbfc)}
.draw-number-area::before{left:0;width:calc(6 * var(--draw-ball-size) + 5 * var(--draw-ball-gap) + 2 * var(--group-padding))}
.draw-number-area::after{right:0;width:calc(var(--draw-ball-size) + 2 * var(--group-padding));background:linear-gradient(180deg,var(--tone-fbf0f1,#fbf0f1),var(--tone-fff8f8,#fff8f8));border-color:var(--tone-ecd5d9,#ecd5d9)}
.draw-number-labels{font-size:14px;font-weight:750;letter-spacing:1px;color:#445468;margin-bottom:18px}
.draw-number-labels span{position:relative;line-height:1.8}.draw-number-labels span:first-child{justify-self:center;padding:0 13px;background:#e9edf3;border-radius:5px}.draw-number-labels span:last-child{color:var(--tone-9f2733,#9f2733);letter-spacing:0;font-size:12px}
.audience-page #drawBalls .ball.special::before{left:-28px;color:#a9adb5;font-size:17px}
@media(max-width:600px){.draw-number-area{--group-padding:5px;--draw-ball-gap:3px;--draw-separator:12px;padding-top:14px;padding-bottom:16px}.draw-number-area::before,.draw-number-area::after{border-radius:8px}.draw-number-labels{font-size:12px;margin-bottom:13px;letter-spacing:.5px}.draw-number-labels span:first-child{padding:1px 11px}.draw-number-labels span:last-child{font-size:10px}.audience-page #drawBalls .ball.special::before{left:-15px;font-size:12px}}
@media(max-width:380px){.draw-number-area{--draw-ball-size:29px}.draw-number-labels span:last-child{font-size:9px}}

/* Both group labels use the same filled badge treatment. */
.draw-number-labels span:first-child,.draw-number-labels span:last-child{padding:2px 10px;border-radius:5px;font-size:12px;font-weight:750;letter-spacing:.5px;line-height:1.8}
.draw-number-labels span:first-child{background:#e9edf3;color:#445468}.draw-number-labels span:last-child{background:var(--tone-f2dfe3,#f2dfe3);color:var(--tone-9f2733,#9f2733)}
@media(max-width:600px){.draw-number-labels span:first-child,.draw-number-labels span:last-child{font-size:9px;padding:2px 2px;letter-spacing:0}}

/* Consistent action geometry across audience, verification and admin pages. */
.btn,.btn.small,.audience-page .btn,.audience-page .btn.small,.top-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 16px;font-size:12px;font-weight:650;line-height:20px;border-radius:5px;box-sizing:border-box;text-align:center;vertical-align:middle;text-decoration:none;gap:6px}
.btn[hidden]{display:none!important}
.button-group,.actions.button-group,.proof-actions.button-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch;width:100%;max-width:460px}
.button-group>.btn{width:100%;min-width:0;height:44px;margin:0!important;white-space:normal;padding:8px 14px}
.proof-actions.button-group{max-width:328px;margin-top:18px;margin-bottom:3px}
.verification-actions{max-width:460px;margin-top:20px}.verify-intro .verification-actions .btn{margin:0}
.actions.button-group{margin-left:auto;margin-top:18px}.top-actions{gap:14px;flex-wrap:wrap}.top-actions .btn{min-width:130px}
.material-grid #evidenceLinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:420px}.material-grid #evidenceLinks>.btn{height:40px;width:100%;margin:0}
.record-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.record-actions>.btn{width:164px;min-height:38px;padding:8px 12px;font-size:11px;margin:0}
.table-wrap td .btn{min-height:38px;font-size:11px;line-height:20px}.table-wrap td:not(:has(.record-actions))>.btn{margin-top:10px;margin-bottom:4px}
#revealed.actions{margin-top:16px}.evidence-entry-grid .btn{min-width:168px}.frequency-category-buttons button{min-height:40px;font-size:12px}.frequency-filter select,.frequency-filter input[type=number]{min-height:40px}
@media(max-width:600px){.button-group,.actions.button-group,.proof-actions.button-group{gap:12px}.top-actions .btn{min-width:112px}.material-grid #evidenceLinks{grid-template-columns:1fr;gap:12px}.verification-actions{grid-template-columns:1fr}.button-group>.btn{height:auto;min-height:44px}.record-actions>.btn{width:152px}}
@media(max-width:360px){.proof-actions.button-group{grid-template-columns:1fr}.actions.button-group{grid-template-columns:1fr}}

/* Compact history rows with aligned headings and horizontal verification links. */
.audience-page .history-table{min-width:820px;table-layout:auto}
.audience-page .history-table th{height:46px;padding:10px 14px;text-align:center;vertical-align:middle;background:#eef1f5;border-bottom:1px solid #d9dee5;color:#445468;font-size:12px;font-weight:750;letter-spacing:.5px}
.audience-page .history-table th+th{border-left:1px solid #dfe4eb}
.audience-page .history-table td{padding:12px 14px;text-align:center;vertical-align:middle;line-height:1.7}
.history-table td:first-child{min-width:112px}.history-table td:first-child b{font-size:13px}.history-table td:first-child small{font-size:11px;color:#697586}
.history-table .num-set{justify-content:center;align-items:center;flex-wrap:nowrap}
.history-table .proof-cell{min-width:148px;max-width:210px;white-space:normal}
.history-table .proof-cell summary{color:#596777;font-size:11px;padding:3px 0}
.history-table .proof-cell details[open]{text-align:left}
.history-table .record-actions{display:flex;flex-wrap:nowrap;justify-content:center;gap:8px;width:max-content;margin:0 auto}
.audience-page .history-table .record-actions>.btn{flex:0 0 126px;width:126px;min-width:126px;min-height:36px;height:36px;padding:7px 8px;margin:0;white-space:nowrap;font-size:11px;line-height:20px}

/* Prize introduction */
.introduction-hero{padding:38px 42px;border:1px solid var(--tone-ecdde0,#ecdde0);border-radius:9px;background:linear-gradient(120deg,var(--tone-fff9fa,#fff9fa),#fff 75%);margin-bottom:24px;overflow:hidden}
.introduction-kicker{color:var(--tone-a41624,#a41624);font-size:12px;font-weight:750;letter-spacing:2px;margin-bottom:20px}
.introduction-hero h2{font-size:36px;line-height:1.5;color:#303b4a;margin:0 0 20px;font-weight:750;letter-spacing:1px}
.introduction-hero>p{max-width:800px;font-size:14px;line-height:2;color:#6b7685;margin:0}
.introduction-facts{display:grid;grid-template-columns:repeat(3,1fr);max-width:760px;margin-top:30px;padding-top:24px;border-top:1px solid var(--tone-eadfe3,#eadfe3);gap:24px}
.introduction-facts div{display:flex;flex-direction:column;gap:6px}.introduction-facts b{font-size:26px;color:var(--tone-a41624,#a41624)}.introduction-facts span{font-size:12px;color:#748090}
.introduction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:24px}
.introduction-number{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:var(--tone-f7e9ec,#f7e9ec);color:var(--tone-a41624,#a41624);font-size:14px;font-weight:750;margin-bottom:15px}
.introduction-grid h2,.introduction-closing h2{font-size:19px;color:#384556;margin:0 0 12px}.introduction-grid p,.introduction-closing p{font-size:13px;color:#748090;line-height:1.95;margin:0}
.introduction-closing .button-group{margin-top:24px}
@media(max-width:650px){.introduction-hero{padding:26px 22px}.introduction-hero h2{font-size:26px}.introduction-facts{gap:12px}.introduction-facts b{font-size:21px}.introduction-facts span{font-size:10px}.introduction-grid{grid-template-columns:1fr;gap:16px}}

/* Introduction guide and chronological timeline. */
.introduction-hero-actions{margin-top:26px}.introduction-process{margin-bottom:24px}.introduction-process .card-head p{font-size:12px;color:#748090;line-height:1.8}
.introduction-timeline{list-style:none;margin:0;padding:4px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.introduction-timeline li{position:relative;min-width:0}.timeline-marker{position:relative;z-index:1;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--tone-e4c9cf,#e4c9cf);border-radius:50%;background:var(--tone-fcf1f3,#fcf1f3);color:var(--tone-a41624,#a41624);font-size:12px;font-weight:750;margin-bottom:18px}
.introduction-timeline li:not(:last-child)::after{content:'';position:absolute;top:19px;left:38px;width:calc(100% - 14px);height:1px;background:var(--tone-e4c9cf,#e4c9cf)}
.timeline-time{font-size:11px;color:var(--tone-a41624,#a41624);font-weight:650;line-height:1.7}.introduction-timeline h3{font-size:15px;color:#384556;margin:8px 0 10px;line-height:1.6}.introduction-timeline p{font-size:12px;color:#748090;line-height:1.9;margin:0;white-space:normal}
@media(max-width:1000px){.introduction-timeline{grid-template-columns:1fr;gap:0}.introduction-timeline li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:18px;padding-bottom:26px}.introduction-timeline li:last-child{padding-bottom:0}.introduction-timeline li:not(:last-child)::after{top:38px;left:19px;width:1px;height:calc(100% - 38px)}.timeline-marker{margin:0}.introduction-timeline h3{margin-top:5px}.introduction-timeline p{max-width:720px}}

/* Homepage commitment mechanism overview. */
.commitment-mechanism{margin:0 0 24px;padding:22px 26px;border:1px solid var(--tone-e5dce0,#e5dce0);border-radius:8px;background:linear-gradient(110deg,var(--tone-fff8f9,#fff8f9),#fff 70%)}
.mechanism-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mechanism-tag{padding:5px 9px;background:var(--tone-f3dfe4,#f3dfe4);border-radius:4px;color:var(--tone-9e2230,#9e2230);font-size:11px;font-weight:750;letter-spacing:.5px}.mechanism-heading h2{margin:0;color:#384556;font-size:18px;font-weight:750}
.commitment-mechanism>p{margin:12px 0 18px;font-size:12px;color:#748090;line-height:1.9}.mechanism-elements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mechanism-elements>span{display:flex;flex-direction:column;gap:6px;padding-left:13px;border-left:2px solid var(--tone-dfc3ca,#dfc3ca)}.mechanism-elements b{font-size:12px;color:#465568}.mechanism-elements small{font-size:11px;color:#798492;line-height:1.7}
@media(max-width:600px){.commitment-mechanism{padding:18px}.mechanism-heading h2{font-size:16px}.mechanism-elements{grid-template-columns:1fr;gap:14px}}

/* Beijing calendar clock replaces the lobby mechanism panel. */
.beijing-clock{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:28px;padding:24px 30px;margin-bottom:24px;background:linear-gradient(115deg,var(--tone-fff7f8,#fff7f8),#fff 65%);border:1px solid var(--tone-e5dce0,#e5dce0);border-radius:8px}
.clock-caption{display:flex;align-items:center;gap:15px}.clock-kicker{font-size:10px;letter-spacing:1.3px;color:var(--tone-9e5963,#9e5963);font-weight:650}.clock-caption h2{font-size:19px;color:#384556;margin:6px 0 0}
.clock-calendar{display:flex;flex-direction:column;gap:9px;border-left:1px solid var(--tone-e5dce0,#e5dce0);padding-left:28px}.clock-calendar b{font-size:19px;color:#465568;font-weight:650}.clock-calendar span{font-size:12px;color:#7b8593}
.clock-digits{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.clock-digits time{font-size:40px;line-height:1.2;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:2px;color:var(--tone-a41624,#a41624)}.clock-digits>span{font-size:10px;color:#8b929d;letter-spacing:1px}
#introduction .commitment-mechanism{padding:28px 30px;margin-bottom:24px}#introduction .mechanism-heading{gap:12px}#introduction .mechanism-stage{margin-left:auto;font-size:11px;color:var(--tone-9b6770,#9b6770)}#introduction .mechanism-elements{margin-top:22px;padding-top:20px;border-top:1px solid var(--tone-ecdee2,#ecdee2)}#introduction .mechanism-elements>span{padding:12px 16px;border:1px solid var(--tone-e8dce0,#e8dce0);background:#fff;border-radius:6px;gap:9px}#introduction .mechanism-elements b{font-size:13px}
@media(max-width:750px){.beijing-clock{grid-template-columns:1fr auto;gap:20px;padding:20px}.clock-calendar{grid-column:1;grid-row:2;border-left:0;padding-left:0}.clock-digits{grid-column:2;grid-row:1/3}.clock-digits time{font-size:32px}.clock-calendar b{font-size:16px}.clock-caption h2{font-size:17px}#introduction .mechanism-stage{margin-left:0}#introduction .commitment-mechanism{padding:22px}}
@media(max-width:400px){.beijing-clock{gap:16px;padding:18px}.clock-digits time{font-size:26px;letter-spacing:1px}.clock-kicker{font-size:8px}.clock-caption{gap:10px}.clock-calendar b{font-size:14px}}

.public-seed .proof-item{width:100%;max-width:none}.public-seed code{max-width:none;font-size:11px;overflow-wrap:anywhere}

/* Commitment-focused introduction. */
.integrity-kicker{font-size:11px;letter-spacing:1.7px;color:var(--tone-a32131,#a32131);font-weight:750}.integrity-promises{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.integrity-promises span{padding:8px 14px;background:#fff;border:1px solid var(--tone-e9d3d9,#e9d3d9);border-radius:5px;font-size:12px;font-weight:650;color:var(--tone-91414e,#91414e)}
.integrity-section-head{margin:30px 0 20px}.integrity-section-head>span{font-size:10px;letter-spacing:2px;color:var(--tone-a05a67,#a05a67);font-weight:700}.integrity-section-head h2{font-size:24px;color:#384556;margin:10px 0}.integrity-section-head p{font-size:13px;color:#7d8794;line-height:1.8}
.integrity-pillar-grid,.integrity-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:30px}.integrity-index{display:block;color:var(--tone-a02738,#a02738);font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:20px}.integrity-pillar-grid h3,.integrity-evidence-grid h3{font-size:19px;color:#384556;line-height:1.5;margin:0 0 14px}.integrity-pillar-grid p,.integrity-evidence-grid p,.integrity-binding p{font-size:13px;color:#758190;line-height:1.95;margin:0 0 15px}.integrity-pillar-grid strong{display:block;padding-top:16px;border-top:1px solid var(--tone-ede3e7,#ede3e7);font-size:12px;font-weight:650;color:var(--tone-9f3746,#9f3746)}.integrity-evidence-grid .text-link{margin-top:6px}
.integrity-binding{display:grid;grid-template-columns:1fr 1.7fr;gap:40px;align-items:center;padding:32px 36px;border-radius:8px;background:#f1f3f6;border:1px solid #e2e6eb;margin:30px 0}.integrity-binding h2{font-size:25px;line-height:1.6;color:#384556;margin:12px 0}.integrity-binding p:last-child{margin-bottom:0}.integrity-bottom{border-top:1px solid #e2e6eb;padding:24px 0 8px;text-align:center}.integrity-bottom p{font-size:14px;letter-spacing:1px;color:#495668;font-weight:650}.integrity-bottom span{font-size:11px;color:#8993a0;line-height:1.8}
@media(max-width:850px){.integrity-pillar-grid,.integrity-evidence-grid{grid-template-columns:1fr}.integrity-binding{grid-template-columns:1fr;gap:15px}}
@media(max-width:600px){.integrity-section-head h2{font-size:21px}.integrity-binding{padding:24px}.integrity-binding h2{font-size:23px}.integrity-promises{gap:8px}.integrity-promises span{font-size:11px;padding:7px 10px}}

/* Number selection hall */
.selection-modes,.selection-tools>div{display:flex;gap:0}.selection-modes button,[data-select-role]{border:1px solid #dce1e7;background:#f3f4f6;padding:11px 18px;color:#667181;font-size:12px;cursor:pointer}.selection-modes button.active,[data-select-role].active{background:var(--tone-bd202d,#bd202d);color:#fff;border-color:var(--tone-bd202d,#bd202d)}.selection-modes button:first-child{border-radius:5px 0 0 5px}.selection-modes button:last-child{border-radius:0 5px 5px 0}.selection-tools{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:20px 0 30px}.selection-tools label{display:flex;align-items:center;gap:10px;font-size:12px;color:#687486}.selection-tools select{height:40px;border:1px solid #dce1e7;background:#fff;border-radius:5px;padding:0 12px;color:#445468}.selection-tools [hidden]{display:none!important}
.selection-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:20px 18px;max-width:920px;margin:0 auto;padding:20px 0 34px}.selection-number{position:relative;justify-self:center;width:58px;height:58px;border:2px solid var(--pick-color);border-radius:50%;color:#4b5663;background:#fff;font-size:22px;font-weight:700;cursor:pointer;transition:background .15s,color .15s}.selection-number.red{--pick-color:#e7686e}.selection-number.blue{--pick-color:#53809a}.selection-number.green{--pick-color:#88ad60}.selection-number:hover{box-shadow:0 0 0 4px #edf0f4}.selection-number.selected{background:var(--pick-color);color:#fff;box-shadow:inset 0 0 0 3px #ffffff40}.selection-number:focus-visible{outline:3px solid #384556;outline-offset:3px}.selection-number small{position:absolute;top:-6px;right:-6px;background:#aa202f;color:#fff;font-size:9px;padding:2px 5px;border-radius:8px;border:2px solid #fff}
.selection-summary{display:grid;grid-template-columns:1fr auto;gap:24px;padding:22px 24px;background:#f4f5f7;border:1px solid #e5e8ed;border-radius:7px}.selection-summary h3{font-size:14px;color:#445468;margin:0 0 14px}.selection-chosen{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.selection-chosen>div{display:flex;flex-wrap:wrap;align-items:center;gap:7px;flex-basis:100%}.selection-chosen b{font-size:11px;margin-right:6px;color:var(--tone-9c3342,#9c3342)}.selection-chosen small{font-size:12px;color:#87909c}.selection-chip{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#fff;border:1px solid #d6dce4;font-size:12px;font-weight:650;color:#445468}.selection-summary p{font-size:12px;color:#7a8594;line-height:1.8;margin-bottom:0}.selection-total{display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-size:11px;color:#788391}.selection-total strong{font-size:25px;color:var(--tone-a52333,#a52333);font-variant-numeric:tabular-nums}.selection-saved{margin-top:24px}.selection-ticket{display:grid;grid-template-columns:170px 1fr auto;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid #e7ebef}.selection-ticket>div:first-child{display:flex;flex-direction:column;gap:7px}.selection-ticket b{font-size:13px;color:#445468}.selection-ticket small{font-size:10px;color:#8993a0}.selection-ticket-action{display:flex;align-items:center;gap:14px;font-size:11px;color:#7b8592}.selection-empty{font-size:13px;color:#87909c;padding:15px 0}
@media(max-width:800px){.selection-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:16px 10px}.selection-number{width:48px;height:48px;font-size:19px}.selection-ticket{grid-template-columns:1fr}.selection-ticket-action{justify-content:space-between}}
@media(max-width:500px){.selection-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 8px}.selection-number{width:45px;height:45px;font-size:18px}.selection-summary{grid-template-columns:1fr;padding:18px}.selection-total{align-items:flex-start}.selection-modes button{padding:10px 15px}.selection-tools{gap:12px}}

/* Historical number distribution grid. */
.trend-controls{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:18px}.trend-controls label{display:flex;align-items:center;gap:10px;font-size:12px;color:#657284}.trend-controls select,.trend-controls input[type=number]{height:40px;padding:0 12px;border:1px solid #dbe1e8;border-radius:5px;background:#fff;color:#445468}.trend-controls input[type=number]{width:100px}.trend-controls [hidden]{display:none!important}.trend-mode-buttons{display:flex}.trend-mode-buttons button{padding:11px 17px;border:1px solid #dce1e7;color:#697585;background:#f4f5f7;font-size:12px;cursor:pointer}.trend-mode-buttons button:first-child{border-radius:5px 0 0 5px}.trend-mode-buttons button:last-child{border-radius:0 5px 5px 0}.trend-mode-buttons button.active{background:var(--tone-b51f2d,#b51f2d);border-color:var(--tone-b51f2d,#b51f2d);color:#fff}.trend-summary{font-size:12px;color:#7c8796;line-height:1.8}.trend-scroll{max-height:650px;overflow:auto;border:1px solid #e1e6ed;border-radius:5px}.trend-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.audience-page .trend-table th,.audience-page .trend-table td{width:30px;min-width:30px;height:38px;padding:2px;text-align:center;border-right:1px solid #e8ebf0;border-bottom:1px solid #e8ebf0;font-size:11px;vertical-align:middle}.audience-page .trend-table thead th{position:sticky;top:0;z-index:2;background:#edf0f5;color:#4b596b}.audience-page .trend-table th:first-child{width:76px;min-width:76px;position:sticky;left:0;background:#f5f6f8;z-index:1;color:#556274}.audience-page .trend-table thead th:first-child{z-index:3;background:#edf0f5}.audience-page .trend-table tbody tr:nth-child(even){background:#fafbfc}.trend-dot,.trend-hit-example{display:inline-grid;place-items:center;background:var(--tone-b32b3a,#b32b3a);color:#fff;border-radius:50%;width:25px;height:25px;font-size:10px;font-weight:750}.trend-miss{font-size:10px;color:#a8b1bd;font-variant-numeric:tabular-nums}.trend-note{margin-top:18px;color:#8993a0;font-size:11px;line-height:1.9}.trend-hit-example{width:30px;height:30px;font-size:9px;margin-right:6px}

/* Fit all 49 trend columns into the available page width. */
.trend-scroll{container-type:inline-size;overflow-x:hidden;overflow-y:auto;max-width:100%}
.audience-page .trend-table{width:100%;min-width:0;table-layout:fixed}
.audience-page .trend-table th,.audience-page .trend-table td{width:auto;min-width:0;padding:0;height:34px;font-size:clamp(5px,.88cqw,11px);letter-spacing:0;box-sizing:border-box;overflow:hidden}
.audience-page .trend-table th:first-child{width:56px;min-width:0;font-size:clamp(8px,.9cqw,11px)}
.trend-dot{width:clamp(4px,1.65cqw,23px);height:clamp(4px,1.65cqw,23px);font-size:clamp(4px,.78cqw,10px);line-height:1;font-weight:750;border-radius:50%;vertical-align:middle}
.trend-miss{font-size:clamp(4px,.72cqw,10px);letter-spacing:-.2px}
.trend-dot.trend-color-red{background:#d43d49}.trend-dot.trend-color-blue{background:#347fab}.trend-dot.trend-color-green{background:#669844}
.audience-page .trend-table thead th.trend-color-red{background:#f9e9ec;color:#b72b3b}.audience-page .trend-table thead th.trend-color-blue{background:#e9f1f8;color:#2c6f98}.audience-page .trend-table thead th.trend-color-green{background:#eef4e8;color:#56832f}
@media(max-width:600px){.audience-page .trend-card{padding:14px 8px}.audience-page .trend-table th:first-child{width:36px;font-size:7px}.audience-page .trend-table th,.audience-page .trend-table td{height:27px;border-right-color:#eef0f4}.trend-controls{gap:12px;padding:0 6px}.trend-summary,.trend-note{padding:0 6px}}

.history-sort-label{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:650;color:#556171;flex:0 0 180px}.history-sort-label select{width:100%;height:44px;padding:0 10px;border:1px solid #d9dee5;border-radius:5px;background:#fff;font:inherit;color:#445468;text-align:center;text-align-last:center}.history-sort-label select:focus-visible{outline:2px solid var(--tone-b81d29,#b81d29);outline-offset:2px}@media(max-width:650px){.history-sort-label{flex:1 1 100%}.history-sort-label select{max-width:none}}

/* Shared responsive layout: phone, tablet, desktop and touch input. */
html{box-sizing:border-box;-webkit-text-size-adjust:100%;text-size-adjust:100%}*,*::before,*::after{box-sizing:inherit}body{min-width:0}img,svg,video{max-width:100%}input,select,textarea{max-width:100%;min-width:0}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a.btn{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--tone-a52334,#a52334);outline-offset:3px}
.card,.card>* ,.wrap,.main,.content,.grid>*,.homepage-grid>*,.formgrid>*,.field,.material-grid>*,.proof-item,.hash-box{min-width:0}.wrap{width:100%}.card code,.card pre,.mono,.hash-box code,#commitId,#recordHash{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.card pre{white-space:pre-wrap}.topbar .brand{min-width:0}.topbar .mark{flex-shrink:0}.toast{max-width:calc(100vw - 32px);width:max-content;text-align:center;overflow-wrap:anywhere}.audience-page .top-nav{flex-wrap:wrap}.header-navigation{min-width:0}.footer-inner,.footer-links{flex-wrap:wrap}.history-date-fields{min-width:0}.history-search .history-date-fields{flex-wrap:wrap}.history-date-fields label{flex:1 1 110px}.page-head,.card-head,.heading{flex-wrap:wrap}.selection-modes,.frequency-category-buttons{flex-wrap:wrap}
@media(pointer:coarse){.btn,.btn.small,.top-nav button,.text-link,.selection-modes button,[data-select-role],.trend-mode-buttons button,.frequency-category-buttons button{min-height:44px}.selection-number{min-height:44px}summary{min-height:36px;display:flex;align-items:center}}
@media(max-width:1100px){.audience-page .header-navigation{display:block}.audience-page .crumb{display:none}.audience-page .top-nav{gap:22px}.homepage-grid{grid-template-columns:minmax(0,1fr) 280px}.frequency-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:900px){.audience-page .homepage-grid{grid-template-columns:1fr}.instruction-grid,.homepage-links{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.hash-compare{grid-template-columns:1fr}.topbar:not(.site-header){flex-wrap:wrap}.top-actions{flex-wrap:wrap}.topbar:not(.site-header) .top-actions{margin-left:auto}.frequency-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:650px){
 body{font-size:14px}.wrap{padding:24px 16px 40px}.wrap h1{font-size:24px}.card{padding:18px}.field input,.field select,.trend-controls input,.trend-controls select,.selection-tools select,.frequency-filter select,.frequency-filter input,.history-search select{font-size:16px;min-height:44px}.field label{font-size:12px;line-height:1.6}.hint,.notice,.sub,.lead{line-height:1.8}.topbar:not(.site-header){padding:16px;gap:14px}.topbar:not(.site-header) .top-actions{width:100%;margin-left:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.topbar:not(.site-header) .top-actions .badge{display:none}.top-actions .btn{min-width:0;white-space:normal}.brand b{font-size:15px}.formgrid{grid-template-columns:minmax(0,1fr)}.field.full{grid-column:auto}.status{grid-template-columns:repeat(2,minmax(0,1fr))}.actions.button-group{max-width:none}.result .balls,.preview .balls{gap:5px}.result .ball,.preview .ball{width:32px;height:32px;font-size:14px}.result .ball.special,.preview .ball.special{margin-left:12px}.result .ball.special::before,.preview .ball.special::before{left:-12px}.target-preview{flex-wrap:wrap}.logrow{grid-template-columns:56px minmax(0,1fr)}
 .audience-page .site-header{position:relative}.audience-page .top-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;overflow:visible;flex-wrap:wrap}.audience-page .top-nav button{padding:12px 0;font-size:12px;min-width:0;white-space:normal;text-align:center;justify-content:center}.audience-page .header-main{flex-wrap:wrap}.audience-page .home-brand{min-width:0}.audience-page .home-brand strong{font-size:16px}.audience-page .content{padding:18px 14px 32px}.audience-page .card{padding:18px}.audience-page .card>.card-head{margin:0 0 16px;padding:0 0 12px}.card-head .live{line-height:1.8}.proof-strip{gap:14px}.proof-item{min-width:0;width:100%}.proof-strip code{max-width:none;font-size:11px}.proof-actions.button-group{max-width:none}.material-grid{grid-template-columns:1fr}.draw-footer{flex-wrap:wrap;gap:12px}.draw-footer .source{overflow-wrap:anywhere}.homepage-head h1{font-size:27px}.page-head p{font-size:13px}.frequency-filter{flex-wrap:wrap;gap:16px}.frequency-rank-grid{grid-template-columns:1fr}.frequency-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.frequency-rank{gap:8px}.frequency-number{padding:12px 8px}.history-search{padding:16px 0}.history-date-fields{width:100%;flex-basis:100%;gap:8px}.history-date-fields label{flex:1 1 0;min-width:0}.history-field-title{font-size:11px}.history-date-fields select{padding:0 4px;font-size:14px}.history-sort-label{width:100%}.history-search .history-search-actions{max-width:none;width:100%}.table-foot{flex-wrap:wrap;gap:8px;font-size:11px}.site-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}.footer-links{flex-direction:column;align-items:flex-start;gap:12px}
 /* Record and evidence tables become readable stacked rows on phones. */
 #history .table-wrap,#github .table-wrap,#ots .table-wrap{overflow:visible;background:none}.audience-page .history-table,#github table,#ots table{display:block;width:100%;min-width:0;white-space:normal}.history-table thead,#github thead,#ots thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.history-table tbody,#github tbody,#ots tbody{display:block}.audience-page .history-table tbody tr,#github tbody tr,#ots tbody tr{display:block;margin:0 0 14px;border:1px solid #e0e5ec;border-radius:7px;background:#fff!important;padding:12px}.audience-page .history-table td,#github td,#ots td{display:block;min-width:0!important;max-width:none;width:100%;text-align:left;padding:9px 0;border-bottom:1px solid #edf0f4;white-space:normal;overflow-wrap:anywhere}.audience-page .history-table td:last-child,#github td:last-child,#ots td:last-child{border-bottom:0}.history-table td[data-label]::before,#github td::before,#ots td::before{display:block;margin-bottom:7px;font-size:11px;font-weight:750;color:#7c8796}.history-table td[data-label]::before{content:attr(data-label)}#github td:nth-child(1)::before,#ots td:nth-child(1)::before{content:'期号与承诺'}#github td:nth-child(2)::before,#ots td:nth-child(2)::before{content:'开奖前留存'}#github td:nth-child(3)::before,#ots td:nth-child(3)::before{content:'开奖后留存'}#github td:nth-child(4)::before,#ots td:nth-child(4)::before{content:'查看与核验'}.history-table .num-set{justify-content:flex-start;gap:5px}.history-table .num-chip{width:29px;height:29px;min-width:29px;font-size:13px;padding:0}.history-table .num-chip.special{margin-left:13px}.history-table .num-chip.special::before{left:-13px;font-size:12px}.history-table .record-actions{width:100%;justify-content:flex-start;margin:0}.audience-page .history-table .record-actions>.btn{min-height:44px;height:44px}.history-table .proof-cell small{font-size:11px}.history-table .proof-cell summary{font-size:12px}.history-table .proof-cell code{font-size:11px}.trend-controls label{flex-wrap:wrap}.trend-controls select{max-width:100%}.audience-page .trend-card{padding:16px 6px}.trend-scroll{width:100%}.trend-note{font-size:11px}.selection-tools{align-items:flex-start}.selection-tools label{flex-wrap:wrap}.selection-summary{padding:16px}.integrity-section-head h2{font-size:21px}.beijing-clock{margin-bottom:20px}
}
@media(max-width:380px){.audience-page .home-brand strong{font-size:14px}.draw-number-area{--draw-ball-size:26px;--draw-ball-gap:3px;--draw-separator:10px;--group-padding:4px}.audience-page #drawBalls .ball{width:26px;height:26px;font-size:12px}.frequency-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.selection-grid{gap:12px 5px}.selection-number{width:44px;height:44px;font-size:17px}.status{grid-template-columns:1fr}.result .ball,.preview .ball{width:27px;height:27px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.btn,.selection-number{transition:none}}

/* Compact selection board with the selected set visible before the number grid. */
.selection-board .card-head{margin-bottom:12px!important;padding-bottom:12px!important}.selection-board .card-head h2{font-size:16px}.selection-board .card-head p{margin:5px 0 0;font-size:12px}.selection-tools{margin:12px 0 16px;gap:12px}.selection-summary{padding:14px 18px;gap:20px;margin-bottom:14px;align-items:center}.selection-summary h3{margin:0 0 9px;font-size:13px}.selection-summary p{margin:9px 0 0;font-size:11px}.selection-total{display:grid;grid-template-columns:auto auto;align-items:center;gap:8px 16px;min-width:190px}.selection-total strong{font-size:22px}.selection-total .btn{grid-column:1/-1;width:100%}.selection-grid{max-width:840px;gap:12px 16px;padding:12px 0 8px}.selection-number{width:46px;height:46px;font-size:19px}.selection-saved{margin-top:20px}.selection-modes button{padding:10px 18px}.selection-chip{width:27px;height:27px}.selection-ticket{padding:14px 0}
@media(max-width:800px){.selection-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:10px 5px}.selection-number{width:38px;height:38px;font-size:17px}.selection-summary{gap:16px}.selection-total{min-width:170px}}
@media(max-width:650px){.selection-board .card-head{gap:12px}.selection-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px 6px}.selection-number{width:40px;height:40px;min-height:40px;font-size:17px}.selection-summary{grid-template-columns:1fr;padding:14px;gap:12px}.selection-total{grid-template-columns:1fr auto;min-width:0}.selection-total .btn{grid-column:1/-1;min-height:44px}.selection-tools{margin:10px 0 14px;gap:10px}.selection-tools label{font-size:11px}.selection-tools .btn{padding:8px 12px}.selection-modes button{padding:9px 16px}.selection-chip{width:26px;height:26px}}
@media(max-width:380px){.selection-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:9px 3px}.selection-number{width:32px;height:32px;min-height:32px;font-size:15px}}

/* Unified section mastheads below the navigation. */
.audience-page .view>.page-head{position:relative;isolation:isolate;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px;padding:24px 30px 24px 34px;background:linear-gradient(110deg,#fff 0%,#fff 56%,var(--tone-f8eef0,#f8eef0) 100%);border:1px solid #e5dfe4;border-radius:9px;overflow:hidden;box-shadow:0 3px 10px #26324303}
.audience-page .view>.page-head::before{content:'';position:absolute;left:0;top:22px;bottom:22px;width:4px;border-radius:0 4px 4px 0;background:var(--tone-ad2939,#ad2939)}
.audience-page .view>.page-head::after{content:'';position:absolute;z-index:-1;right:36px;top:50%;width:150px;height:150px;border:1px solid var(--tone-a72a3b0d,#a72a3b0d);border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 24px var(--tone-a72a3b04,#a72a3b04),0 0 0 48px var(--tone-a72a3b03,#a72a3b03);pointer-events:none}
.audience-page .page-head>div{position:relative;min-width:0}.audience-page .page-head .eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 11px;padding:4px 9px;border:1px solid var(--tone-ebdce0,#ebdce0);border-radius:4px;background:var(--tone-fcf5f6,#fcf5f6);color:var(--tone-a0404e,#a0404e);font-size:9px;letter-spacing:1.2px;line-height:1.4;font-weight:650}.audience-page .page-head .eyebrow::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--tone-b44252,#b44252);flex-shrink:0}
.audience-page .page-head h1{color:#344153;font-size:28px;line-height:1.35;font-weight:750;letter-spacing:1.5px;margin:0}.audience-page .page-head h1+p{margin:11px 0 0;max-width:760px;font-size:12px;color:#7c8796;line-height:1.85}.audience-page .page-head .homepage-label{position:relative;flex-shrink:0;align-self:center;border:1px solid var(--tone-e6d3d9,#e6d3d9);background:#ffffffbf;color:var(--tone-98616c,#98616c);border-radius:20px;padding:7px 13px;font-size:10px;letter-spacing:.5px}
@media(max-width:650px){.audience-page .view>.page-head{padding:19px 20px 19px 24px;margin-bottom:20px;gap:12px;border-radius:7px}.audience-page .view>.page-head::before{top:18px;bottom:18px;width:3px}.audience-page .view>.page-head::after{right:-35px;width:110px;height:110px}.audience-page .page-head h1{font-size:24px;letter-spacing:1px}.audience-page .page-head .eyebrow{font-size:8px;letter-spacing:.8px;margin-bottom:9px;padding:4px 7px;max-width:100%;white-space:normal}.audience-page .page-head h1+p{font-size:12px;margin-top:9px}.audience-page .page-head .homepage-label{display:none}}

/* Refined Beijing time panel, matching section mastheads. */
.beijing-clock{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:28px;padding:27px 32px;background:linear-gradient(110deg,#fff,var(--tone-fff9fa,#fff9fa) 64%,var(--tone-f8edef,#f8edef));border-color:var(--tone-e6dbe1,#e6dbe1);border-radius:9px;box-shadow:0 3px 10px #26324303}
.beijing-clock::before{content:'';position:absolute;left:0;top:23px;bottom:23px;width:4px;background:var(--tone-ad2939,#ad2939);border-radius:0 4px 4px 0}.beijing-clock::after{content:'';position:absolute;z-index:-1;right:-20px;top:-64px;width:220px;height:220px;border:1px solid var(--tone-a72a3b0c,#a72a3b0c);border-radius:50%;box-shadow:0 0 0 22px var(--tone-a72a3b03,#a72a3b03);pointer-events:none}
.clock-caption{gap:17px}.clock-kicker{display:inline-block;padding:4px 8px;background:var(--tone-fff7f9,#fff7f9);border:1px solid var(--tone-ead8df,#ead8df);border-radius:4px;font-size:9px;letter-spacing:1px;color:var(--tone-a15b68,#a15b68)}.clock-caption h2{margin:9px 0 0;font-size:22px;font-weight:750;letter-spacing:3px;color:#465164}
.clock-calendar{gap:10px;padding-left:28px;border-left-color:var(--tone-e9dce2,#e9dce2)}.clock-calendar b{font-size:19px;font-weight:650;letter-spacing:.6px;color:#526074}.clock-calendar span{width:max-content;padding:3px 10px;border:1px solid var(--tone-e7dce2,#e7dce2);border-radius:20px;background:var(--tone-fff9fb,#fff9fb);color:var(--tone-91616e,#91616e);font-size:11px;letter-spacing:1px}
.clock-digits{padding:12px 19px;border:1px solid var(--tone-ead8df,#ead8df);border-radius:8px;background:#ffffffb3;gap:7px;box-shadow:inset 0 1px 0 #fff}.clock-digits time{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:39px;font-weight:650;letter-spacing:2px;color:var(--tone-a52f40,#a52f40);font-variant-numeric:tabular-nums}.clock-digits>span{align-self:center;font-size:9px;letter-spacing:2px;color:var(--tone-997582,#997582)}
@media(max-width:850px){.beijing-clock{gap:20px;grid-template-columns:1fr auto;padding:23px 25px}.clock-caption{grid-column:1;grid-row:1}.clock-calendar{grid-column:1;grid-row:2;padding-left:0;border:0;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}.clock-digits{grid-column:2;grid-row:1/3}.clock-digits time{font-size:33px}.clock-caption h2{font-size:20px}.clock-calendar b{font-size:16px}}
@media(max-width:500px){.beijing-clock{gap:18px;padding:21px 22px}.clock-caption{gap:12px}.clock-caption h2{font-size:19px;letter-spacing:2px}.clock-kicker{font-size:8px;letter-spacing:.5px;padding:3px 6px}.clock-digits{grid-column:1/-1;grid-row:3;align-items:center;padding:12px 16px;gap:6px}.clock-digits time{font-size:36px;letter-spacing:3px}.clock-calendar{grid-column:1/-1;grid-row:2;justify-content:space-between}.clock-calendar b{font-size:16px}.clock-calendar span{font-size:10px}}

/* Restore the simple title/date/time arrangement without an icon. */
.beijing-clock{grid-template-columns:minmax(150px,1fr) minmax(170px,1fr) auto;padding:25px 30px;gap:28px}.clock-caption{display:block}.clock-caption h2{font-size:22px;letter-spacing:2px}.clock-digits{border:0;border-radius:0;background:none;box-shadow:none;padding:0;align-items:flex-end}.clock-digits time{font-size:40px;letter-spacing:2px}.clock-digits>span{align-self:flex-end;letter-spacing:1px}.clock-calendar span{border:0;background:none;border-radius:0;padding:0;font-size:12px;color:#7b8593;letter-spacing:.5px}
@media(max-width:750px){.beijing-clock{grid-template-columns:1fr auto;padding:22px;gap:18px}.clock-caption{grid-column:1;grid-row:1}.clock-calendar{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;padding-left:0;border:0}.clock-digits{grid-column:2;grid-row:1/3;padding:0;align-items:flex-end}.clock-digits time{font-size:32px;letter-spacing:1px}.clock-caption h2{font-size:19px}.clock-calendar b{font-size:16px}.clock-kicker{font-size:8px}}
@media(max-width:400px){.beijing-clock{padding:20px 18px;gap:12px}.clock-caption h2{font-size:18px}.clock-calendar b{font-size:14px;letter-spacing:0}.clock-digits time{font-size:26px}.clock-digits>span{font-size:8px}.clock-kicker{font-size:7px;letter-spacing:.3px;padding:3px 5px}}

/* Match the supplied reference: plain heading, centered date area, large right-aligned time. */
.beijing-clock{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:34px;padding:30px 28px;margin-bottom:24px;background:linear-gradient(110deg,var(--tone-fff7f9,#fff7f9),#fff 66%);border:1px solid var(--tone-ede3e7,#ede3e7);border-radius:8px;box-shadow:none}
.beijing-clock::before,.beijing-clock::after{display:none}.clock-caption{display:block}.clock-kicker{display:block;padding:0;border:0;border-radius:0;background:none;color:var(--tone-b44757,#b44757);font-size:11px;font-weight:700;letter-spacing:1.4px;line-height:1.5}.clock-caption h2{margin:10px 0 0;font-size:22px;letter-spacing:0;color:#35465c;font-weight:750}
.clock-calendar{grid-column:auto;grid-row:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;border-left:1px solid #e2dbe1;padding:0 0 0 34px}.clock-calendar b{font-size:23px;font-weight:750;letter-spacing:0;color:#4c5e74;line-height:1.4}.clock-calendar span{font-size:12px;color:#8490a0;padding:0;background:none;border:0;letter-spacing:0}
.clock-digits{grid-column:auto;grid-row:auto;display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding:0;border:0;background:none;box-shadow:none}.clock-digits time{font-family:inherit;font-size:50px;line-height:1.1;letter-spacing:2px;font-weight:750;color:var(--tone-ae1629,#ae1629);font-variant-numeric:tabular-nums}.clock-digits>span{align-self:flex-end;font-size:11px;letter-spacing:0;color:#8993a1}
@media(max-width:750px){.beijing-clock{grid-template-columns:1fr auto;gap:18px;padding:24px}.clock-caption{grid-column:1;grid-row:1}.clock-calendar{grid-column:1;grid-row:2;border:0;padding:0;gap:8px}.clock-digits{grid-column:2;grid-row:1/3}.clock-kicker{font-size:9px;letter-spacing:.8px}.clock-caption h2{font-size:20px;margin-top:7px}.clock-calendar b{font-size:18px}.clock-digits time{font-size:36px;letter-spacing:1px}}
@media(max-width:400px){.beijing-clock{padding:20px 18px;gap:14px}.clock-kicker{font-size:8px}.clock-caption h2{font-size:18px}.clock-calendar b{font-size:15px}.clock-calendar span{font-size:11px}.clock-digits time{font-size:28px}.clock-digits>span{font-size:9px}}

/* Center the Beijing time title and its English caption. */
.beijing-clock .clock-caption{text-align:center}.beijing-clock .clock-kicker{text-align:center}.beijing-clock .clock-caption h2{text-align:center}

/* Align both lines within each clock column on every screen size. */
.beijing-clock .clock-calendar{align-items:center;text-align:center}.beijing-clock .clock-calendar span{align-self:center}.beijing-clock .clock-digits{align-items:center;text-align:center}.beijing-clock .clock-digits>span{align-self:center}

.draw-hero .card-head>div:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px}.draw-hero .draw-heading-time{margin:0;font-size:11px;color:#7b8797;line-height:1.8}.draw-issue-caption{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px}.draw-issue-caption #issueCountdown{font-size:clamp(18px,1.6vw,21px);color:var(--tone-a3293b,#a3293b);font-weight:800;line-height:1.5;font-variant-numeric:tabular-nums;letter-spacing:.35px}@media(max-width:650px){.draw-hero .card-head>div:first-child{gap:7px}.draw-hero .draw-heading-time{flex-basis:100%;font-size:11px}.draw-issue-caption{gap:8px 14px}.draw-issue-caption #issueCountdown{font-size:18px}}

/* Shared logo locations; all images reference assets/brand-logo.png. */
.logo-slot{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;overflow:hidden}.logo-slot img{display:block;width:100%;height:100%;object-fit:contain}.logo-header{width:72px;height:46px}.logo-section{width:72px;height:46px;align-self:center;margin-left:auto}.audience-page .page-head>div{flex:1}.logo-feature{float:right;width:160px;height:100px;margin:0 0 24px 28px}.logo-draw{width:45px;height:29px}.logo-footer{width:88px;height:55px}.footer-brand{display:flex;align-items:flex-start;gap:18px}.utility-brand{margin-bottom:20px}
@media(max-width:650px){.logo-header{width:58px;height:37px}.logo-section{width:48px;height:30px}.logo-feature{width:96px;height:60px;margin-left:16px;margin-bottom:18px}.logo-draw{width:36px;height:23px}.logo-footer{width:64px;height:40px}.footer-brand{gap:14px}.audience-page .home-brand{gap:12px}}
@media(max-width:380px){.logo-header{width:45px;height:29px}.logo-section{width:40px;height:25px}.logo-feature{float:none;display:flex;margin:0 0 20px;width:112px;height:70px}}

/* Keep logos beside complete text groups rather than inside a title line. */
.draw-hero .card-head{align-items:center;gap:16px;flex-wrap:wrap}.draw-hero .card-head>.draw-brand-block{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;flex:1;min-width:230px}.draw-brand-block .logo-draw{width:48px;height:34px}.draw-brand-copy{min-width:0}.draw-brand-copy h2{margin:0;line-height:1.5}.draw-hero .draw-brand-copy .draw-heading-time{margin:6px 0 0;line-height:1.7}.draw-hero .card-head>.live{flex:0 1 auto;max-width:100%;white-space:normal;text-align:right;font-size:16px;font-weight:750;line-height:1.5;gap:9px}.draw-hero .card-head>.live .dot{flex:0 0 8px;width:8px;height:8px}.draw-hero #drawPill{align-items:center;justify-content:center;flex-shrink:0;min-height:40px;padding:8px 17px;border:1px solid var(--line);border-radius:999px;font-size:16px;font-weight:800;line-height:1.4;letter-spacing:.3px}
.audience-page .page-head>.page-brand-cluster{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex:0 0 auto;align-self:center;margin-left:12px}.page-brand-cluster .logo-section{margin:0}.audience-page .page-head>.page-brand-cluster .homepage-label{margin:0}.footer-brand{align-items:center}.footer-brand>div{min-width:0}.home-brand{align-items:center;gap:16px}.top .logo-header{flex-shrink:0}.top>div:last-child{min-width:0}
@media(max-width:650px){.draw-hero .card-head>.draw-brand-block{grid-template-columns:38px minmax(0,1fr);gap:11px;min-width:0;flex-basis:100%}.draw-brand-block .logo-draw{width:38px;height:27px}.draw-hero .draw-brand-copy .draw-heading-time{margin-top:5px}.draw-hero .card-head>.live{padding-left:49px;text-align:left;flex-basis:100%;margin-top:0;font-size:15px}.draw-hero #drawPill{min-height:36px;padding:7px 14px;font-size:15px}.audience-page .page-head>.page-brand-cluster{gap:0;margin-left:0;flex:0 0 auto}.footer-brand{gap:14px;align-items:flex-start}}
@media(max-width:380px){.draw-brand-copy h2{font-size:15px}}

/* Proportional transparent emblems and centered title groups. */
.logo-slot{background:none;border:0;box-shadow:none;overflow:visible}
.logo-slot img{object-fit:contain;aspect-ratio:1;filter:none}
.logo-header{width:54px;height:54px}
.logo-section{width:96px;height:96px}
.logo-feature,
.logo-footer{width:70px;height:70px}

.audience-page .draw-hero .card-head>.draw-brand-block{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:18px;min-width:0}
.audience-page .draw-brand-block .logo-draw{width:68px;height:68px;align-self:center;margin:0}
.audience-page .draw-hero .draw-brand-copy{display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0}
.audience-page .draw-hero .draw-brand-copy h2{margin:0;line-height:1.5}
.audience-page .draw-hero .draw-brand-copy .draw-heading-time{margin:0;line-height:1.6}
.footer-brand{align-items:center}
.service-logo{display:flex;align-items:center;width:64px;height:64px;margin:0 0 20px}
.service-logo img{display:block;width:100%;height:100%;object-fit:contain}
.evidence-entry-grid>.card{display:flex;flex-direction:column;align-items:flex-start}
.evidence-entry-grid>.card h2{margin:0 0 12px}
.evidence-entry-grid>.card p{flex:1}
.evidence-entry-grid>.card .btn{margin-top:8px}
@media(max-width:650px){
 .logo-header{width:45px;height:45px}.logo-section{width:66px;height:66px}
 .audience-page .page-head>.page-brand-cluster{gap:12px}
 
 .logo-feature,
 .logo-footer{width:54px;height:54px}
 .audience-page .draw-hero .card-head>.draw-brand-block{grid-template-columns:54px minmax(0,1fr);gap:13px;flex-basis:100%}
 .audience-page .draw-brand-block .logo-draw{width:54px;height:54px}
 .audience-page .draw-hero .card-head>.live{padding-left:67px}
 .service-logo{width:54px;height:54px;margin-bottom:16px}
}
@media(max-width:380px){
 .logo-header{width:39px;height:39px}.logo-section{width:58px;height:58px}
 .audience-page .page-brand-cluster .homepage-label{display:none}
 
 
}

/* Prize masthead, course identity and a balanced draw result brand area. */
.audience-page .home-brand strong{font-size:28px;font-weight:750;letter-spacing:2px;line-height:1.3}
.audience-page .home-brand small{font-size:17px;letter-spacing:1px;margin-top:5px;color:#687484;line-height:1.4}
.audience-page .header-main{min-height:102px;gap:24px}
.audience-page .header-tools{display:flex;align-items:center;justify-content:flex-end;gap:22px;margin-left:auto;flex-wrap:nowrap}
.header-tools-copy{text-align:right;display:flex;flex-direction:column;gap:6px}
.header-tools-copy strong{font-size:17px;line-height:1.4;font-weight:650;color:#465364}
.header-tools-copy small{font-size:11px;letter-spacing:.5px;color:#85909d;line-height:1.5}
.draw-result-row{display:flex;align-items:center;gap:24px;container:draw-result / inline-size;margin:5px 0 28px;min-width:0}
.draw-result-row .draw-number-area{flex:0 0 auto;margin:0}
.draw-result-brand{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;padding-left:16px;border-left:1px solid #eef0f3;align-self:stretch}
.draw-result-brand img{display:block;width:clamp(108px,16cqw,156px);height:auto;max-width:100%;object-fit:contain}
@container draw-result (max-width:680px){.draw-result-brand{display:none}.draw-result-row{gap:0}}
@media(max-width:900px){.audience-page .home-brand strong{font-size:25px}.audience-page .home-brand small{font-size:15px}.audience-page .header-tools{gap:16px}.header-tools-copy strong{font-size:15px}.header-tools-copy small{font-size:10px}}
@media(max-width:650px){
 .audience-page .header-main{min-height:0;gap:16px;padding:18px 0 14px}
 .audience-page .home-brand strong{font-size:23px}.audience-page .home-brand small{font-size:14px;letter-spacing:.6px}
 .audience-page .header-tools{width:100%;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #eef0f3}
 .header-tools-copy{text-align:left;gap:4px}.header-tools-copy strong{font-size:13px}.header-tools-copy small{font-size:9px;letter-spacing:.2px}
}

/* Main brand signature: emblem and bilingual name share one visual center. */
.audience-page .header-main{min-height:128px;padding:14px 0}
.audience-page .home-brand{display:flex;align-items:center;gap:20px}
.audience-page .home-brand .logo-header{width:92px;height:92px}
.audience-page .home-brand>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}
.audience-page .home-brand strong{font-size:32px;line-height:1.25;letter-spacing:2.5px;color:#343c48}
.audience-page .home-brand small{margin:0;font-size:19px;line-height:1.35;letter-spacing:1.1px;color:#687484;font-weight:500}
@media(max-width:900px){
 .audience-page .header-main{min-height:116px;padding:12px 0}
 .audience-page .home-brand{gap:16px}
 .audience-page .home-brand .logo-header{width:82px;height:82px}
 .audience-page .home-brand strong{font-size:29px;letter-spacing:2px}
 .audience-page .home-brand small{font-size:17px;letter-spacing:.9px}
}
@media(max-width:650px){
 .audience-page .header-main{min-height:0;padding:18px 0 14px}
 .audience-page .home-brand{gap:16px}
 .audience-page .home-brand .logo-header{width:76px;height:76px}
 .audience-page .home-brand>div{gap:6px}
 .audience-page .home-brand strong{font-size:27px;letter-spacing:2px}
 .audience-page .home-brand small{font-size:16px;letter-spacing:.8px}
}
@media(max-width:380px){
 .audience-page .home-brand{gap:12px}
 .audience-page .home-brand .logo-header{width:68px;height:68px}
 .audience-page .home-brand strong{font-size:24px;letter-spacing:1.5px}
 .audience-page .home-brand small{font-size:14px;letter-spacing:.8px}
}

:root[data-theme="blue"]{--tone-8c141d:#1f5081;--tone-8c353b:#3d6084;--tone-8e151c:#205183;--tone-91414e:#48698a;--tone-91616e:#65798d;--tone-98616c:#667c93;--tone-990a10:#17518c;--tone-991b24:#265a8e;--tone-99535b:#597693;--tone-997582:#788796;--tone-9b6770:#6c8196;--tone-9c3342:#3c6793;--tone-9e2230:#2d6093;--tone-9e5963:#5f7b98;--tone-9f2733:#326394;--tone-9f3746:#406b96;--tone-a02738:#326395;--tone-a0404e:#497097;--tone-a05a67:#607d9a;--tone-a11a24:#265d95;--tone-a15b68:#617e9b;--tone-a25314:#215b95;--tone-a32131:#2d6297;--tone-a3293b:#346698;--tone-a4090d:#175696;--tone-a41620:#235d97;--tone-a41624:#235d97;--tone-a52333:#2f6499;--tone-a52334:#2f6499;--tone-a52f40:#3a6a9a;--tone-a6090d:#175798;--tone-a72a3b03:#35689c03;--tone-a72a3b04:#35689c04;--tone-a72a3b08:#35689c08;--tone-a72a3b0c:#35689c0c;--tone-a72a3b0d:#35689c0d;--tone-ab3546:#4070a0;--tone-ac1015:#1e5e9e;--tone-ad0d12:#1b5d9f;--tone-ad2733:#336aa1;--tone-ad2939:#356ba1;--tone-ae1014:#1e5fa0;--tone-ae1118:#1f5fa0;--tone-ae1629:#2462a0;--tone-b01016:#1e60a2;--tone-b0161b:#2463a2;--tone-b12632:#336ba4;--tone-b31318:#2163a5;--tone-b32631:#336ca6;--tone-b32934:#356ea7;--tone-b32b3a:#376fa7;--tone-b44252:#4c7baa;--tone-b44757:#517daa;--tone-b51f2d:#2d6aa8;--tone-b64d57:#5681ad;--tone-b81d29:#2b6aaa;--tone-b81d2910:#2b6aaa10;--tone-b94c43:#4e7eae;--tone-b95a12:#2165aa;--tone-bd202d:#2e6eaf;--tone-c82025:#2f74b9;--tone-ce2025:#3077be;--tone-d7b3b7:#b6c5d4;--tone-d9272b:#3780c9;--tone-dfc3ca:#c6d1dc;--tone-e33a40:#498ed4;--tone-e4c9cf:#cbd6e2;--tone-e5dce0:#dde0e4;--tone-e6cbd3:#cdd8e4;--tone-e6d3d9:#d5dce4;--tone-e6dbe1:#dce0e5;--tone-e7d7dc:#d8dfe6;--tone-e7dce2:#dde2e6;--tone-e8dce0:#dde2e7;--tone-e9d3d9:#d5dee7;--tone-e9dce2:#dde2e8;--tone-ead8df:#dae1e8;--tone-eadfe3:#e0e4e9;--tone-ebdce0:#dde3ea;--tone-ecd0d7:#d3dee9;--tone-ecd5d9:#d7e0ea;--tone-ecdde0:#dee4eb;--tone-ecdee2:#dfe5eb;--tone-ede3e7:#e4e8ec;--tone-f2dfe3:#e1e8f0;--tone-f3dfe4:#e1e9f1;--tone-f4e2e6:#e4ebf2;--tone-f7dada:#dde8f4;--tone-f7e9ec:#eaf0f6;--tone-f7f0f0:#f1f3f6;--tone-f8edef:#eef2f7;--tone-f8eef0:#eff3f7;--tone-f8f0f1:#f1f4f7;--tone-fbf0f1:#f1f5fa;--tone-fcf1f3:#f2f6fb;--tone-fcf5f6:#f6f9fb;--tone-ffe1e1:#e4f0fc;--tone-fff0f0:#f1f8fe;--tone-fff1f2:#f2f8fe;--tone-fff3f5:#f4f9fe;--tone-fff7f8:#f8fbfe;--tone-fff7f9:#f8fbfe;--tone-fff8f8:#f9fcfe;--tone-fff8f9:#f9fcfe;--tone-fff9fa:#fafcfe;--tone-fff9fb:#fafcfe;}

:root[data-theme="violet"]{--tone-8c141d:#4b1f81;--tone-8c353b:#5d3d84;--tone-8e151c:#4d2083;--tone-91414e:#66488a;--tone-91616e:#77658d;--tone-98616c:#7a6693;--tone-990a10:#4c178c;--tone-991b24:#55268e;--tone-99535b:#735993;--tone-997582:#867896;--tone-9b6770:#7f6c96;--tone-9c3342:#633c93;--tone-9e2230:#5b2d93;--tone-9e5963:#795f98;--tone-9f2733:#5e3294;--tone-9f3746:#674096;--tone-a02738:#5f3295;--tone-a0404e:#6c4997;--tone-a05a67:#7a609a;--tone-a11a24:#582695;--tone-a15b68:#7b619b;--tone-a25314:#552195;--tone-a32131:#5d2d97;--tone-a3293b:#613498;--tone-a4090d:#501796;--tone-a41620:#572397;--tone-a41624:#572397;--tone-a52333:#5f2f99;--tone-a52334:#5f2f99;--tone-a52f40:#653a9a;--tone-a6090d:#511798;--tone-a72a3b03:#63359c03;--tone-a72a3b04:#63359c04;--tone-a72a3b08:#63359c08;--tone-a72a3b0c:#63359c0c;--tone-a72a3b0d:#63359c0d;--tone-ab3546:#6b40a0;--tone-ac1015:#581e9e;--tone-ad0d12:#561b9f;--tone-ad2733:#6533a1;--tone-ad2939:#6635a1;--tone-ae1014:#591ea0;--tone-ae1118:#591fa0;--tone-ae1629:#5c24a0;--tone-b01016:#591ea2;--tone-b0161b:#5d24a2;--tone-b12632:#6633a4;--tone-b31318:#5c21a5;--tone-b32631:#6733a6;--tone-b32934:#6835a7;--tone-b32b3a:#6937a7;--tone-b44252:#764caa;--tone-b44757:#7951aa;--tone-b51f2d:#642da8;--tone-b64d57:#7d56ad;--tone-b81d29:#642baa;--tone-b81d2910:#642baa10;--tone-b94c43:#794eae;--tone-b95a12:#5f21aa;--tone-bd202d:#682eaf;--tone-c82025:#6d2fb9;--tone-ce2025:#7030be;--tone-d7b3b7:#c4b6d4;--tone-d9272b:#7937c9;--tone-dfc3ca:#d0c6dc;--tone-e33a40:#8849d4;--tone-e4c9cf:#d5cbe2;--tone-e5dce0:#e0dde4;--tone-e6cbd3:#d7cde4;--tone-e6d3d9:#dcd5e4;--tone-e6dbe1:#e0dce5;--tone-e7d7dc:#ded8e6;--tone-e7dce2:#e1dde6;--tone-e8dce0:#e2dde7;--tone-e9d3d9:#ddd5e7;--tone-e9dce2:#e2dde8;--tone-ead8df:#e0dae8;--tone-eadfe3:#e4e0e9;--tone-ebdce0:#e3ddea;--tone-ecd0d7:#ddd3e9;--tone-ecd5d9:#e0d7ea;--tone-ecdde0:#e4deeb;--tone-ecdee2:#e4dfeb;--tone-ede3e7:#e8e4ec;--tone-f2dfe3:#e8e1f0;--tone-f3dfe4:#e8e1f1;--tone-f4e2e6:#eae4f2;--tone-f7dada:#e7ddf4;--tone-f7e9ec:#efeaf6;--tone-f7f0f0:#f3f1f6;--tone-f8edef:#f2eef7;--tone-f8eef0:#f3eff7;--tone-f8f0f1:#f4f1f7;--tone-fbf0f1:#f5f1fa;--tone-fcf1f3:#f6f2fb;--tone-fcf5f6:#f8f6fb;--tone-ffe1e1:#efe4fc;--tone-fff0f0:#f7f1fe;--tone-fff1f2:#f7f2fe;--tone-fff3f5:#f9f4fe;--tone-fff7f8:#fbf8fe;--tone-fff7f9:#fbf8fe;--tone-fff8f8:#fbf9fe;--tone-fff8f9:#fbf9fe;--tone-fff9fa:#fcfafe;--tone-fff9fb:#fcfafe;}

/* Compact display controls alongside the course identity; page geometry is unchanged. */
.audience-page .header-tools{gap:16px}
.header-tools-copy{max-width:230px}
.display-preferences{display:flex;align-items:center;gap:10px;padding-left:18px;border-left:1px solid #e6eaf0}
.display-preferences label{display:flex;flex-direction:column;gap:6px;align-items:stretch;min-width:96px}
.display-preferences label>span{font-size:10px;color:#87919e;font-weight:600;letter-spacing:.6px;text-align:center}
.display-preferences select{width:100%;height:34px;border:1px solid #dce2ea;border-radius:6px;background:#fff;color:#475669;padding:0 8px;font:inherit;font-size:12px;cursor:pointer}
.display-preferences select:focus-visible{outline:2px solid var(--tone-a3293b,#a3293b);outline-offset:2px}
:root[data-theme="blue"] body{background:#f2f5f9}
:root[data-theme="violet"] body{background:#f5f3f8}
html[lang="en"] .header-tools-copy strong{font-size:13px}
html[lang="en"] .header-tools-copy small{font-size:9px}
html[lang="en"] .top-nav{gap:18px}
html[lang="en"] .top-nav button{font-size:12px}
html[lang="en"] .page-head h1{font-size:28px}
@media(max-width:1100px){.audience-page .header-main{gap:16px}.audience-page .header-tools{gap:12px}.header-tools-copy{max-width:170px}.header-tools-copy strong{font-size:13px}.header-tools-copy small{font-size:9px}.display-preferences{padding-left:12px;gap:8px}.display-preferences label{min-width:85px}}
@media(max-width:760px){.audience-page .header-tools{flex-wrap:wrap}.display-preferences{padding-left:10px}.header-tools-copy{max-width:150px}}
@media(max-width:650px){
 .audience-page .header-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;width:100%}
 .header-tools-copy{max-width:none}.display-preferences{grid-column:1/-1;border-left:0;padding:0;gap:12px}
 .display-preferences label{flex:1;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}
 .display-preferences select{height:38px;font-size:13px}.display-preferences label>span{font-size:10px;letter-spacing:0}
 html[lang="en"] .top-nav{gap:0 12px}html[lang="en"] .top-nav button{font-size:10px}
 html[lang="en"] .page-head h1{font-size:23px}
}


/* Clock columns share one centre line; date and weekday have equal prominence. */
.audience-page .beijing-clock{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:24px;padding:28px}
.audience-page .beijing-clock .clock-caption,
.audience-page .beijing-clock .clock-calendar,
.audience-page .beijing-clock .clock-digits{grid-column:auto;grid-row:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;min-height:86px;padding:0;text-align:center}
.audience-page .beijing-clock .clock-calendar{gap:8px;border-left:1px solid #e2e6ec}
.audience-page .beijing-clock .clock-calendar b,
.audience-page .beijing-clock .clock-calendar span{font-size:23px;font-weight:700;line-height:1.4;letter-spacing:0;color:#4c5e74;margin:0;align-self:center}
.audience-page .beijing-clock .clock-digits{gap:8px}
@media(min-width:601px) and (max-width:800px){
 .audience-page .beijing-clock{gap:16px;padding:24px 18px}
 .audience-page .beijing-clock .clock-calendar b,.audience-page .beijing-clock .clock-calendar span{font-size:18px}
 .audience-page .beijing-clock .clock-digits time{font-size:36px}
 .audience-page .beijing-clock .clock-kicker{font-size:9px;letter-spacing:.6px}
 .audience-page .beijing-clock .clock-caption h2{font-size:20px}
}
@media(max-width:600px){
 .audience-page .beijing-clock{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 12px;padding:22px 16px}
 .audience-page .beijing-clock .clock-caption{grid-column:1/-1;grid-row:1;min-height:0}
 .audience-page .beijing-clock .clock-caption h2{margin-top:6px}
 .audience-page .beijing-clock .clock-calendar{grid-column:1;grid-row:2;border:0;gap:6px;min-height:68px}
 .audience-page .beijing-clock .clock-calendar b,.audience-page .beijing-clock .clock-calendar span{font-size:16px;line-height:1.4}
 .audience-page .beijing-clock .clock-digits{grid-column:2;grid-row:2;min-height:68px}
 .audience-page .beijing-clock .clock-digits time{font-size:30px;letter-spacing:1px}
}

/* Section mastheads: framed page title and a reversed bilingual brand signature. */
.audience-page .view>.page-head{min-height:172px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 30px}
.audience-page .view>.page-head>div:first-child{flex:1;min-width:0}
.audience-page .view>.page-head h1{display:inline-block;max-width:100%;margin:0;padding:8px 16px;border:1px solid var(--tone-ecd5d9,#ecd5d9);border-radius:7px;background:var(--tone-fff7f9,#fff7f9);color:#35465c;font-size:25px;line-height:1.35;font-weight:750;letter-spacing:.2px}
.audience-page .view>.page-head p{margin:12px 0 0;font-size:12px;line-height:1.8;color:#7b8795;max-width:560px}
.audience-page .view>.page-head>.page-brand-cluster{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex:0 0 auto;margin:0;min-width:0}
.section-brand-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}
.section-brand-copy strong{font-size:22px;font-weight:750;letter-spacing:1.5px;line-height:1.3;color:#465364;white-space:nowrap}
.section-brand-copy small{font-size:14px;font-weight:500;letter-spacing:.7px;line-height:1.4;color:#7b8795;white-space:nowrap}
.audience-page .page-brand-cluster .logo-section{width:88px;height:88px}
html[lang="en"] .audience-page .view>.page-head h1{font-size:24px;letter-spacing:0}
@media(max-width:1000px) and (min-width:651px){
 .audience-page .view>.page-head{gap:20px;padding:24px 28px}
 .section-brand-copy strong{font-size:20px}.section-brand-copy small{font-size:13px}
 .audience-page .view>.page-head>.page-brand-cluster{gap:14px}
 .audience-page .page-brand-cluster .logo-section{width:80px;height:80px}
}
@media(max-width:650px){
 .audience-page .view>.page-head{min-height:0;flex-direction:column;align-items:stretch;gap:18px;padding:20px}
 .audience-page .view>.page-head h1,html[lang="en"] .audience-page .view>.page-head h1{font-size:22px;padding:7px 13px}
 .audience-page .view>.page-head p{font-size:12px;margin-top:10px}
 .audience-page .view>.page-head>.page-brand-cluster{width:100%;justify-content:flex-end;align-self:stretch;gap:14px;padding-top:14px;border-top:1px solid #e6eaf0}
 .section-brand-copy strong{font-size:19px;letter-spacing:1px}.section-brand-copy small{font-size:12px;letter-spacing:.5px}
 .audience-page .page-brand-cluster .logo-section{width:64px;height:64px}
}

/* Recent draws: compact cards, with the same draw labels as the hall. */
.recent-card{margin-bottom:24px}
.recent-card .card-head{gap:16px}
.recent-card .text-link{flex-shrink:0}
.recent-card .mini-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1020px;margin:0 auto}
.recent-card .mini-row{display:grid;gap:14px;min-width:0;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,#f8f9fb,#fff)}
.recent-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.recent-card .mini-id{width:auto;font-size:15px;font-weight:750;line-height:1.4;color:var(--ink);font-variant-numeric:tabular-nums}
.recent-time{color:var(--muted);font-size:11px;line-height:1.5;text-align:right;font-variant-numeric:tabular-nums}
.recent-time span{margin-left:5px;white-space:nowrap}
.recent-card .mini-balls{width:auto;flex:none;justify-content:flex-start;align-items:center;gap:8px}
.recent-card .mini-ball{flex:none;width:36px;height:36px;font-size:16px}
.recent-card .mini-ball.special{margin-left:16px}
.recent-card .mini-ball.special::before{left:-16px;font-size:15px}
.recent-empty{grid-column:1/-1;margin:8px 0;color:var(--muted)}
@media(max-width:800px){.recent-card .mini-list{grid-template-columns:1fr}.recent-card .mini-row{padding:15px 16px}}
@media(max-width:480px){.recent-card .card-head{gap:10px}.recent-card .card-head h2{font-size:15px}.recent-card .text-link{font-size:11px}.recent-card .mini-list{gap:10px}.recent-card .mini-row{padding:13px 12px;gap:12px}.recent-card .mini-id{font-size:14px}.recent-time{font-size:10px}.recent-time span{display:block;margin-left:0}.recent-card .mini-balls{gap:5px}.recent-card .mini-ball{width:30px;height:30px;font-size:13px}.recent-card .mini-ball.special{margin-left:12px}.recent-card .mini-ball.special::before{left:-12px;font-size:13px}}
@media(max-width:360px){.recent-card .mini-row{padding:12px 10px}.recent-card .mini-balls{gap:4px}.recent-card .mini-ball{width:27px;height:27px;font-size:12px}.recent-card .mini-ball.special{margin-left:10px}.recent-card .mini-ball.special::before{left:-11px}}

/* Introduction masthead shares the header's emblem and bilingual wordmark. */
.integrity-hero{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.25fr);align-items:center;gap:clamp(30px,4vw,60px);padding:clamp(28px,3.5vw,48px);margin-bottom:32px;border:1px solid var(--tone-e7d7dc,#e7d7dc);border-radius:14px;background:linear-gradient(115deg,var(--tone-fff3f5,#fff3f5),#fff 68%);box-shadow:0 10px 32px #24324805}
.integrity-identity{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(14px,1.8vw,24px);min-width:0;padding:32px 0}
.integrity-identity::after{content:'';position:absolute;right:calc(clamp(30px,4vw,60px) / -2);top:6px;bottom:6px;width:1px;background:linear-gradient(transparent,var(--tone-e7d7dc,#e7d7dc),transparent)}
.integrity-identity .integrity-logo{width:clamp(90px,9vw,140px);height:auto;aspect-ratio:1;flex-shrink:0;margin:0}
.integrity-wordmark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;white-space:nowrap}
.integrity-wordmark strong{font-size:clamp(24px,2.5vw,34px);font-weight:750;line-height:1.25;letter-spacing:2px;color:#343c48}
.integrity-wordmark small{font-size:clamp(15px,1.55vw,20px);font-weight:500;line-height:1.35;letter-spacing:1px;color:#687484}
.integrity-copy{min-width:0}
.integrity-hero .integrity-kicker{display:block;font-size:11px;line-height:1.9;letter-spacing:1px}
.integrity-hero h2{font-size:clamp(30px,3vw,42px);line-height:1.45;letter-spacing:1px;color:#303b4a;margin:14px 0 18px;font-weight:750}
.integrity-copy>p{font-size:13px;line-height:1.95;color:#707c8b;margin:0;max-width:660px}
.integrity-hero .integrity-promises{gap:8px;margin:20px 0 22px}
.integrity-hero .integrity-promises span{font-size:11px;padding:6px 10px}
.integrity-hero .button-group{margin:0;max-width:440px;gap:12px}
@media(max-width:1100px) and (min-width:761px){.integrity-hero{grid-template-columns:280px minmax(0,1fr);gap:34px;padding:30px}.integrity-identity{gap:16px}.integrity-identity .integrity-logo{width:90px}.integrity-wordmark strong{font-size:25px;letter-spacing:1.5px}.integrity-wordmark small{font-size:15px;letter-spacing:.7px}.integrity-identity::after{right:-17px}}
@media(max-width:760px){.integrity-hero{grid-template-columns:1fr;gap:24px;padding:28px 24px}.integrity-identity{justify-content:center;padding:0 0 24px;gap:18px;border-bottom:1px solid var(--tone-e7d7dc,#e7d7dc)}.integrity-identity::after{display:none}.integrity-identity .integrity-logo{width:90px}.integrity-wordmark strong{font-size:28px}.integrity-wordmark small{font-size:17px}.integrity-copy{text-align:center}.integrity-hero h2{font-size:32px;margin:12px 0 16px}.integrity-copy>p{text-align:left}.integrity-hero .integrity-promises{justify-content:center}.integrity-hero .button-group{margin:0 auto;max-width:460px}}
@media(max-width:420px){.integrity-hero{padding:24px 18px;gap:20px}.integrity-identity{gap:14px;padding-bottom:22px}.integrity-identity .integrity-logo{width:74px}.integrity-wordmark strong{font-size:24px;letter-spacing:1.5px}.integrity-wordmark small{font-size:15px;letter-spacing:.6px}.integrity-hero .integrity-kicker{font-size:10px;letter-spacing:.4px}.integrity-hero h2{font-size:29px}.integrity-copy>p{font-size:12px}.integrity-hero .integrity-promises{gap:6px}.integrity-hero .integrity-promises span{font-size:10px;padding:6px 8px}.integrity-hero .button-group{gap:10px}.integrity-hero .button-group>.btn{padding:8px 7px;font-size:11px}}

/* Decorative watermarks stay outside refreshed data and never handle input. */
.trend-canvas{--trend-issue-width:56px;position:relative;isolation:isolate;min-width:0;width:100%}
.trend-watermarks{position:absolute;inset:34px 0 0 var(--trend-issue-width);z-index:1;overflow:hidden;pointer-events:none;user-select:none}
.trend-watermark{position:absolute;display:flex;align-items:center;gap:14px;width:clamp(200px,36%,360px);opacity:.075;transform:translate(-50%,-50%) rotate(-9deg);pointer-events:none}
.trend-watermark:nth-child(1){left:29%;top:23%}.trend-watermark:nth-child(2){left:70%;top:51%}.trend-watermark:nth-child(3){left:40%;top:79%}
.trend-watermark img{width:30%;height:auto;aspect-ratio:1;object-fit:contain;flex:none}
.trend-watermark>div{display:flex;flex-direction:column;align-items:center;gap:5px;white-space:nowrap}
.trend-watermark strong{font-size:clamp(19px,2.15cqw,30px);font-weight:750;letter-spacing:1.2px;line-height:1.25;color:#343c48}
.trend-watermark small{font-size:clamp(11px,1.3cqw,18px);font-weight:500;letter-spacing:.5px;line-height:1.35;color:#687484}
.audience-page .trend-canvas .trend-table thead th{z-index:4}
.audience-page .trend-canvas .trend-table tbody th:first-child{z-index:3}
.trend-canvas .trend-dot,.trend-canvas .trend-miss{position:relative;z-index:2}
.selection-number-panel{position:relative;isolation:isolate;width:100%;max-width:840px;margin:0 auto}
.selection-watermark{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;user-select:none}
.selection-watermark img{width:clamp(170px,34%,270px);max-height:92%;height:auto;object-fit:contain;opacity:.085}
.selection-number-panel .selection-grid{position:relative;z-index:1}
@media(max-width:650px){.trend-canvas{--trend-issue-width:36px}.trend-watermarks{top:27px}.trend-watermark{width:190px;gap:10px}.trend-watermark:nth-child(1){left:32%}.trend-watermark:nth-child(2){left:68%}.trend-watermark:nth-child(3){left:43%}.trend-watermark strong{font-size:20px}.trend-watermark small{font-size:12px}.selection-watermark img{width:clamp(170px,48%,240px)}}
@media(max-width:420px){.trend-watermark{width:170px;gap:9px}.trend-watermark:nth-child(n){left:50%}.trend-watermark strong{font-size:18px;letter-spacing:.8px}.trend-watermark small{font-size:11px;letter-spacing:.3px}.selection-watermark img{width:190px;max-width:78%}}

/* Keep the original seven balls; each carries one character before the draw. */
.audience-page #drawBalls .commitment-character{color:#526176}
html[lang="en"] .audience-page #drawBalls .commitment-character{font-size:calc(var(--draw-ball-size) / 6);letter-spacing:0}

/* Introductory declaration and consistent evidence buttons. */
.integrity-declaration{margin:0 0 18px;padding:12px 16px;border-left:3px solid var(--tone-a41624,#a41624);background:var(--tone-fff8f8,#fff8f8);color:#495668;font-size:14px;font-weight:650;line-height:1.9}
.integrity-evidence-grid>.card{display:flex;flex-direction:column;align-items:flex-start}
.integrity-evidence-grid>.card>.btn{margin-top:auto;min-height:42px;white-space:normal;text-align:center}
@media(max-width:760px){.integrity-declaration{text-align:left;font-size:13px}}

/* The masthead is one unbreakable emblem and bilingual wordmark. */
/* Annual archive navigation and bounded pages. */
.history-archive-note{margin:0 0 16px;padding:12px 16px;border:1px solid #e4e8ed;border-radius:8px;background:#fff;color:#697586;font-size:12px;line-height:1.7}
.history-search .history-scope-label,.history-search .history-sort-label{display:flex;flex-direction:column;gap:0;flex:0 1 180px;min-width:150px;border:1px solid #d9dee5;border-radius:7px;background:#fff;overflow:hidden;font-size:12px;font-weight:650;color:#556171}
.history-search .history-scope-label select,.history-search .history-sort-label select{width:100%;height:44px;border:0;border-radius:0;background:#fff;padding:0 10px;text-align:center;text-align-last:center;font:inherit;color:#445468}
.history-search .history-field-title{width:100%;align-self:stretch}
.history-search .history-date-fields label[hidden],.history-date-range[hidden]{display:none!important}
.history-date-range{display:flex;align-items:center;gap:12px;flex:1 1 100%;max-width:620px}
.history-date-range label{flex:1;min-width:0;border:1px solid #d9dee5;border-radius:7px;overflow:hidden;background:#fff}
.history-date-range input{box-sizing:border-box;width:100%;min-width:0;height:44px;border:0;background:#fff;padding:0 10px;color:#445468;font:inherit;text-align:center;font-size:14px}
.history-range-divider{color:#9ba5b1}.history-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-top:1px solid #e5e9ef;font-size:12px;color:#667386}
.history-pagination[hidden]{display:none!important}
.history-pagination>label{display:flex;align-items:center;gap:10px}.history-pagination select{height:38px;padding:0 24px 0 10px;border:1px solid #d9dee5;border-radius:5px;background:#fff;color:#445468;font:inherit}
.history-pagination .button-group{gap:12px;min-width:200px}.history-pagination .btn{min-height:38px}
@media(max-width:650px){.history-search .history-scope-label,.history-search .history-sort-label{flex:1 1 100%;min-width:0}.history-pagination{padding:16px;gap:12px}.history-pagination #historyPageInfo{flex:1 1 100%;text-align:center;order:2}.history-pagination .button-group{min-width:160px}.history-date-range{gap:8px}}

.audience-page .header-main{flex-wrap:wrap}
.audience-page .home-brand{flex:0 0 auto;min-width:max-content;max-width:100%;white-space:nowrap}
.audience-page .home-brand .logo-header{flex:none}
.audience-page .home-brand>div{flex:none;min-width:max-content;white-space:nowrap}
.audience-page .home-brand strong,.audience-page .home-brand small{display:block;white-space:nowrap;word-break:normal;overflow-wrap:normal}
.audience-page .header-tools{min-width:0;max-width:100%}
@media(max-width:800px) and (min-width:651px){.audience-page .header-tools{flex-basis:100%;width:100%;justify-content:space-between;margin-left:0;padding-top:14px;border-top:1px solid #eef0f3}.display-preferences{margin-left:auto}}
@media(max-width:380px){.audience-page .home-brand{gap:clamp(6px,3vw,12px)}.audience-page .home-brand .logo-header{width:clamp(44px,18vw,68px);height:clamp(44px,18vw,68px)}.audience-page .home-brand strong{font-size:clamp(16px,6.3vw,24px);letter-spacing:clamp(.5px,.4vw,1.5px)}.audience-page .home-brand small{font-size:clamp(10px,3.7vw,14px);letter-spacing:clamp(.2px,.2vw,.8px)}}

/* Center the compact header name and verification motto as one quiet block. */
.audience-page .header-tools-copy{align-items:center;justify-content:center;text-align:center;gap:6px;flex-shrink:0}
.audience-page .header-tools-copy strong{white-space:nowrap;letter-spacing:1px}
.audience-page .header-tools-copy small{white-space:nowrap;letter-spacing:.4px}
@media(max-width:650px){.audience-page .header-tools-copy{width:100%;grid-column:1/-1;justify-self:center;gap:4px}}

/* Footer repeats the header identity with a quieter, balanced scale. */
.audience-page .footer-inner{align-items:center}
.audience-page .footer-brand{align-items:center;gap:20px}
.audience-page .footer-brand .logo-footer{width:88px;height:88px}
.audience-page .footer-brand-copy{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.audience-page .footer-wordmark{display:flex;flex-direction:column;align-items:center;gap:6px}
.audience-page .footer-wordmark strong{font-size:25px;font-weight:750;line-height:1.3;letter-spacing:1.5px;white-space:nowrap;color:#465364}
.audience-page .footer-wordmark small{font-size:14px;font-weight:500;line-height:1.4;letter-spacing:.8px;color:#7b8795;white-space:nowrap}
.audience-page .footer-brand-copy p{margin:0;line-height:1.6}
.audience-page .footer-motto{font-size:12px;letter-spacing:.5px}
.audience-page .footer-stats{font-size:10px;color:#85909d}
@media(max-width:650px){.audience-page .footer-brand{gap:16px}.audience-page .footer-brand .logo-footer{width:70px;height:70px}.audience-page .footer-wordmark strong{font-size:22px;letter-spacing:1px}.audience-page .footer-wordmark small{font-size:12px}.audience-page .footer-inner{align-items:flex-start}.audience-page .footer-brand-copy{gap:7px}}

.audience-page .site-footer .footer-inner{margin-bottom:0}

/* Consistent typography, spacing and touch controls across all runtime pages. */
:root{--ui-text:#263549;--ui-muted:#657387;--ui-border:#e1e6ed;--ui-radius:14px;--ui-accent:var(--tone-a41624,#a41624);--bg:#f4f6f9;--pale:#f6f8fb}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{font-family:Inter,"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;font-size:15px;line-height:1.65;color:var(--ui-text);background:#f4f6f9}
button,input,select,textarea{font-family:inherit}
button,a,input,select,textarea{touch-action:manipulation}
button{cursor:pointer}button:disabled{cursor:not-allowed}
input:not([type="checkbox"]):not([type="radio"]),select,textarea{min-height:44px;font-size:15px;max-width:100%;border-radius:8px}
input[type="checkbox"],input[type="radio"]{width:18px;height:18px;flex:none;accent-color:var(--ui-accent)}
textarea{line-height:1.65;resize:vertical}
.btn{min-height:44px;padding:10px 16px;font-size:14px;font-weight:650;line-height:1.4;border-radius:8px;text-align:center;white-space:normal;gap:6px}
.btn.small{min-height:40px;font-size:13px}
.btn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--ui-accent);outline-offset:3px}
.btn:disabled{opacity:.55}.btn.primary:hover{color:#fff}
.actions,.button-group{flex-wrap:wrap;gap:10px}
.card{border:1px solid var(--ui-border);border-radius:var(--ui-radius);padding:26px;box-shadow:0 5px 24px #24364906}
.card h2,.card-head h2{font-size:20px;line-height:1.4;letter-spacing:0}
h1{font-size:clamp(25px,2.3vw,32px);line-height:1.35;letter-spacing:0}
.lead,.sub,.notice,.banner{font-size:14px;line-height:1.8}
.field label{font-size:14px;line-height:1.5}.field{min-width:0;gap:8px}
.field small,.hint,.foot,.footerline{font-size:12px;line-height:1.75}
.notice,.banner{overflow-wrap:anywhere;border-radius:10px}
code,pre,.mono{font-size:12px;line-height:1.75;overflow-wrap:anywhere}
.logo-slot img{width:100%;height:100%;object-fit:contain}
.audience-page .content{width:100%;max-width:1280px;padding:28px 24px 48px;margin:auto}
.audience-page .site-header{border-bottom:1px solid var(--ui-border)}
.audience-page .header-main{min-height:110px;padding:18px 0;gap:24px}
.audience-page .home-brand{gap:18px;min-width:0}
.audience-page .home-brand .logo-header{width:80px;height:80px}
.audience-page .home-brand strong{font-size:30px;letter-spacing:1.8px}
.audience-page .home-brand small{font-size:17px;letter-spacing:.8px}
.audience-page .header-tools-copy{max-width:none}
.audience-page .header-tools-copy strong{font-size:16px}
.audience-page .header-tools-copy small{font-size:12px;white-space:normal;max-width:240px}
.display-preferences label{min-width:104px}.display-preferences label>span{font-size:12px}
.display-preferences select{font-size:14px;min-height:42px;height:42px}
.audience-page .top-nav{gap:4px 20px;align-items:stretch}
.audience-page .top-nav button{font-size:14px;min-height:48px;line-height:1.45;padding:12px 4px;white-space:normal}
html[lang="en"] .audience-page .top-nav button{font-size:14px}
.audience-page .view>.page-head{min-height:138px;padding:24px 28px;margin-bottom:24px;gap:24px;flex-direction:row;border-radius:var(--ui-radius);box-shadow:0 4px 20px #24364904}
.audience-page .view>.page-head h1{font-size:28px;padding:0;border:0;background:none;line-height:1.4}
.audience-page .view>.page-head p{font-size:14px;line-height:1.75;margin-top:8px;color:var(--ui-muted)}
.audience-page .page-brand-cluster .logo-section{width:68px;height:68px}
.section-brand-copy strong{font-size:20px;letter-spacing:1px}.section-brand-copy small{font-size:13px}
html[lang="en"] .audience-page .view>.page-head h1{font-size:28px}
.audience-page .card>.card-head{margin:0 0 20px;padding:0 0 16px;background:none;color:var(--ui-text);border-bottom:1px solid var(--ui-border)}
.audience-page .card>.card-head p,.audience-page .card>.card-head .number-key{font-size:13px;color:var(--ui-muted)}
.audience-page .card>.card-head .live{font-size:13px;color:var(--ui-muted);line-height:1.6}
.audience-page .draw-brand-block .logo-draw{width:52px;height:52px}
.audience-page .draw-brand-copy h2{font-size:21px}.audience-page .draw-brand-copy .draw-heading-time{font-size:13px}
.audience-page .proof-strip{border-radius:10px;padding:18px;gap:16px}
.audience-page .proof-strip span,.audience-page .proof-strip small{font-size:12px;line-height:1.7}
.audience-page .proof-strip code{font-size:12px}
.audience-page .material-details summary{font-size:14px;padding:12px 0;cursor:pointer;line-height:1.6}
.instruction-grid,.evidence-entry-grid,.integrity-evidence-grid{gap:20px}
.instruction-grid .card,.evidence-entry-grid .card,.integrity-evidence-grid .card{padding:24px;line-height:1.8}
.instruction-grid p,.evidence-entry-grid p,.integrity-evidence-grid p{font-size:14px;color:var(--ui-muted)}
.service-logo img{object-fit:contain;width:56px;height:56px}
.integrity-hero{border-radius:var(--ui-radius);padding:32px;gap:36px}
.integrity-copy>p{font-size:14px;line-height:1.9}.integrity-hero h2{font-size:clamp(27px,2.8vw,38px)}
.integrity-identity .integrity-logo{width:100px;height:100px}.integrity-wordmark strong{font-size:27px}.integrity-wordmark small{font-size:16px}
.integrity-hero .integrity-kicker,.integrity-hero .integrity-promises span{font-size:12px}
.audience-page .text-link{font-size:14px;min-height:40px;line-height:1.5;white-space:normal}
.recent-card .recent-time{font-size:12px}
.history-archive-note,.local-notice,.trend-note{font-size:13px;line-height:1.75}
.history-search{gap:14px}.history-field-title{font-size:13px}
.history-pagination{font-size:13px;padding:18px 24px}
.audience-page th{font-size:13px;padding:14px 12px}.audience-page td{font-size:13px;padding:14px 12px;vertical-align:middle}
.table-wrap,.trend-scroll{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.trend-scroll{border-radius:10px}.trend-controls{gap:12px}.trend-controls label{font-size:13px;line-height:1.6}
.trend-controls button,.selection-modes button,.selection-tools button{min-height:44px;font-size:14px;line-height:1.45;white-space:normal}
.selection-tools label{font-size:14px}.selection-summary{border-radius:10px;padding:20px}
.selection-number{width:46px;height:46px;min-height:46px}.selection-summary p,.selection-saved p{font-size:13px}
.audience-page .site-footer{padding-top:28px;padding-bottom:28px;background:#edf1f6}
.audience-page .footer-brand .logo-footer{width:80px;height:80px}
.audience-page .footer-wordmark strong{font-size:24px}.audience-page .footer-wordmark small{font-size:14px}
.audience-page .footer-motto,.audience-page .footer-stats{font-size:12px}.footer-links a{font-size:14px;padding:10px 0}
/* Public tools and private console use the same logo scale and readable forms. */
.tool-page .wrap{max-width:960px;padding:32px 24px 52px}
.tool-page .top,.tool-page .utility-brand{display:flex;align-items:center;gap:18px;margin-bottom:26px;flex-wrap:wrap}
.tool-page .logo-header,.admin-page .logo-header{width:68px;height:68px}
.tool-page .top strong,.tool-page .utility-brand strong{font-size:23px;line-height:1.4}
.tool-page .top small,.tool-page .utility-brand small{display:block;font-size:13px;line-height:1.65;margin-top:5px}
.tool-page .card p{font-size:14px;line-height:1.8}.tool-page .foot{font-size:12px;text-align:left}
.page-preferences{display:flex;justify-content:flex-end;margin:0 0 20px;gap:12px}
.page-preferences .display-preferences{border:0;padding:0}.page-preferences label{min-width:120px}
.admin-page .wrap{max-width:1240px;padding:28px 24px 52px}
.admin-page .topbar{background:#fff;color:var(--ui-text);border-bottom:1px solid var(--ui-border);padding:18px max(24px,calc((100vw - 1192px)/2));flex-wrap:wrap}
.admin-page .brand{gap:16px}.admin-page .brand b{font-size:23px;letter-spacing:1px}.admin-page .brand small{color:var(--ui-muted);font-size:13px}
.admin-page .topbar .top-actions{display:flex;flex-wrap:wrap;gap:10px}.admin-page .badge{color:var(--ui-accent);border-color:var(--ui-border);font-size:12px}
.admin-page .auth-card{max-width:960px;margin-left:auto;margin-right:auto}
.admin-page .auth-help{font-size:13px;line-height:1.8}.admin-page .auth-help summary{min-height:44px;padding:10px 0;cursor:pointer}
.admin-page .auth-reset{min-height:40px;padding:8px 10px}
.admin-page .auth-fields{gap:16px 22px}.admin-page .auth-state{font-size:12px}
.admin-page .admin-menu button{min-height:44px;font-size:14px;white-space:normal}.admin-page .admin-menu span{font-size:12px}
.admin-page .grid{gap:22px}.admin-page .logtitle{font-size:14px}.admin-page .logdetail,.admin-page .time{font-size:12px}
.admin-page .status .stat{border:1px solid var(--ui-border);border-radius:10px;background:#f6f8fb}
.admin-page .control-heading,.admin-page .security-section{border-radius:12px}
.admin-page .security-section p{font-size:14px}.admin-page .control-steps{gap:12px}
.admin-page .topbar .display-preferences{border-left:0;padding-left:0}.admin-page .topbar .display-preferences label{min-width:95px}
.tool-page #value{font-size:40px;letter-spacing:6px;font-variant-numeric:tabular-nums;text-align:center;padding:20px;background:#f6f8fb;border-radius:12px;margin:20px 0}
.tool-page #remaining{text-align:center;font-size:14px}
@media(max-width:1024px){
 .audience-page .header-main{min-height:96px;gap:16px}.audience-page .home-brand .logo-header{width:70px;height:70px}.audience-page .home-brand strong{font-size:27px}
 .audience-page .header-tools{flex-wrap:wrap;gap:12px}.audience-page .header-tools-copy strong{font-size:15px}
 .audience-page .view>.page-head{gap:18px}.audience-page .page-brand-cluster{gap:12px}.section-brand-copy strong{font-size:18px}
 .audience-page .top-nav{gap:4px 12px}.audience-page .top-nav button{font-size:13px}
 .admin-page .grid{grid-template-columns:1fr}.admin-page .seal-card{grid-column:auto;grid-row:auto}
 .selection-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px 10px}
}
@media(max-width:760px){
 .audience-page .content{padding:20px 16px 32px}.card{padding:22px}
 .audience-page .view>.page-head{min-height:116px;padding:22px;gap:16px}
 .audience-page .view>.page-head h1,html[lang="en"] .audience-page .view>.page-head h1{font-size:25px}
 .instruction-grid,.evidence-entry-grid,.integrity-evidence-grid{grid-template-columns:1fr;gap:16px}
 .integrity-hero{padding:26px;gap:22px}.integrity-identity .integrity-logo{width:76px;height:76px}
 .admin-page .status-heading,.admin-page .control-heading{gap:12px}.admin-page .top-actions{width:100%}
}
@media(max-width:650px){
 body{font-size:14px}input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px}
 .audience-page .site-header{padding:0 16px}.audience-page .header-main{padding:18px 0 14px;gap:14px}
 .audience-page .home-brand{gap:14px;margin:auto}.audience-page .home-brand .logo-header{width:64px;height:64px}
 .audience-page .home-brand strong{font-size:25px;letter-spacing:1.2px}.audience-page .home-brand small{font-size:14px;letter-spacing:.6px}
 .audience-page .header-tools{display:grid;grid-template-columns:1fr;gap:12px;padding-top:12px;margin:0;width:100%}
 .audience-page .header-tools-copy{grid-column:auto;gap:3px}.audience-page .header-tools-copy strong{font-size:15px}
 .audience-page .header-tools-copy small{font-size:12px;max-width:none}
 .display-preferences{width:100%;gap:12px;grid-column:auto}.display-preferences label{min-width:0;flex:1}
 .audience-page .display-preferences label{display:flex;flex-direction:column;align-items:stretch;gap:5px}
 .display-preferences select{font-size:14px;min-height:44px;height:44px}
 .audience-page .top-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 8px;width:100%;overflow:visible}
 .audience-page .top-nav button,html[lang="en"] .audience-page .top-nav button{font-size:12px;min-height:46px;padding:10px 2px;white-space:normal}
 .audience-page .view>.page-head{flex-wrap:nowrap;padding:18px;min-height:108px;gap:12px;margin-bottom:18px}
 .audience-page .view>.page-head>.page-brand-cluster{width:auto;align-self:center;padding:0;border:0;gap:0}
 .audience-page .view>.page-head .section-brand-copy{display:none}
 .audience-page .page-brand-cluster .logo-section{width:48px;height:48px}
 .audience-page .view>.page-head h1,html[lang="en"] .audience-page .view>.page-head h1{font-size:23px}
 .audience-page .view>.page-head p{font-size:13px;line-height:1.7;margin-top:6px}
 .audience-page .card{padding:20px}.audience-page .card>.card-head{padding:0 0 14px;margin:0 0 16px}
 .audience-page .card>.card-head h2{font-size:19px}.audience-page .card>.card-head p{font-size:12px}
 .audience-page .draw-brand-block .logo-draw{width:44px;height:44px}.audience-page .draw-brand-copy h2{font-size:18px}
 .audience-page .draw-brand-copy .draw-heading-time{font-size:12px}.audience-page .draw-hero .card-head>.live{padding-left:0;flex-basis:auto;font-size:12px}
 .audience-page .proof-strip{padding:14px}.audience-page .proof-strip .button-group{width:100%;max-width:none}
 .draw-result-row{width:100%;gap:0}.draw-result-row .draw-number-area{--draw-ball-size:clamp(28px,calc((100cqw - 46px)/7),40px);--draw-ball-gap:3px;--draw-separator:15px;--group-padding:5px}
 .audience-page #drawBalls .ball{width:var(--draw-ball-size);height:var(--draw-ball-size);font-size:clamp(14px,4cqw,19px)}
 .draw-number-labels span:first-child,.draw-number-labels span:last-child{font-size:10px;padding:2px 3px;white-space:normal;line-height:1.5}
 .audience-page #drawBalls .ball.special::before{left:-17px}
 .audience-page .proof-strip .btn{flex:1 1 120px}.recent-card .recent-time{font-size:11px}
 .integrity-hero{padding:22px 18px}.integrity-identity{gap:14px;padding-bottom:18px}.integrity-wordmark strong{font-size:23px}.integrity-wordmark small{font-size:14px}
 .integrity-hero h2{font-size:27px}.integrity-copy>p{font-size:14px}.integrity-hero .button-group>.btn{font-size:13px;padding:10px 12px}
 .selection-tools{gap:12px}.selection-tools label{flex:1 1 100%;display:flex;align-items:center;justify-content:space-between;gap:12px}
 .selection-tools select{max-width:150px}.selection-tools>.btn{flex:1 1 120px}.selection-summary{padding:16px;gap:16px}
 .selection-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 10px}.selection-number{width:44px;height:44px;min-height:44px;font-size:17px}
 .history-pagination{padding:16px}.history-pagination .button-group{min-width:0;flex:1 1 100%;width:100%}.history-pagination .btn{flex:1}
 .trend-controls label{flex:1 1 140px;min-width:0}.trend-controls select{max-width:100%}
 .audience-page .site-footer{padding:24px 20px}.audience-page .footer-inner{gap:18px;align-items:center}
 .audience-page .footer-brand{gap:16px}.audience-page .footer-brand .logo-footer{width:66px;height:66px}
 .audience-page .footer-wordmark strong{font-size:22px}.audience-page .footer-wordmark small{font-size:13px}.footer-links{align-items:center}
 .tool-page .wrap,.admin-page .wrap{padding:22px 16px 36px}.tool-page .logo-header,.admin-page .logo-header{width:56px;height:56px}
 .tool-page .top,.tool-page .utility-brand{gap:14px}.tool-page .top strong,.tool-page .utility-brand strong{font-size:20px}
 .tool-page .top small{font-size:12px}.page-preferences{justify-content:stretch}.page-preferences .display-preferences{gap:12px}
 .tool-page .display-preferences label,.admin-page .display-preferences label{display:flex;flex-direction:column;gap:6px;min-width:0!important}
 .tool-page .actions .btn,.admin-page .actions .btn{flex:1 1 140px}.tool-page .card,.admin-page .card{padding:20px}
 .admin-page .topbar{padding:16px}.admin-page .brand b{font-size:22px}.admin-page .brand small{font-size:12px}
 .admin-page .top-actions>.btn{flex:1 1 130px}.admin-page .top-actions>.display-preferences{flex-basis:100%;margin-top:6px}
 .admin-page .control-steps{gap:8px}.admin-page .control-steps li{font-size:13px;padding:10px 12px}
 .admin-page .auth-title-row{flex-wrap:wrap;gap:10px}.admin-page .auth-fields{grid-template-columns:1fr}.admin-page .auth-stepper{font-size:12px}
 .admin-page .control-heading>.btn,.admin-page .status-heading>.btn{width:100%}.admin-page .security-grid{grid-template-columns:1fr}
}
@media(max-width:360px){
 .audience-page .home-brand .logo-header{width:52px;height:52px}.audience-page .home-brand strong{font-size:22px}.audience-page .home-brand small{font-size:13px}
 .audience-page .view>.page-head{padding:16px;gap:10px}.audience-page .page-brand-cluster .logo-section{width:40px;height:40px}
 .audience-page .view>.page-head h1,html[lang="en"] .audience-page .view>.page-head h1{font-size:21px}
 .audience-page .footer-brand{gap:12px}.audience-page .footer-brand .logo-footer{width:54px;height:54px}.audience-page .footer-wordmark strong{font-size:20px}
 .selection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Keep the draw and schedule panels balanced, with a spacious three-step timeline. */
.audience-page .homepage-grid{align-items:stretch}
.audience-page .schedule-card{display:flex;flex-direction:column;min-width:0}
.audience-page .schedule-card .progress-wrap{padding:16px;background:var(--ui-bg,#f7f8fa);border:1px solid var(--ui-border);border-radius:12px}
.audience-page .schedule-card .prog-top{gap:7px;font-size:13px;color:var(--ui-muted)}
.audience-page .schedule-card #progressLabel{font-size:18px;line-height:1.5;color:var(--ui-text)}
.audience-page .schedule-card .prog-foot{font-size:13px;line-height:1.8;margin-top:12px;color:var(--ui-muted)}
.audience-page .schedule-steps{list-style:none;counter-reset:draw-step;display:flex;flex-direction:column;flex:1;gap:0;padding:0;margin:24px 0 0}
.audience-page .schedule-steps li{counter-increment:draw-step;position:relative;flex:1;padding:4px 0 24px 42px;display:flex;flex-direction:column;justify-content:center;min-height:130px}
.audience-page .schedule-steps li::before{content:counter(draw-step,decimal-leading-zero);position:absolute;top:50%;left:0;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--ui-border);border-radius:50%;background:var(--ui-bg,#f7f8fa);color:var(--tone-a11a24,#a11a24);font-size:11px;font-weight:750;z-index:1}
.audience-page .schedule-steps li:not(:last-child)::after{content:'';position:absolute;left:15px;top:calc(50% + 20px);bottom:calc(-50% + 20px);width:1px;background:var(--ui-border)}
.audience-page .schedule-steps li:last-child{padding-bottom:4px}
.audience-page .schedule-steps b{font-size:15px;line-height:1.6;margin-bottom:9px;color:var(--ui-text);font-weight:700}
.audience-page .schedule-steps span{font-size:14px;line-height:1.9;color:var(--ui-muted)}
@media(max-width:900px){
 .audience-page .schedule-steps{flex-direction:row;gap:22px}
 .audience-page .schedule-steps li{padding:0 0 0 40px;min-height:0;justify-content:flex-start}
 .audience-page .schedule-steps li::before{top:0;transform:none}
 .audience-page .schedule-steps li:not(:last-child)::after{display:none}
}
@media(max-width:600px){
 .audience-page .schedule-steps{flex-direction:column;gap:20px}
 .audience-page .schedule-steps li{padding:0 0 0 42px}
 .audience-page .schedule-steps b{font-size:15px;margin-bottom:6px}
}
/* Two homepage destinations occupy the full content width. */
.audience-page .homepage-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch;width:100%}
.audience-page .homepage-links button{min-width:0;min-height:112px;padding:24px;text-align:left;border-radius:14px;display:flex;flex-direction:column;justify-content:center;gap:8px;transition:border-color .18s ease,background-color .18s ease}
.audience-page .homepage-links b{margin:0;font-size:17px;line-height:1.5;color:var(--ui-text)}
.audience-page .homepage-links span{font-size:14px;line-height:1.8;color:var(--ui-muted)}
@media(max-width:600px){.audience-page .homepage-links{grid-template-columns:1fr;gap:16px}.audience-page .homepage-links button{padding:20px;min-height:104px}}
/* Center search actions against the complete filter fields. */
.audience-page .history-search .history-search-actions{align-self:center;align-items:center;justify-content:center;gap:12px}
.audience-page .history-search .history-search-actions .btn{flex:1;min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;margin:0}
.audience-page .footer-inner{align-items:center;gap:40px}
.footer-signature{flex:0 1 420px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:14px}
.footer-place{display:flex;align-items:center;gap:22px;color:#8395a9}
.footer-islands{width:180px;height:100px;display:block;opacity:.65}
.footer-place>span{font-size:16px;letter-spacing:2px;white-space:nowrap;color:var(--ui-text)}
.footer-principles{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;font-size:13px;color:var(--ui-muted)}
.footer-principles span+span{border-left:1px solid #cdd5df;padding-left:20px}
.footer-map-credit{font-size:10px;color:#8a96a5;line-height:1.6;text-align:center}
.footer-map-credit a{color:inherit;text-decoration:none}.footer-map-credit a:hover{text-decoration:underline}
@media(max-width:700px){.audience-page .footer-inner{flex-direction:column;align-items:flex-start;gap:24px}.footer-signature{flex:auto;width:100%;padding-top:20px;border-top:1px solid #d9e0e8}.footer-islands{width:150px;height:84px}.footer-place>span{font-size:14px}.footer-principles{font-size:12px;gap:10px}.footer-principles span+span{padding-left:10px}}
/* A three-part footer keeps the centre visually useful and balanced. */
.audience-page .footer-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,.85fr);gap:30px;align-items:center}
.footer-assurance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 24px;border-left:1px solid #d7dfe8;border-right:1px solid #d7dfe8}
.footer-assurance-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;text-align:center;color:var(--ui-muted);font-size:13px;line-height:1.6}
.footer-assurance-item svg{width:34px;height:34px;color:var(--tone-a11a24,#a11a24);opacity:.75}
.footer-signature{width:100%;gap:8px}
.footer-place{flex-direction:column;gap:4px}
.footer-islands{width:190px;height:106px}
.footer-place>span{font-size:13px;letter-spacing:2px}
.footer-map-credit{font-size:9px}
@media(max-width:1050px){.audience-page .footer-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.footer-assurance{grid-column:1/-1;grid-row:2;padding:20px 0 0;border-left:0;border-right:0;border-top:1px solid #d7dfe8}.footer-place{flex-direction:row;gap:16px}}
@media(max-width:600px){.audience-page .footer-inner{grid-template-columns:1fr;gap:24px}.footer-assurance{grid-column:auto;grid-row:auto;padding:20px 0}.footer-signature{padding-top:18px}.footer-islands{width:150px;height:84px}.footer-assurance-item{font-size:12px;gap:10px}.footer-assurance-item svg{width:30px;height:30px}}

/* Public presentation only. Original ball rules and all 01-49 color mappings above are untouched. */
.audience-page {
  --stage-red: #ba1937;
  --stage-red-dark: #96122b;
  --stage-navy: #172c46;
  --stage-gold: #c89e5c;
  --stage-tint: #fbf1f3;
  --stage-line: #dfe4eb;
  --stage-muted: #5f6d80;
  --ui-text: #24364a;
  --ui-muted: var(--stage-muted);
  --ui-border: var(--stage-line);
  --ui-bg: #f2f4f7;
  background: #f2f4f7;
  color: var(--ui-text);
  font-family: Inter, "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
:root[data-theme="blue"] .audience-page {
  --stage-red: #2161a0; --stage-red-dark: #16487b; --stage-tint: #eef4fa;
  background: #f2f4f7;
}
:root[data-theme="violet"] .audience-page {
  --stage-red: #74449c; --stage-red-dark: #563077; --stage-tint: #f5f0f9;
  background: #f2f4f7;
}
.audience-page ::selection { color: #fff; background: var(--stage-red); }
.audience-page .main { display: flex; flex-direction: column; min-height: 100vh; }
.audience-page .main > .content { flex: 1; }
.audience-page .site-header {
  background: #fff; border-bottom: 1px solid var(--stage-line);
  box-shadow: 0 6px 22px #172c4606; backdrop-filter: none;
}
.audience-page .header-main { padding-top: 14px; padding-bottom: 14px; }
.audience-page .home-brand strong {
  color: var(--stage-navy); font-weight: 800; letter-spacing: .04em;
}
.audience-page .home-brand small { color: var(--stage-muted); letter-spacing: .1em; }
.audience-page .header-tools-copy strong { color: var(--stage-navy); font-weight: 700; }
.audience-page .header-tools-copy small { color: var(--stage-muted); }
.audience-page .header-navigation { background: #fff; border-top: 1px solid var(--stage-line); }
.audience-page .top-nav { gap: 6px; padding: 0; }
.audience-page .top-nav button {
  position: relative; padding: 18px 13px; border: 0; border-radius: 0;
  color: #4b5c71; background: transparent; font-weight: 650;
  transition: color .18s ease, background-color .18s ease;
}
.audience-page .top-nav button::after {
  content: ""; position: absolute; bottom: 0; left: 13px; right: 13px;
  height: 3px; border-radius: 3px 3px 0 0; background: var(--stage-red);
  transform: scaleX(0); transform-origin: center; transition: transform .2s ease;
}
.audience-page .top-nav button:hover { color: var(--stage-red); background: var(--stage-tint); }
.audience-page .top-nav button.active, .audience-page .top-nav button.active:hover {
  color: var(--stage-red); background: transparent; box-shadow: none; font-weight: 750;
}
.audience-page .top-nav button.active::after { transform: scaleX(1); }
.audience-page .crumb { color: var(--stage-muted); }
.audience-page .display-preferences { border-color: var(--stage-line); }
.audience-page .display-preferences select {
  border-color: var(--stage-line); border-radius: 6px; background: #f7f8fa; color: var(--stage-navy);
}
.audience-page .content { padding-top: 38px; padding-bottom: 64px; }
.audience-page .header-main { min-height: 100px; padding-top: 14px; padding-bottom: 14px; }
.audience-page .home-brand { gap: 16px; }
.audience-page .home-brand .logo-header { width: 72px; height: 72px; }
.audience-page .home-brand strong { font-size: 28px; }
.audience-page .home-brand small { font-size: 15px; }
.audience-page .content { padding-top: 32px; }
.audience-page .view > .page-head {
  border: 0; border-radius: 0; padding: 0 0 24px; margin-bottom: 24px;
  min-height: 112px; align-items: center;
  background: transparent; box-shadow: none; border-bottom: 1px solid #d6dde6;
}
.audience-page .view > .page-head::before, .audience-page .view > .page-head::after { display: none; }
.audience-page .view > .page-head h1 {
  font-size: clamp(28px, 2.6vw, 38px); color: var(--stage-navy);
  font-weight: 800; letter-spacing: .02em; line-height: 1.3; margin-bottom: 10px;
}
.audience-page .view > .page-head p { color: var(--stage-muted); line-height: 1.8; font-size: 14px; }
.audience-page .page-brand-cluster { border: 0; background: transparent; }
.audience-page .page-brand-cluster .logo-section { width: 56px; height: 56px; }
.audience-page .section-brand-copy strong { font-size: 18px; }
.audience-page .section-brand-copy small { font-size: 12px; }
.audience-page .draw-brand-block .logo-draw { width: 48px; height: 48px; }
.audience-page .draw-result-brand img { width: 112px; height: 112px; max-width: 100%; object-fit: contain; }
.audience-page .integrity-identity .integrity-logo { width: 112px; height: 112px; }
.audience-page .footer-brand .logo-footer { width: 72px; height: 72px; }
.audience-page .footer-wordmark strong { font-size: 23px; }
.audience-page .footer-wordmark small { font-size: 14px; }
.audience-page .service-logo { width: 48px; height: 48px; margin-bottom: 18px; flex: none; }
.audience-page .service-logo img { width: 100%; height: 100%; object-fit: contain; }
.audience-page :is(.instruction-grid, .evidence-entry-grid, .integrity-pillar-grid, .integrity-evidence-grid) { gap: 24px; }
.audience-page .evidence-entry-grid > .card { display: flex; flex-direction: column; align-items: flex-start; }
.audience-page .evidence-entry-grid > .card > p { flex: 1; margin-top: 14px; margin-bottom: 24px; }
.audience-page .evidence-entry-grid > .card > .btn { margin-top: auto; }
.audience-page .instruction-grid .card > p { margin: 14px 0 0; }
.audience-page .integrity-section-head { margin-top: 36px; margin-bottom: 20px; }
.audience-page .card {
  background: #fff; border: 1px solid var(--stage-line); border-radius: 10px;
  box-shadow: 0 3px 12px #172c4603;
}
.audience-page .card > .card-head {
  color: var(--stage-navy); background: transparent; border-bottom: 1px solid #e8ecf1;
}
.audience-page .card > .card-head h2 { color: inherit; font-weight: 750; font-size: 21px; letter-spacing: 0; }
.audience-page .card > .card-head p, .audience-page .card > .card-head .number-key { color: var(--stage-muted); }
.audience-page .beijing-clock {
  background: var(--stage-navy); border: 1px solid var(--stage-navy); border-radius: 10px;
  padding: 22px 30px; margin-bottom: 28px; box-shadow: none;
}
.audience-page .clock-kicker { color: #bccbdb; font-size: 10px; letter-spacing: .08em; }
.audience-page .clock-caption h2 { color: #fff; font-weight: 650; }
.audience-page .beijing-clock .clock-calendar { border-color: #ffffff29; }
.audience-page .beijing-clock .clock-calendar b { color: #fff; font-weight: 650; font-size: 22px; }
.audience-page .beijing-clock .clock-calendar span { color: #d4deea; font-weight: 500; font-size: 17px; }
.audience-page .clock-digits time {
  font-family: "Bahnschrift", "DIN Alternate", sans-serif; font-size: 48px; font-weight: 500;
  color: #edc782; font-variant-numeric: tabular-nums; letter-spacing: .03em; line-height: 1.15;
}
.audience-page .clock-digits > span { color: #bccbdb; }
.audience-page .homepage-grid { gap: 24px; }
.audience-page .draw-hero {
  border: 1px solid #d6dce6; border-radius: 12px; box-shadow: 0 12px 28px #172c460b;
  animation: stage-arrive .42s ease-out both;
}
.audience-page .draw-hero > .card-head {
  background: var(--stage-red); color: #fff;
  margin: -26px -26px 24px; padding: 24px 26px; border: 0; border-bottom: 3px solid var(--stage-gold);
}
.audience-page .draw-hero .draw-brand-copy h2 { color: #fff; font-size: 22px; font-weight: 750; }
.audience-page .draw-hero > .card-head p { color: #fff; opacity: .85; font-size: 13px; }
.audience-page .draw-hero .card-head > .live {
  color: #fff; border: 1px solid #ffffff50; background: #ffffff0d;
  border-radius: 5px; padding: 6px 10px; font-size: 12px;
}
.audience-page .draw-hero .dot { background: #ffe0a5; box-shadow: none; }
.audience-page .draw-display {
  background: #fff; border: 0; border-radius: 0; padding: 0;
}
.audience-page #drawIssue { color: var(--stage-navy); font-weight: 750; }
.audience-page #issueCountdown { color: var(--stage-red); font-variant-numeric: tabular-nums; }
.audience-page .pill.random { background: var(--stage-tint); color: var(--stage-red); border: 1px solid var(--stage-line); border-radius: 5px; }
.audience-page .draw-number-area::before { background: #f5f7fa; border-color: #e0e6ed; }
.audience-page .draw-number-area::after { background: #fff6e7; border-color: #e1cda6; }
.audience-page .draw-number-labels span:first-child { color: #52657b; background: #e8edf3; }
.audience-page .draw-number-labels span:last-child { color: #805b20; background: #f2e3c4; }
.audience-page .proof-strip {
  background: #f5f7fa; border: 1px solid #e4e9ef; border-radius: 8px;
}
.audience-page .proof-item > span { color: var(--stage-muted); }
.audience-page .proof-item code { color: #3a4e66; line-height: 1.8; }
.audience-page .public-seed { background: #fff; }
.audience-page .evidence-summary { color: var(--stage-muted); }
.audience-page .material-details { border-color: var(--stage-line); }
.audience-page .material-details summary { color: var(--stage-red); }
.audience-page .material-details summary { transition: color .18s ease; }
.audience-page .material-details summary:hover { color: var(--stage-red-dark); }
.audience-page .material-details[open] .material-grid,
.audience-page .proof-cell details[open] > :not(summary) { animation: material-appear .22s ease-out; }
.audience-page .draw-footer { border-color: var(--stage-line); }
.audience-page .schedule-card { box-shadow: none; }
.audience-page .schedule-card .progress-wrap { background: #f3f5f8; border-color: #e5e9ef; border-radius: 8px; }
.audience-page .progress { background: #e2e7ee; height: 5px; border-radius: 5px; }
.audience-page .progress span { background: var(--stage-red); transition: width .45s ease; }
.audience-page .schedule-steps li::before { background: #fff; border-color: #d9c7a8; color: #8a642b; }
.audience-page .schedule-steps li:not(:last-child)::after { background: #e0e5ec; }
.audience-page .schedule-steps b { color: var(--stage-navy); }
.audience-page .btn {
  background: #fff; color: var(--stage-navy); border: 1px solid #d7dfe8;
  border-radius: 6px; min-height: 44px; text-decoration: none; font-weight: 650;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.audience-page .btn:hover { transform: none; border-color: var(--stage-red); color: var(--stage-red); background: var(--stage-tint); box-shadow: none; }
.audience-page .btn.primary, .audience-page .btn.teal { color: #fff; background: var(--stage-red); border-color: var(--stage-red); }
.audience-page .btn.primary:hover, .audience-page .btn.teal:hover { color: #fff; background: var(--stage-red-dark); border-color: var(--stage-red-dark); }
.audience-page .btn:active:not(:disabled) { transform: translateY(1px); }
.audience-page .btn:disabled { opacity: .5; box-shadow: none; cursor: not-allowed; }
.audience-page :is(button, a, input, select, summary):focus-visible { outline: 3px solid #c89e5c; outline-offset: 3px; }
.audience-page .text-link { color: var(--stage-red); font-weight: 650; }
.audience-page .text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.audience-page :is(input, select) { transition: border-color .18s ease, box-shadow .18s ease; }
.audience-page :is(input, select):focus-visible { border-color: var(--stage-red); }
.audience-page .mini-row { border-color: var(--stage-line); padding-top: 14px; padding-bottom: 14px; }
.audience-page th { color: #526378; background: #eef2f6; font-weight: 650; }
.audience-page td { border-bottom: 1px solid #e9edf2; }
.audience-page tbody tr:nth-child(even) { background: #f8fafc; }
.audience-page tbody tr:hover { background: var(--stage-tint); }
.audience-page :is(input, select) { accent-color: var(--stage-red); }
.audience-page .homepage-links button {
  background: #fff; border: 1px solid var(--stage-line); border-radius: 8px;
  border-left: 3px solid var(--stage-red); box-shadow: none;
  transition: border-color .18s ease, background-color .18s ease;
}
.audience-page .homepage-links button:hover { background: var(--stage-tint); border-color: var(--stage-red); transform: none; }
.audience-page .homepage-links b { color: var(--stage-navy); font-size: 20px; }
.audience-page .homepage-links span { color: var(--stage-muted); }
.audience-page .integrity-hero {
  background: var(--stage-navy); border: 1px solid var(--stage-navy);
  border-top: 3px solid var(--stage-gold); border-radius: 12px; color: #fff;
}
.audience-page .integrity-hero :is(h2, .integrity-wordmark strong, .integrity-wordmark small) { color: #fff; }
.audience-page .integrity-hero h2 { font-weight: 800; line-height: 1.45; letter-spacing: .015em; }
.audience-page .integrity-hero :is(.integrity-kicker, .integrity-copy > p) { color: #cbd7e5; }
.audience-page .integrity-declaration { border-color: var(--stage-gold); background: #ffffff08; color: #edc782; }
.audience-page .integrity-promises span { border-color: #ffffff35; background: transparent; color: #e2eaf3; }
.audience-page .integrity-hero .btn.primary { background: #edc782; border-color: #edc782; color: #172c46; }
.audience-page .integrity-hero .btn.primary:hover { background: #f6d9a9; border-color: #f6d9a9; }
.audience-page .integrity-hero .btn:not(.primary) { background: transparent; color: #fff; border-color: #ffffff60; }
.audience-page .integrity-hero .btn:not(.primary):hover { background: #ffffff12; }
.audience-page .site-footer { background: var(--stage-navy); color: #fff; border-top: 3px solid var(--stage-gold); }
.audience-page .site-footer :is(.footer-wordmark strong, .footer-wordmark small) { color: #fff; }
.audience-page .site-footer :is(.footer-motto, .footer-stats, .footer-place span, .footer-map-credit, .footer-links, .footer-links a, .footer-assurance-item span) { color: #cbd7e5; }
.audience-page .site-footer .footer-assurance-item svg { color: #edc782; }
.audience-page .site-footer .footer-islands { color: #afc3da; }
.audience-page .site-footer .footer-assurance { border-color: #ffffff25; }
@keyframes stage-arrive { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@keyframes material-appear { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 1100px) {
  .audience-page .integrity-identity .integrity-logo { width: 80px; height: 80px; }
}
@media (max-width: 1024px) {
  .audience-page .header-main { min-height: 92px; }
  .audience-page .home-brand .logo-header { width: 64px; height: 64px; }
}
@media (max-width: 900px) {
  .audience-page .top-nav button { padding: 14px 11px; }
  .audience-page .homepage-grid { gap: 20px; }
  .audience-page .draw-hero > .card-head { margin: -26px -26px 22px; padding: 22px 26px; }
}
@media (min-width: 601px) and (max-width: 760px) {
  .audience-page .draw-hero > .card-head { margin: -22px -22px 22px; padding: 22px; }
}
@media (max-width: 600px) {
  .audience-page .content { padding-top: 24px; padding-bottom: 40px; }
  .audience-page .header-main { padding-top: 16px; padding-bottom: 16px; }
  .audience-page .home-brand .logo-header { width: 56px; height: 56px; }
  .audience-page .home-brand strong { font-size: 25px; }
  .audience-page .home-brand small { font-size: 14px; }
  .audience-page .home-brand { gap: 12px; }
  .audience-page .page-brand-cluster .logo-section { width: 40px; height: 40px; }
  .audience-page .draw-brand-block .logo-draw { width: 40px; height: 40px; }
  .audience-page .footer-brand .logo-footer { width: 64px; height: 64px; }
  .audience-page .footer-wordmark strong { font-size: 22px; }
  .audience-page .service-logo { width: 44px; height: 44px; margin-bottom: 16px; }
  .audience-page :is(.instruction-grid, .evidence-entry-grid, .integrity-pillar-grid, .integrity-evidence-grid) { gap: 18px; }
  .audience-page .integrity-section-head { margin-top: 28px; margin-bottom: 18px; }
  .audience-page .top-nav button { padding: 10px 8px; min-height: 44px; }
  .audience-page .view > .page-head { min-height: 0; padding-bottom: 20px; margin-bottom: 20px; }
  .audience-page .view > .page-head h1 { font-size: 28px; }
  .audience-page .view > .page-head p { font-size: 13px; }
  .audience-page .beijing-clock { padding: 20px 14px; margin-bottom: 20px; }
  .audience-page .clock-digits time { font-size: 34px; }
  .audience-page .beijing-clock .clock-calendar b { font-size: 17px; }
  .audience-page .beijing-clock .clock-calendar span { font-size: 14px; }
  .audience-page .homepage-grid { gap: 20px; }
  .audience-page .draw-hero > .card-head { margin: -20px -20px 20px; padding: 20px; }
  .audience-page .draw-hero .draw-brand-copy h2 { font-size: 19px; }
  .audience-page .draw-hero .card-head > .live { font-size: 11px; padding: 5px 9px; }
  .audience-page .homepage-links b { font-size: 18px; }
  .audience-page .site-footer { padding: 28px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .audience-page *, .audience-page *::before, .audience-page *::after {
    animation: none !important; transition: none !important; scroll-behavior: auto !important;
  }
}

/* Shared type scale, multilingual rhythm and vector action symbols. */
:is(.audience-page, .tool-page) { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
.audience-page .view > .page-head h1,
html[lang="en"] .audience-page .view > .page-head h1 {
  font-size: clamp(28px, 2.6vw, 36px); font-weight: 800; line-height: 1.3; letter-spacing: .015em;
}
.audience-page .view > .page-head p { max-width: 66ch; font-size: 15px; line-height: 1.85; }
.audience-page .card > .card-head h2 { font-size: 21px; line-height: 1.4; }
.audience-page .card > .card-head p { font-size: 13px; line-height: 1.7; }
.audience-page :is(.integrity-copy > p, .integrity-pillar-grid p, .integrity-evidence-grid p, .integrity-binding p, .instruction-grid p, .evidence-entry-grid p) {
  font-size: 15px; line-height: 1.9;
}
.audience-page .integrity-hero h2 { font-size: clamp(28px, 2.6vw, 38px); line-height: 1.4; }
.audience-page :is(.integrity-pillar-grid h3, .integrity-evidence-grid h3) { font-size: 19px; line-height: 1.5; }
.audience-page .integrity-declaration { font-size: 15px; line-height: 1.85; }
.audience-page .integrity-hero .integrity-kicker { letter-spacing: .02em; }
.audience-page .integrity-pillar-grid > .card { display: flex; flex-direction: column; }
.audience-page .integrity-pillar-grid > .card > strong { margin-top: auto; }
.audience-page .integrity-pillar-grid .integrity-index { margin-bottom: 14px; }
.audience-page :is(.history-archive-note, .local-notice, .frequency-note, .trend-note, .selection-note) { font-size: 13px; line-height: 1.8; }
.audience-page .local-notice { padding: 10px 14px; margin-bottom: 18px; border-left: 3px solid var(--stage-gold); background: #ebeef3; border-radius: 0 5px 5px 0; }
.audience-page .site-connection { text-align: left; padding: 10px 14px; margin-bottom: 20px; border: 1px solid #dce3ec; border-left: 3px solid var(--stage-gold); border-radius: 6px; background: #edf1f6; color: #526378; font-size: 13px; line-height: 1.7; }
.audience-page #connectionState { background: #edf1f6 !important; border: 1px solid #dce3ec !important; border-left: 3px solid var(--stage-gold) !important; }
.audience-page .schedule-steps li { min-height: 118px; padding-bottom: 20px; }
.audience-page .schedule-steps span { font-size: 14px; line-height: 1.8; }
.audience-page .proof-item code { font-size: 12px; }
.audience-page :is(.btn, .text-link, .selection-modes button, .frequency-category-buttons button, .trend-controls button) { font-size: 14px; line-height: 1.45; }
.audience-page .btn.small { font-size: 13px; }
.audience-page .content { padding-bottom: 48px; }
.audience-page .integrity-identity { padding-top: 16px; padding-bottom: 16px; }
.audience-page .integrity-identity::after { background: #ffffff25; }
.audience-page .footer-map-credit { font-size: 11px; }
.tool-page { font-size: 15px; line-height: 1.8; }
.tool-page .wrap { padding-top: 28px; padding-bottom: 40px; }
.tool-page h1 { font-size: clamp(27px, 2.6vw, 34px); line-height: 1.35; color: #172c46; }
.tool-page h2 { font-size: 21px; line-height: 1.45; }
.tool-page :is(.lead, .card > p, .notice) { font-size: 15px; line-height: 1.85; }
.tool-page .eyebrow { text-transform: none; letter-spacing: .04em; color: #657387; }
:is(.audience-page, .tool-page) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { font-size: 16px; min-height: 44px; }
:is(.audience-page, .tool-page) :is(.content, .site-header, .wrap) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { font-size: 16px; min-height: 44px; }
:is(.audience-page, .tool-page) :is(.btn, .text-link) { min-height: 44px; }
:is(.audience-page, .tool-page) .ui-icon {
  --symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  display: inline-block; width: 16px; height: 16px; min-width: 16px; flex: none;
  padding: 0; margin: 0 0 0 4px; border: 0; border-radius: 0;
  color: inherit; background: currentColor; font-size: 0; line-height: 0; vertical-align: -.18em;
  -webkit-mask: var(--symbol) center / contain no-repeat; mask: var(--symbol) center / contain no-repeat;
}
:is(.audience-page, .tool-page) .ui-icon-external {
  --symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 4h6v6M20 4 11 13M10 5H5v14h14v-5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
:is(.audience-page, .tool-page) .ui-icon-download {
  --symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v12m-5-5 5 5 5-5M4 16v5h16v-5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
:is(.audience-page, .tool-page) .ui-icon-play {
  --symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 4 13 8-13 8Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E");
  margin-left: 0; margin-right: 4px;
}
.audience-page .homepage-links .ui-icon { font-size: 0; line-height: 0; color: inherit; }
:is(.audience-page, .tool-page) span.ui-icon[aria-hidden="true"] { font-size: 0; line-height: 0; }
@supports not ((mask-image: linear-gradient(#000, #000)) or (-webkit-mask-image: linear-gradient(#000, #000))) {
  :is(.audience-page, .tool-page) .ui-icon { background: none; font: 16px/1 "Segoe UI Symbol", "Apple Symbols", sans-serif; }
  :is(.audience-page, .tool-page) span.ui-icon[aria-hidden="true"] { font-size: 16px; line-height: 1; }
}
html[lang="en"] .audience-page :is(.view > .page-head p, .integrity-copy > p, .integrity-pillar-grid p, .integrity-evidence-grid p, .integrity-binding p, .instruction-grid p, .evidence-entry-grid p) { line-height: 1.75; letter-spacing: 0; }
html[lang="en"] .audience-page .integrity-hero h2 { font-size: clamp(27px, 2.45vw, 36px); letter-spacing: -.015em; line-height: 1.35; }
html[lang="en"] .audience-page .schedule-card #progressLabel { font-size: 16px; line-height: 1.6; }
html[lang="en"] .audience-page :is(.integrity-kicker, .integrity-index, .integrity-binding-kicker, .footer-place > span) { letter-spacing: 0; }
@media (max-width: 900px) {
  .audience-page .schedule-steps li { min-height: 0; padding-bottom: 0; }
  .audience-page .view > .page-head p { max-width: 56ch; }
}
@media (max-width: 600px) {
  .audience-page .header-main { gap: 12px; padding-top: 14px; padding-bottom: 14px; }
  .audience-page .header-tools { gap: 10px; }
  .audience-page .header-tools-copy { display: flex; align-items: baseline; justify-content: center; gap: 8px; }
  .audience-page .header-tools-copy strong { font-size: 13px; line-height: 1.5; }
  .audience-page .header-tools-copy small { font-size: 11px; line-height: 1.5; }
  .audience-page .view > .page-head h1, html[lang="en"] .audience-page .view > .page-head h1 { font-size: 28px; }
  .audience-page .view > .page-head p { font-size: 14px; line-height: 1.8; }
  .audience-page .card > .card-head h2 { font-size: 19px; }
  .audience-page .draw-hero .draw-brand-copy h2 { font-size: 19px; }
  .audience-page .draw-hero > .card-head { padding-top: 18px; padding-bottom: 18px; }
  .audience-page .integrity-hero h2 { font-size: 29px; }
  .audience-page :is(.integrity-pillar-grid h3, .integrity-evidence-grid h3) { font-size: 18px; }
  .audience-page .integrity-identity { padding-top: 0; padding-bottom: 18px; }
  .audience-page .schedule-steps { gap: 18px; margin-top: 20px; }
  .audience-page .schedule-steps span { font-size: 14px; line-height: 1.8; }
  .audience-page .content { padding-top: 20px; padding-bottom: 36px; }
  .audience-page .site-footer { padding-bottom: max(28px, env(safe-area-inset-bottom, 0px)); }
  .audience-page .site-header { padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
  .audience-page .content { padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
  .audience-page .selection-note .ui-icon { margin-left: 6px; }
  .tool-page .wrap { padding: 22px 16px max(36px, env(safe-area-inset-bottom, 0px)); }
  .tool-page .top strong { font-size: 21px; }
  .tool-page .top { gap: 12px; }
  .tool-page .display-preferences { width: 100%; min-width: 0; }
  .tool-page .display-preferences label { flex: 1; min-width: 0; }
  .tool-page .wrap { padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
}
@media (hover: none) {
  .audience-page tbody tr:hover { background: inherit; }
}
@media (orientation: landscape) and (hover: none) {
  .audience-page .site-header { padding-left: max(clamp(16px, 5vw, 72px), env(safe-area-inset-left, 0px)); padding-right: max(clamp(16px, 5vw, 72px), env(safe-area-inset-right, 0px)); }
  .audience-page .content, .tool-page .wrap { padding-left: max(24px, env(safe-area-inset-left, 0px)); padding-right: max(24px, env(safe-area-inset-right, 0px)); }
}
/* Keep custom archive filters level; narrow screens scroll the control row. */
.audience-page .history-search.custom-search{display:grid;grid-template-columns:140px minmax(300px,1fr) 160px minmax(280px,1fr) 180px;align-items:end;gap:12px;overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}
.audience-page .history-search.custom-search .history-date-fields{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;min-width:300px;align-items:end}
.audience-page .history-search.custom-search .history-date-fields label{flex:1 1 0;min-width:0;margin:0}
.audience-page .history-search.custom-search .history-scope-label,.audience-page .history-search.custom-search .history-sort-label{min-width:0;width:100%;margin:0}
.audience-page .history-search.custom-search .history-date-range{display:flex;flex-wrap:nowrap;width:100%;min-width:280px;max-width:none;gap:8px}
.audience-page .history-search.custom-search .history-search-actions{width:180px;max-width:none;align-self:center;flex-wrap:nowrap}
.audience-page .history-search.custom-search #historySearchStatus{grid-column:1/-1;margin:0}
.audience-page .history-search.custom-search label select,.audience-page .history-search.custom-search input{height:44px;min-height:44px;font-size:14px}
@media(max-width:650px){.audience-page .history-search.custom-search label select,.audience-page .history-search.custom-search input{font-size:16px}}
.audience-page .history-search.custom-search .history-search-actions .btn{padding:0 12px;font-size:14px;white-space:nowrap}

/* History disclosure: matched actions, long translations and keyboard access. */
.audience-page .history-table .record-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin:0 auto;max-width:220px}
.audience-page .history-table .record-actions>.btn{flex:0 0 auto;width:100%;min-width:164px;min-height:44px;height:auto;box-sizing:border-box;white-space:normal;line-height:1.5;text-align:center;justify-content:center;padding:10px 14px}
.audience-page .history-table .evidence-close[hidden]{display:none!important}
.audience-page .history-table .evidence-close{background:transparent;color:var(--muted,#697586);border-color:var(--line,#d9dee5)}
.audience-page .history-table .evidence-close:hover{background:var(--tone-b81d2910,#b81d2910);color:var(--ink,#233043)}
.audience-page .history-table summary:focus-visible,.audience-page .history-table .record-actions>.btn:focus-visible{outline:2px solid var(--tone-b81d29,#b81d29);outline-offset:3px}
@media(max-width:650px){.audience-page .history-table .record-actions{max-width:none;align-items:stretch}.audience-page .history-table .record-actions>.btn{min-width:0;min-height:44px;height:auto}.audience-page .history-table .proof-cell details[open]{max-width:100%;box-sizing:border-box}}
@media(min-width:651px) and (max-width:900px){
 #history .table-wrap{overflow:visible;background:none}.audience-page .history-table{display:block;width:100%;min-width:0}
 .history-table thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.history-table tbody{display:block}
 .audience-page .history-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0 0 16px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:16px;gap:12px}
 .audience-page .history-table td{display:block;min-width:0;max-width:none;width:auto;padding:8px;text-align:left;white-space:normal;overflow-wrap:anywhere}
 .history-table td[data-label]::before{content:attr(data-label);display:block;margin-bottom:7px;font-size:11px;font-weight:750;color:var(--muted)}
 .history-table .num-set{justify-content:flex-start}.audience-page .history-table .proof-cell{min-width:0;max-width:none}.audience-page .history-table .record-actions{width:100%;max-width:220px}
}