/* 4 DA KULTURE · INTERACTIVE DESK · October 2026. Additive styles. */
:root{--fx-bg:#090b0e;--fx-panel:#17181c;--fx-panel2:#211d22;--fx-line:#484047;--fx-cream:#f7f1e6;--fx-gold:#eac38b;--fx-red:#df453a;--fx-muted:#b3aba7}
*{box-sizing:border-box}
body.fx-body{margin:0;background:var(--fx-bg);color:var(--fx-cream);font-family:Arial,Helvetica,sans-serif}
.fx-shell{width:min(1190px,calc(100% - 34px));margin:auto}.fx-nav{background:#100f12;border-bottom:2px solid #5b3439;padding:15px 0;position:relative;z-index:3}.fx-nav .fx-shell{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.fx-brand{font-weight:1000;letter-spacing:.03em;font-size:20px;text-decoration:none;color:#fff}.fx-brand b{color:var(--fx-red);font-size:28px}.fx-links{display:flex;gap:10px;flex-wrap:wrap}.fx-links a{font-size:10px;color:#cbbcb5;text-decoration:none;font-weight:800;letter-spacing:.04em}.fx-links a:hover,.fx-links a:focus-visible{color:var(--fx-gold)}
.fx-hero{background:radial-gradient(ellipse at 92% 8%,#6b2d33 0%,transparent 52%),linear-gradient(135deg,#231920,#0b0b10 82%);border-bottom:3px solid var(--fx-red);padding:44px 0 40px}.fx-kicker{font-size:11px;letter-spacing:.17em;color:var(--fx-gold);font-weight:900;text-transform:uppercase}.fx-hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-size:clamp(45px,8vw,94px);line-height:.9;letter-spacing:-.02em;margin:13px 0 14px;max-width:950px}.fx-hero h1 em{color:var(--fx-gold);font-style:normal}.fx-deck{font:16px/1.6 Georgia,serif;color:#ded1cc;max-width:780px}.fx-btn{border:1px solid #9c7160;background:var(--fx-red);border-radius:3px;display:inline-flex;gap:7px;align-items:center;padding:13px 15px;font-weight:900;letter-spacing:.03em;text-decoration:none;color:#fff;cursor:pointer;font-size:11px;line-height:1.4}.fx-btn:hover{filter:brightness(1.12)}.fx-btn.secondary{background:#271d23;color:var(--fx-gold);border-color:#755d51}.fx-btn.ghost{background:transparent;border-color:#63575c;color:#efdad0}.fx-ctas{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.fx-main{padding:34px 0 76px}.fx-title{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin:12px 0 20px}.fx-title h2{font:1000 clamp(30px,4vw,48px)/1 Impact,'Arial Narrow',Arial,sans-serif;margin:5px 0;text-transform:uppercase}.fx-title p{color:var(--fx-muted);font-size:12px;max-width:470px;line-height:1.55;margin:0}.fx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.fx-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.fx-card{background:linear-gradient(135deg,#241f27,#141519);border:1px solid var(--fx-line);overflow:hidden;min-width:0;display:flex;flex-direction:column}.fx-card .fx-card-body{padding:16px;display:flex;flex-direction:column;flex:1;gap:10px}.fx-card .fx-card-body strong{font:1000 clamp(19px,2vw,27px)/1.08 Impact,Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;overflow-wrap:anywhere}.fx-card p{font-size:12px;line-height:1.55;color:#ccc0bd;margin:0}.fx-card small{font-size:10px;color:var(--fx-gold);font-weight:900;letter-spacing:.11em}.fx-card img{width:100%;height:172px;object-fit:cover;background:#2b2429}.fx-card .fx-card-body a{margin-top:auto;text-decoration:none;color:var(--fx-gold);font-size:11px;font-weight:900;letter-spacing:.04em}.fx-card a:focus-visible,.fx-btn:focus-visible,.fx-control:focus-visible{outline:2px solid var(--fx-gold);outline-offset:2px}.fx-break{height:1px;background:var(--fx-line);margin:34px 0}.fx-toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:19px 0}.fx-control{font-family:inherit;background:#211e23;border:1px solid #716267;border-radius:4px;padding:12px;color:#fff;font-size:13px;min-width:145px;max-width:100%}.fx-control[type='search']{min-width:min(100%,270px);flex:1}.fx-pill{background:#29232a;color:#e3d5d0;border:1px solid #63535c;border-radius:3px;padding:11px 13px;cursor:pointer;font-size:11px;font-weight:900}.fx-pill[aria-pressed='true']{background:var(--fx-gold);border-color:var(--fx-gold);color:#251819}.fx-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fx-entry{padding:19px;background:linear-gradient(125deg,#241e22,#131418);border:1px solid #4b4145;min-width:0}.fx-entry h3{font:1000 26px/1.05 Impact,Arial,sans-serif;text-transform:uppercase;margin:8px 0}.fx-entry .fx-kicker{font-size:9px}.fx-entry p{font:14px/1.6 Georgia,serif;color:#d8cec9}.fx-entry .fx-aside{font-size:11px;color:#eac38b;font-weight:800;line-height:1.5}.fx-entry .fx-ctas{margin-top:13px}.fx-entry .fx-btn{font-size:10px;padding:10px}.fx-note{background:#262126;border:1px solid #755a55;border-left:4px solid var(--fx-gold);padding:16px 18px;color:#e5d8d0;font-size:13px;line-height:1.65;margin:16px 0}.fx-note strong{color:var(--fx-gold)}.fx-empty{background:#17191e;border:1px solid var(--fx-line);padding:22px;font-size:13px;color:#e0cfca}.fx-status{font-size:12px;color:#aeaba9;line-height:1.5}.fx-album{display:grid;grid-template-columns:110px 1fr;gap:13px;padding:14px;background:#1b1a1f;border:1px solid #4b3c44;min-width:0}.fx-album img{width:110px;height:110px;object-fit:cover;background:#34282e}.fx-album h3{font-size:18px;font-weight:1000;line-height:1.13;margin:4px 0;overflow-wrap:anywhere}.fx-album p{font-size:11px;color:#afa4a2;margin:4px 0 9px}.fx-album button,.fx-album a{font-size:10px}.fx-label{display:inline-block;color:var(--fx-gold);font-size:10px;letter-spacing:.12em;font-weight:900}.fx-album-track{border:1px solid #423b3c;background:#1b191d;margin-top:8px;padding:12px}.fx-album-track summary{cursor:pointer;font-weight:900;color:var(--fx-gold);font-size:12px}.fx-album-track p{font-size:12px;line-height:1.55;color:#ddceca}.fx-timeline{position:relative;display:grid;gap:13px;border-left:2px solid #755d56;padding-left:21px}.fx-era{position:relative;background:#1a1920;border:1px solid #544044;padding:20px}.fx-era:before{content:'';position:absolute;left:-30px;top:24px;width:15px;height:15px;border-radius:50%;background:var(--fx-gold);border:2px solid #201719}.fx-era h3{font:1000 29px/1.05 Impact,Arial,sans-serif;text-transform:uppercase;margin:8px 0}.fx-era p{font-size:13px;line-height:1.65;color:#d4c8c4}.fx-era.published{border-top:3px solid var(--fx-red)}.fx-footer{border-top:1px solid #4d3e43;color:#b3a6a3;padding:23px 0;font-size:11px;line-height:1.6}.fx-footer .fx-shell{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap}.fx-footer a{color:var(--fx-gold)}
/* Additive magazine launcher on existing site templates */
#fx-launcher{background:linear-gradient(120deg,#160f14,#3a222d 48%,#141318);color:#f7eee6;border-top:2px solid #bb9b70;border-bottom:2px solid #9d3a37;margin:0;padding:22px max(18px,calc((100vw - 1140px)/2));font-family:Arial,Helvetica,sans-serif;isolation:isolate}#fx-launcher *{box-sizing:border-box}#fx-launcher .fxl-upper{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:13px}#fx-launcher .fxl-upper strong{font:1000 clamp(23px,4vw,34px)/1 Impact,Arial,sans-serif;letter-spacing:.03em}#fx-launcher .fxl-upper span{color:#e9be83;font-weight:900;font-size:10px;letter-spacing:.1em}#fx-launcher .fxl-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}#fx-launcher .fxl-grid a{min-width:0;padding:12px 10px;background:#241f24;border:1px solid #594650;text-decoration:none;color:#f5eae5;font-size:11px;font-weight:900;line-height:1.5}#fx-launcher .fxl-grid a b{display:block;color:#e6bc80;font-size:10px;letter-spacing:.07em}#fx-launcher .fxl-grid a:hover{background:#49313a}#fx-launcher .fxl-full{font-size:11px;font-weight:900;color:#eac38b;text-decoration:none}
@media(max-width:850px){.fx-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}.fx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#fx-launcher .fxl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:570px){.fx-hero{padding:31px 0}.fx-grid,.fx-grid.five,.fx-collection{grid-template-columns:1fr}.fx-nav .fx-shell{align-items:start}.fx-links{gap:10px}.fx-card img{height:155px}.fx-title h2{font-size:33px}.fx-album{grid-template-columns:90px 1fr}.fx-album img{width:90px;height:90px}.fx-toolbar>*{max-width:100%}#fx-launcher .fxl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#fx-launcher{padding:19px 16px}#fx-launcher .fxl-grid a{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Extremely narrow screens: no overflowing title or filters. */
.fx-shell,.fx-main,.fx-card,.fx-entry,.fx-toolbar,.fx-toolbar>*{min-width:0}.fx-entry h3,.fx-entry p,.fx-card strong,.fx-era h3{overflow-wrap:anywhere}@media(max-width:350px){.fx-control{width:100%;flex-basis:100%}.fx-toolbar .fx-pill{flex:1 1 30%;padding:9px 6px}}

.fx-era[hidden]{display:none!important}


/* 4DK Week 6 recap hero — mobile-only presentation repair.
   Full-width authentic 16:9 photo; no changes to stories, scripts or desktop. */
@media screen and (max-width: 720px) {
  html body #fourdk-week6-sunday-recap-banner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }
  html body #fourdk-week6-sunday-recap-banner .recap-image {
    display: block;
    order: -1;
    width: 100%;
    max-width: none;
    min-height: 0;
    height: auto;
    aspect-ratio: auto;
    flex: none;
    object-fit: contain;
    object-position: center;
  }
  html body #fourdk-week6-sunday-recap-banner .recap-copy {
    width: 100%;
    box-sizing: border-box;
    padding: 22px 21px 28px;
    flex: none;
    min-width: 0;
  }
  html body #fourdk-week6-sunday-recap-banner strong {
    display: block;
    font-size: clamp(38px, 10vw, 52px);
    line-height: 0.99;
    overflow-wrap: normal;
  }
  html body #fourdk-week6-sunday-recap-banner p {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 14px;
    margin-bottom: 18px;
    max-width: 58ch;
  }
  html body #fourdk-week6-sunday-recap-banner b {
    display: block;
    font-size: 12px;
    line-height: 1.5;
  }
}