/* OBFDJ V23: homepage-only visual layer. Original links, controls and JS hooks remain unchanged. */
.obfdj-home{--ob-bg:#f4f0e7;--ob-paper:#fffdf8;--ob-ink:#172921;--ob-muted:#65736a;--ob-copper:#bb7651;--ob-line:#d9d8cc;background:var(--ob-bg);color:var(--ob-ink)}
.obfdj-home .obfdj-header{position:sticky;inset:auto;z-index:80;max-width:none;height:82px;padding:0 clamp(22px,5vw,88px);background:rgba(255,253,248,.97);color:var(--ob-ink);border-bottom:1px solid var(--ob-line);backdrop-filter:blur(16px)}
.obfdj-home .obfdj-wordmark{font-size:20px;font-weight:700;letter-spacing:.005em}.obfdj-home .obfdj-wordmark i{color:var(--ob-copper)}.obfdj-home .brand-orbit{width:43px;height:43px;border:1px solid var(--ob-ink);font-size:17px}.obfdj-home .obfdj-header .nav a{color:var(--ob-ink);font-weight:700}.obfdj-home .obfdj-header .nav a:hover{color:#a65d3d}.obfdj-home .obfdj-header .nav-auth{border:1px solid var(--ob-ink)!important;border-radius:30px;padding:10px 16px}.obfdj-home .obfdj-header .nav-auth:hover{background:var(--ob-ink);color:#fff!important}.obfdj-home .obfdj-header .menu-button{color:var(--ob-ink)}
.obfdj-home .obfdj-stage{position:relative;min-height:min(830px,calc(100svh - 82px));padding:34px clamp(22px,5vw,88px) 35px;background:radial-gradient(circle at 82% 12%,rgba(196,141,93,.13),transparent 32%),var(--ob-bg);grid-template-rows:auto 1fr auto}.obfdj-home .obfdj-stage:before{content:"THE EDITORIAL CHANNEL";position:absolute;top:130px;right:5vw;color:#bcb9ab;font-size:10px;font-weight:700;letter-spacing:.22em;writing-mode:vertical-rl}.obfdj-home .obfdj-stage-top,.obfdj-home .obfdj-stage-foot{color:#52665c;letter-spacing:.16em;font-size:11px}.obfdj-home .obfdj-stage-top{padding-bottom:16px;border-bottom:1px solid var(--ob-line)}.obfdj-home .obfdj-stage-top p{margin:0}.obfdj-home .obfdj-stage-foot{border-top:1px solid var(--ob-line);padding-top:16px}.obfdj-home .obfdj-stage-foot a{border:0;border-radius:40px;padding:13px 21px;background:var(--ob-ink);color:#fff;transition:transform .2s,background .2s}.obfdj-home .obfdj-stage-foot a:hover{transform:translateY(-3px);background:#2d5241}
.obfdj-home .obfdj-symbol-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);grid-template-rows:repeat(2,minmax(215px,1fr));gap:14px;border:0;margin:32px 0 34px;min-height:510px}.obfdj-home .obfdj-symbol-grid article{border:0!important;border-radius:3px;padding:clamp(28px,3vw,48px);box-shadow:0 14px 36px rgba(27,39,31,.055);transition:transform .3s ease,box-shadow .3s ease}.obfdj-home .obfdj-symbol-grid article:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(27,39,31,.11)}.obfdj-home .obfdj-symbol-grid .symbol-o{grid-row:1/3;background:#e7e2d3;color:var(--ob-ink)}.obfdj-home .obfdj-symbol-grid .symbol-bf{background:#17392f;color:#f4f0e7}.obfdj-home .obfdj-symbol-grid .symbol-dj{background:#bf8262;color:#fffaf1}.obfdj-home .obfdj-symbol-grid article>span{font-size:11px;font-weight:700;letter-spacing:.2em;color:inherit;opacity:.65}.obfdj-home .obfdj-symbol-grid article>b{left:auto;right:6%;top:25%;transform:none;color:currentColor;opacity:.10;font:600 clamp(130px,17vw,290px)/.8 var(--sans);letter-spacing:-.12em}.obfdj-home .obfdj-symbol-grid .symbol-o>b{right:7%;top:23%;font-size:clamp(240px,34vw,520px);opacity:.12}.obfdj-home .obfdj-symbol-grid .symbol-bf>b,.obfdj-home .obfdj-symbol-grid .symbol-dj>b{top:-4%;right:8%;font-size:clamp(150px,15vw,240px);opacity:.14}.obfdj-home .obfdj-symbol-grid h1,.obfdj-home .obfdj-symbol-grid h2{max-width:550px;margin:0 0 12px;font:500 clamp(42px,5.6vw,82px)/.9 var(--serif);letter-spacing:-.055em}.obfdj-home .obfdj-symbol-grid .symbol-bf h2,.obfdj-home .obfdj-symbol-grid .symbol-dj h2{font-size:clamp(38px,3.8vw,59px)}.obfdj-home .obfdj-symbol-grid p{max-width:360px;color:inherit;opacity:.68;font-size:16px;line-height:1.55}.obfdj-home .obfdj-symbol-grid .symbol-o div{padding-top:45%;max-width:570px}.obfdj-home .obfdj-symbol-grid .symbol-bf div,.obfdj-home .obfdj-symbol-grid .symbol-dj div{max-width:430px}
.obfdj-home .obfdj-stream{height:72px;grid-template-columns:166px 1fr minmax(210px,23vw);background:var(--ob-ink);color:#f2eee5}.obfdj-home .obfdj-stream .ticker-label{background:#bf8262;color:#fff;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.obfdj-home .obfdj-stream .ticker-window{background:var(--ob-ink)}.obfdj-home .obfdj-stream .ticker-track,.obfdj-home .obfdj-stream .ticker-track a{color:#f2eee5}.obfdj-home .obfdj-stream .ticker-track span{color:#e4aa86}.obfdj-home .obfdj-stream .ticker-search{background:#244538;border-left:1px solid rgba(255,255,255,.16)}
.obfdj-home .obfdj-index{grid-template-columns:minmax(260px,26vw) minmax(0,1fr);background:#fffdf8;color:var(--ob-ink)}.obfdj-home .obfdj-index-rail{top:82px;min-height:calc(100vh - 82px);padding:75px clamp(28px,4vw,65px);background:#e6ede4;color:var(--ob-ink);border-right:1px solid var(--ob-line)}.obfdj-home .obfdj-index-rail .eyebrow{color:#a95d3d}.obfdj-home .obfdj-index-rail h2{font-size:clamp(50px,5vw,78px);line-height:.92}.obfdj-home .obfdj-index-rail>p:not(.eyebrow){color:#587166}.obfdj-home .obfdj-index-rail .all-categories-button{border-color:#8eaa99;background:var(--ob-paper);color:var(--ob-ink);border-radius:4px}.obfdj-home .obfdj-index-rail .all-categories-button:hover{background:var(--ob-ink);color:#fff}.obfdj-home .obfdj-index-content{padding:70px clamp(26px,4vw,70px) 125px;min-width:0}.obfdj-home .obfdj-index-content .section-heading{border-color:var(--ob-line)}.obfdj-home .obfdj-index-content .section-heading>p{color:#a36546}.obfdj-home .obfdj-index-content .story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;background:transparent}.obfdj-home .obfdj-index-content .story-card,.obfdj-home .obfdj-index-content .story-card.featured,.obfdj-home .obfdj-index-content .story-card-wide{display:flex!important;flex-direction:column;background:#f7f4ec;border:1px solid #e4dfd3;border-radius:4px;overflow:hidden;transition:transform .25s,box-shadow .25s}.obfdj-home .obfdj-index-content .story-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(18,39,31,.11);background:#fff}.obfdj-home .obfdj-index-content .story-card.featured{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);align-items:stretch;padding:0;gap:0;border-bottom:1px solid #e4dfd3}.obfdj-home .obfdj-index-content .story-cover{width:100%;aspect-ratio:16/10;min-height:0!important;background:#d8dfd8}.obfdj-home .obfdj-index-content .featured .story-cover{height:100%;aspect-ratio:auto}.obfdj-home .obfdj-index-content .story-cover img{filter:saturate(.85)}.obfdj-home .obfdj-index-content .story-body{padding:25px 25px 28px}.obfdj-home .obfdj-index-content .featured .story-body{padding:clamp(25px,3vw,45px);display:flex;flex-direction:column;justify-content:center}.obfdj-home .obfdj-index-content .story-card h3{font-size:clamp(27px,2.6vw,43px);line-height:1.06}.obfdj-home .obfdj-index-content .story-card.featured h3{font-size:clamp(36px,4vw,65px)}.obfdj-home .obfdj-index-content .story-meta{color:#a66545}.obfdj-home .obfdj-index-content .view-all-link{display:inline-flex;margin-top:48px;padding:14px 25px;border:1px solid var(--ob-ink);border-radius:50px;font-weight:700;letter-spacing:.08em;transition:background .2s,color .2s}.obfdj-home .obfdj-index-content .view-all-link:hover{background:var(--ob-ink);color:#fff}.obfdj-home .category-pill.active,.obfdj-home .category-pill:hover{background:var(--ob-ink);border-color:var(--ob-ink);color:#fff}.obfdj-home .obfdj-footer{background:#17392f!important;color:#f1eee6!important;border:0!important}
@media(max-width:1000px){.obfdj-home .obfdj-index{grid-template-columns:1fr}.obfdj-home .obfdj-index-rail{position:relative;top:auto;min-height:auto;padding:50px 5vw}.obfdj-home .obfdj-index-rail h2{max-width:640px}.obfdj-home .obfdj-index-rail .category-dropdown{max-width:360px;margin-top:25px}.obfdj-home .obfdj-symbol-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,minmax(245px,1fr))}.obfdj-home .obfdj-symbol-grid .symbol-o{grid-row:1/3}}
@media(max-width:680px){.obfdj-home .obfdj-header{height:74px;padding:0 20px}.obfdj-home .obfdj-header .nav{top:74px;background:#fffdf8;border-color:var(--ob-line)}.obfdj-home .obfdj-stage{padding:22px 18px 24px;min-height:auto}.obfdj-home .obfdj-stage:before{display:none}.obfdj-home .obfdj-stage-top{font-size:9px}.obfdj-home .obfdj-symbol-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(355px,auto) minmax(215px,auto);gap:9px;min-height:0;margin:20px 0 24px}.obfdj-home .obfdj-symbol-grid .symbol-o{grid-column:1/-1;grid-row:1;padding:24px}.obfdj-home .obfdj-symbol-grid .symbol-bf,.obfdj-home .obfdj-symbol-grid .symbol-dj{grid-row:2;min-height:215px;padding:17px}.obfdj-home .obfdj-symbol-grid .symbol-o div{padding-top:80px}.obfdj-home .obfdj-symbol-grid .symbol-o>b{font-size:280px;right:2%;top:10%}.obfdj-home .obfdj-symbol-grid .symbol-bf>b,.obfdj-home .obfdj-symbol-grid .symbol-dj>b{font-size:105px;top:12%}.obfdj-home .obfdj-symbol-grid h1{font-size:53px}.obfdj-home .obfdj-symbol-grid .symbol-bf h2,.obfdj-home .obfdj-symbol-grid .symbol-dj h2{font-size:29px}.obfdj-home .obfdj-symbol-grid p{font-size:13px}.obfdj-home .obfdj-stage-foot{font-size:9px}.obfdj-home .obfdj-stage-foot a{padding:11px 13px;font-size:10px}.obfdj-home .obfdj-stream{height:auto;grid-template-columns:105px 1fr}.obfdj-home .obfdj-stream .ticker-window{height:62px}.obfdj-home .obfdj-stream .ticker-search{display:flex;grid-column:1/-1;height:48px}.obfdj-home .obfdj-index-content{padding:48px 18px 85px}.obfdj-home .obfdj-index-content .story-grid{grid-template-columns:1fr;gap:18px}.obfdj-home .obfdj-index-content .story-card.featured{grid-column:auto!important;display:flex!important}.obfdj-home .obfdj-index-content .featured .story-cover{height:auto;aspect-ratio:16/10}.obfdj-home .obfdj-index-content .featured .story-body{padding:24px}.obfdj-home .obfdj-index-content .story-card.featured h3{font-size:38px}}
@media(prefers-reduced-motion:reduce){.obfdj-home .obfdj-symbol-grid article,.obfdj-home .obfdj-index-content .story-card,.obfdj-home .obfdj-stage-foot a{transition:none!important}}

/* V23.1 — compact opening, readable ticker, permanently visible two-column categories */
@media(min-width:681px){
  .obfdj-home .obfdj-stage{min-height:440px;height:auto;padding-top:22px;padding-bottom:22px}
  .obfdj-home .obfdj-stage:before{top:92px}
  .obfdj-home .obfdj-symbol-grid{grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:260px;min-height:260px;margin:18px 0 20px;gap:12px}
  .obfdj-home .obfdj-symbol-grid .symbol-o{grid-row:auto}
  .obfdj-home .obfdj-symbol-grid article{padding:24px 27px}
  .obfdj-home .obfdj-symbol-grid .symbol-o div{padding-top:0}
  .obfdj-home .obfdj-symbol-grid article>b,.obfdj-home .obfdj-symbol-grid .symbol-o>b,.obfdj-home .obfdj-symbol-grid .symbol-bf>b,.obfdj-home .obfdj-symbol-grid .symbol-dj>b{top:20px;right:7%;font-size:clamp(100px,11vw,165px);opacity:.11}
  .obfdj-home .obfdj-symbol-grid h1,.obfdj-home .obfdj-symbol-grid h2,.obfdj-home .obfdj-symbol-grid .symbol-bf h2,.obfdj-home .obfdj-symbol-grid .symbol-dj h2{font-size:clamp(35px,3.4vw,54px);line-height:.94}
  .obfdj-home .obfdj-symbol-grid p{font-size:16px}
}
.obfdj-home .obfdj-stream{height:76px;grid-template-columns:160px minmax(0,1fr) minmax(210px,23vw)}
.obfdj-home .obfdj-stream .ticker-window{display:flex;align-items:center;overflow:hidden}
.obfdj-home .obfdj-stream .ticker-track{height:100%;align-items:center}
.obfdj-home .obfdj-stream .ticker-track a{min-height:76px;justify-content:center;gap:18px;padding:0 42px;font:600 17px/1.3 var(--serif)}
.obfdj-home .obfdj-stream .ticker-track a span{font:700 11px/1 var(--sans);letter-spacing:.13em}
.obfdj-home .obfdj-index-rail{position:relative;top:auto;min-height:0;align-self:stretch}
.obfdj-home .obfdj-index-rail .category-dropdown{display:block;height:auto;margin-top:35px;padding:0;border:0}
.obfdj-home .obfdj-index-rail .all-categories-button{display:none!important}
.obfdj-home .obfdj-index-rail .category-dropdown-menu,.obfdj-home .obfdj-index-rail .category-dropdown-menu[hidden]{position:static!important;display:grid!important;width:100%!important;max-width:none!important;max-height:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0!important;gap:1px!important;overflow:visible!important;border:1px solid #a9b9ac!important;background:#a9b9ac!important;box-shadow:none!important}
.obfdj-home .obfdj-index-rail .category-dropdown-menu button,.obfdj-home .obfdj-index-rail .category-dropdown-menu a{min-height:64px;padding:13px 15px;background:#f9faf5;color:var(--ob-ink);font:500 16px/1.2 var(--serif)}
.obfdj-home .obfdj-index-rail .category-dropdown-menu button:hover,.obfdj-home .obfdj-index-rail .category-dropdown-menu button.active,.obfdj-home .obfdj-index-rail .category-dropdown-menu a:hover{background:var(--ob-ink);color:#fff}
@media(max-width:680px){
  .obfdj-home .obfdj-stage{padding-top:15px}
  .obfdj-home .obfdj-symbol-grid{grid-template-rows:minmax(300px,auto) minmax(180px,auto)}
  .obfdj-home .obfdj-symbol-grid .symbol-bf,.obfdj-home .obfdj-symbol-grid .symbol-dj{min-height:180px}
  .obfdj-home .obfdj-symbol-grid .symbol-o>b{font-size:225px}
  .obfdj-home .obfdj-symbol-grid h1{font-size:46px}
  .obfdj-home .obfdj-stream{grid-template-columns:118px minmax(0,1fr)}
  .obfdj-home .obfdj-stream .ticker-window{height:70px}
  .obfdj-home .obfdj-stream .ticker-track a{min-height:70px;padding:0 25px;font-size:16px}
  .obfdj-home .obfdj-stream .ticker-search{display:none}
  .obfdj-home .obfdj-index-rail .category-dropdown-menu button,.obfdj-home .obfdj-index-rail .category-dropdown-menu a{min-height:58px;padding:11px;font-size:15px}
}
