.hb-edition {
    --hb-paper:#fff; --hb-ink:#142137; --hb-muted:#536278; --hb-line:#dde4ee; --hb-soft:#f2f5f9; --hb-accent:#ae1741;
    color:var(--hb-ink); padding-block:28px 56px;
}
.portal[data-theme-mode="dark"] .hb-edition {
    --hb-paper:#152135; --hb-ink:#edf2fa; --hb-muted:#b5c2d3; --hb-line:#39485f; --hb-soft:#1d2c43; --hb-accent:#ff9cb4;
}
.hb-edition [hidden], .hb-match-tools[hidden], .fixture-card[hidden],
.match-timeline li[hidden], .league-table tr[hidden], .gold-table [hidden], .hb-calendar[hidden] { display:none!important; }
.hb-hero {
    display:flex; align-items:end; justify-content:space-between; gap:20px; padding:clamp(20px,4vw,48px);
    background:linear-gradient(120deg,#101c32,#253958); color:#fff; border-radius:14px; border-bottom:4px solid #e92d5f;
}
.hb-hero h1 { color:#fff; font-size:clamp(30px,6vw,56px); line-height:1.04; letter-spacing:-.045em; margin:.35em 0 .2em; }
.hb-hero p { color:#d6e0ef; line-height:1.55; margin:0; }
.hb-hero a { color:#fff; }
.hb-hero .hb-back { color:#c5d4e8; font-size:13px; font-weight:700; }
.hb-hero-links { display:flex; flex-wrap:wrap; gap:8px; }
.hb-hero-links a, .hb-hero>a { padding:9px 12px; border:1px solid #68809d; border-radius:6px; font-size:13px; font-weight:700; }
.hb-shortcuts { display:flex; flex-wrap:wrap; gap:8px; margin-block:18px 12px; }
.hb-shortcuts a {
    color:var(--hb-ink); background:var(--hb-paper); border:1px solid var(--hb-line); border-radius:999px;
    padding:8px 14px; font-size:13px; font-weight:700;
}
.hb-shortcuts a[aria-current="true"] { color:var(--hb-accent); border-color:currentColor; box-shadow:inset 0 0 0 1px currentColor; }
.hb-panel { background:var(--hb-paper); border:1px solid var(--hb-line); border-radius:12px; box-shadow:0 7px 24px #14213709; padding:clamp(14px,2.4vw,24px); }
.hb-archive-form { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; align-items:end; }
.hb-archive-query { grid-column:span 2; }
.hb-panel label,.hb-gold-tools label,.hb-match-tools label { display:grid; gap:5px; min-width:0; font-size:13px; font-weight:700; }
.hb-panel :is(input:not([type="checkbox"]),select), .hb-match-tools :is(input:not([type="checkbox"]),select), .hb-gold-tools :is(input:not([type="checkbox"]),select) {
    width:100%; min-width:0; min-height:42px; background:var(--hb-paper,var(--card,#fff)); color:inherit;
    border:1px solid var(--hb-line,var(--stroke,#cad3df)); border-radius:7px; padding:7px 9px; font:inherit;
}
.hb-panel .hb-check,.hb-match-tools .hb-check,.hb-gold-tools .hb-check { display:flex; align-items:center; gap:8px; min-height:42px; }
.hb-check input,.hb-desk-row input { width:17px; height:17px; accent-color:#af1841; }
.hb-form-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; grid-column:span 2; }
.hb-form-actions a { font-size:13px; color:var(--hb-accent); text-decoration:underline; text-underline-offset:3px; }
.hb-applied { display:flex; gap:6px; flex-wrap:wrap; margin-top:12px; }
.hb-applied a { display:flex; gap:8px; align-items:center; font-size:13px; background:var(--hb-soft); color:var(--hb-accent); border:1px solid var(--hb-line); border-radius:6px; padding:5px 8px; overflow-wrap:anywhere; }
.hb-primary { border:1px solid #ae1741; background:#ae1741; color:#fff; border-radius:7px; padding:10px 15px; font-weight:800; min-height:42px; cursor:pointer; }
.hb-result-heading { display:flex; align-items:baseline; justify-content:space-between; gap:10px; border-bottom:2px solid var(--hb-line); margin:26px 0 14px; }
.hb-result-heading h2 { margin:0 0 7px; line-height:1.2; font-size:24px; }
.hb-result-heading span { color:var(--hb-muted); font-size:13px; font-variant-numeric:tabular-nums; }
.hb-archive-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.hb-story { min-width:0; display:flex; flex-direction:column; border:1px solid var(--hb-line); border-radius:10px; background:var(--hb-paper); overflow:hidden; }
.hb-story:hover { box-shadow:0 8px 24px #17283c20; }
.hb-story-image { display:block; overflow:hidden; background:var(--hb-soft); aspect-ratio:16/9; }
.hb-story-image img { display:block; width:100%; height:100%; object-fit:cover; }
.hb-story-copy { display:flex; flex-direction:column; flex:1; padding:12px; }
.hb-story-meta { display:flex; align-items:center; flex-wrap:wrap; gap:6px; font-size:11px; line-height:1.3; color:var(--hb-accent); font-weight:800; }
.hb-story-meta strong { background:#ae1741; color:#fff; border-radius:4px; padding:2px 5px; }
.hb-story h3 { font-size:clamp(15px,1.7vw,20px); line-height:1.24; margin:6px 0; }
.hb-story h3 a { color:inherit; overflow-wrap:anywhere; }
.hb-story h3 a:hover,.hb-desk-row a:hover { text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:3px; }
.hb-story p { margin:0 0 9px; color:var(--hb-muted); font-size:13px; line-height:1.5; }
.hb-story-foot { display:flex; align-items:center; justify-content:space-between; gap:6px; margin-top:auto; border-top:1px solid var(--hb-line); padding-top:6px; }
.hb-story-foot time,.hb-desk-row time { color:var(--hb-muted); font-size:11px; font-variant-numeric:tabular-nums; }
.hb-bookmark { display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--hb-line); border-radius:7px; background:var(--hb-paper); color:var(--hb-ink); font-size:21px; cursor:pointer; }
.hb-bookmark[aria-pressed="true"] { background:var(--hb-soft); color:var(--hb-accent); border-color:currentColor; }
.hb-empty { background:var(--hb-soft); color:var(--hb-muted); border:1px dashed var(--hb-line); border-radius:9px; padding:25px; text-align:center; }
.hb-pagination { display:flex; justify-content:center; align-items:center; gap:14px; margin-top:20px; font-weight:700; }
.hb-pagination a { border:1px solid var(--hb-line); border-radius:7px; padding:9px 12px; }
.hb-desk-grid { display:grid; grid-template-columns:minmax(0,2fr) minmax(230px,1fr); gap:15px; margin:17px 0 0; align-items:start; }
.hb-tabs { display:flex; gap:3px; border-bottom:1px solid var(--hb-line); margin-bottom:13px; flex-wrap:wrap; }
.hb-tabs button { color:var(--hb-muted); background:none; border:0; border-bottom:3px solid transparent; min-height:45px; padding:7px 10px; cursor:pointer; font-weight:750; }
.hb-tabs button[aria-pressed="true"] { color:var(--hb-accent); border-bottom-color:currentColor; }
.hb-tabs b { padding:2px 6px; margin-left:2px; border-radius:20px; background:var(--hb-soft); font-size:11px; }
.hb-desk-filters { display:grid; grid-template-columns:2fr 1fr; gap:10px; }
.hb-desk-list { list-style:none; margin:8px 0; padding:0; }
.hb-desk-row { display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid var(--hb-line); }
.hb-desk-row:has(input:checked) { background:var(--hb-soft); }
.hb-desk-row img { border-radius:5px; width:72px; height:48px; flex:none; object-fit:cover; }
.hb-desk-row a { display:block; font-weight:750; overflow-wrap:anywhere; line-height:1.35; }
.hb-status { color:var(--hb-muted); font-size:13px; margin:8px 0 0; }
.hb-desk-side h2 { font-size:17px; margin:0 0 8px; }
.hb-desk-side button,.hb-gold-actions button,.hb-calendar {
    min-height:42px; color:inherit; background:transparent; border:1px solid var(--hb-line,var(--stroke,#cad3df)); border-radius:7px; padding:6px 10px; font-weight:700; cursor:pointer;
}
.hb-desk-side button { width:100%; text-align:start; margin:4px 0; }
.hb-desk-side button:disabled,.hb-gold-actions button:disabled { opacity:.55; cursor:default; }
.hb-desk-side hr { border:0; border-top:1px solid var(--hb-line); margin:17px 0; }
.hb-match-tools { display:flex; flex-wrap:wrap; align-items:end; gap:10px; border:1px solid var(--stroke,#cad3df); padding:12px; margin:0 0 13px; border-radius:9px; }
.hb-match-tools output { align-self:center; font-size:13px; min-width:56px; font-variant-numeric:tabular-nums; }
.hb-calendar { font-size:12px; }
.hb-gold-tools { border:1px solid var(--stroke,#cad3df); border-radius:11px; padding:14px; margin:14px 0; }
.hb-gold-tools form { display:grid; grid-template-columns:2fr 1fr 1fr minmax(125px,1fr); align-items:end; gap:10px; }
.hb-gold-total { border-inline-start:3px solid #ac7b25; padding:2px 0 2px 10px; }
.hb-gold-total span { display:block; font-size:11px; }
.hb-gold-total output { font-size:20px; font-weight:850; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.hb-gold-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:12px; }
.hb-gold-actions button[aria-pressed="true"] { border-color:#ac7b25; box-shadow:inset 0 0 0 1px #ac7b25; }
.hb-article-toc { border:1px solid var(--stroke,#cad3df); border-inline-start:3px solid #ae1741; border-radius:7px; margin:14px 0; padding:11px 14px; background:var(--card,#fff); }
.hb-article-toc summary { cursor:pointer; font-weight:750; }
.hb-article-toc ol { display:grid; gap:7px; margin:10px 0 0; padding-inline-start:21px; }
.hb-article-toc a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.hb-reading-anchor { scroll-margin-top:140px; }
.hb-edition :is(a,button,input,select):focus-visible,.hb-match-tools :is(button,input,select):focus-visible,.hb-gold-tools :is(button,input,select):focus-visible {
    outline:3px solid #bf3063; outline-offset:2px;
}
@media(max-width:900px){
    .hb-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .hb-archive-form{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:650px){
    .hb-desk-grid{grid-template-columns:minmax(0,1fr);}
    .hb-hero{align-items:start; flex-direction:column; gap:12px;}
    .hb-gold-tools form{grid-template-columns:repeat(2,minmax(0,1fr));}
    .hb-calendar{justify-self:start;}
}
@media(max-width:550px){
    .hb-edition{padding-block:14px 35px;}
    .hb-archive-grid{grid-template-columns:minmax(0,1fr); gap:8px;}
    .hb-story{display:grid; grid-template-columns:108px minmax(0,1fr);}
    .hb-story-image{aspect-ratio:auto;}
    .hb-story p{display:none;}
    .hb-story-copy{padding:8px;}
    .hb-story h3{margin:3px 0 5px;}
    .hb-desk-row img{width:54px;height:40px;}
    .hb-gold-actions button{font-size:12px;}
}
@media print{
    .hb-archive-form,.hb-shortcuts,.hb-pagination,.hb-hero-links,.hb-bookmark,.hb-desk-side,.hb-gold-actions,.hb-match-tools,.hb-calendar { display:none!important; }
    .hb-hero{background:#fff;border:1px solid #777;}
    .hb-hero h1,.hb-hero p,.hb-hero a{color:#111!important;}
    .hb-story{break-inside:avoid;}
}