/* 4DK — 2026 AFC PREVIEW */
.afc-preview-page{
  --ink:#f3f5f2;--muted:#aab3ad;--line:#2b3730;--panel:#0a100c;--deep:#030705;
  --red:#e73231;--blue:#1f6fd1;--purple:#5f3aa9;--teal:#1494a8;--gold:#e5b84c;
  margin:0;background:radial-gradient(circle at 80% 0%,rgba(31,111,209,.14),transparent 28rem),linear-gradient(180deg,#07100b,#030705 55%);color:var(--ink)
}
.afc-preview-page *{box-sizing:border-box}
.afc-preview-page a{color:inherit}
.afc-preview-page .shell{max-width:1180px;margin:0 auto;padding-left:20px;padding-right:20px}
.afc-article-top{border-bottom:1px solid #263129;background:#030604}
.afc-article-top .shell{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.afc-brand{font-weight:1000;letter-spacing:-.04em;font-size:22px}
.afc-brand b{color:var(--red)}
.afc-back{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#b9c2bc}
.afc-hero{position:relative;overflow:hidden;border-bottom:1px solid #324036;background:linear-gradient(135deg,#0a0e0b 0 48%,#171008 100%)}
.afc-hero:before{content:"AFC";position:absolute;right:-18px;top:18px;font:1000 clamp(160px,29vw,390px)/.75 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;color:#fff;opacity:.035;letter-spacing:-.08em}
.afc-hero-inner{position:relative;z-index:1;padding-top:56px;padding-bottom:48px;display:grid;grid-template-columns:1.3fr .7fr;gap:34px;align-items:end}
.afc-kicker{font-size:11px;font-weight:1000;letter-spacing:.16em;text-transform:uppercase;color:#ef5a57}
.afc-hero h1{max-width:800px;margin:9px 0 15px;font:1000 clamp(58px,8vw,104px)/.84 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:-.035em;text-transform:uppercase}
.afc-deck{max-width:780px;margin:0;color:#d7ddd9;font-size:19px;line-height:1.45}
.afc-meta{margin-top:20px;font-size:12px;color:#9ea9a2;font-weight:700}
.afc-meta a{text-decoration:underline;text-underline-offset:3px}
.afc-seedbox{border:1px solid #566258;background:rgba(2,5,3,.72);box-shadow:0 22px 55px rgba(0,0,0,.25)}
.afc-seedbox-head{padding:10px 12px;background:#e73231;font:900 11px/1.1 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.afc-seed{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:9px 12px;border-top:1px solid #28332c;font-size:12px}
.afc-seed:first-of-type{border-top:0}.afc-seed b{font-size:15px}.afc-seed em{font-style:normal;color:#aeb7b0;font-size:11px}.afc-seed .n{font-weight:1000;color:#ef5a57}
.afc-nav{display:flex;gap:8px;overflow:auto;padding-top:14px;padding-bottom:14px;border-bottom:1px solid #2f3d33}
.afc-nav a{flex:0 0 auto;border:1px solid #405047;border-radius:999px;padding:8px 13px;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.07em;color:#cbd2cd}
.afc-nav a:hover{background:#152018}
.afc-intro{padding:42px 0 18px;max-width:900px}
.afc-intro p{font-family:Georgia,'Times New Roman',serif;font-size:21px;line-height:1.65;color:#e5e9e6;margin:0 0 18px}
.afc-pull{margin:28px 0;padding:18px 0;border-top:1px solid #4a574f;border-bottom:1px solid #4a574f;font:italic 700 28px/1.2 Georgia,'Times New Roman',serif;color:#fff}
.afc-division{padding:34px 0 46px;border-top:1px solid #28352c}
.afc-div-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
.afc-div-head small{display:block;font-size:10px;font-weight:1000;letter-spacing:.17em;text-transform:uppercase;color:#8f9b93}
.afc-div-head h2{margin:5px 0 0;font:1000 48px/.9 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;text-transform:uppercase}
.afc-div-records{font-size:10px;letter-spacing:.1em;color:#7f8b83;font-weight:900;text-transform:uppercase}
.afc-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.afc-team{position:relative;overflow:hidden;min-width:0;background:#090e0a;border:1px solid #465149;padding:22px;box-shadow:0 14px 32px rgba(0,0,0,.18)}
.afc-team:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent,#777)}
.afc-team-top{display:flex;justify-content:space-between;gap:16px;align-items:start}
.afc-team-label{font-size:10px;font-weight:1000;letter-spacing:.11em;text-transform:uppercase;color:var(--accent,#aaa)}
.afc-team h3{margin:6px 0 0;font:1000 31px/.95 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;text-transform:uppercase;letter-spacing:.01em}
.afc-record{flex:0 0 auto;padding:8px 10px;border:1px solid #4f5a53;background:#121914;font:1000 19px/1 Arial,sans-serif;color:#fff}
.afc-team p{margin:14px 0 0;color:#c5ccc7;font-size:15px;line-height:1.55}
.afc-team p strong{color:#fff}
.afc-verdict{margin-top:17px;padding-top:12px;border-top:1px solid #303a33;color:#f0f3f1;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.west{--accent:#e73231}.east{--accent:#2b7ee1}.north{--accent:#8254c5}.south{--accent:#21a9ba}
.afc-board{padding:48px 0;border-top:1px solid #2e3a32;background:#050905}
.afc-board h2,.afc-playoffs h2,.afc-close h2{margin:0 0 20px;font:1000 48px/.9 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;text-transform:uppercase}
.afc-standings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.afc-standings{border:1px solid #455048;background:#0a0f0b}
.afc-standings h3{margin:0;padding:10px 12px;font:900 12px/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;background:#111811}
.afc-standings ol{list-style:none;margin:0;padding:0}
.afc-standings li{display:grid;grid-template-columns:22px 1fr auto;gap:8px;padding:10px 12px;border-top:1px solid #273129;font-size:12px;align-items:center}
.afc-standings li b{font-size:13px}.afc-standings li span:last-child{font-weight:1000}
.afc-playoffs{padding:48px 0;border-top:1px solid #2e3a32}
.afc-playoff-grid{display:grid;grid-template-columns:1fr .72fr;gap:20px}
.afc-seeds{border:1px solid #566258;background:#080d09}
.afc-seeds .row{display:grid;grid-template-columns:38px 1fr auto;gap:10px;padding:13px 14px;border-top:1px solid #2c372f;align-items:center}
.afc-seeds .row:first-child{border-top:0}.afc-seeds .seedno{width:28px;height:28px;display:grid;place-items:center;background:#e73231;font-weight:1000}.afc-seeds strong{font-size:15px}.afc-seeds span:last-child{font-size:12px;color:#adb6b0;font-weight:800}
.afc-first-out{margin-top:12px;padding:13px 14px;border:1px dashed #5c685f;color:#c8cfca;font-size:13px}
.afc-big-take{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:28px;border:1px solid #5a665e;background:radial-gradient(circle at 80% 20%,rgba(229,184,76,.12),transparent 12rem),#090d0a}
.afc-big-take small{font-size:10px;font-weight:1000;letter-spacing:.15em;text-transform:uppercase;color:#dcb65e}.afc-big-take strong{margin-top:8px;font:1000 45px/.9 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;text-transform:uppercase}.afc-big-take p{color:#bbc4be;line-height:1.5}
.afc-close{padding:52px 0;border-top:1px solid #2e3a32}
.afc-close p{max-width:900px;font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.65;color:#dfe4e1}
.afc-sources{margin-top:34px;padding:16px;border:1px solid #3f4b43;background:#090e0a;color:#9fa9a2;font-size:11px;line-height:1.6}
.afc-sources strong{color:#d8ded9}.afc-sources a{text-decoration:underline;text-underline-offset:2px}
.afc-footer{border-top:1px solid #2e3a32;background:#020403;padding:28px 0;color:#8d9891}.afc-footer .shell{display:flex;justify-content:space-between;gap:20px;font-size:11px}
@media(max-width:880px){.afc-hero-inner{grid-template-columns:1fr}.afc-seedbox{max-width:520px}.afc-standings-grid{grid-template-columns:repeat(2,1fr)}.afc-playoff-grid{grid-template-columns:1fr}}
@media(max-width:650px){.afc-hero-inner{padding-top:38px}.afc-hero h1{font-size:58px}.afc-deck{font-size:17px}.afc-team-grid{grid-template-columns:1fr}.afc-div-head{display:block}.afc-div-records{margin-top:8px}.afc-div-head h2,.afc-board h2,.afc-playoffs h2,.afc-close h2{font-size:39px}.afc-standings-grid{grid-template-columns:1fr}.afc-intro p,.afc-close p{font-size:18px}.afc-footer .shell{display:block}.afc-footer .shell span{display:block;margin-top:6px}}

/* 4DK NFL — REAL TEAM LOGOS PATCH
   Paste this at the VERY BOTTOM of:
   1) afc-preview-2026.css
   2) nfc-preview-2026.css
   3) nfl-storylines-hub.css

   It adds actual team logo artwork beside every AFC/NFC team name
   and replaces the storyline abbreviation badges with real logos.
*/

/* ---------- Shared preview logo treatment ---------- */
.afc-team-label,
.nfc-team-label{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-height:38px;
}

.afc-team-label::before,
.nfc-team-label::before{
  content:"";
  flex:0 0 38px;
  width:38px;
  height:38px;
  display:block;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.32));
}

/* ---------- AFC WEST ---------- */
.afc-division.west .afc-team:nth-child(1) .afc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/den.png");
}
.afc-division.west .afc-team:nth-child(2) .afc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/kc.png");
}
.afc-division.west .afc-team:nth-child(3) .afc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/lac.png");
}
.afc-division.west .afc-team:nth-child(4) .afc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/lv.png");
}

/* ---------- AFC EAST ---------- */
.afc-division.east .afc-team:nth-child(1) .afc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/buf.png");
}
.afc-division.east .afc-team:nth-child(2) .afc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/ne.png");
}
.afc-division.east .afc-team:nth-child(3) .afc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/mia.png");
}
.afc-division.east .afc-team:nth-child(4) .afc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/nyj.png");
}

/* ---------- AFC NORTH ---------- */
.afc-division.north .afc-team:nth-child(1) .afc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/cin.png");
}
.afc-division.north .afc-team:nth-child(2) .afc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/bal.png");
}
.afc-division.north .afc-team:nth-child(3) .afc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/pit.png");
}
.afc-division.north .afc-team:nth-child(4) .afc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/cle.png");
}

/* ---------- AFC SOUTH ---------- */
.afc-division.south .afc-team:nth-child(1) .afc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/hou.png");
}
.afc-division.south .afc-team:nth-child(2) .afc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/jax.png");
}
.afc-division.south .afc-team:nth-child(3) .afc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/ind.png");
}
.afc-division.south .afc-team:nth-child(4) .afc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/ten.png");
}

/* ---------- NFC EAST ---------- */
.nfc-division.east .nfc-team:nth-child(1) .nfc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/phi.png");
}
.nfc-division.east .nfc-team:nth-child(2) .nfc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/dal.png");
}
.nfc-division.east .nfc-team:nth-child(3) .nfc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/nyg.png");
}
.nfc-division.east .nfc-team:nth-child(4) .nfc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/was.png");
}

/* ---------- NFC NORTH ---------- */
.nfc-division.north .nfc-team:nth-child(1) .nfc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/det.png");
}
.nfc-division.north .nfc-team:nth-child(2) .nfc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/chi.png");
}
.nfc-division.north .nfc-team:nth-child(3) .nfc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/gb.png");
}
.nfc-division.north .nfc-team:nth-child(4) .nfc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/min.png");
}

/* ---------- NFC SOUTH ---------- */
.nfc-division.south .nfc-team:nth-child(1) .nfc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/car.png");
}
.nfc-division.south .nfc-team:nth-child(2) .nfc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/tb.png");
}
.nfc-division.south .nfc-team:nth-child(3) .nfc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/atl.png");
}
.nfc-division.south .nfc-team:nth-child(4) .nfc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/no.png");
}

/* ---------- NFC WEST ---------- */
.nfc-division.west .nfc-team:nth-child(1) .nfc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/lar.png");
}
.nfc-division.west .nfc-team:nth-child(2) .nfc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/sf.png");
}
.nfc-division.west .nfc-team:nth-child(3) .nfc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/sea.png");
}
.nfc-division.west .nfc-team:nth-child(4) .nfc-team-label::before{
  background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/ari.png");
}

/* ---------- Storyline cards: replace text circles with actual logos ---------- */
.storyline-hub .team-logo{
  font-size:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background-color:transparent !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:contain !important;
  width:44px !important;
  height:44px !important;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.32));
}

.storyline-hub .team-logo.lar{background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/lar.png") !important}
.storyline-hub .team-logo.kc{background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/kc.png") !important}
.storyline-hub .team-logo.sf{background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/sf.png") !important}
.storyline-hub .team-logo.chi{background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/chi.png") !important}
.storyline-hub .team-logo.car{background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/car.png") !important}
.storyline-hub .team-logo.sea{background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/sea.png") !important}
.storyline-hub .team-logo.lv{background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/lv.png") !important}
.storyline-hub .team-logo.was{background-image:url("https://a.espncdn.com/i/teamlogos/nfl/500/was.png") !important}

@media(max-width:650px){
  .afc-team-label::before,
  .nfc-team-label::before{
    flex-basis:34px;
    width:34px;
    height:34px;
  }
  .storyline-hub .team-logo{
    width:38px !important;
    height:38px !important;
  }
}