/* 4DK — 2026 NFC PREVIEW */
.nfc-preview-page{
  --ink:#f4f6f8;--muted:#a9b2ba;--line:#2a3540;--panel:#091018;--deep:#03070b;
  --blue:#315f92;--silver:#b9c4cf;--red:#e93431;--ice:#55a6d9;--teal:#2292a7;--gold:#d8a947;
  margin:0;background:radial-gradient(circle at 82% 0%,rgba(49,95,146,.22),transparent 30rem),linear-gradient(180deg,#07101a,#03070b 58%);color:var(--ink)
}
.nfc-preview-page *{box-sizing:border-box}.nfc-preview-page a{color:inherit}.nfc-preview-page .shell{max-width:1180px;margin:0 auto;padding-left:20px;padding-right:20px}
.nfc-article-top{border-bottom:1px solid #27333f;background:#03070b}.nfc-article-top .shell{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nfc-brand{font-weight:1000;letter-spacing:-.04em;font-size:22px}.nfc-brand b{color:var(--red)}.nfc-back{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#b9c3cc}
.nfc-hero{position:relative;overflow:hidden;border-bottom:1px solid #33414e;background:linear-gradient(135deg,#0b1118 0 46%,#0a1724 72%,#17120b 100%)}
.nfc-hero:before{content:"NFC";position:absolute;right:-20px;top:18px;font:1000 clamp(160px,29vw,390px)/.75 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;color:#fff;opacity:.04;letter-spacing:-.08em}
.nfc-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background:repeating-linear-gradient(90deg,transparent 0 118px,#fff 119px 120px,transparent 121px 238px)}
.nfc-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}
.nfc-kicker{font-size:11px;font-weight:1000;letter-spacing:.16em;text-transform:uppercase;color:#77b4df}.nfc-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}
.nfc-deck{max-width:780px;margin:0;color:#d7dfe5;font-size:19px;line-height:1.45}.nfc-meta{margin-top:20px;font-size:12px;color:#9da9b2;font-weight:700}.nfc-meta a{text-decoration:underline;text-underline-offset:3px}
.nfc-seedbox{border:1px solid #5c6975;background:rgba(3,7,11,.78);box-shadow:0 22px 55px rgba(0,0,0,.28)}.nfc-seedbox-head{padding:10px 12px;background:#315f92;font:900 11px/1.1 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.nfc-seed{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:9px 12px;border-top:1px solid #2b3741;font-size:12px}.nfc-seed:first-of-type{border-top:0}.nfc-seed b{font-size:15px}.nfc-seed em{font-style:normal;color:#aeb9c2;font-size:11px}.nfc-seed .n{font-weight:1000;color:#73b2df}
.nfc-nav{display:flex;gap:8px;overflow:auto;padding-top:14px;padding-bottom:14px;border-bottom:1px solid #2f3b46}.nfc-nav a{flex:0 0 auto;border:1px solid #43515e;border-radius:999px;padding:8px 13px;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.07em;color:#ccd4da}.nfc-nav a:hover{background:#121d27}
.nfc-intro{padding:42px 20px 18px!important;max-width:940px!important}.nfc-intro p{font-family:Georgia,'Times New Roman',serif;font-size:21px;line-height:1.65;color:#e4e9ed;margin:0 0 18px}.nfc-pull{margin:28px 0;padding:18px 0;border-top:1px solid #4b5863;border-bottom:1px solid #4b5863;font:italic 700 28px/1.2 Georgia,'Times New Roman',serif;color:#fff}
.nfc-division{padding:34px 0 46px;border-top:1px solid #29353f}.nfc-div-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.nfc-div-head small{display:block;font-size:10px;font-weight:1000;letter-spacing:.17em;text-transform:uppercase;color:#8f9ca6}.nfc-div-head h2{margin:5px 0 0;font:1000 48px/.9 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;text-transform:uppercase}.nfc-div-records{font-size:10px;letter-spacing:.1em;color:#7f8d98;font-weight:900;text-transform:uppercase}
.nfc-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.nfc-team{position:relative;overflow:hidden;min-width:0;background:#081018;border:1px solid #465562;padding:22px;box-shadow:0 14px 32px rgba(0,0,0,.20)}.nfc-team:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent,#777)}
.nfc-team-top{display:flex;justify-content:space-between;gap:16px;align-items:start}.nfc-team-label{font-size:10px;font-weight:1000;letter-spacing:.11em;text-transform:uppercase;color:var(--accent,#aaa)}.nfc-team h3{margin:6px 0 0;font:1000 31px/.95 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;text-transform:uppercase;letter-spacing:.01em}.nfc-record{flex:0 0 auto;padding:8px 10px;border:1px solid #4f5d68;background:#111a22;font:1000 19px/1 Arial,sans-serif;color:#fff}.nfc-team p{margin:14px 0 0;color:#c5ced5;font-size:15px;line-height:1.55}.nfc-team p strong{color:#fff}.nfc-verdict{margin-top:17px;padding-top:12px;border-top:1px solid #303c46;color:#f0f3f6;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.east{--accent:#7a98b4}.north{--accent:#55a6d9}.south{--accent:#25a4a8}.west{--accent:#d8a947}
.nfc-board{padding:48px 0;border-top:1px solid #2e3b46;background:#04090e}.nfc-board h2,.nfc-playoffs h2,.nfc-close h2{margin:0 0 20px;font:1000 48px/.9 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;text-transform:uppercase}.nfc-standings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.nfc-standings{border:1px solid #45525e;background:#091018}.nfc-standings h3{margin:0;padding:10px 12px;font:900 12px/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;background:#111a22}.nfc-standings ol{list-style:none;margin:0;padding:0}.nfc-standings li{display:grid;grid-template-columns:22px 1fr auto;gap:8px;padding:10px 12px;border-top:1px solid #27333c;font-size:12px;align-items:center}.nfc-standings li b{font-size:13px}.nfc-standings li span:last-child{font-weight:1000}.east-card{border-top:4px solid #7a98b4}.north-card{border-top:4px solid #55a6d9}.south-card{border-top:4px solid #25a4a8}.west-card{border-top:4px solid #d8a947}
.nfc-playoffs{padding:48px 0;border-top:1px solid #2e3b46}.nfc-playoff-grid{display:grid;grid-template-columns:1fr .72fr;gap:20px}.nfc-seeds{border:1px solid #56636e;background:#081018}.nfc-seeds .row{display:grid;grid-template-columns:38px 1fr auto;gap:10px;padding:13px 14px;border-top:1px solid #2c3842;align-items:center}.nfc-seeds .row:first-child{border-top:0}.nfc-seeds .seedno{width:28px;height:28px;display:grid;place-items:center;background:#315f92;font-weight:1000}.nfc-seeds strong{font-size:15px}.nfc-seeds span:last-child{font-size:12px;color:#adb8c0;font-weight:800}.nfc-first-out{margin-top:12px;padding:13px 14px;border:1px dashed #5d6974;color:#c9d1d7;font-size:13px}.nfc-big-take{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:28px;border:1px solid #5b6873;background:radial-gradient(circle at 80% 20%,rgba(216,169,71,.13),transparent 12rem),#091018}.nfc-big-take small{font-size:10px;font-weight:1000;letter-spacing:.15em;text-transform:uppercase;color:#dbb663}.nfc-big-take strong{margin-top:8px;font:1000 45px/.9 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;text-transform:uppercase}.nfc-big-take p{color:#bbc5cc;line-height:1.5}
.nfc-close{padding:52px 0;border-top:1px solid #2e3b46}.nfc-close p{max-width:900px;font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.65;color:#dfe5e9}.nfc-sources{margin-top:34px;padding:16px;border:1px solid #3f4c57;background:#081018;color:#9faab2;font-size:11px;line-height:1.6}.nfc-sources strong{color:#d8dfe4}.nfc-footer{border-top:1px solid #2e3b46;background:#020407;padding:28px 0;color:#8d99a3}.nfc-footer .shell{display:flex;justify-content:space-between;gap:20px;font-size:11px}
@media(max-width:880px){.nfc-hero-inner{grid-template-columns:1fr}.nfc-seedbox{max-width:520px}.nfc-standings-grid{grid-template-columns:repeat(2,1fr)}.nfc-playoff-grid{grid-template-columns:1fr}}
@media(max-width:650px){
  .nfc-article-top .shell{min-height:52px}
  .nfc-brand{font-size:20px}
  .nfc-back{font-size:10px}

  .nfc-hero-inner{
    padding-top:30px;
    padding-bottom:32px;
    gap:24px;
  }

  .nfc-kicker{
    font-size:10px;
    letter-spacing:.14em;
  }

  .nfc-hero h1{
    margin:8px 0 12px;
    max-width:100%;
    font-size:50px;
    line-height:.86;
    letter-spacing:-.045em;
    text-wrap:balance;
  }

  .nfc-deck{
    max-width:100%;
    font-size:16px;
    line-height:1.38;
  }

  .nfc-meta{
    margin-top:14px;
    font-size:11px;
    line-height:1.35;
  }

  .nfc-seedbox{
    margin-top:0;
    box-shadow:0 14px 34px rgba(0,0,0,.22);
  }

  .nfc-seedbox-head{padding:9px 11px;font-size:10px}
  .nfc-seed{padding:8px 11px}
  .nfc-seed b{font-size:14px}

  .nfc-team-grid{grid-template-columns:1fr}
  .nfc-div-head{display:block}
  .nfc-div-records{margin-top:8px}
  .nfc-div-head h2,.nfc-board h2,.nfc-playoffs h2,.nfc-close h2{font-size:39px}
  .nfc-standings-grid{grid-template-columns:1fr}
  .nfc-intro p,.nfc-close p{font-size:18px}
  .nfc-footer .shell{display:block}
  .nfc-footer .shell span{display:block;margin-top:6px}
}

@media(max-width:390px){
  .nfc-hero h1{font-size:47px}
  .nfc-deck{font-size:15.5px}
}

/* 4DK NFC PREVIEW — mobile headline wrap correction */
@media (max-width:650px){
  .nfc-preview-page .nfc-hero h1{
    text-wrap:wrap !important;
    white-space:normal !important;
    font-size:50px !important;
    line-height:.86 !important;
    letter-spacing:-.045em !important;
  }
}
@media (max-width:390px){
  .nfc-preview-page .nfc-hero h1{
    font-size:47px !important;
  }
}

/* 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;
  }
}