:root{
      --bg:#0b1220;
      --panel:rgba(255,255,255,0.06);
      --panel2:rgba(255,255,255,0.08);
      --text:gold;
      --muted:rgba(255,255,255,0.70);
      --faint:rgba(255,255,255,0.50);
      --border:rgba(255,255,255,0.12);
      --accent:#ffd166;
      --accent2:#7dd3fc;
      --blue:#0b1a36;
      --blue2:#132b54;
      --shadow:0 12px 34px rgba(0,0,0,0.35);
      --radius:16px;
      --max:1100px;
      --gold:gold;
    }

    *{box-sizing:border-box}

    html{
      scroll-behavior:smooth;
    }

    body{
      margin:0;
      background:
        radial-gradient(900px 420px at 50% -10%, rgba(255,209,102,.11), transparent),
        radial-gradient(700px 360px at 0% 22%, rgba(125,211,252,.09), transparent),
        var(--bg);
      color:var(--text);
      font-family:Tahoma, Arial, sans-serif;
      line-height:1.9;
    }

    a{color:inherit}

    .toolbar{
      background:#0b1a36;
      border-bottom:1px solid rgba(255,215,0,.25);
      height:120px;
      min-height:96px;
      display:flex;
      align-items:center;
      padding:0 20px;
      position:sticky;
      top:0;
      z-index:1000;
      box-shadow:0 6px 15px rgba(0,0,0,.6);
    }

    .toolbar-inner{
      width:100%;
      max-width:1200px;
      margin:auto;
      display:grid;
      grid-template-columns:auto 1fr auto;
      align-items:center;
      gap:16px;
    }

    .toolbar-left,
    .toolbar-right{
      display:flex;
      align-items:center;
    }

    .toolbar-center{
      display:flex;
      margin:10px;
    }

    .brand{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      line-height:1.2;
    }

    .brand-name{
      font-size:1.45rem;
      font-weight:800;
      color:var(--gold);
      letter-spacing:1px;
    }

    .brand-tag{
      font-size:.75rem;
      color:rgba(255,255,255,.6);
      letter-spacing:.5px;
    }

    .site-logo{
      width:100px;
      height:auto;
      border:1px solid rgba(255,215,0,.6);
      border-radius:16px;
      background:rgba(11,26,54,.6);
    }

    .hdr-menu{
      position:relative;
    }

    .hdr-menu__btn{
      background:var(--gold,#f1c40f);
      color:#10223c;
      border:0;
      padding:4px 10px;
      border-radius:7px;
      font-weight:800;
      font-size:large;
      cursor:pointer;
      box-shadow:0 10px 24px rgba(241,196,15,.2);
      z-index:1000;
    }

    .hdr-menu__btn:hover{
      background:#c9a50c;
    }

    .hdr-menu__list{
      position:absolute;
      top:100%;
      right:0;
      min-width:240px;
      margin:8px 0 0;
      padding:6px;
      list-style:none;
      background:linear-gradient(180deg,rgba(19,48,98,.98),rgba(11,30,57,.98));
      border:1px solid rgba(255,255,255,.08);
      border-radius:14px;
      box-shadow:0 20px 50px rgba(0,0,0,.35);
      z-index:10;
    }

    .hdr-menu__link{
      display:block;
      color:gold;
      text-decoration:none;
      padding:10px 12px;
      border-radius:10px;
      border:1px solid rgba(255,255,255,.08);
    }

    .hdr-menu__link:hover{
      background:rgba(255,255,255,.06);
      border-color:rgba(255,255,255,.18);
    }

    .hdr-section{
      color:rgba(255,255,255,.45);
      font-size:.8rem;
      padding:8px 10px 4px;
    }

    .page{
      min-height:100vh;
    }

    .article-shell{
      max-width:var(--max);
      margin:auto;
      padding:22px 20px 50px;
    }

    .back-link{
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:var(--accent);
      text-decoration:none;
      font-weight:900;
      border:1px solid rgba(255,209,102,.28);
      background:rgba(255,209,102,.08);
      padding:8px 12px;
      border-radius:999px;
      margin-bottom:16px;
      transition:.2s;
    }

    .back-link:hover{
      transform:translateY(-2px);
      background:rgba(255,209,102,.14);
    }

    .article-hero{
      position:relative;
      overflow:hidden;
      border:1px solid rgba(255,209,102,.35);
      border-radius:28px;
      background:
        linear-gradient(135deg, rgba(11,26,54,.98), rgba(19,43,84,.94)),
        radial-gradient(900px 300px at 50% 0%, rgba(255,209,102,.25), transparent);
      box-shadow:0 24px 60px rgba(0,0,0,.46);
      padding:22px;
      margin-bottom:18px;
    }

    .article-hero::before{
      content:"";
      position:absolute;
      inset:-100px;
      background:
        radial-gradient(circle at 18% 35%, rgba(255,215,0,.16), transparent 24%),
        radial-gradient(circle at 82% 25%, rgba(255,215,0,.13), transparent 24%),
        linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent);
      transform:rotate(-8deg);
      pointer-events:none;
    }

    .article-hero__inner{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:1fr 280px;
      gap:24px;
      align-items:center;
    }

    .article-badge{
      display:inline-flex;
      width:max-content;
      max-width:100%;
      gap:8px;
      align-items:center;
      padding:7px 12px;
      border-radius:999px;
      border:1px solid rgba(255,209,102,.28);
      background:rgba(0,0,0,.18);
      color:rgba(255,255,255,.78);
      font-size:.82rem;
      margin-bottom:12px;
    }

    .article-title{
      margin:0 0 12px;
      color:var(--accent);
      font-size:clamp(1.9rem, 5vw, 3.6rem);
      line-height:1.22;
      text-shadow:0 0 22px rgba(255,209,102,.16);
    }

    .article-lead{
      margin:0;
      color:rgba(255,255,255,.78);
      font-size:1rem;
      line-height:2;
      max-width:72ch;
    }

    .article-meta{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin-top:18px;
    }

    .meta-pill{
      border:1px solid var(--border);
      background:rgba(0,0,0,.16);
      color:rgba(255,255,255,.66);
      border-radius:999px;
      padding:7px 11px;
      font-size:.8rem;
    }

    .club-logo-card{
      border:1px solid rgba(255,209,102,.30);
      border-radius:24px;
      background:
        radial-gradient(circle at 50% 32%, rgba(255,209,102,.22), transparent 38%),
        rgba(0,0,0,.20);
      min-height:280px;
      display:grid;
      place-items:center;
      padding:18px;
      text-align:center;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
    }

    .club-logo-frame{
      width:170px;
      height:170px;
      border-radius:50%;
      border:2px solid rgba(255,209,102,.55);
      background:
        radial-gradient(circle, rgba(255,209,102,.20), transparent 62%),
        rgba(7,19,44,.92);
      display:grid;
      place-items:center;
      margin:auto;
      box-shadow:0 18px 40px rgba(0,0,0,.48), 0 0 32px rgba(255,209,102,.18);
      overflow:hidden;
    }

    .club-logo-frame img{
      width:82%;
      height:82%;
      object-fit:contain;
      display:block;
    }

    .fallback-logo{
      color:var(--accent);
      font-weight:900;
      font-size:3.3rem;
      line-height:1;
    }

    .club-logo-note{
      margin:14px 0 0;
      color:var(--faint);
      font-size:.82rem;
    }

    .layout{
      display:grid;
      grid-template-columns:1fr 290px;
      gap:18px;
      align-items:start;
    }

    .article-monitor{
      position:relative;
      border:1px solid rgba(255,209,102,.30);
      border-radius:24px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
        rgba(0,0,0,.18);
      box-shadow:
        0 22px 55px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.07);
      padding:16px;
      overflow:hidden;
    }

    .article-monitor::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(120deg, transparent 8%, rgba(255,255,255,.045), transparent 35%);
      pointer-events:none;
    }

    .monitor-topbar{
      position:relative;
      z-index:1;
      height:42px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      border:1px solid rgba(255,255,255,.08);
      border-radius:16px;
      background:rgba(0,0,0,.20);
      padding:0 12px;
      margin-bottom:14px;
    }

    .monitor-dots{
      display:flex;
      gap:6px;
    }

    .dot{
      width:10px;
      height:10px;
      border-radius:50%;
      background:rgba(255,209,102,.65);
      box-shadow:0 0 10px rgba(255,209,102,.22);
    }

    .monitor-title{
      color:rgba(255,255,255,.68);
      font-size:.78rem;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .article-body{
      position:relative;
      z-index:1;
      border:1px solid var(--border);
      border-radius:20px;
      background:
        radial-gradient(900px 300px at 100% 0%, rgba(255,209,102,.10), transparent),
        rgba(0,0,0,.16);
      padding:26px;
    }

    .article-body h2{
      color:var(--accent);
      font-size:1.35rem;
      margin:28px 0 10px;
      line-height:1.4;
    }

    .article-body h2:first-child{
      margin-top:0;
    }

    .article-body p{
      color:rgba(255,255,255,.78);
      font-size:1rem;
      margin:0 0 16px;
      line-height:2.1;
    }

    .article-body strong{
      color:var(--accent);
    }

    .pull-quote{
      margin:26px 0;
      padding:20px;
      border-radius:18px;
      border:1px solid rgba(255,209,102,.30);
      background:
        linear-gradient(90deg, rgba(255,209,102,.12), rgba(125,211,252,.07)),
        rgba(0,0,0,.18);
      color:rgba(255,255,255,.86);
      font-size:1.15rem;
      line-height:2;
      box-shadow:0 14px 34px rgba(0,0,0,.22);
    }

    .pull-quote span{
      display:block;
      margin-top:8px;
      color:var(--faint);
      font-size:.82rem;
    }

    .article-list{
      margin:12px 0 18px;
      padding:0 22px 0 0;
      color:rgba(255,255,255,.76);
      line-height:2.1;
    }

    .article-list li{
      margin-bottom:6px;
    }

    .sidebar{
      display:grid;
      gap:14px;
      position:sticky;
      top:140px;
    }

    .side-card{
      border:1px solid var(--border);
      border-radius:20px;
      background:rgba(0,0,0,.18);
      padding:16px;
      box-shadow:0 12px 30px rgba(0,0,0,.25);
    }

    .side-card--gold{
      border-color:rgba(255,209,102,.32);
      background:
        radial-gradient(600px 180px at 50% 0%, rgba(255,209,102,.12), transparent),
        rgba(0,0,0,.18);
    }

    .side-title{
      margin:0 0 10px;
      color:var(--accent);
      font-size:1rem;
    }

    .side-text{
      margin:0;
      color:var(--muted);
      font-size:.9rem;
      line-height:1.9;
    }

    .info-list{
      list-style:none;
      padding:0;
      margin:0;
      display:grid;
      gap:8px;
    }

    .info-list li{
      display:flex;
      justify-content:space-between;
      gap:10px;
      border-bottom:1px solid rgba(255,255,255,.07);
      padding-bottom:8px;
      color:var(--muted);
      font-size:.85rem;
    }

    .info-list li:last-child{
      border-bottom:0;
      padding-bottom:0;
    }

    .info-list strong{
      color:var(--accent);
      white-space:nowrap;
    }

    .source-list{
      margin:8px 0 0;
      padding:0 20px 0 0;
      color:var(--muted);
      font-size:.88rem;
      line-height:1.9;
    }

    .source-list a{
      color:var(--accent);
      text-decoration:none;
      font-weight:800;
    }

    .source-list a:hover{
      text-decoration:underline;
    }

    .footer-actions{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-top:20px;
    }

    .action-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding:10px 14px;
      border-radius:14px;
      border:1px solid rgba(255,209,102,.35);
      background:rgba(255,209,102,.10);
      color:var(--accent);
      font-weight:900;
      text-decoration:none;
      transition:.2s;
    }

    .action-btn:hover{
      transform:translateY(-3px);
      background:rgba(255,209,102,.16);
      border-color:rgba(255,209,102,.60);
    }

    .action-btn--primary{
      background:var(--accent);
      color:#10223c !important;
    }

    @media (max-width:980px){
      .article-hero__inner{
        grid-template-columns:1fr;
      }

      .layout{
        grid-template-columns:1fr;
      }

      .sidebar{
        position:static;
      }

      .club-logo-card{
        min-height:230px;
      }
    }

    @media (max-width:600px){
      .toolbar{
        height:72px;
        min-height:72px;
      }

      .brand-name{
        font-size:1.1rem;
      }

      .site-logo{
        width:70px;
      }

      .article-shell{
        padding:16px 12px 42px;
      }

      .article-hero{
        border-radius:22px;
        padding:16px;
      }

      .article-body{
        padding:18px;
      }

      .monitor-title{
        max-width:180px;
      }
    }

