/* ============================================================ fd-clean.css — FantasyDailies design system (internal pages) Load this LAST (after fd-chrome.css). Scoped to body.fdx so the homepage (plain ) is never touched. ============================================================ */ /* ---------- RHYTHM: one width, even gaps ---------- */ body.fdx main, body.fdx .games, body.fdx .wrap{max-width:820px!important;margin-left:auto!important;margin-right:auto!important;} body.fdx .games{display:flex!important;flex-direction:column!important;gap:12px!important;} /* ---------- HEADERS: the standard, everywhere ---------- */ body.fdx h1{font-family:"Archivo",system-ui,sans-serif!important;font-weight:900!important; font-size:clamp(1.15rem,4.6vw,1.5rem)!important;line-height:1.1!important;letter-spacing:-.02em!important; color:#fff!important;margin:10px 0 6px!important;} body.fdx h2,body.fdx h3,body.fdx .sec{font-family:"Archivo",system-ui,sans-serif!important;font-weight:800!important; font-size:15px!important;letter-spacing:-.01em!important;color:#fff!important;margin:16px 0 8px!important;} /* ---------- DESCRIPTION / INTRO: every real class unified, small & muted ---------- */ body.fdx .intro,body.fdx .seo-intro,body.fdx .seclead,body.fdx .props-intro,body.fdx .ss-note, body.fdx .sub,body.fdx .disc,body.fdx .sublead,body.fdx .blurb,body.fdx .lede,body.fdx .eyebrow, body.fdx .dfs-credit,body.fdx .adv-note,body.fdx .wv,body.fdx .page-sub,body.fdx .pagedesc{ font-size:12.5px!important;line-height:1.5!important;color:#8c9bb5!important;font-weight:400!important; background:transparent!important;border:0!important;border-left:0!important;padding:0!important; margin:0 0 12px!important;max-width:700px!important;} body.fdx .intro p,body.fdx .seo-intro p,body.fdx .sub p{font-size:12.5px!important;line-height:1.5!important;color:#8c9bb5!important;margin:0 0 6px!important;} body.fdx .pagehead{margin:14px 0 12px!important;} body.fdx .pagehead h1{margin:0 0 5px!important;} /* ---------- CARDS: one calm box ---------- */ body.fdx .game,body.fdx .card,body.fdx article.game{ background:#111b33!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important; overflow:hidden!important;margin:0!important;box-shadow:none!important;} /* ---------- BOX HEADER: flat, one height ---------- */ body.fdx .ghead,body.fdx .game-head{display:flex!important;align-items:center!important;gap:9px!important; background:#0f1830!important;background-image:none!important;box-shadow:none!important; padding:10px 14px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;} body.fdx .ghead .m,body.fdx .game-head .m,body.fdx .ghead .team,body.fdx .game-head .team{ font-family:"Archivo",sans-serif!important;font-weight:800!important;font-size:13.5px!important;color:#fff!important;} body.fdx .ghead .at,body.fdx .game-head .at{color:#7787a6!important;} body.fdx .ghead .gt,body.fdx .game-head .gt{font-family:"IBM Plex Mono",monospace!important;font-size:11px!important;color:#8c9bb5!important;} /* ---------- ODDS ROWS: consistent, GOLD numbers ---------- */ body.fdx .book,body.fdx .bookrow{border-top:1px solid rgba(255,255,255,.06)!important;padding:10px 14px!important;} body.fdx .book .px,body.fdx .bookrow .px,body.fdx .px{color:#dfe7f5!important;} body.fdx .odds,body.fdx .o,body.fdx .price,body.fdx .best{color:#ffc24d!important;font-family:"IBM Plex Mono",monospace!important;font-weight:700!important;} /* ---------- BOOK PILLS: blue ---------- */ body.fdx .bk-pill{display:inline-block!important;background:rgba(79,139,255,.14)!important;color:#4f8bff!important; border:1px solid rgba(79,139,255,.4)!important;border-radius:6px!important;padding:2px 7px!important; font:700 10px "Archivo",sans-serif!important;letter-spacing:.03em!important;} /* ---------- ARB BOXES: one gold look, every variant ---------- */ body.fdx .arb-banner,body.fdx .arb-banner.arb-edge,body.fdx .arb-banner.arb-gap,body.fdx .arb-banner.arb-real{ border:0!important;border-left:3px solid #ffc24d!important;background:rgba(255,194,77,.06)!important;border-radius:0!important;margin:0!important;} body.fdx .arb-banner-top{background:#1a1206!important;background-image:none!important; border-bottom:1px solid rgba(255,194,77,.22)!important;padding:9px 13px!important;} body.fdx .arb-tag{font-family:"Archivo",sans-serif!important;font-weight:800!important;font-size:11px!important; text-transform:uppercase!important;letter-spacing:.04em!important;color:#ffc24d!important;} body.fdx .arb-banner-body{font-size:12.5px!important;color:#e7edf8!important;padding:10px 13px!important;} body.fdx .arb-banner-body b{color:#1ed98a!important;} body.fdx .arb-more{color:#ffc24d!important;background:rgba(255,194,77,.10)!important;border:1px solid rgba(255,194,77,.3)!important; border-radius:8px!important;padding:4px 9px!important;font:700 11px "Archivo",sans-serif!important;cursor:pointer!important;} /* ---------- MIDDLE BOXES (green = the gap is the win) ---------- */ body.fdx .mid-banner,body.fdx .middle,body.fdx .mid-box{border:0!important;border-left:3px solid #1ed98a!important; background:rgba(30,217,138,.06)!important;border-radius:0!important;padding:10px 13px!important;} body.fdx .mid-tag{font:800 11px "Archivo",sans-serif!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#1ed98a!important;} /* ---------- PROPS BUTTON: one style ---------- */ body.fdx .showprops{display:inline-flex!important;align-items:center!important;gap:6px!important; background:linear-gradient(135deg,#1f6fff,#4f8bff)!important;color:#fff!important;border:0!important;border-radius:10px!important; padding:8px 14px!important;margin:10px 14px!important;font:800 12px "Archivo",sans-serif!important;cursor:pointer!important;} body.fdx .showprops.open{background:#162241!important;color:#aebbd6!important;} /* ---------- PLAYS / SIDES ---------- */ body.fdx .play,body.fdx .side{padding:9px 14px!important;border-top:1px solid rgba(255,255,255,.05)!important;} /* ---------- LINEUP (the reference — keep it calm & symmetric) ---------- */ body.fdx .lineups2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;} body.fdx .lineup{min-width:0!important;overflow:hidden!important;padding:11px 14px!important;} body.fdx .lineup h4{font:800 12.5px "Archivo",sans-serif!important;color:#fff!important;display:flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important;} body.fdx .lineup ol{margin:4px 0 0!important;padding-left:1.15em!important;font-size:12px!important;color:#cdd8ee!important;line-height:1.7!important;} /* ---------- SHARE BUTTON: subtle, consistent ---------- */ body.fdx .fd-share{background:transparent!important;border:0!important;color:#7787a6!important;cursor:pointer!important;padding:4px!important;} body.fdx .fd-share:hover{color:#fff!important;} /* ---------- DATE BAR ---------- */ body.fdx .fd-datebar{display:flex!important;align-items:center!important;gap:8px!important;margin:8px auto 12px!important;max-width:820px!important;} body.fdx .fd-dnav{background:#111b33!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;border-radius:10px!important;width:38px!important;height:38px!important;cursor:pointer!important;} body.fdx .fd-dlbl{font:800 13px "Archivo",sans-serif!important;color:#fff!important;} /* ---------- FOOTER: one identical layout everywhere ---------- */ body.fdx .site-foot{border-top:1px solid rgba(255,255,255,.08)!important;margin-top:26px!important;padding:20px 14px!important;} body.fdx .foot-nav{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:14px!important;margin-top:12px!important;} body.fdx .foot-nav a{color:#8c9bb5!important;font:600 12.5px "Inter",sans-serif!important;text-decoration:none!important;} body.fdx .foot-nav a:hover{color:#fff!important;} /* ---------- guards ---------- */ body.fdx input[type="search"],body.fdx .prop-search input{max-width:100%!important;box-sizing:border-box!important;}