/* Shared ContestProp application header. Forecast page is the visual reference. */
.cp-header{position:sticky;top:0;z-index:1000;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions";align-items:center;gap:12px;min-height:58px;padding:6px 14px;background:#080d14;border-bottom:1px solid #26384b;box-shadow:0 3px 14px rgba(0,0,0,.55);font-family:Inter,Segoe UI,Arial,sans-serif}
.cp-brand{grid-area:brand;display:flex;align-items:center;gap:8px;min-width:0;text-decoration:none}
.cp-logo{display:block;height:44px;max-width:min(310px,55vw);object-fit:contain;object-position:left center}
.cp-version{display:inline-flex;align-items:center;justify-content:center;height:19px;padding:0 6px;border:1px solid #395064;border-radius:10px;background:#132332;color:#8fcdf4;font-size:9px;font-weight:700;line-height:1;white-space:nowrap}
.cp-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.cp-button{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border:1px solid #5b7cff;border-radius:14px;background:linear-gradient(90deg,#2376ff,#6d4cff);color:#fff;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.03em;cursor:pointer;white-space:nowrap}
.cp-button:hover{filter:brightness(1.1);border-color:#7d95ff}
.cp-button.primary{border-color:#5b7cff;background:linear-gradient(90deg,#2376ff,#8c3cff);font-weight:800;letter-spacing:.02em}.cp-button.primary:hover{filter:brightness(1.08)}
.cp-button.live{background:#087a46;border-color:#20b86d;color:#f3fff8;box-shadow:0 0 0 1px rgba(32,184,109,.12) inset}.cp-button.live:hover{background:#0b9857;border-color:#49db91}
.cp-button.donation{background:#f2c744;border-color:#ffe27a;color:#111820}.cp-button.donation:hover{background:#ffe06a;border-color:#fff0a6;color:#111820}
@media(max-width:900px){.cp-button{height:26px;padding:0 8px;font-size:9px}.cp-logo{height:40px}}
@media(max-width:650px){.cp-header{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "actions";padding:5px 8px 6px;row-gap:4px}.cp-brand{width:100%;justify-content:space-between}.cp-logo{max-width:calc(100vw - 92px)}.cp-actions{justify-content:flex-start;gap:5px}}

/* The same navigation appears on every public page; only the current page is highlighted. */
.cp-button.active{background:#087a46;border-color:#20b86d;color:#f3fff8;box-shadow:0 0 0 1px rgba(32,184,109,.12) inset}.cp-button.active:hover{background:#0b9857;border-color:#49db91;filter:none}

/* v1.8.1 shared public-page geometry */
:root{--cp-page-width:1920px;--cp-page-pad:16px;--cp-panel:#0d1824;--cp-line:#26394a;--cp-muted:#8da4b6}
.cp-header{min-height:58px}
.cp-page,.wrap,.live-main,body>main{width:100%;max-width:var(--cp-page-width);margin-left:auto;margin-right:auto}
.cp-page,.wrap,body>main{padding-left:var(--cp-page-pad);padding-right:var(--cp-page-pad)}
.cp-page-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;margin:0 0 10px}
.cp-page-intro h1{margin:0;font-size:22px;line-height:1.1;letter-spacing:.01em}
.cp-page-kicker{color:#67dff4;font-size:10px;font-weight:900;letter-spacing:.14em}
@media(max-width:900px){:root{--cp-page-pad:10px}.cp-page-intro{min-height:36px}.cp-page-intro h1{font-size:19px}}