/* Shared dynamic article additions; the original sports article stays intact. */
.article-body { max-width:none; margin:0; overflow-wrap:anywhere; }
.article-body pre { max-width:100%; }
.layout > *, .article-hero__inner > * { min-width:0; }
.article-menu summary { list-style:none; }
.article-menu summary::-webkit-details-marker { display:none; }
.article-menu[open] .hdr-menu__list { display:block; }
.article-cover-frame { width:100%; border-radius:18px; overflow:hidden; }
.article-cover-frame img { display:block; width:100%; max-height:300px; object-fit:contain; }
.article-body blockquote { margin:26px 0; padding:20px; border-radius:18px; border:1px solid rgba(255,209,102,.30); background:linear-gradient(90deg,rgba(255,209,102,.12),rgba(125,211,252,.07)); color:rgba(255,255,255,.86); }
.article-body ul { color:rgba(255,255,255,.78); }
.article-body h2, #article { scroll-margin-top:145px; }
.article-toc { padding-inline-start:20px; color:var(--muted); }
.article-toc a { color:var(--accent); text-decoration:none; }
.article-toc a:hover { text-decoration:underline; }
.article-tags { color:var(--muted); overflow-wrap:anywhere; }
.article-page-footer { max-width:1100px;margin:0 auto;padding:0 20px 32px;color:var(--muted); }
a:focus-visible,summary:focus-visible{outline:2px solid #ffd166;outline-offset:5px;}
@media(max-width:600px){.article-body h2,#article{scroll-margin-top:92px;}.site-logo{width:56px;}.article-title{overflow-wrap:anywhere;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}