:root{
  --ink:#162033;
  --muted:#667085;
  --line:#dfe6f2;
  --bg:#f6f8ff;
  --panel:#ffffff;
  --navy:#111b3d;
  --navy2:#253a7a;
  --red:#ef2b4d;
  --orange:#ff7a18;
  --gold:#ffbf00;
  --green:#0f9f6e;
  --cyan:#00a7c7;
  --blue:#2563eb;
  --purple:#7c3aed;
  --pink:#db2777;
  --radius:18px;
  --shadow:0 12px 30px rgba(26,42,82,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55;max-width:100%;overflow-x:hidden}
.wrap{width:min(1180px,calc(100% - 28px));margin:auto;min-width:0}
.narrow{width:min(850px,100%)}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:none;filter:brightness(.95)}

/* Header */
.site-header{background:linear-gradient(100deg,#0c1535 0%,#222c67 52%,#4c1d95 100%);position:sticky;top:0;z-index:20;box-shadow:0 5px 20px rgba(15,23,42,.28);border-bottom:3px solid var(--gold)}
.header-inner{display:flex;align-items:center;gap:24px;min-height:68px}
.brand{font-weight:950;color:#fff;letter-spacing:.7px;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.brand::before{content:'★';color:var(--gold);margin-right:7px}
.top-nav{display:flex;gap:7px;overflow:auto;white-space:nowrap;scrollbar-width:none;padding:8px 0}
.top-nav::-webkit-scrollbar{display:none}
.top-nav a{color:#fff;font-size:13px;font-weight:800;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.top-nav a:hover{background:rgba(255,255,255,.18)}

/* Keyword ribbon */
.keyword-strip{background:linear-gradient(90deg,#fff1a8 0%,#ffe074 50%,#ffc94d 100%);border-bottom:1px solid #f3b700;text-align:center;padding:10px 0;color:#5e3000;font-size:14px;box-shadow:inset 0 -1px 0 rgba(255,255,255,.6)}
.keyword-strip strong{font-weight:950}
.keyword-strip.bottom{border-top:1px solid #f3b700;border-bottom:0}

/* Hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#fef3c7 0%,#fff 38%,#eef7ff 70%,#f4e8ff 100%);padding:58px 0;border-bottom:1px solid var(--line)}
.hero::before,.hero::after{content:'';position:absolute;border-radius:50%;filter:blur(2px);opacity:.18;pointer-events:none}
.hero::before{width:290px;height:290px;background:#ff3d77;right:-90px;top:-130px}
.hero::after{width:240px;height:240px;background:#00c2ff;left:-100px;bottom:-130px}
.hero.compact{padding:36px 0}
.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:34px;align-items:center;position:relative;z-index:1}
.eyebrow{text-transform:uppercase;font-size:12px;font-weight:950;letter-spacing:1.25px;color:var(--pink);margin:0 0 7px}
.hero h1{font-size:clamp(42px,7vw,74px);line-height:.98;margin:0 0 14px;background:linear-gradient(90deg,#d51d4d,#f97316 45%,#6d28d9);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:950;letter-spacing:-1.5px}
.hero.compact h1,.market-hero h1{font-size:clamp(34px,5vw,58px)}
.hero-copy{font-size:18px;color:#344054;max-width:760px}
.hero-actions,.center{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:11px;border:1px solid #d4dcf1;background:#fff;color:var(--ink);font-weight:900;box-shadow:0 5px 14px rgba(37,99,235,.08)}
.btn.primary{background:linear-gradient(90deg,#f02d50,#ff7a18);border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(239,43,77,.25)}
.hero-note{background:linear-gradient(145deg,#111b3d,#283d8b 60%,#6d28d9);color:#fff;border-radius:22px;padding:28px;box-shadow:0 18px 38px rgba(37,48,110,.28);display:grid;gap:10px;border:1px solid rgba(255,255,255,.16);position:relative;overflow:hidden}
.hero-note::after{content:'786';position:absolute;right:-7px;bottom:-35px;font-size:104px;font-weight:950;color:rgba(255,255,255,.06)}
.hero-note span,.hero-note small{color:#e5e7ff;position:relative;z-index:1}
.hero-note b{font-size:28px;color:#ffd447;position:relative;z-index:1}

/* Sections */
.section{padding:48px 0;position:relative}
.section.alt{background:linear-gradient(180deg,#f8faff 0%,#f2f6ff 100%)}
.section-head{margin-bottom:22px}
.section-head h2,.seo-copy h2{font-size:clamp(26px,4vw,39px);line-height:1.15;margin:0 0 8px;color:var(--navy);font-weight:950;letter-spacing:-.4px}
.section-head h2::after{content:'';display:block;width:72px;height:5px;border-radius:99px;background:linear-gradient(90deg,#ff365c,#ff9a1f,#17b6d2);margin-top:10px}
.section-head p{margin:0;color:var(--muted)}

/* Result cards */
.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.result-card{--accent:#ef2b4d;position:relative;border:1px solid #e3e8f5;border-radius:19px;padding:19px;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);box-shadow:var(--shadow);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.result-card::before{content:'';position:absolute;left:0;right:0;top:0;height:6px;background:var(--accent)}
.result-card::after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;right:-42px;top:-42px;background:var(--accent);opacity:.08}
.result-card:nth-child(1){--accent:#e11d48}.result-card:nth-child(2){--accent:#2563eb}.result-card:nth-child(3){--accent:#f59e0b}.result-card:nth-child(4){--accent:#7c3aed}.result-card:nth-child(5){--accent:#059669}.result-card:nth-child(6){--accent:#0891b2}
.result-card:hover{transform:translateY(-3px);box-shadow:0 17px 34px rgba(26,42,82,.16)}
.result-card-top,.result-card-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;position:relative;z-index:1}
.result-card-top a{font-size:19px;font-weight:950;color:var(--navy)}
.result-card-top span{font-size:12px;font-weight:900;color:#fff;background:var(--accent);padding:5px 8px;border-radius:999px}
.result-card-bottom{font-size:13px;color:var(--muted);border-top:1px dashed #dfe5f1;padding-top:11px}
.result-card-bottom a{font-weight:900;color:var(--accent)}
.result-number{text-align:center;font-size:56px;font-weight:950;line-height:1;color:var(--accent);padding:20px 0 18px;text-shadow:0 5px 20px color-mix(in srgb,var(--accent) 18%,transparent)}

/* Tables */
.table-wrap{overflow:auto;max-width:100%;border:1px solid #dce3f3;border-radius:15px;background:#fff;box-shadow:0 10px 26px rgba(25,42,82,.08)}
.result-table{width:100%;border-collapse:separate;border-spacing:0;min-width:0}
.result-table th{background:linear-gradient(90deg,#172554,#263b83);color:#fff;font-size:13px;font-weight:900}
.result-table th,.result-table td{padding:11px 9px;border-right:1px solid #e7ebf4;border-bottom:1px solid #e7ebf4;text-align:center}
.result-table th:last-child,.result-table td:last-child{border-right:0}
.result-table tbody tr:nth-child(even){background:#f8faff}
.result-table tbody tr:hover{background:#fff8e7}
.result-table td a{font-weight:900;color:#e11d48}
.monthly-table td:not(:first-child),.archive-table td:not(:first-child){font-weight:900}

/* Market cards */
.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.market-box{--accent:#2563eb;position:relative;display:grid;gap:5px;padding:21px;border:1px solid #e2e8f4;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f7f9ff 100%);color:var(--ink);box-shadow:0 8px 20px rgba(38,56,110,.08);overflow:hidden}
.market-box::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--accent)}
.market-box:nth-child(1){--accent:#2563eb}.market-box:nth-child(2){--accent:#db2777}.market-box:nth-child(3){--accent:#f97316}.market-box:nth-child(4){--accent:#7c3aed}.market-box:nth-child(5){--accent:#059669}.market-box:nth-child(6){--accent:#0891b2}
.market-box:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(38,56,110,.13)}
.market-box b{font-size:20px;color:var(--accent);font-weight:950}
.market-box span{font-size:13px;color:var(--muted)}

/* Archive */
.archive-section{background:linear-gradient(180deg,#fff 0%,#fffaf0 100%)}
.archive-row{display:grid;grid-template-columns:82px 1fr;gap:16px;padding:15px 0;border-top:1px dashed #d9e0ee;align-items:start}
.archive-row strong{display:flex;align-items:center;justify-content:center;min-height:42px;font-size:18px;color:#fff;background:linear-gradient(135deg,#e11d48,#f97316);border-radius:12px;box-shadow:0 7px 15px rgba(225,29,72,.16)}
.archive-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.archive-links a,.related-links a,.year-grid a{font-size:13px;padding:9px 10px;border:1px solid #dce3f3;border-radius:10px;background:#fff;color:#27355f;box-shadow:0 3px 9px rgba(37,58,122,.05)}
.archive-links a:nth-child(6n+1){border-color:#ffc8d5;background:#fff7f9}.archive-links a:nth-child(6n+2){border-color:#bfdbfe;background:#f5faff}.archive-links a:nth-child(6n+3){border-color:#fed7aa;background:#fff9f2}.archive-links a:nth-child(6n+4){border-color:#ddd6fe;background:#faf8ff}.archive-links a:nth-child(6n+5){border-color:#bbf7d0;background:#f5fff8}.archive-links a:nth-child(6n+6){border-color:#bae6fd;background:#f4fcff}

/* SEO copy */
.seo-copy{background:linear-gradient(145deg,#fff 0%,#f9f7ff 100%)}
.seo-copy p{font-size:16px;color:#344054}
.keyword-cloud,.related-links,.year-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.keyword-cloud span{background:linear-gradient(90deg,#fff1a8,#ffe47c);border:1px solid #ffc94d;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:900;color:#6f3900;box-shadow:0 3px 8px rgba(245,158,11,.12)}

/* FAQ */
.faq details{border:1px solid #dce3f3;border-radius:13px;background:#fff;padding:14px 16px;margin-bottom:10px;box-shadow:0 5px 12px rgba(33,53,108,.05)}
.faq details[open]{border-color:#c7d2fe;background:#fbfbff}
.faq summary{font-weight:900;cursor:pointer;color:#24346b}

/* Market page live blocks */
.market-live{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.market-live>div{background:#fff;border:1px solid #dce3f3;border-radius:18px;padding:20px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.market-live>div:nth-child(1){background:linear-gradient(145deg,#fff0f4,#fff);border-color:#ffc4d1}.market-live>div:nth-child(2){background:linear-gradient(145deg,#eef5ff,#fff);border-color:#bfdbfe}.market-live>div:nth-child(3){background:linear-gradient(145deg,#fff8e7,#fff);border-color:#fde68a}
.market-live span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}
.market-live b{display:block;font-size:44px;color:#e11d48;line-height:1.2;margin-top:5px;font-weight:950}
.market-live>div:nth-child(2) b{color:#2563eb}.market-live .time-value{font-size:26px;color:#d97706}

/* Year links */
.year-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.year-grid a{text-align:center;font-weight:900;background:linear-gradient(180deg,#fff,#f8faff);transition:.15s ease}
.year-grid a:nth-child(4n+1){border-top:4px solid #e11d48}.year-grid a:nth-child(4n+2){border-top:4px solid #2563eb}.year-grid a:nth-child(4n+3){border-top:4px solid #f59e0b}.year-grid a:nth-child(4n+4){border-top:4px solid #7c3aed}
.year-grid a:hover{transform:translateY(-2px)}
.compact-grid{grid-template-columns:repeat(6,1fr)}
.selector{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:24px}
.selector label{display:grid;gap:5px;font-size:13px;font-weight:900;color:#27355f}
.selector select{min-width:150px;padding:10px;border:1px solid #cfd8eb;border-radius:9px;background:#fff}
.year-switch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.year-switch a{padding:9px 11px;border:1px solid #dce3f3;border-radius:9px;font-weight:900;background:#fff}

/* Footer */
.site-footer{background:linear-gradient(110deg,#0d1533,#1f2d68 55%,#411873);color:#c6ccef;padding:30px 0;margin-top:0;border-top:4px solid var(--gold)}
.footer-links{display:flex;gap:16px;flex-wrap:wrap}
.site-footer a{color:#fff;font-weight:800}
.site-footer p{font-size:13px;margin:14px 0 0}

/* Responsive tables + fixed date archive */
.no-scroll-table{overflow:hidden;width:100%}
.daily-result-table,.monthly-table,.market-monthly-table{width:100%;min-width:0;table-layout:fixed}
.daily-result-table th,.daily-result-table td{white-space:normal;overflow-wrap:anywhere}
.monthly-table th,.monthly-table td{padding:8px 4px;white-space:normal;overflow-wrap:anywhere}
.monthly-table th:first-child,.monthly-table td:first-child{width:10%}
.market-monthly-table th,.market-monthly-table td{width:50%}
.archive-links a{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0}
.archive-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:relative;border-radius:15px}
.archive-table{min-width:920px;table-layout:fixed}
.archive-table th,.archive-table td{min-width:66px}
.archive-table th:first-child,.archive-table td:first-child{position:sticky;left:0;z-index:3;min-width:64px;width:64px}
.archive-table th:first-child{z-index:5;background:#172554}
.archive-table td:first-child{background:#fff8e7;font-weight:950;color:#7c2d12;box-shadow:3px 0 0 #f5d98b}
.archive-table tbody tr:nth-child(even) td:first-child{background:#fff2cd}

@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .result-grid,.market-grid{grid-template-columns:repeat(2,1fr)}
  .year-grid{grid-template-columns:repeat(3,1fr)}
  .compact-grid{grid-template-columns:repeat(4,1fr)}
  .header-inner{align-items:flex-start;flex-direction:column;padding:11px 0;gap:7px}
  .site-header{position:relative}
}
@media(max-width:600px){
  .wrap{width:min(100% - 18px,1180px)}
  .brand{font-size:14px}
  .top-nav{width:100%;padding-top:2px}
  .top-nav a{font-size:11px;padding:6px 9px}
  .keyword-strip{font-size:11px;padding:8px 0}
  .hero{padding:38px 0}
  .hero h1{font-size:44px}
  .hero-copy{font-size:15px}
  .hero-note{padding:20px}
  .result-grid,.market-grid{grid-template-columns:1fr}
  .result-card{padding:17px}
  .result-number{font-size:52px}
  .market-live{grid-template-columns:1fr 1fr}
  .market-live>div:last-child{grid-column:1/-1}
  .market-live b{font-size:40px}
  .archive-row{grid-template-columns:1fr;gap:10px}
  .archive-row strong{width:92px;min-height:36px}
  .archive-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .year-grid,.compact-grid{grid-template-columns:repeat(2,1fr)}
  .section{padding:34px 0}
  .section-head h2,.seo-copy h2{font-size:27px}
  .daily-result-table{font-size:11px}
  .daily-result-table th,.daily-result-table td{padding:8px 3px}
  .daily-result-table th:first-child,.daily-result-table td:first-child{width:34%}
  .daily-result-table th:nth-child(2),.daily-result-table td:nth-child(2),.daily-result-table th:nth-child(3),.daily-result-table td:nth-child(3){width:23%}
  .daily-result-table th:last-child,.daily-result-table td:last-child{width:20%}
  .monthly-table{font-size:9px}
  .monthly-table th,.monthly-table td{padding:7px 1px;line-height:1.15}
  .monthly-table th{font-size:8px}
  .monthly-table th:first-child,.monthly-table td:first-child{width:9%}
  .market-monthly-table{font-size:12px}
  .market-monthly-table th,.market-monthly-table td{padding:8px 5px}
  .result-table{font-size:12px}
}