:root{--ink:#071a34;--muted:#62728b;--line:#dce4ed;--paper:#fff;--green:#079b70;--red:#fa525c;--navy:#061b36;--shadow:0 10px 28px rgba(16,39,71,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.site-header{height:65px;display:flex;align-items:center;gap:28px;padding:0 42px;border-bottom:1px solid #edf1f5;background:#fff;position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;white-space:nowrap}.brand-name{font-weight:800;font-size:18px;letter-spacing:-.028em}.brand-logo{width:31px;height:31px;display:block;color:var(--ink)}.brand-logo-art{object-fit:contain;transform:scale(1.08);transform-origin:center}.main-nav{height:100%;display:flex;align-items:center;gap:21px;flex:1;min-width:0}.main-nav a{height:100%;display:flex;align-items:center;position:relative;color:#132641;text-decoration:none;font-size:12px;font-weight:650;white-space:nowrap}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:10px;height:2px;border-radius:3px;background:#315f91;transform:scaleX(0);transform-origin:center;transition:transform .15s ease}.main-nav a.active:after,.main-nav a:hover:after{transform:scaleX(1)}.chev{font-size:10px;margin-left:2px}.header-actions{display:flex;align-items:center;gap:10px}.search-box{height:39px;width:230px;border:1px solid #d8e1eb;border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 13px;color:#78879b}.search-box svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.search-box input{border:0;outline:0;width:100%;font:inherit;font-size:12px;color:var(--ink);background:transparent}.search-box input::placeholder{color:#9aa6b5}.solid-button,.outline-button{min-height:40px;padding:0 20px;border-radius:10px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.solid-button{background:var(--navy);border:1px solid var(--navy);color:#fff}.outline-button{background:#fff;border:1px solid #ccd7e4;color:var(--ink)}.theme-dot{width:11px;height:11px;border:0;border-radius:50%;background:#0a1e37;opacity:.16;padding:0;cursor:pointer}.hero{height:469px;display:grid;grid-template-columns:39.6% 60.4%;overflow:hidden;border-bottom:1px solid #edf1f5}.hero-copy{padding:44px 18px 32px 69px;position:relative;z-index:2;background:#fff}.hero-copy:after{content:"";position:absolute;top:0;right:-78px;width:120px;height:100%;background:linear-gradient(90deg,#fff 16%,rgba(255,255,255,.94) 42%,rgba(255,255,255,0));pointer-events:none;z-index:-1}.eyebrow{font-size:11px;letter-spacing:.36em;font-weight:650;color:#365d88;margin-bottom:12px}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:66px;line-height:.98;letter-spacing:-.046em;font-weight:500;margin:0 0 15px;max-width:525px}.hero-sub{font-size:21px;line-height:1.28;color:#536d90;margin:0 0 23px}.hero-actions{display:flex;gap:13px}.hero-cta,.hero-demo{min-height:51px;padding:0 24px;border-radius:11px}.hero-cta span{font-size:20px;margin-left:10px}.play{font-size:18px;margin-right:8px;line-height:0}.hero-trust{display:flex;gap:34px;margin-top:27px}.hero-trust>div{display:flex;align-items:center;gap:10px}.trust-icon{width:28px;height:28px;display:grid;place-items:center;color:#0b2749}.trust-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.hero-trust p{margin:0;display:flex;flex-direction:column}.hero-trust b{font-size:12px}.hero-trust small{font-size:11px;color:#75849a;margin-top:2px}.world-visual{position:relative;background-image:url('/static/assets/hero-earth.png');background-repeat:no-repeat;background-size:cover;background-position:center center;overflow:hidden}.world-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.48) 0%,rgba(255,255,255,.08) 9%,rgba(255,255,255,0) 23%);pointer-events:none}.markets-section{padding:25px 42px 34px;background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:17px}.section-copy{max-width:840px}.section-kicker{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.04em;color:#60728a;margin-bottom:6px}.section-kicker>span:first-child{letter-spacing:.3em;font-weight:750;color:#365d88}.live-dot{width:9px;height:9px;background:#ff4854;border-radius:50%;box-shadow:0 0 0 4px rgba(255,72,84,.07)}.section-heading h2{font-family:Georgia,"Times New Roman",serif;font-size:47px;line-height:1.02;font-weight:500;letter-spacing:-.04em;margin:0 0 7px}.section-heading p{font-size:16px;line-height:1.35;color:#62728b;margin:0}.see-all{margin-top:28px;color:#19304d;text-decoration:none;font-size:13px;font-weight:750;white-space:nowrap}.category-row{display:flex;align-items:center;gap:9px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}.category{display:inline-flex;align-items:center;gap:9px;border:1px solid #dce4ed;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);color:#29415f;border-radius:999px;padding:6px 14px 6px 7px;min-height:42px;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:0 2px 7px rgba(20,45,76,.035);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.category:hover{transform:translateY(-1px);border-color:#c6d4e4;box-shadow:0 6px 16px rgba(20,45,76,.08)}.cat-icon{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff 0 18%,#eef5fb 19% 56%,#e1ecf6 100%);border:1px solid #d4e2ef;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 2px 5px rgba(16,39,71,.08);color:#153a63}.cat-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.cat-icon .fill-soft{fill:rgba(47,103,158,.12);stroke:none}.cat-icon .fill-strong{fill:currentColor;stroke:none}.cat-sports{background:radial-gradient(circle at 30% 22%,#fff 0 16%,#eef6ff 17% 53%,#dbeafa 100%)}.cat-politics{background:radial-gradient(circle at 30% 22%,#fff 0 16%,#f5f1ea 17% 53%,#e9dfcf 100%);color:#5a482f;border-color:#e1d5c4}.cat-entertainment{background:radial-gradient(circle at 30% 22%,#fff 0 16%,#f7f0fb 17% 53%,#eadcf3 100%);color:#583a73;border-color:#e2d4ec}.cat-tech{background:radial-gradient(circle at 30% 22%,#fff 0 16%,#edf7f8 17% 53%,#d8ecee 100%);color:#275964;border-color:#cfe3e6}.cat-business{background:radial-gradient(circle at 30% 22%,#fff 0 16%,#f1f4fa 17% 53%,#dfe6f1 100%);color:#344a6b}.cat-world{background:radial-gradient(circle at 30% 22%,#fff 0 16%,#edf5fb 17% 53%,#d9e9f5 100%)}.cat-climate{background:radial-gradient(circle at 30% 22%,#fff 0 16%,#f0f7ef 17% 53%,#dcebd9 100%);color:#3d6441;border-color:#d2e3cf}.cat-science{background:radial-gradient(circle at 30% 22%,#fff 0 16%,#f2f1fb 17% 53%,#e1dff3 100%);color:#4c4775;border-color:#d9d6eb}.cat-culture{background:radial-gradient(circle at 30% 22%,#fff 0 16%,#fbf3ee 17% 53%,#f0dfd3 100%);color:#73503d;border-color:#ead8cb}.cat-more{background:radial-gradient(circle at 30% 22%,#fff 0 16%,#f2f5f8 17% 53%,#e1e7ed 100%);color:#41536a}.category.active{background:#071b35;color:#fff;border-color:#071b35;box-shadow:0 7px 16px rgba(7,27,53,.16)}.category.active .cat-icon{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.18);color:#fff;box-shadow:none}.category.active:hover{border-color:#071b35}.category .chev{margin-left:-2px}.market-status{font-size:11px;color:#8a97a8;min-height:16px;margin:0 0 8px;padding:0 2px}.market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.market-card{border:1px solid #dde4ec;border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.market-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(16,39,71,.12)}.market-media{height:170px;position:relative;overflow:hidden;color:#fff;background:#071a34;background-size:cover;background-position:center}.market-media:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 25%,rgba(2,13,29,.86) 100%);z-index:1}.market-media.sports{background-image:url('/static/assets/market-sports.png')}.market-media.politics{background-image:url('/static/assets/market-politics.png')}.market-media.tech{background-image:url('/static/assets/market-tech.png')}.market-media.entertainment{background-image:url('/static/assets/market-entertainment.png')}.market-media.world,.market-media.business,.market-media.climate,.market-media.science,.market-media.culture{background-image:radial-gradient(circle at 72% 18%,rgba(75,146,216,.52),transparent 35%),linear-gradient(135deg,#214d7c,#071b35)}.media-top{position:absolute;left:13px;right:13px;top:12px;display:flex;align-items:center;justify-content:space-between;z-index:3}.live-pill{background:#ff3f4b;color:#fff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:850;letter-spacing:.035em}.trader-count{font-size:11px;font-weight:750;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.45)}.visual-matchup{position:absolute;inset:0;z-index:2;pointer-events:none}.visual-side{position:absolute;top:45px;max-width:42%;padding:7px 10px;border:1px solid rgba(255,255,255,.27);background:rgba(5,20,40,.35);backdrop-filter:blur(3px);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.02em;text-shadow:0 1px 6px rgba(0,0,0,.55);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visual-side.left{left:13px}.visual-side.right{right:13px}.visual-vs{position:absolute;left:50%;top:51px;transform:translateX(-50%);font-size:9px;font-weight:850;letter-spacing:.18em;color:rgba(255,255,255,.8)}.media-copy{position:absolute;left:15px;right:15px;bottom:12px;z-index:3}.market-title{font-size:18px;line-height:1.08;letter-spacing:-.025em;margin:0 0 4px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.45)}.market-question{font-size:12px;color:rgba(255,255,255,.92);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-body{display:block}.outcomes{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e8edf2}.outcome{padding:12px 14px 10px;min-width:0}.outcome+.outcome{border-left:1px solid #e2e8ef}.outcome-name{font-size:12px;color:#435a76;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-row{display:flex;align-items:baseline;gap:7px;margin-top:5px}.price{font-size:27px;font-weight:800;letter-spacing:-.04em}.move{font-size:10px;font-weight:750}.price.up,.move.up{color:var(--green)}.price.down,.move.down{color:var(--red)}.market-chart-wrap{padding:8px 13px 4px}.chart-head{height:20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.chart-window{font-size:9px;font-weight:750;color:#8794a6;letter-spacing:.06em;text-transform:uppercase}.chart-count{font-size:9px;color:#a0abba}.mini-chart{width:100%;height:72px;display:block}.grid-line{stroke:#eef2f6;stroke-width:1}.wick-up,.body-up,.doji-up{stroke:#0aa77d;fill:#0aa77d}.wick-down,.body-down,.doji-down{stroke:#f2525c;fill:#f2525c}.wick-up,.wick-down{stroke-width:1}.doji-up,.doji-down{stroke-width:1.4}.empty-chart{height:58px;display:grid;place-items:center;color:#9da8b6;font-size:10px}.market-footer{display:flex;align-items:center;justify-content:space-between;padding:7px 13px 11px}.market-meta{color:#65768b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-market{border:1px solid #dce3ec;border-radius:10px;padding:8px 13px;background:#fff;color:var(--ink);font-weight:800;font-size:12px;cursor:pointer}.value-strip{margin-top:20px;border:1px solid #edf1f5;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcfe);display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 180px;align-items:center;padding:23px 24px;box-shadow:0 10px 30px rgba(16,39,71,.035)}.value-item{display:flex;align-items:center;gap:12px;padding:0 23px;border-right:1px solid #e6ebf1}.value-item:first-child{padding-left:0}.value-icon{width:33px;height:33px;flex:0 0 auto;color:#0d294a}.value-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.value-item p{margin:0;display:flex;flex-direction:column;gap:3px}.value-item b{font-size:12px}.value-item small{font-size:11px;line-height:1.35;color:#718198}.value-note{font-family:"Segoe Print","Bradley Hand",cursive;font-size:16px;line-height:1.25;color:#47678d;transform:rotate(-3deg);padding-left:24px}.theme-popover{position:fixed;right:42px;top:65px;width:280px;border:1px solid #dce4ed;border-radius:14px;background:white;box-shadow:0 20px 55px rgba(13,36,67,.18);padding:14px;z-index:40}.hidden{display:none}.theme-title{font-weight:800;margin-bottom:9px}.theme-choice{width:100%;text-align:left;border:1px solid #dce4ed;background:#f8fbff;border-radius:10px;padding:11px;font-weight:700}.theme-soon{font-size:11px;color:#8592a4;line-height:1.4;margin-top:9px}.operator-link{position:fixed;right:12px;bottom:10px;color:#98a3b2;font-size:10px;text-decoration:none;opacity:.45;z-index:10}@media(max-width:1320px){.main-nav a:nth-last-child(-n+3){display:none}.search-box{width:175px}.hero h1{font-size:60px}.hero-copy{padding-left:52px}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.value-strip{grid-template-columns:repeat(2,1fr)}.value-item{border-right:0;border-bottom:1px solid #e6ebf1;padding:16px}.value-note{display:none}}@media(max-width:900px){.site-header{padding:0 18px}.main-nav{display:none}.search-box{display:none}.hero{height:auto;grid-template-columns:1fr}.hero-copy{padding:38px 24px}.hero-copy:after{display:none}.hero h1{font-size:52px}.world-visual{height:320px}.markets-section{padding-left:18px;padding-right:18px}.market-grid{grid-template-columns:1fr}.section-heading h2{font-size:40px}.value-strip{grid-template-columns:1fr}.value-item{padding:14px 0}.theme-dot{display:none}}@media(max-width:560px){.brand-name{font-size:16px}.header-actions .outline-button{display:none}.hero h1{font-size:45px}.hero-sub{font-size:18px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-trust{flex-direction:column;gap:13px}.market-media{height:180px}.section-heading{flex-direction:column}.see-all{margin-top:0}.section-heading h2{font-size:36px}}
/* Stage 5I.1 Step 5 — compact truthful homepage candle strips */
.market-chart-wrap{display:none!important}
.trade-strips{display:grid;grid-template-columns:1fr 1fr;border-bottom:0;background:#fff}
.trade-strip{height:38px;padding:4px 13px 1px;display:flex;align-items:center;overflow:hidden}
.trade-strip+.trade-strip{border-left:1px solid #e2e8ef}
.candle-strip{display:block;width:100%;height:30px;overflow:visible}
.empty-strip{height:30px;width:100%;display:flex;align-items:center;color:#a0abba;font-size:9px}
.strip-caption{height:16px;display:flex;justify-content:space-between;align-items:center;padding:0 13px 4px;color:#9aa6b5;font-size:8px;letter-spacing:.045em;text-transform:uppercase}
.wick-up,.body-up,.doji-up{stroke:#0aa77d;fill:#0aa77d}.wick-down,.body-down,.doji-down{stroke:#f2525c;fill:#f2525c}.wick-up,.wick-down{stroke-width:1}.doji-up,.doji-down{stroke-width:1.35}
.market-footer{padding-top:5px}

/* Stage 5I.1 Step 7 — mockup-faithful homepage candle treatment */
.outcomes{align-items:stretch;border-bottom:0}
.outcome{padding:12px 14px 8px;display:flex;flex-direction:column;min-height:126px}
.outcome+.outcome{border-left:1px solid #e2e8ef}
.outcome-chart{height:38px;margin-top:10px;display:flex;align-items:flex-end}
.outcome-chart .candle-strip{width:100%;height:34px;display:block;overflow:visible}
.outcome-chart .empty-strip{height:34px;width:100%;display:flex;align-items:center;color:#a0abba;font-size:9px}
.market-footer{border-top:0;padding:5px 13px 11px}
.trade-strips,.strip-caption{display:none!important}


/* Stage 5I.1 Step 9 — homepage candle close-up: fewer recent bars, stronger bodies/wicks */
.outcome-chart{height:44px;margin-top:7px;align-items:flex-end}
.outcome-chart .candle-strip{height:40px}
.wick-up,.wick-down{stroke-width:2;stroke-linecap:round}
.doji-up,.doji-down{stroke-width:1.75}

/* Stage 5I.1 Step 12 — richer dimensional category medallions.
   Button architecture stays Classic White; only the category object gains depth/color. */
.category{padding-left:6px;gap:10px}
.cat-icon{position:relative;isolation:isolate;overflow:hidden;width:30px;height:30px;flex-basis:30px;border-width:1px;box-shadow:inset 0 1px 1px rgba(255,255,255,.95),inset 0 -2px 5px rgba(24,55,88,.10),0 3px 7px rgba(13,38,67,.14),0 1px 2px rgba(13,38,67,.08);transform:translateZ(0)}
.cat-icon:before{content:"";position:absolute;z-index:-1;left:3px;right:3px;top:2px;height:43%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.08));filter:blur(.2px);pointer-events:none}
.cat-icon:after{content:"";position:absolute;z-index:-1;inset:2px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.42);pointer-events:none}
.cat-icon svg{width:18px;height:18px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.8)) drop-shadow(0 1px 1px rgba(16,38,64,.16))}
.cat-sports{color:#12579b;border-color:#9ec9ed;background:radial-gradient(circle at 29% 20%,#fff 0 12%,#dff3ff 22%,#7dc8f5 64%,#3b8fd0 100%)}
.cat-politics{color:#69481c;border-color:#d8b56d;background:radial-gradient(circle at 29% 20%,#fffdf7 0 12%,#ffe8aa 22%,#dcae52 65%,#a66d25 100%)}
.cat-entertainment{color:#63328e;border-color:#c39be2;background:radial-gradient(circle at 29% 20%,#fff 0 12%,#f2d8ff 22%,#c681ed 63%,#8a43b9 100%)}
.cat-tech{color:#12606d;border-color:#87d7dc;background:radial-gradient(circle at 29% 20%,#fff 0 12%,#d5ffff 22%,#6ed8dc 62%,#2596a3 100%)}
.cat-business{color:#264c80;border-color:#9bb8df;background:radial-gradient(circle at 29% 20%,#fff 0 12%,#e2edff 22%,#8eb1e4 62%,#4d75b0 100%)}
.cat-world{color:#075a78;border-color:#82c7dc;background:radial-gradient(circle at 30% 19%,#fff 0 11%,#bff3ff 21%,#55c6df 53%,#3da67e 76%,#177497 100%)}
.cat-climate{color:#28602e;border-color:#9bcf91;background:radial-gradient(circle at 29% 20%,#fff 0 12%,#e2ffd7 22%,#8bd978 62%,#4c9c51 100%)}
.cat-science{color:#4f3a91;border-color:#b8a8e8;background:radial-gradient(circle at 29% 20%,#fff 0 12%,#eee4ff 22%,#b39aef 62%,#7560bd 100%)}
.cat-culture{color:#7d3d22;border-color:#e1aa84;background:radial-gradient(circle at 29% 20%,#fffaf6 0 12%,#ffe1cc 22%,#e99b6b 62%,#b95f3d 100%)}
.cat-more,.cat-all{color:#274867;border-color:#b9ccdd;background:radial-gradient(circle at 29% 20%,#fff 0 12%,#edf5fb 22%,#bdd4e6 64%,#87a8c3 100%)}
.category:hover .cat-icon{transform:translateY(-1px) scale(1.04);box-shadow:inset 0 1px 1px rgba(255,255,255,.95),inset 0 -2px 5px rgba(24,55,88,.11),0 5px 10px rgba(13,38,67,.18)}
.category.active .cat-icon{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.42),rgba(255,255,255,.12) 48%,rgba(255,255,255,.05) 100%);border-color:rgba(255,255,255,.34);box-shadow:inset 0 1px 1px rgba(255,255,255,.28),0 2px 5px rgba(0,0,0,.18)}
.category.active .cat-icon:before{background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0))}
.category.active .cat-icon svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.24))}


/* Stage 5I.1 Step 14 — final category-symbol polish only.
   Sports, Politics and Culture are made more literal/readable at a glance. */
.cat-ball svg{width:22px;height:22px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.20))}
.cat-ball .ball-shell{fill:#fff;stroke:#14253b;stroke-width:1.05}
.cat-ball .ball-dark{fill:#101b2b;stroke:#101b2b;stroke-width:.55}
.cat-ball .ball-seam{fill:none;stroke:#26384c;stroke-width:.85;stroke-linecap:round;stroke-linejoin:round}
.cat-sports{background:radial-gradient(circle at 29% 20%,#fff 0 14%,#eaf7ff 28%,#9ed9fa 67%,#559fd5 100%)}
.cat-temple svg{width:22px;height:22px;stroke:#6b4817;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;fill:none}
.cat-temple .temple-fill{fill:#fff1c7;stroke:#704b17;stroke-width:1.4}
.cat-masks svg{width:23px;height:23px;filter:drop-shadow(0 1px 1px rgba(74,28,15,.20))}
.cat-masks .mask-back{fill:#ffd6a9;stroke:#7d3d22;stroke-width:1.25;stroke-linejoin:round}
.cat-masks .mask-front{fill:#fff1df;stroke:#7d3d22;stroke-width:1.35;stroke-linejoin:round}
.cat-masks .mask-detail{fill:none;stroke:#7d3d22;stroke-width:1.15;stroke-linecap:round}


/* Stage 5I.1 Step 15 — Sports + World icon polish only. */
.cat-ball-simple svg{width:23px;height:23px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.16))}
.cat-ball-simple .ball-white{fill:#fff;stroke:#17283b;stroke-width:.85}
.cat-ball-simple .ball-black{fill:#111b28;stroke:#111b28;stroke-width:.25}
.cat-ball-simple .ball-link{fill:none;stroke:#1e3146;stroke-width:.8;stroke-linecap:round}
.cat-sports{background:radial-gradient(circle at 30% 20%,#fff 0 15%,#f4f8fb 34%,#d9e5ee 72%,#b9cbd9 100%);border-color:#b7c9d8;color:#102337}
.cat-earth svg{width:22px;height:22px;filter:drop-shadow(0 1px 1px rgba(11,67,60,.17))}
.cat-earth .earth-ocean{fill:#2e79a7;stroke:#145675;stroke-width:.7}
.cat-earth .earth-land{fill:#4ea85d;stroke:#2f7a43;stroke-width:.35;stroke-linejoin:round}
.cat-earth .earth-shine{fill:none;stroke:rgba(255,255,255,.8);stroke-width:1.15;stroke-linecap:round}
.cat-world{background:radial-gradient(circle at 30% 20%,#fff 0 14%,#eef8f1 31%,#b8dfc5 66%,#79b78e 100%);border-color:#9bc8a8;color:#1e6244}

/* Stage 5I.1 Step 16 — clean white category pills; icon carries the color */
.category:not(.active){background:#fff;box-shadow:0 2px 7px rgba(20,45,76,.035)}
.category:not(.active) .cat-icon{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.category:not(.active) .cat-icon.cat-plain{font-size:22px;line-height:1;width:28px;height:28px}
.category:not(.active) .cat-entertainment{color:#7046b8}
.category:not(.active) .cat-tech{color:#168a96}
.category:not(.active) .cat-business{color:#356aa0}
.category:not(.active) .cat-climate{color:#4f9a4f}
.category:not(.active) .cat-science{color:#6652a8}
.category:not(.active) .cat-entertainment .play-glyph{font-size:19px}
.category:not(.active) .cat-climate{font-size:21px}


/* Stage 5I.1 Step 17 — final category micro-polish only.
   Sports uses text-presentation football for a cleaner black/white mark;
   Science gains a touch more visual weight. */
.category:not(.active) .cat-soccer-text{
  font-family:"Segoe UI Symbol","Arial Unicode MS",sans-serif;
  font-size:23px;
  line-height:1;
  color:#111827;
  filter:none;
}
.category:not(.active) .cat-science svg{
  width:20px;
  height:20px;
}

/* Stage 5I.1 Step 19 — event-aware visual resolver foundation.
   The provider remains the source of truth: these treatments classify real
   events already in /api/events; they do not manufacture missing markets. */
.market-media.visual-sports-football{background-image:radial-gradient(circle at var(--event-x,70%) var(--event-y,28%),rgba(27,111,190,.20),transparent 34%),url('/static/assets/market-sports.png')}
.market-media.visual-sports-tennis{background-image:linear-gradient(135deg,rgba(23,92,57,.08),rgba(8,37,22,.42)),url('/static/assets/market-sports.png');background-position:var(--event-x,55%) center}
.market-media.visual-sports-basketball{background-image:linear-gradient(135deg,rgba(159,78,23,.12),rgba(24,17,11,.46)),url('/static/assets/market-sports.png');background-position:var(--event-x,55%) center}
.market-media.visual-sports-hockey{background-image:linear-gradient(135deg,rgba(180,220,245,.10),rgba(8,35,58,.48)),url('/static/assets/market-sports.png');background-position:var(--event-x,55%) center}
.market-media.visual-sports-baseball{background-image:linear-gradient(135deg,rgba(170,42,42,.08),rgba(25,27,31,.48)),url('/static/assets/market-sports.png');background-position:var(--event-x,55%) center}
.market-media.visual-sports-motorsport{background-image:linear-gradient(135deg,rgba(214,48,48,.12),rgba(10,12,18,.52)),url('/static/assets/market-sports.png');background-position:var(--event-x,55%) center}
.market-media.visual-politics-politics{background-image:radial-gradient(circle at var(--event-x,70%) var(--event-y,28%),rgba(220,180,105,.16),transparent 34%),url('/static/assets/market-politics.png')}
.market-media.visual-tech-tech{background-image:radial-gradient(circle at var(--event-x,70%) var(--event-y,28%),rgba(56,203,213,.16),transparent 34%),url('/static/assets/market-tech.png')}
.market-media.visual-entertainment-entertainment{background-image:radial-gradient(circle at var(--event-x,70%) var(--event-y,28%),rgba(183,92,218,.17),transparent 34%),url('/static/assets/market-entertainment.png')}

/* Stage 5I.1 Step 20 — deterministic event-specific composed thumbnails.
   Each card receives its own rights-safe scene from customer.js. Licensed or
   curated imagery can later replace --event-art without changing card markup. */
.market-media[style*="--event-art"]{background-image:var(--event-art)!important;background-size:cover!important;background-position:center!important}
.market-media[style*="--event-art"]:after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at var(--event-x,65%) var(--event-y,35%),rgba(255,255,255,.12),transparent 28%);pointer-events:none}

/* Stage 5I.1 Step 21 — cinematic local thumbnail layer.
   Bundled event-family artwork keeps the demo rights-safe/offline while the
   deterministic event hash gives simultaneous markets distinct card imagery. */
.market-media[style*="--event-art"]{
  background-image:var(--event-art)!important;
  background-size:cover!important;
  background-position:center!important;
}
.market-media[style*="--event-art"]:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at var(--event-x,65%) var(--event-y,35%),rgba(255,255,255,.10),transparent 26%),
    linear-gradient(90deg,rgba(3,13,29,.05),rgba(3,13,29,.12));
  pointer-events:none;
}


/* Stage 5I.1 Step 24.3 — Theme Architecture + branded closing footer.
   Classic White remains the canonical default. Trading semantics stay fixed:
   green/red/live-warning colors never change with appearance. */
:root{
  --page-bg:#ffffff;--surface:#ffffff;--surface-2:#fbfcfe;--surface-3:#f6f9fc;
  --theme-ink:#071a34;--theme-muted:#62728b;--theme-line:#dce4ed;--theme-accent:#0b67c2;
  --theme-nav:#061b36;--theme-on-nav:#ffffff;--theme-soft:#eef5fb;
  --hero-fade-solid:#ffffff;--hero-fade-mid:rgba(255,255,255,.94);--hero-image-fade:rgba(255,255,255,.48);
  --theme-shadow:0 10px 28px rgba(16,39,71,.08);
}
body[data-theme="classic"]{--page-bg:#fff;--surface:#fff;--surface-2:#fbfcfe;--surface-3:#f6f9fc;--theme-ink:#071a34;--theme-muted:#62728b;--theme-line:#dce4ed;--theme-accent:#0b67c2;--theme-nav:#061b36;--theme-on-nav:#fff;--theme-soft:#eef5fb;--hero-fade-solid:#fff;--hero-fade-mid:rgba(255,255,255,.94);--hero-image-fade:rgba(255,255,255,.48);--theme-shadow:0 10px 28px rgba(16,39,71,.08)}
body[data-theme="midnight"]{--page-bg:#061322;--surface:#081827;--surface-2:#0b1d2f;--surface-3:#0f263b;--theme-ink:#f5f9ff;--theme-muted:#a8b7c9;--theme-line:#20384f;--theme-accent:#1493ff;--theme-nav:#0d91ff;--theme-on-nav:#fff;--theme-soft:#102b43;--hero-fade-solid:#081827;--hero-fade-mid:rgba(8,24,39,.94);--hero-image-fade:rgba(8,24,39,.28);--theme-shadow:0 12px 32px rgba(0,0,0,.28)}
body[data-theme="ocean"]{--page-bg:#eef7ff;--surface:#f8fcff;--surface-2:#eaf5ff;--surface-3:#dfefff;--theme-ink:#08284b;--theme-muted:#5c7896;--theme-line:#c9dff1;--theme-accent:#2087e8;--theme-nav:#0a4e91;--theme-on-nav:#fff;--theme-soft:#dceeff;--hero-fade-solid:#f8fcff;--hero-fade-mid:rgba(248,252,255,.94);--hero-image-fade:rgba(224,242,255,.34);--theme-shadow:0 10px 28px rgba(25,91,150,.10)}
body[data-theme="forest"]{--page-bg:#eff7f2;--surface:#f8fcf9;--surface-2:#e8f3ec;--surface-3:#dcecdf;--theme-ink:#0e352d;--theme-muted:#5d7c72;--theme-line:#c9ddd2;--theme-accent:#2d8b69;--theme-nav:#174f40;--theme-on-nav:#fff;--theme-soft:#dceee4;--hero-fade-solid:#f8fcf9;--hero-fade-mid:rgba(248,252,249,.94);--hero-image-fade:rgba(222,243,230,.28);--theme-shadow:0 10px 28px rgba(32,91,70,.10)}
body[data-theme="sunset"]{--page-bg:#fff4ee;--surface:#fffaf7;--surface-2:#fff0e7;--surface-3:#ffe4d6;--theme-ink:#41243a;--theme-muted:#886777;--theme-line:#efd3cb;--theme-accent:#f06b69;--theme-nav:#842b59;--theme-on-nav:#fff;--theme-soft:#ffe2d7;--hero-fade-solid:#fffaf7;--hero-fade-mid:rgba(255,250,247,.94);--hero-image-fade:rgba(255,225,210,.26);--theme-shadow:0 10px 28px rgba(135,55,77,.10)}
body[data-theme="violet"]{--page-bg:#f4f1ff;--surface:#fbfaff;--surface-2:#efeaff;--surface-3:#e3dbff;--theme-ink:#241941;--theme-muted:#74688f;--theme-line:#d5cdf0;--theme-accent:#7456dc;--theme-nav:#35206f;--theme-on-nav:#fff;--theme-soft:#e9e1ff;--hero-fade-solid:#fbfaff;--hero-fade-mid:rgba(251,250,255,.94);--hero-image-fade:rgba(230,220,255,.28);--theme-shadow:0 10px 28px rgba(72,46,135,.11)}
body[data-theme="rose"]{--page-bg:#fff0f6;--surface:#fff9fc;--surface-2:#ffe9f2;--surface-3:#ffdae9;--theme-ink:#491a35;--theme-muted:#8a6277;--theme-line:#efcada;--theme-accent:#d94183;--theme-nav:#7d2050;--theme-on-nav:#fff;--theme-soft:#ffdeeb;--hero-fade-solid:#fff9fc;--hero-fade-mid:rgba(255,249,252,.94);--hero-image-fade:rgba(255,220,235,.26);--theme-shadow:0 10px 28px rgba(128,38,82,.11)}

body{background:var(--page-bg);color:var(--theme-ink);transition:background .22s ease,color .22s ease}
.site-header,.markets-section,.hero-copy,.theme-section,.site-footer{background:var(--surface);color:var(--theme-ink);border-color:var(--theme-line)}
.site-header{border-bottom-color:var(--theme-line)}
.brand,.main-nav a,.search-box input,.outline-button,.see-all,.market-card,.theme-card,.site-footer{color:var(--theme-ink)}
.main-nav a:after{background:var(--theme-accent)}
.search-box,.outline-button,.category:not(.active),.market-card,.theme-card{border-color:var(--theme-line);background:var(--surface)}
.search-box{color:var(--theme-muted)}
.search-box input::placeholder,.hero-trust small,.section-heading p,.section-kicker,.market-status,.theme-heading p,.theme-copy small,.footer-cell small{color:var(--theme-muted)}
.solid-button,.category.active{background:var(--theme-nav);border-color:var(--theme-nav);color:var(--theme-on-nav)}
.outline-button{background:var(--surface)}
.theme-dot{background:var(--theme-accent);opacity:.55}
.hero{border-bottom-color:var(--theme-line);background:var(--surface)}
.hero-copy{background:var(--surface)}
.hero-copy:after{background:linear-gradient(90deg,var(--hero-fade-solid) 16%,var(--hero-fade-mid) 42%,rgba(255,255,255,0))}
.world-visual:before{background:linear-gradient(90deg,var(--hero-image-fade) 0%,rgba(255,255,255,.06) 10%,rgba(255,255,255,0) 24%)}
.eyebrow,.section-kicker>span:first-child{color:var(--theme-accent)}
.hero-sub{color:var(--theme-muted)}
.trust-icon{color:var(--theme-ink)}
.market-card{background:var(--surface);box-shadow:var(--theme-shadow)}
.market-body,.market-footer,.outcome{background:var(--surface);border-color:var(--theme-line)}
.outcome-name,.market-meta{color:var(--theme-muted)}
.view-market{background:var(--surface);border-color:var(--theme-line);color:var(--theme-ink)}
.empty-strip,.empty-chart{color:var(--theme-muted)}
.category:not(.active){background:var(--surface)!important;color:var(--theme-ink);box-shadow:none}
.category:not(.active):hover{background:var(--surface-2)!important;border-color:var(--theme-accent)}

.theme-section{padding:8px 42px 22px;border-top:1px solid var(--theme-line)}
.theme-heading{padding:18px 2px 12px}.theme-heading h2{font-size:20px;letter-spacing:-.025em;margin:0 0 3px}.theme-heading p{font-size:13px;margin:0}
.theme-gallery{display:grid;grid-template-columns:repeat(7,minmax(118px,1fr)) minmax(155px,.9fr);gap:14px;align-items:stretch}
.theme-card{padding:0;border:1px solid var(--theme-line);border-radius:8px;overflow:hidden;text-align:left;cursor:pointer;box-shadow:0 4px 14px rgba(13,34,58,.04);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;min-width:0}
.theme-card:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(13,34,58,.10)}
.theme-card.active{border:2px solid #168cff;box-shadow:0 0 0 1px rgba(22,140,255,.08),0 8px 18px rgba(22,140,255,.13)}
.theme-preview{height:64px;display:block;position:relative;background-image:url('/static/assets/hero-earth.png');background-size:cover;background-position:64% 49%}
.theme-preview:after{content:"";position:absolute;inset:0;mix-blend-mode:color}
.preview-classic{background-color:#eff8ff;background-blend-mode:screen}.preview-classic:after{background:linear-gradient(110deg,rgba(255,255,255,.85),rgba(78,161,235,.05))}
.preview-midnight{background-color:#06192b;background-blend-mode:multiply}.preview-midnight:after{background:#082b56;opacity:.25}
.preview-ocean{background-color:#0b76d8;background-blend-mode:screen}.preview-ocean:after{background:#147bdd;opacity:.3}
.preview-forest{background-color:#13775a;background-blend-mode:multiply}.preview-forest:after{background:#13a16f;opacity:.45}
.preview-sunset{background-color:#ff724d;background-blend-mode:screen}.preview-sunset:after{background:linear-gradient(90deg,#ff7a45,#e62e96);opacity:.7}
.preview-violet{background-color:#2b176c;background-blend-mode:multiply}.preview-violet:after{background:linear-gradient(90deg,#201060,#7b3fff);opacity:.6}
.preview-rose{background-color:#7b153f;background-blend-mode:multiply}.preview-rose:after{background:linear-gradient(90deg,#d71f70,#7a113c);opacity:.62}
.theme-copy{display:flex;flex-direction:column;padding:9px 10px 10px;background:var(--surface)}.theme-copy b{font-size:11px}.theme-copy small{font-size:10px;margin-top:2px}
.theme-handnote{font-family:"Segoe Print","Bradley Hand",cursive;color:#315d91;font-size:16px;line-height:1.28;transform:rotate(-4deg);display:flex;flex-direction:column;justify-content:center;padding:5px 8px 3px 12px;white-space:nowrap}.theme-handnote strong{font-weight:500;margin-top:2px}

.site-footer{display:grid;grid-template-columns:1.15fr 1fr 1.15fr 1.25fr 1.2fr;align-items:center;padding:18px 42px 22px;border-top:1px solid var(--theme-line);gap:0}
.footer-cell{min-height:58px;display:flex;align-items:center;gap:12px;padding:0 28px;border-right:1px solid var(--theme-line)}
.footer-brand{padding-left:0}.footer-brand p,.footer-cell p{display:flex;flex-direction:column;margin:0}.footer-brand b{font-size:18px;letter-spacing:-.035em}.footer-brand small{font-size:10px;color:var(--theme-muted);margin-top:2px}.footer-logo-wrap{width:34px;height:34px;display:grid;place-items:center}.footer-logo{width:32px;height:32px;object-fit:contain}.footer-icon{width:31px;height:31px;color:var(--theme-ink);display:grid;place-items:center;flex:0 0 31px}.footer-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.footer-cell b{font-size:11px}.footer-cell small{font-size:10px;margin-top:2px}.footer-tagline{padding-left:34px;font-size:16px;line-height:1.3;color:var(--theme-muted)}
body[data-theme="midnight"] .brand-logo-art,body[data-theme="midnight"] .footer-logo{filter:brightness(0) invert(1)}
body[data-theme="midnight"] .world-visual{filter:saturate(.95) brightness(.76)}
body[data-theme="midnight"] .theme-handnote{color:#64b6ff}
body[data-theme="midnight"] .theme-card.active{border-color:#1493ff}

@media(max-width:1180px){.theme-gallery{grid-template-columns:repeat(4,1fr)}.theme-handnote{min-height:95px}.site-footer{grid-template-columns:repeat(2,1fr)}.footer-cell{border-bottom:1px solid var(--theme-line)}.footer-tagline{padding:18px 28px}}
@media(max-width:760px){.theme-section{padding-left:18px;padding-right:18px}.theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-handnote{grid-column:1/-1}.site-footer{grid-template-columns:1fr;padding-left:18px;padding-right:18px}.footer-cell{padding:12px 0;border-right:0}.footer-tagline{padding:16px 0}.theme-preview{height:78px}}

/* Step 24.3a — full-canvas theme treatment + hero artwork edge cleanup */
/* Light themes keep Event Perpetual's canonical navy typography; the theme lives in the canvas/surfaces. */
body[data-theme="classic"]{--theme-ink:#071a34;--page-bg:#ffffff;--surface:#ffffff;--surface-2:#f8fbfe;--surface-3:#eef4fa}
body[data-theme="ocean"]{--theme-ink:#071a34;--page-bg:#dcefff;--surface:#edf7ff;--surface-2:#d6ebfc;--surface-3:#c7e2f8;--theme-muted:#516d89;--theme-line:#b7d4ec;--hero-fade-solid:#edf7ff;--hero-fade-mid:rgba(237,247,255,.96)}
body[data-theme="forest"]{--theme-ink:#071a34;--page-bg:#dcefe3;--surface:#edf7f0;--surface-2:#d3eadb;--surface-3:#c3dfce;--theme-muted:#557166;--theme-line:#b5d2c0;--hero-fade-solid:#edf7f0;--hero-fade-mid:rgba(237,247,240,.96)}
body[data-theme="sunset"]{--theme-ink:#071a34;--page-bg:#ffe4d7;--surface:#fff1e9;--surface-2:#ffddd0;--surface-3:#ffcdbb;--theme-muted:#765f67;--theme-line:#efc1b3;--hero-fade-solid:#fff1e9;--hero-fade-mid:rgba(255,241,233,.96)}
body[data-theme="violet"]{--theme-ink:#071a34;--page-bg:#e6ddff;--surface:#f1ecff;--surface-2:#ddd1fb;--surface-3:#cfc0f4;--theme-muted:#655f80;--theme-line:#c7b9e8;--hero-fade-solid:#f1ecff;--hero-fade-mid:rgba(241,236,255,.96)}
body[data-theme="rose"]{--theme-ink:#071a34;--page-bg:#ffdce9;--surface:#ffedf4;--surface-2:#ffd3e2;--surface-3:#ffc2d8;--theme-muted:#765d6b;--theme-line:#eeb7cb;--hero-fade-solid:#ffedf4;--hero-fade-mid:rgba(255,237,244,.96)}

/* Make the chosen palette read across the whole page instead of mostly recolouring type. */
body:not([data-theme="midnight"]) .markets-section,
body:not([data-theme="midnight"]) .theme-section,
body:not([data-theme="midnight"]) .site-footer{background:var(--surface)}
body:not([data-theme="midnight"]) .market-card,
body:not([data-theme="midnight"]) .market-body,
body:not([data-theme="midnight"]) .market-footer,
body:not([data-theme="midnight"]) .outcome,
body:not([data-theme="midnight"]) .theme-card{background:rgba(255,255,255,.82)}
body:not([data-theme="midnight"]) .site-header{background:color-mix(in srgb,var(--surface) 92%,#fff 8%)}
body:not([data-theme="classic"]):not([data-theme="midnight"]) .hero-copy{background:var(--surface)}
body:not([data-theme="classic"]):not([data-theme="midnight"]) .hero h1,
body:not([data-theme="classic"]):not([data-theme="midnight"]) .section-heading h2,
body:not([data-theme="classic"]):not([data-theme="midnight"]) .brand,
body:not([data-theme="classic"]):not([data-theme="midnight"]) .main-nav a{color:#071a34}

/* hero-earth.png contains a tiny legacy 'markets' fragment at its extreme left edge.
   Mask that baked-in fragment without touching the artwork itself. */
.world-visual:after{content:"";position:absolute;z-index:1;left:0;top:0;bottom:0;width:108px;background:linear-gradient(90deg,var(--hero-fade-solid) 0%,var(--hero-fade-mid) 42%,rgba(255,255,255,0) 100%);pointer-events:none}
body[data-theme="midnight"] .world-visual:after{background:linear-gradient(90deg,#081827 0%,rgba(8,24,39,.94) 42%,rgba(8,24,39,0) 100%)}

/* Step 24.3c — Sunset/Rose separation. Sunset is intentionally warm cream + golden peach,
   while Rose keeps the blush/berry palette. No other theme or layout is changed. */
body[data-theme="sunset"]{
  --theme-ink:#071a34;
  --page-bg:#fff0cf;
  --surface:#fff8e8;
  --surface-2:#ffe8c2;
  --surface-3:#ffd9a6;
  --theme-muted:#756653;
  --theme-line:#e9c99f;
  --theme-accent:#e66d2e;
  --theme-nav:#b94f24;
  --theme-soft:#ffe0b7;
  --hero-fade-solid:#fff8e8;
  --hero-fade-mid:rgba(255,248,232,.96);
  --hero-image-fade:rgba(255,205,145,.25);
  --theme-shadow:0 10px 28px rgba(145,83,31,.10)
}
.preview-sunset{background-color:#f39a45;background-blend-mode:screen}
.preview-sunset:after{background:linear-gradient(90deg,#ffb44c,#ef6a35);opacity:.72}

/* Stage 5I.6B.1 — broad browse rows are visible but never masquerade as executable markets. */
.view-market.watch-only{opacity:.58;cursor:not-allowed;background:#f7f9fc;color:#64748b;border-color:#d7e0ea;box-shadow:none}
.market-card.is-watch .live-pill{background:#ff4655}
.market-card.is-live .live-pill{background:#0caf85}

/* Stage 5I.6B.2 — truthful WATCH-card mark history. This is a persisted source-mark
   path, not synthetic OHLC. LIVE canonical cards continue to use real candles. */
.watch-mark-history{overflow:visible}
.watch-history-up,.watch-history-down{stroke-width:2.1;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.watch-history-up{stroke:#0caf85}.watch-history-down{stroke:#ff4655}
.watch-history-dot-up{fill:#0caf85}.watch-history-dot-down{fill:#ff4655}

/* Stage 5I.6F.8.1 — approved EP/Event Perpetual header lockup from user reference. */
.brand-lockup{display:block;width:176px;height:auto;max-height:44px;object-fit:contain;object-position:left center}
@media(max-width:1180px){.brand-lockup{width:154px}}

/* Stage 5I.6F.8.2 — EP typography system.
   Editorial display headlines remain serif; product/interface language uses a
   clean geometric sans that visually belongs with the EVENT PERPETUAL lockup. */
:root{
  --ep-ui-font:"Bahnschrift","Arial Narrow","Aptos","Segoe UI",Inter,ui-sans-serif,system-ui,sans-serif;
  --ep-display-font:Georgia,"Times New Roman",serif;
}
body,button,input,select,textarea,.site-header,.nav,.brand,.search-box,
.market-meta,.market-kicker,.market-status,.market-card,.market-card *,
.category-strip,.category-strip *,.section-kicker,.section-sub,
.order-entry,.order-entry *,.terminal-meta,.terminal-controls,.terminal-tabs{
  font-family:var(--ep-ui-font);
}
.hero-copy h1,.section-title,.market-title,.terminal-market-title,
.order-entry h2,.editorial-title{
  font-family:var(--ep-display-font);
}
.site-header,.nav,.market-kicker,.section-kicker,.market-status,.terminal-meta{
  letter-spacing:.015em;
}

/* Stage 5I.6F.8.3 — stronger EP product typography. */
.main-nav a,.solid-button,.outline-button,.hero-cta,.hero-demo,
.category-strip button,.category-chip,.market-card .meta,.market-card .status,
.panel-eyebrow,.live-market-pill,.timeframe-row button,.side-tab,.quick-size button,
.ticket-quote small,.chart-meta,.chart-attribution,.positions-tabs,.position-focus-cell small{
  font-family:var(--ep-ui-font)!important;
  font-stretch:condensed;
}
.main-nav a,.solid-button,.outline-button,.hero-cta,.hero-demo,.timeframe-row button,.side-tab{
  font-weight:700;
  letter-spacing:.018em;
}
.panel-eyebrow,.market-kicker,.section-kicker,.live-market-pill,.ticket-quote small,.position-focus-cell small{
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.market-card h3,.market-card h4,.market-card b,.ticket-quote b,.positions-total b{
  font-family:var(--ep-ui-font)!important;
  font-weight:650;
  letter-spacing:.005em;
}

/* 5I.6G.9.1 — theme-aware canonical lockup + dedicated truthful spark-candles. */
body[data-theme="midnight"] .brand-lockup{filter:brightness(0) invert(1)}
.outcome-chart{height:52px;margin-top:5px;align-items:center}
.outcome-chart .micro-candles{height:46px;width:100%;overflow:visible}
.micro-candles .wick-up,.micro-candles .wick-down{stroke-width:1.65;stroke-linecap:round}
.micro-candles .body-up,.micro-candles .body-down{stroke-width:.8}
body[data-theme="midnight"] .outcome-chart{background:linear-gradient(180deg,transparent,rgba(255,255,255,.018));border-radius:6px}


/* Stage 5I.6G10.17 — use the current EP lockup in the homepage footer */
.footer-logo-lockup-wrap{width:126px!important;height:38px!important;justify-content:flex-start!important}.footer-logo-lockup{width:122px!important;height:34px!important;object-fit:contain!important;object-position:left center!important}.footer-brand{gap:10px!important}.footer-brand p{min-width:88px}.footer-brand small{font-size:10px!important}
body[data-theme="midnight"] .footer-logo-lockup{filter:brightness(0) invert(1)}


/* Stage 5I.6G10.19 — functional global market search */
.search-box{position:relative;z-index:60}
.ep-search-results{position:absolute;top:calc(100% + 8px);right:0;width:min(440px,calc(100vw - 28px));max-height:430px;overflow:auto;background:var(--surface,#fff);border:1px solid var(--theme-line,#dce4ed);border-radius:14px;box-shadow:0 18px 50px rgba(7,26,52,.18);padding:7px;display:none;color:var(--theme-ink,#071a34)}
.ep-search-results.open{display:block}.ep-search-empty{padding:16px 14px;color:var(--theme-muted,#62728b);font-size:12px}
.ep-search-result{width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:11px 12px;border-radius:10px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;cursor:pointer;font:inherit}
.ep-search-result:hover,.ep-search-result.active{background:rgba(45,143,255,.09)}
.ep-search-title{font-size:12.5px;font-weight:750;line-height:1.3}.ep-search-meta{font-size:10.5px;color:var(--theme-muted,#62728b);text-transform:capitalize}
.ep-search-status{grid-row:1/3;grid-column:2;align-self:center;font-size:9px;font-weight:800;letter-spacing:.08em;padding:5px 7px;border-radius:999px;background:rgba(8,173,126,.12);color:#078c68}
.ep-search-status.watch{background:rgba(91,111,139,.12);color:var(--theme-muted,#62728b)}
.ep-search-all{width:100%;border:0;border-top:1px solid var(--theme-line,#dce4ed);background:transparent;color:#168cff;padding:11px 12px 7px;text-align:left;font-size:11px;font-weight:800;cursor:pointer}
body[data-theme]:not([data-theme="classic"]) .ep-search-results{box-shadow:0 18px 55px rgba(0,0,0,.42)}
@media(max-width:760px){.ep-search-results{position:fixed;top:66px;left:10px;right:10px;width:auto}.search-box{width:min(230px,48vw)}}

/* Stage 5I.6G.12.9 — homepage discovery depth: category rail + mixed trending markets. */
.discovery-section{margin-top:28px}.discovery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}.discovery-heading h2{font-family:var(--ep-ui-font)!important;font-size:25px;line-height:1.05;margin:0;color:var(--theme-ink,#071a34);font-weight:800}.discovery-heading p{margin:5px 0 0;color:var(--theme-muted,#62728b);font-size:12px}.explore-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px}.explore-card{appearance:none;border:1px solid var(--theme-line,#dce4ed);background:var(--surface,#fff);border-radius:10px;overflow:hidden;padding:0;text-align:left;cursor:pointer;color:var(--theme-ink,#071a34);box-shadow:0 4px 16px rgba(7,26,52,.035);transition:.16s transform,.16s box-shadow}.explore-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(7,26,52,.09)}.explore-art{height:82px;background-size:cover;background-position:center;position:relative}.explore-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(4,17,34,.28))}.explore-copy{display:flex;align-items:center;gap:7px;padding:9px 9px 10px}.explore-copy .cat-icon{width:19px;height:19px;font-size:17px;flex:0 0 19px}.explore-copy b{font-size:11px;line-height:1.1}.explore-copy small{display:block;color:var(--theme-muted,#62728b);font-size:9px;margin-top:2px}.trending-section{margin-top:26px}.trending-window{border:1px solid var(--theme-line,#dce4ed);border-radius:999px;padding:6px 12px;font-size:9px;font-weight:800;letter-spacing:.12em;color:#fff;background:#071a34}.trending-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.trend-card{border:1px solid var(--theme-line,#dce4ed);border-radius:11px;background:var(--surface,#fff);overflow:hidden;display:grid;grid-template-columns:96px 1fr;min-height:112px;color:var(--theme-ink,#071a34);cursor:pointer}.trend-art{background-size:cover;background-position:center;min-height:112px}.trend-copy{padding:11px 11px 9px;min-width:0}.trend-rank{font-size:9px;color:#168cff;font-weight:800}.trend-title{font-size:12px;font-weight:750;line-height:1.25;margin:3px 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trend-meta{font-size:9px;color:var(--theme-muted,#62728b);text-transform:capitalize}.trend-price{font-size:19px;font-weight:800;color:#0caf85;margin-top:7px}.trend-chart{height:27px;margin-top:2px}.trend-chart svg{height:27px;width:100%}.market-values{margin:30px -34px -34px;padding:21px 34px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:color-mix(in srgb,var(--surface-2,#f7f9fc) 78%,transparent);border-top:1px solid var(--theme-line,#dce4ed)}.market-values>div{display:flex;align-items:center;justify-content:center;gap:13px;padding:0 28px;border-right:1px solid var(--theme-line,#dce4ed)}.market-values>div:last-child{border-right:0}.value-mark{font-size:29px;color:#123d7a}.market-values p{margin:0}.market-values b{display:block;font-size:12px}.market-values small{display:block;font-size:10px;color:var(--theme-muted,#62728b);margin-top:2px}.canonical-card .market-media{background-size:cover;background-position:center}.canonical-card .market-media:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,17,34,.05),rgba(4,17,34,.76));z-index:0}.canonical-card .media-top,.canonical-card .media-copy{position:relative;z-index:1}
@media(max-width:1250px){.explore-grid{grid-template-columns:repeat(5,1fr)}.trending-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.explore-grid{grid-template-columns:repeat(2,1fr)}.trending-grid{grid-template-columns:1fr}.market-values{grid-template-columns:1fr;margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.market-values>div{border-right:0;border-bottom:1px solid var(--theme-line,#dce4ed);padding:12px}.market-values>div:last-child{border-bottom:0}}

/* Stage 5I.6G.12.10 — mockup-faithful discovery layout + one homepage chart language. */
.discovery-section{margin-top:34px}
.discovery-heading{align-items:center;margin-bottom:14px}
.discovery-heading h2{font-size:27px}
.explore-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:12px}
.explore-card{border-radius:9px;box-shadow:0 5px 18px rgba(7,26,52,.045)}
.explore-art{display:block;height:112px;background-size:cover;background-position:center;position:relative}
.explore-art-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(4,17,34,.34))}
.explore-copy{min-height:55px;padding:10px 11px 11px;gap:8px}
.explore-copy .cat-icon{width:21px;height:21px;font-size:18px;flex-basis:21px}
.explore-copy b{font-size:12px}.explore-copy small{font-size:9px;margin-top:3px}
.trend-range{display:flex;align-items:center;border:1px solid var(--theme-line,#dce4ed);border-radius:10px;padding:3px;background:var(--surface,#fff);gap:1px}
.trend-range span{min-width:43px;padding:6px 9px;text-align:center;border-radius:7px;font-size:9px;font-weight:750;color:var(--theme-muted,#62728b)}
.trend-range span.active{background:#071a34;color:#fff}
.trending-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.trend-card{grid-template-columns:112px minmax(0,1fr);min-height:145px;border-radius:10px;box-shadow:0 5px 18px rgba(7,26,52,.035)}
.trend-art{min-height:145px;background-size:cover;background-position:center}
.trend-copy{padding:11px 12px 9px;display:flex;flex-direction:column;min-width:0}
.trend-rank{font-size:9px;color:#168cff;font-weight:850}
.trend-title{font-size:12px;font-weight:780;line-height:1.24;margin:3px 0 6px;-webkit-line-clamp:3}
.trend-category{display:flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:3px 7px;border-radius:999px;background:var(--surface-2,#f3f6fa);font-size:9px;text-transform:capitalize;color:var(--theme-muted,#62728b)}
.trend-category .cat-icon{width:14px;height:14px;font-size:12px;flex-basis:14px}
.trend-bottom{display:grid;grid-template-columns:auto minmax(70px,1fr);align-items:end;gap:9px;margin-top:auto}
.trend-price{font-size:19px;margin-top:5px;white-space:nowrap}.trend-meta{font-size:8px;margin-top:2px;color:var(--theme-muted,#62728b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}
.trend-chart{height:36px;margin:0;align-self:end}.trend-chart svg{height:34px;width:100%}
/* Sports and non-sports share the same clean homepage line renderer. */
.market-card .outcome-chart .watch-mark-history{height:40px!important;width:100%;display:block;overflow:visible}
.market-card .outcome-chart .watch-history-up,.market-card .outcome-chart .watch-history-down{stroke-width:2.1;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1250px){.explore-grid{grid-template-columns:repeat(5,1fr)}.trending-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.explore-grid{grid-template-columns:repeat(2,1fr)}.trending-grid{grid-template-columns:1fr}.trend-range{display:none}.trend-card{grid-template-columns:105px 1fr}}

/* Stage 5I.6G.12.11 — art direction and editorial rhythm. */
.discovery-section{margin-top:38px}
.discovery-heading{margin-bottom:16px}.discovery-heading h2{font-size:29px;letter-spacing:-.02em}.discovery-heading p{font-size:12px;margin-top:6px}
.explore-grid{grid-template-columns:repeat(9,minmax(118px,1fr));gap:13px}
.explore-card{border-radius:12px;border-color:color-mix(in srgb,var(--theme-line,#dce4ed) 82%,transparent);box-shadow:0 8px 24px rgba(7,26,52,.055);background:var(--surface,#fff)}
.explore-art{height:128px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(145deg,#071a34,#173e69)}
.explore-art.category-cover-politics{background-image:linear-gradient(145deg,#15213a,#665a78)}.explore-art.category-cover-entertainment{background-image:linear-gradient(145deg,#29133e,#8c3b79)}.explore-art.category-cover-tech{background-image:linear-gradient(145deg,#072d44,#087d8e)}.explore-art.category-cover-business{background-image:linear-gradient(145deg,#10243a,#315f84)}.explore-art.category-cover-world{background-image:linear-gradient(145deg,#09283d,#17606a)}.explore-art.category-cover-climate{background-image:linear-gradient(145deg,#123a34,#3a765c)}.explore-art.category-cover-science{background-image:linear-gradient(145deg,#201d4c,#5e4f91)}.explore-art.category-cover-culture{background-image:linear-gradient(145deg,#4b1d3c,#9a5a4f)}.explore-art.category-cover-sports{background-image:linear-gradient(145deg,#092d3d,#23624e)}
.explore-art-shade{background:linear-gradient(180deg,rgba(4,17,34,.02),rgba(4,17,34,.42))}.explore-watermark{position:relative;z-index:1;opacity:.55;transform:scale(2.15);filter:grayscale(1) brightness(2)}.explore-watermark .cat-icon{background:transparent!important;box-shadow:none!important}
.explore-copy{min-height:62px;padding:11px 12px 12px}.explore-copy b{font-size:13px}.explore-copy small{font-size:10px;margin-top:4px}
.trending-section{margin-top:36px}.trending-grid{gap:16px}.trend-card{grid-template-columns:126px minmax(0,1fr);min-height:160px;border-radius:13px;box-shadow:0 8px 25px rgba(7,26,52,.055);transition:.16s transform,.16s box-shadow}.trend-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(7,26,52,.09)}
.trend-art{min-height:160px;position:relative;background-size:cover;background-position:center;background-image:linear-gradient(145deg,#071a34,#173e69);overflow:hidden}.trend-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(4,17,34,.18))}.trend-art-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.42;transform:scale(2.5);filter:grayscale(1) brightness(2)}.trend-art-icon .cat-icon{background:transparent!important;box-shadow:none!important}
.trend-art-tech{background-image:linear-gradient(145deg,#072d44,#087d8e)}.trend-art-business{background-image:linear-gradient(145deg,#10243a,#315f84)}.trend-art-entertainment{background-image:linear-gradient(145deg,#29133e,#8c3b79)}.trend-art-world{background-image:linear-gradient(145deg,#09283d,#17606a)}.trend-art-climate{background-image:linear-gradient(145deg,#123a34,#3a765c)}.trend-art-science{background-image:linear-gradient(145deg,#201d4c,#5e4f91)}.trend-art-culture{background-image:linear-gradient(145deg,#4b1d3c,#9a5a4f)}.trend-art-politics{background-image:linear-gradient(145deg,#15213a,#665a78)}
.trend-copy{padding:14px 14px 12px}.trend-rank{font-size:10px}.trend-title{font-size:13px;line-height:1.28;margin:4px 0 8px;-webkit-line-clamp:3}.trend-category{font-size:9px;padding:4px 8px}.trend-bottom{gap:12px}.trend-price{font-size:21px}.trend-chart{height:40px}.trend-chart svg{height:38px}.trend-meta{max-width:115px}
.market-values{margin-top:38px}
@media(max-width:1450px){.explore-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:1100px){.trending-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.explore-grid{grid-template-columns:repeat(2,1fr)}.trending-grid{grid-template-columns:1fr}.trend-card{grid-template-columns:112px 1fr}}

/* Stage 5I.6G.12.13 — preserve 6G.12.11 layout; photographic discovery art. */
.explore-art,.trend-art{background-color:#0b2440;background-repeat:no-repeat;background-size:cover;background-position:center}
.explore-card:hover .explore-art,.trend-card:hover .trend-art{filter:saturate(1.06) contrast(1.02)}
.explore-art-shade{background:linear-gradient(180deg,rgba(4,17,34,.00) 48%,rgba(4,17,34,.30))}
.trend-art:after{background:linear-gradient(90deg,transparent 72%,rgba(4,17,34,.10))}

/* 5I.6G.12.18 sparkline A/B/C visual trial — real observations only. */
.hybrid-line{stroke:#61758d;stroke-width:1.15;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.hybrid-bar-up,.hybrid-bar-down{stroke-width:4.2;vector-effect:non-scaling-stroke;stroke-linecap:round}.hybrid-bar-up{stroke:#0caf85}.hybrid-bar-down{stroke:#ff4655}
.area-line-up,.area-line-down{stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.area-line-up{stroke:#0caf85}.area-line-down{stroke:#ff4655}.area-fill-up{fill:rgba(12,175,133,.10)}.area-fill-down{fill:rgba(255,70,85,.09)}.area-dot-up{fill:#0caf85}.area-dot-down{fill:#ff4655}
.option3-observation-ticks .wick-up,.option3-observation-ticks .wick-down{stroke-width:1.15;vector-effect:non-scaling-stroke}.option3-observation-ticks .doji-up,.option3-observation-ticks .doji-down{stroke-width:2;vector-effect:non-scaling-stroke}


/* 5I.6G.12.29 — universal homepage Area / Line Hybrid.
   One truthful visual language for Sports + canonical/WATCH markets.
   It connects only genuine stored observations; no interpolation, smoothing,
   synthetic candles, or synthetic volume is introduced. */
.market-card .outcome-chart .homepage-area-line{width:100%;height:46px;display:block;overflow:visible}
.homepage-area-line .area-up{fill:rgba(16,185,129,.12);stroke:none}
.homepage-area-line .area-down{fill:rgba(244,63,94,.10);stroke:none}
.homepage-area-line .area-segment{vector-effect:non-scaling-stroke;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.homepage-area-line .area-segment.up{stroke:#10b981}
.homepage-area-line .area-segment.down{stroke:#f43f5e}

/* Stage 5I.6G.12.43 — clean category photography; no center watermark/overlay. */
.explore-watermark,.explore-art-shade{display:none!important}
.explore-art:after{display:none!important}

/* Stage 5I.6G.12.55 — visual-only repair: exact artwork is shown cleanly; LIVE is red. */
.trend-art:after{display:none!important;background:none!important}
.trend-art.has-art .trend-art-icon{display:none!important}
.market-card.is-live .live-pill,.market-card .live-pill{background:#ff4655}

/* Stage 5I.6G.23 — Event Velocity product integration. */
.moving-now-key{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.velocity-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:900;letter-spacing:.08em;border:1px solid var(--theme-line,#dce4ed);background:var(--surface-2,#f4f7fa);color:var(--theme-muted,#62728b)}.velocity-pill.surging{color:#b73535;background:rgba(220,62,62,.08);border-color:rgba(220,62,62,.18)}.velocity-pill.active{color:#087c66;background:rgba(12,175,133,.08);border-color:rgba(12,175,133,.18)}.velocity-pill.building{color:#315d91;background:rgba(49,93,145,.08);border-color:rgba(49,93,145,.18)}
.moving-now-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px}.moving-now-6h{font-size:8px;font-weight:800;color:var(--theme-muted,#62728b);white-space:nowrap}.moving-now-loading,.moving-now-empty{grid-column:1/-1;min-height:110px;border:1px dashed var(--theme-line,#dce4ed);border-radius:12px;background:var(--surface,#fff);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--theme-muted,#62728b);font-size:11px}.moving-now-empty b{color:var(--theme-ink,#071a34);font-size:13px;margin-bottom:5px}.moving-now-card .trend-meta{max-width:150px}


/* G54.124 — preserve the original expressive light-theme category icons.
   Dark theme only: suppress glossy/filter effects that muddy color emoji/icons. */
body[data-theme="midnight"] .category .cat-icon{
  isolation:isolate;
  transform:none;
  filter:none!important;
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased;
}
body[data-theme="midnight"] .category .cat-icon:before,
body[data-theme="midnight"] .category .cat-icon:after{
  display:none!important;
}
body[data-theme="midnight"] .category:not(.active) .cat-icon{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
body[data-theme="midnight"] .category .cat-icon.cat-literal{
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;
  font-size:20px!important;
  line-height:1!important;
  font-weight:400!important;
}
body[data-theme="midnight"] .category.active .cat-icon{
  background:rgba(255,255,255,.11)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}
body[data-theme="midnight"] .category .cat-icon svg{
  filter:none!important;
}
body[data-theme="midnight"] .category:hover .cat-icon{
  transform:none!important;
  box-shadow:none!important;
}
/* G54.125 — localhost-only terminal design access for WATCH/reference cards.
   Presentation/navigation only; admission and execution remain fail-closed. */
.terminal-preview{border-style:dashed!important}

/* Market Pulse — three independent activity tiers */
#trendingGrid.trending-grid{
  display:block;
}

.activity-tier{
  width:100%;
  margin:0 0 32px;
}

.activity-tier:last-child{
  margin-bottom:0;
}

.activity-tier-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin:0 0 12px;
  padding-bottom:9px;
  border-bottom:1px solid var(--theme-line,#dce4ed);
}

.activity-tier-heading h3{
  margin:0;
  font-family:var(--ep-ui-font)!important;
  font-size:19px;
  line-height:1.1;
  font-weight:800;
  color:var(--theme-ink,#071a34);
}

.activity-tier-heading p{
  margin:4px 0 0;
  font-size:11px;
  color:var(--theme-muted,#62728b);
}

.activity-tier-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

@media(max-width:1100px){
  .activity-tier-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .activity-tier{
    margin-bottom:26px;
  }

  .activity-tier-grid{
    grid-template-columns:1fr;
  }

  .activity-tier-heading{
    align-items:flex-start;
  }
}

/* Market Pulse visual polish */
.activity-tier-heading-main{
  display:flex;
  align-items:center;
  gap:11px;
}

.activity-tier-symbol{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:10px;
}

.activity-tier-symbol svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.activity-tier-symbol.surging{
  color:#d64045;
  background:rgba(214,64,69,.09);
}

.activity-tier-symbol.active{
  color:#e58b18;
  background:rgba(229,139,24,.10);
}

.activity-tier-symbol.building{
  color:#168cff;
  background:rgba(22,140,255,.09);
}

.activity-card .trend-art{
  background-size:cover;
  background-position:center;
}

.activity-card .trend-art.has-art .trend-art-icon{
  display:none;
}

.activity-card .trend-copy{
  display:flex;
  flex-direction:column;
  padding:13px 13px 12px;
}

.activity-card .activity-title{
  font-size:14px;
  line-height:1.28;
  font-weight:800;
  margin:8px 0 9px;
  -webkit-line-clamp:3;
}

.activity-card .trend-category{
  margin-top:auto;
}

.activity-probability{
  margin-top:8px;
  font-size:18px;
  line-height:1;
  font-weight:800;
  color:#0caf85;
}

@media(max-width:760px){
  .activity-card .activity-title{
    font-size:14px;
  }
}

/* Market Pulse cards are links; preserve the existing card appearance. */
a.trend-card{text-decoration:none}

/* Canonical homepage cards: one full-width YES probability history. */
.canonical-single-chart .canonical-quotes{
  border-bottom:1px solid #e8edf2;
}
.canonical-single-chart .canonical-quotes .outcome{
  min-height:auto;
  padding:10px 14px 8px;
}
.canonical-wide-chart{
  height:66px;
  padding:7px 14px 5px;
  display:flex;
  align-items:center;
}
.canonical-wide-chart .homepage-area-line,
.canonical-wide-chart .watch-mark-history,
.canonical-wide-chart .candle-strip,
.canonical-wide-chart .micro-candles{
  width:100%;
  height:54px;
  display:block;
  overflow:visible;
}
.canonical-wide-chart .empty-strip{
  width:100%;
  height:54px;
  display:flex;
  align-items:center;
  color:#a0abba;
  font-size:9px;
}

/* =========================================================
   MOVING WORLD — universal tradable-market cards
   Homepage only. Isolated from legacy market-card styling.
   ========================================================= */

.moving-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #dbe3ec;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 24px rgba(15,35,58,.06);
  display:flex;
  flex-direction:column;
}

.moving-art{
  position:relative;
  height:190px;
  background-image:
    linear-gradient(180deg,rgba(5,16,31,.08) 15%,rgba(5,16,31,.82) 100%),
    var(--event-art);
  background-size:cover;
  background-position:center;
  overflow:hidden;
}

.moving-top{
  position:absolute;
  top:14px;
  left:14px;
  right:14px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}

.moving-status,
.moving-category{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.045em;
}

.moving-status{
  background:#ff4661;
  color:#fff;
}

.moving-category{
  background:rgba(7,22,41,.72);
  color:#fff;
  backdrop-filter:blur(7px);
}

.moving-copy{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  color:#fff;
}

.moving-source{
  margin-bottom:6px;
  font-size:11px;
  line-height:1.25;
  font-weight:700;
  opacity:.84;
}

.moving-copy h3{
  margin:0;
  color:#fff;
  font-size:19px;
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.025em;
  text-shadow:0 2px 10px rgba(0,0,0,.28);
}

.moving-body{
  padding:0;
  background:#fff;
}

.moving-quotes{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-bottom:1px solid #e8edf3;
}

.moving-quote{
  min-width:0;
  padding:13px 15px 11px;
}

.moving-quote + .moving-quote{
  border-left:1px solid #e8edf3;
}

.moving-quote span{
  display:block;
  overflow:hidden;
  margin-bottom:3px;
  color:#62758c;
  font-size:11px;
  line-height:1.2;
  font-weight:700;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.moving-quote strong{
  display:block;
  color:#102a43;
  font-size:26px;
  line-height:1;
  font-weight:800;
  letter-spacing:-.04em;
}

.moving-move{
  padding:10px 15px 2px;
  color:#16875b;
  font-size:11px;
  line-height:1.3;
  font-weight:800;
}

.moving-chart{
  height:62px;
  padding:0 12px 8px;
  overflow:hidden;
}

.moving-chart svg{
  width:100%;
  height:100%;
  display:block;
}

.moving-footer{
  margin-top:auto;
  min-height:54px;
  padding:10px 12px 10px 15px;
  border-top:1px solid #e8edf3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.moving-footer > span{
  color:#718399;
  font-size:10px;
  line-height:1.2;
  font-weight:600;
}

.moving-view,
.moving-canonical-view{
  flex:0 0 auto;
  min-height:34px;
  padding:0 13px;
  border:1px solid #d9e2ec;
  border-radius:10px;
  background:#fff;
  color:#102a43;
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}

.moving-view:hover,
.moving-canonical-view:hover{
  border-color:#9fb3c8;
  background:#f7f9fc;
}

@media (max-width:1100px){
  .moving-art{height:180px}
}

@media (max-width:700px){
  .moving-art{height:175px}
  .moving-copy h3{font-size:18px}
}


/* Trending: activity can be hot even when the market is reference-only. */
.trend-ref-only{
  margin-left:auto;
  font-size:9px;
  font-weight:700;
  letter-spacing:.06em;
  white-space:nowrap;
  opacity:.55;
}