/* DDN / The open playbook. Brand accents are distinct from outcome colors. */
:root { --ddn-brand-accent:#b8f36e; --ddn-brand-paper:#f1f0e9; }
body { background-color:#0d1110; }
.ddn-brand { display:flex; align-items:center; gap:10px; flex-shrink:0; text-decoration:none; }
.ddn-brand img { width:38px; height:38px; }
.ddn-brand-type { display:flex; flex-direction:column; color:var(--ddn-brand-paper); line-height:1; }
.ddn-brand-type strong { font-size:22px; font-weight:900; letter-spacing:-1.1px; }
.ddn-brand-type small { margin-top:5px; font:9px var(--ddn-mono); letter-spacing:1.5px; }
.ddn-topnav { background:rgba(13,17,16,.96)!important; height:72px!important; }
.ddn-topnav-links a:hover { color:var(--ddn-brand-accent)!important; }
:where(a,button,input,select):focus-visible { outline:2px solid var(--ddn-brand-accent); outline-offset:4px; }
.ddn-slate { padding-top:28px; }
.ddn-intro { position:relative; display:grid; grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr); gap:48px; padding:36px 0 32px; margin-bottom:32px; border-bottom:1px solid #343c32; }
.ddn-intro > * { min-width:0; }
.ddn-kicker { margin:0 0 16px; font:10px var(--ddn-mono); letter-spacing:2px; color:var(--ddn-brand-accent); display:flex; align-items:center; gap:10px; }
.ddn-kicker::before { content:""; width:24px; height:2px; background:currentColor; }
.ddn-intro h1 { margin:0; max-width:780px; font-size:clamp(36px,4.3vw,62px); font-weight:850; letter-spacing:-2.8px; line-height:1.04; color:var(--ddn-brand-paper); }
.ddn-intro h1 em { color:var(--ddn-brand-accent); font-style:normal; }
.ddn-intro-copy { max-width:500px; margin:20px 0 24px; font-size:14px; line-height:1.7; color:#b4b9b1; }
.ddn-intro-actions { display:flex; gap:10px; flex-wrap:wrap; }
.ddn-intro-actions a { display:inline-flex; justify-content:space-between; align-items:center; gap:24px; min-height:44px; padding:11px 17px; border-radius:7px; font-size:12px; font-weight:750; text-decoration:none; transition:background 150ms; }
.ddn-intro-primary { color:#111811; background:var(--ddn-brand-accent); }
.ddn-intro-primary:hover { background:#c9ff88; color:#111811; }
.ddn-intro-secondary { color:var(--ddn-brand-paper); border:1px solid #485040; }
.ddn-intro-secondary:hover { background:#20291c; color:var(--ddn-brand-paper); }
.ddn-open-record { border:1px solid #343c32; border-radius:12px; padding:24px; background:#141b15; align-self:center; position:relative; overflow:hidden; }
.ddn-open-record::before { content:""; position:absolute; right:-30px; top:-25px; width:170px; height:170px; background:url('/static/images/ddn-mark.svg') center/contain no-repeat; opacity:.035; transform:rotate(-12deg); pointer-events:none; }
.ddn-record-label { color:#d0d6c9; font:10px var(--ddn-mono); letter-spacing:1.4px; margin:0 0 19px; }
.ddn-record-steps { list-style:none; padding:0; margin:0; position:relative; }
.ddn-record-steps li { display:grid; grid-template-columns:25px 1fr; gap:12px; padding:10px 0; }
.ddn-record-steps li + li { border-top:1px solid #2a3427; }
.ddn-record-steps .step { color:#8eab70; font:10px var(--ddn-mono); padding-top:3px; white-space:nowrap; }
.ddn-record-steps strong { color:var(--ddn-brand-paper); font-size:13px; display:block; }
.ddn-record-steps p { color:#9eaa96; font-size:11px; margin:4px 0 0; line-height:1.5; }
.ddn-access-line { display:flex; flex-wrap:wrap; gap:7px 15px; margin:21px 0 0; padding-top:14px; border-top:1px solid #2a3427; color:#c2cbbb; font:9px var(--ddn-mono); letter-spacing:.5px; }
.ddn-access-line span::before { content:"+"; color:var(--ddn-brand-accent); margin-right:6px; }
.ddn-slate-header { scroll-margin-top:95px; }
.ddn-slate-title h2 { font-size:25px; color:var(--ddn-brand-paper); margin:0 0 8px; letter-spacing:-.8px; font-weight:750; }
.ddn-slate .ddn-slate-subtitle { color:#abb2a6; }
.ddn-slate .ddn-sport-pill { border-radius:6px; }
.ddn-slate .ddn-hero-card { background:#162018; border-color:#455839; box-shadow:none; border-radius:12px; }
.ddn-slate .ddn-hero-card:hover { border-color:#8cb169; box-shadow:0 10px 30px #0003; }
.ddn-slate .ddn-hero-eyebrow { color:var(--ddn-brand-accent); }
.ddn-slate .ddn-hero-cta { background:var(--ddn-brand-accent); color:#111811; border-color:var(--ddn-brand-accent); }
.ddn-slate .ddn-hero-cta-secondary { background:transparent; color:#d5dfcc; border-color:#526346; }
.ddn-slate .ddn-tile { background:#151a17; border-color:#2d352d; border-radius:10px; }
.ddn-slate .ddn-tile:hover { border-color:#5b704d; background:#19221a; }
.ddn-slate .ddn-slate-tab.active { color:var(--ddn-brand-accent); background:#25311d; }
.ddn-slate .ddn-sport-pill.active { color:var(--ddn-brand-accent); border-color:#678747; background:#25311d; }
.ddn-bottom-nav-item.active { color:var(--ddn-brand-accent)!important; }
@media(max-width:1100px) { .ddn-topnav-kalshi { display:none!important; } .ddn-topnav { gap:20px!important; } }
@media(max-width:800px) { .ddn-intro { gap:24px; grid-template-columns:minmax(0,1fr) minmax(230px,.8fr); } .ddn-intro h1 { font-size:39px; letter-spacing:-1.8px; } .ddn-open-record { padding:18px; } }
@media(max-width:640px) {
  .ddn-topnav { height:62px!important; }
  .ddn-brand img { width:34px; height:34px; }
  .ddn-brand-type strong { font-size:20px; }
  .ddn-brand-type small { font-size:8px; }
  .ddn-intro { grid-template-columns:minmax(0,1fr); gap:22px; padding:12px 0 24px; margin-bottom:24px; }
  .ddn-intro h1 { font-size:38px; letter-spacing:-1.7px; }
  .ddn-intro-copy { margin:16px 0 18px; font-size:13px; }
  .ddn-intro-actions a { padding:10px 12px; gap:12px; }
  .ddn-open-record { padding:15px 18px; }
  .ddn-record-label { margin-bottom:9px; font-size:9px; }
  .ddn-record-steps { display:flex; gap:8px; }
  .ddn-record-steps li { display:block; flex:1; padding:0; min-width:0; }
  .ddn-record-steps li + li { border:0; }
  .ddn-record-steps .step { display:block; padding:0 0 5px; font-size:9px; }
  .ddn-record-steps strong { font-size:11px; }
  .ddn-record-steps p { display:none; }
  .ddn-access-line { margin-top:12px; padding-top:10px; font-size:8px; gap:6px 10px; }
}
@media(prefers-reduced-motion:reduce) { .ticker-track { animation:none!important; } .ddn-intro-actions a { transition:none; } }