/* satta-kingi.com — light theme. Palette: navy #2A2C5F, indigo #3B3C82, cyan #36C4D9 / #40D9E1, ice #F0F7F8;



   status: mint #78CDA9 (text #007064), yellow #F2D43A, rose #F23456 */



:root {



  --bg: #f5f8fc;



  --bg-2: #eaf2fb;



  --card: #ffffff;



  --card-2: #f8fbff;



  --line: rgba(22, 45, 77, .17);



  --line-2: rgba(22, 45, 77, .25);



  --text: #172b45;



  --muted: #465973;



  --dim: #64748b;



  --navy: #102b4c;



  --indigo: #174b78;



  --cyan: #267ab2;



  --ice: #d6efff;



  --link: #075a9b;



  --ok: #086a43;



  --ok-bg: #b9efd5;



  --wait: #f7df7a;



  --danger: #a9273f;



  --grad: linear-gradient(135deg, #79c6ec 0%, #2476b1 100%);



  --grad-dark: linear-gradient(135deg, #153b61 0%, #215a8b 100%);



  --radius: 16px;



  --shadow: 0 1px 2px rgba(42, 44, 95, .06), 0 10px 28px -14px rgba(42, 44, 95, .25);



  --num: "Space Grotesk", "Inter", system-ui, sans-serif;



}







* { box-sizing: border-box; }



html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }



body {



  margin: 0;



  color: var(--text);



  font: 15.5px/1.6 "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;



  background:



    radial-gradient(1000px 420px at 10% -160px, rgba(64, 217, 225, .28), transparent 70%),



    radial-gradient(900px 420px at 100% -180px, rgba(59, 60, 130, .16), transparent 70%),



    var(--bg);



  min-height: 100vh;



}



a { color: var(--link); text-decoration: none; }



a:hover { color: var(--indigo); }



h1, h2, h3, h4 { margin: 0; line-height: 1.25; font-weight: 700; letter-spacing: -.01em; color: var(--navy); }



/* full-width layout */



.wrap { width: 100%; max-width: none; margin: 0; padding: 0 clamp(16px, 3vw, 48px); }



.skip { position: absolute; left: -999px; top: 8px; z-index: 50; padding: 8px 14px; border-radius: 8px; background: var(--navy); color: #fff; font-weight: 700; }



.skip:focus { left: 12px; }



.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }



:focus-visible { outline: 2px solid var(--indigo); outline-offset: 2px; }







/* ---------- header ---------- */



.site-header {



  position: sticky; top: 0; z-index: 20;



  background: rgba(255, 255, 255, .85); backdrop-filter: saturate(160%) blur(14px); -webkit-backdrop-filter: saturate(160%) blur(14px);



  border-bottom: 1px solid var(--line); box-shadow: 0 1px 0 rgba(255, 255, 255, .6);



}



.site-header .wrap { display: flex; align-items: center; gap: 16px; min-height: 64px; }



.brand { display: flex; align-items: center; gap: 10px; color: var(--navy); font-weight: 800; letter-spacing: .02em; }



.brand:hover { color: var(--indigo); }



.brand picture { display: contents; }



.brand-logo { width: 42px; height: 42px; flex: none; filter: drop-shadow(0 4px 8px rgba(42, 44, 95, .18)); }



.brand-name { font-size: 16px; }



.brand-name span { color: var(--cyan); }



.nav { margin-left: auto; display: flex; gap: 4px; }



.nav a { padding: 8px 14px; border-radius: 999px; color: var(--muted); font-weight: 600; font-size: 14px; white-space: nowrap; }



.nav a:hover { color: var(--navy); background: var(--bg-2); }



.nav a.on { color: #fff; background: var(--grad-dark); }



@media (max-width: 640px) {



  .site-header .wrap { flex-wrap: wrap; gap: 0; padding-top: 8px; }



  .nav { margin: 0 -16px; padding: 6px 16px 10px; width: calc(100% + 32px); overflow-x: auto; scrollbar-width: none; }



  .brand-logo { width: 36px; height: 36px; }



  .nav::-webkit-scrollbar { display: none; }



}







/* ---------- hero ---------- */



.hero { padding: 34px 0 10px; text-align: center; }



.eyebrow {



  display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px;



  border: 1px solid var(--line-2); background: #fff; color: var(--muted); font-size: 13px; font-weight: 500; box-shadow: var(--shadow);



}



.dot { width: 8px; height: 8px; border-radius: 50%; background: var(--ok-bg); box-shadow: 0 0 0 0 rgba(120, 205, 169, .7); animation: ping 1.8s infinite; }



.hero h1 { margin: 16px auto 10px; max-width: 1100px; font-size: clamp(24px, 4.6vw, 40px); font-weight: 800; color: var(--navy); }



.hero .lead { margin: 0 auto; max-width: 620px; color: var(--muted); }







.live-grid { display: grid; gap: 12px; margin: 26px 0 8px; grid-template-columns: repeat(3, 1fr); }



.live-card {



  position: relative; overflow: hidden; display: block; padding: 18px; border-radius: var(--radius); color: var(--text);



  background: var(--card); border: 1px solid var(--line); box-shadow: var(--shadow); transition: transform .15s, box-shadow .15s;



}



.live-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: var(--grad); }



.live-card:hover { color: var(--text); transform: translateY(-2px); box-shadow: 0 14px 30px -14px rgba(42, 44, 95, .35); }



.live-card .label { display: flex; justify-content: space-between; align-items: center; color: var(--muted); font-size: 13px; }



.live-card h2 { margin-top: 8px; font-size: 18px; text-transform: uppercase; letter-spacing: .04em; }



.live-card .big { margin-top: 6px; font: 700 54px/1 var(--num); letter-spacing: -.02em; color: var(--indigo); }



.live-card .big.wait {



  display: inline-block; margin-top: 10px; padding: 6px 18px; border-radius: 12px; font-size: 28px; line-height: 1.3;



  color: var(--navy); background: var(--wait); animation: breathe 1.6s ease-in-out infinite;



}



@media (max-width: 760px) {



  .live-grid { grid-template-columns: 1fr; gap: 10px; }



  .live-grid .live-card { display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 12px; padding: 16px; text-align: left; }



  .live-grid .live-card .label { grid-column: 1 / -1; }



  .live-grid .live-card .big { margin: 0; font-size: 42px; }



  .live-grid .live-card .big.wait { margin: 0; font-size: 22px; }



}







/* ---------- chips, badges ---------- */



.chip { white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 600;



  color: var(--muted); background: var(--bg); border: 1px solid var(--line); }



.status { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; padding: 2px 9px; border-radius: 999px; }



.status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }



.status.ok { color: var(--ok); background: rgba(120, 205, 169, .22); }



.status.wait { color: #6b5a00; background: rgba(242, 212, 58, .35); }



.status.wait::before { animation: breathe 1.4s ease-in-out infinite; }



.badge { display: inline-block; padding: 4px 12px; margin: 0 6px 6px 0; border-radius: 999px; font-size: 12px; font-weight: 700;



  color: var(--indigo); background: rgba(64, 217, 225, .18); border: 1px solid rgba(54, 196, 217, .4); }







/* ---------- notice ---------- */



.notice {



  display: flex; gap: 10px; align-items: center; justify-content: center; text-align: center;



  margin: 18px 0 0; padding: 12px 16px; border-radius: 12px; font-weight: 600; color: var(--navy);



  background: rgba(242, 212, 58, .28); border: 1px solid rgba(242, 212, 58, .9);



}







/* ---------- sections ---------- */



.section { margin-top: 38px; }



.section-head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 8px 16px; margin-bottom: 14px; }



.section-head h2 { font-size: 22px; }



.section-head h2::before { content: ""; display: inline-block; width: 4px; height: 18px; margin-right: 10px; border-radius: 4px; background: var(--grad); vertical-align: -2px; }



.section-head p { margin: 0; color: var(--muted); font-size: 14px; }







/* ---------- result cards ---------- */



.result-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, 1fr); }



@media (min-width: 860px) { .result-grid { grid-template-columns: repeat(3, 1fr); } }



@media (min-width: 1700px) { .result-grid { grid-template-columns: repeat(6, 1fr); } }



.game-card {



  display: flex; flex-direction: column; gap: 10px; padding: 16px; border-radius: var(--radius); color: var(--text);



  background: var(--card); border: 1px solid var(--line); box-shadow: var(--shadow);



  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;



}



.game-card:hover { color: var(--text); transform: translateY(-2px); border-color: var(--cyan); box-shadow: 0 14px 30px -14px rgba(42, 44, 95, .35); }



.gc-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; }



.gc-name { font-size: 15px; text-transform: uppercase; letter-spacing: .05em; }



.gc-num { font: 700 46px/1 var(--num); letter-spacing: -.02em; color: var(--indigo); }



.gc-num.pending { color: #c4c6de; }



.gc-foot { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding-top: 10px; border-top: 1px dashed var(--line-2); font-size: 13px; color: var(--muted); }



.gc-foot b { color: var(--navy); font-family: var(--num); font-size: 15px; }



@media (max-width: 480px) {



  .result-grid { gap: 10px; }



  .game-card { padding: 13px; gap: 8px; }



  .gc-top { flex-direction: column; align-items: flex-start; gap: 6px; }



  .gc-name { font-size: 14px; }



  .gc-num { font-size: 38px; }



  .gc-foot { flex-direction: column; align-items: flex-start; gap: 4px; }



}







/* ---------- tables ---------- */



.card { border-radius: var(--radius); background: var(--card); border: 1px solid var(--line); box-shadow: var(--shadow); overflow: hidden; }



.card + .card { margin-top: 14px; }



.card-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 14px 16px; background: var(--grad-dark); }



.card-head h3 { font-size: 16px; color: #fff; }



.card-head .chip { color: #fff; background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .2); }



.table-wrap { overflow-x: auto; }



table.chart { width: 100%; border-collapse: collapse; text-align: center; font-variant-numeric: tabular-nums; }



table.chart th {



  position: sticky; top: 0; padding: 11px 8px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;



  color: var(--navy); background: #e2f6f8; border-bottom: 2px solid var(--cyan); white-space: nowrap;



}



table.chart th a { color: var(--indigo); }



table.chart th a:hover { color: var(--link); }



table.chart td { padding: 9px 8px; border-bottom: 1px solid var(--line); font: 600 15px/1.2 var(--num); color: var(--navy); }



table.chart tbody tr:nth-child(even) td { background: #fafcfd; }



table.chart td.date { color: var(--dim); font-weight: 500; }



table.chart tbody tr:hover td { background: rgba(64, 217, 225, .10); }



table.chart tr.today td, table.chart td.today { background: rgba(64, 217, 225, .22) !important; color: var(--navy); }



table.chart tr.today td.date { box-shadow: inset 4px 0 0 var(--cyan); color: var(--indigo); font-weight: 700; }



table.chart.year th, table.chart.year td { min-width: 48px; }



.empty-note { padding: 18px; color: var(--muted); text-align: center; }



.more { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; font-weight: 600; }







/* ---------- link lists ---------- */



.link-grid { display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr); list-style: none; margin: 0; padding: 0; }



@media (min-width: 860px) { .link-grid { grid-template-columns: repeat(3, 1fr); } }



@media (min-width: 1440px) { .link-grid { grid-template-columns: repeat(6, 1fr); } }



.link-grid a {



  display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 13px 15px; border-radius: 12px;



  background: var(--card); border: 1px solid var(--line); color: var(--navy); font-weight: 600; box-shadow: 0 1px 2px rgba(42, 44, 95, .05);



}



.link-grid a::after { content: "\2192"; color: var(--dim); transition: transform .15s, color .15s; }



.link-grid a:hover { border-color: var(--cyan); color: var(--indigo); }



.link-grid a:hover::after { color: var(--cyan); transform: translateX(3px); }







.tags { display: flex; flex-wrap: wrap; gap: 8px; }



.tags a { padding: 7px 14px; border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--indigo); background: var(--card); border: 1px solid var(--line-2); }



.tags a:hover { color: #fff; background: var(--grad-dark); border-color: transparent; }







/* ---------- page hero ---------- */



.page-hero { padding: 26px 0 6px; }



.crumbs { display: flex; flex-wrap: wrap; gap: 6px; font-size: 13px; color: var(--dim); }



.crumbs a { color: var(--muted); }



.crumbs a:hover { color: var(--link); }



.page-hero h1 { margin-top: 10px; font-size: clamp(24px, 4vw, 34px); font-weight: 800; }



.page-hero .lead { margin: 8px 0 0; color: var(--muted); }







.toolbar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 18px 0 14px; }



.toolbar select {



  font: inherit; font-weight: 600; padding: 9px 36px 9px 14px; border-radius: 12px; color: var(--navy); cursor: pointer;



  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235b5e8c' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center;



  border: 1px solid var(--line-2); appearance: none; box-shadow: 0 1px 2px rgba(42, 44, 95, .05);



}



.pills { display: flex; flex-wrap: wrap; gap: 6px; }



.pills a { padding: 7px 14px; border-radius: 999px; font: 600 14px/1 var(--num); color: var(--muted); background: #fff; border: 1px solid var(--line); }



.pills a:hover { color: var(--navy); border-color: var(--cyan); }



.pills a.on { color: #fff; background: var(--grad-dark); border-color: transparent; }







/* ---------- article ---------- */



.article { margin-top: 38px; padding: clamp(20px, 4vw, 34px); border-radius: var(--radius); background: var(--card); border: 1px solid var(--line); box-shadow: var(--shadow); color: #3d4070; line-height: 1.8; }



.article > * { max-width: none; }



.article h2 { font-size: 24px; margin: 4px 0 10px; }



.article h3 { font-size: 18px; color: var(--indigo); margin: 28px 0 8px; }



.article p { margin: 10px 0; }



.article ul, .article ol { margin: 8px 0; padding-left: 20px; }



.article li { margin: 4px 0; }



.article li::marker { color: var(--cyan); }



.article strong { color: var(--navy); }



.article a { color: var(--link); border-bottom: 1px solid rgba(12, 132, 188, .3); }



.article a:hover { color: var(--indigo); border-color: var(--indigo); }



.article em { color: var(--muted); }



.article table { width: 100%; max-width: 480px; border-collapse: collapse; margin: 10px 0; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }



.article td { padding: 9px 14px; border-bottom: 1px solid var(--line); }



.article tr:nth-child(odd) td { background: var(--card-2); }



.article td:last-child { text-align: right; font: 600 15px var(--num); color: var(--indigo); }



.faq details { margin: 8px 0; padding: 12px 16px; border-radius: 12px; background: var(--card-2); border: 1px solid var(--line); }



.faq summary { cursor: pointer; font-weight: 600; color: var(--navy); list-style: none; }



.faq summary::-webkit-details-marker { display: none; }



.faq summary::after { content: "+"; float: right; color: var(--cyan); font-weight: 800; }



.faq details[open] summary::after { content: "–"; }



.faq details p { margin: 8px 0 0; }



.cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }



.btn { display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border-radius: 12px; font-weight: 700; border: 0 !important; }



.btn-live { background: var(--grad-dark); color: #fff !important; box-shadow: 0 10px 24px -12px rgba(42, 44, 95, .7); }



.btn-live:hover { filter: brightness(1.12); }



.btn-charts { color: var(--navy) !important; background: #fff; box-shadow: inset 0 0 0 1.5px var(--cyan); }







/* ---------- footer ---------- */



.disclaimer { margin-top: 38px; padding: 14px 18px; border-radius: 12px; font-size: 13.5px; color: #6b1a2b;



  background: rgba(242, 52, 86, .07); border: 1px solid rgba(242, 52, 86, .3); }



.disclaimer strong { color: var(--danger); }



.disclaimer p { margin: 0; }



.site-footer { margin-top: 38px; background: var(--navy); color: #c9cbe8; }



.site-footer .brand, .site-footer .brand:hover { color: #fff; }



.site-footer .brand-name span { color: var(--ice); }



.footer-grid { display: grid; gap: 24px; padding: 32px 0; grid-template-columns: 1.4fr 1fr 1fr; }



@media (max-width: 760px) { .footer-grid { grid-template-columns: 1fr; } }



.footer-grid h4, .foot-title { font-size: 13px; text-transform: uppercase; letter-spacing: .08em; color: var(--ice); margin-bottom: 10px; }



.footer-grid p { margin: 8px 0 0; color: #c9cbe8; font-size: 14px; }



.footer-links { display: grid; gap: 6px; }



.footer-links a { color: #c9cbe8; font-size: 14px; text-transform: capitalize; }



.footer-links a:hover { color: var(--ice); }



.counter { min-height: 20px; }



.copy { padding: 14px 0 22px; border-top: 1px solid rgba(255, 255, 255, .12); color: #a6a9d6; font-size: 12.5px; text-align: center; }







@keyframes ping { 0% { box-shadow: 0 0 0 0 rgba(120, 205, 169, .7); } 80%, 100% { box-shadow: 0 0 0 9px rgba(120, 205, 169, 0); } }



@keyframes breathe { 50% { opacity: .55; } }



@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }







/* 2026-10-29: simple high-contrast white / navy / light blue theme. */



body {background: #f5f8fc; color:#172b45;}



.site-header {background:rgba(255,255,255,.97);}



.brand-name span {color:#075a9b;}



.nav a {color:#334c65;}



.nav a.on {background:#153b61;color:#fff;}



.live-card,.game-card,.card {background:#fff;}



.live-card .big,.gc-num {color:#174b78;}



.live-card .big.wait {background:#f7df7a;color:#172b45;}



.chart thead th {background:#153b61;color:#fff;}



.chart tbody td {color:#172b45;}



.chart tbody tr:nth-child(even) td {background:#f1f6fd;}



a {color:#075a9b;}



a:focus-visible {outline:3px solid #1c6ca8;outline-offset:2px;}






/* High contrast clearly visible version: navy top + blue results, white content. */


.site-header {background:#102c4a!important;border-bottom:4px solid #23a4ce!important;box-shadow:0 4px 18px #102c4a33!important;}


.site-header .brand,.site-header .brand:hover,.site-header .brand-name {color:#ffffff!important;}


.site-header .brand-name span {color:#9fe7ff!important;}


.site-header .nav a {color:#e8f5ff!important;}


.site-header .nav a:hover {background:#284e70!important;color:#ffffff!important;}


.site-header .nav a.on {background:#ffffff!important;color:#102c4a!important;}


body {background:#edf4fb!important;color:#132b43!important;}


.hero h1,.section-head h2 {color:#102c4a!important;}


.hero .eyebrow {border:1px solid #bad4e8!important;background:#ffffff!important;color:#183e5c!important;}


.live-card {border:2px solid #2586b7!important;background:#ffffff!important;}


.live-card::before {height:6px!important;background:#1678aa!important;}


.live-card h2 {color:#163e66!important;}


.live-card .big:not(.wait) {color:#075b99!important;}


.game-card {border:2px solid #b0d2ec!important;background:#ffffff!important;box-shadow:0 4px 10px #123a6017!important;}


.game-card .gc-name {color:#143c63!important;}


.game-card .gc-num {color:#045d9e!important;}


.card {border:1px solid #bed6e9!important;background:#fff!important;}


.card-head {background:#e1eff9!important;border-bottom:2px solid #80b8df!important;}


.card-head h3 {color:#10395b!important;}


.chart thead th {background:#103b60!important;color:#ffffff!important;}


.chart tbody tr:nth-child(odd) td {background:#ffffff!important;}


.chart tbody tr:nth-child(even) td {background:#eaf4ff!important;}


.chart tbody td {color:#172b45!important;}


.section-head h2::before {background:#0c74ad!important;}


@media(max-width:640px){.site-header .nav{background:#102c4a!important;}.site-header .nav a.on{background:#ffffff!important;color:#102c4a!important;}}




/* No blue theme: warm cream, maroon, white and gold. */

:root {--bg:#fff8ef;--bg-2:#fbeedc;--card:#fff;--card-2:#fffcf7;--line:#ead4c6;--line-2:#d6b7a7;--text:#342420;--muted:#644b43;--dim:#76655e;--navy:#642b35;--indigo:#7b303f;--cyan:#a65743;--ice:#fbeedc;--link:#873b30;--ok:#235a34;--ok-bg:#d8edce;--wait:#f5d77b;--grad:linear-gradient(135deg,#ba7054,#873b30);--grad-dark:linear-gradient(135deg,#642b35,#833444);}

body {background:#fff8ef!important;color:#342420!important;}

.site-header {background:#642b35!important;border-bottom:4px solid #e6b36e!important;box-shadow:0 4px 18px #642b3522!important;}

.site-header .brand,.site-header .brand:hover,.site-header .brand-name {color:#fff!important;}

.site-header .brand-name span{color:#ffdfaa!important;}

.site-header .nav a{color:#fff2e5!important;}

.site-header .nav a:hover{background:#7d3a47!important;color:#fff!important;}

.site-header .nav a.on{background:#fff4df!important;color:#642b35!important;}

.hero h1,.section-head h2{color:#642b35!important;}

.hero .eyebrow{border:1px solid #e5c4a5!important;background:#fff!important;color:#5a342c!important;}

.live-card{border:2px solid #b87b61!important;background:#fff!important;}

.live-card::before{height:6px!important;background:#a65743!important;}

.live-card h2,.game-card .gc-name{color:#642b35!important;}

.live-card .big:not(.wait),.game-card .gc-num{color:#833444!important;}

.live-card .big.wait{background:#f5d77b!important;color:#342420!important;}

.game-card{border:2px solid #e0c1b1!important;background:#fff!important;box-shadow:0 4px 10px #642b3512!important;}

.card{border:1px solid #e4c6b5!important;background:#fff!important;}

.card-head{background:#f9eada!important;border-bottom:2px solid #d6ab90!important;}

.card-head h3{color:#642b35!important;}

.chart thead th{background:#642b35!important;color:#fff!important;}

.chart tbody tr:nth-child(odd) td{background:#fff!important;}

.chart tbody tr:nth-child(even) td{background:#fff3e5!important;}

.chart tbody td{color:#342420!important;}

.section-head h2::before{background:#ad6149!important;}

a{color:#873b30;} a:hover{color:#642b35;}

@media(max-width:640px){.site-header .nav{background:#642b35!important;}.site-header .nav a.on{background:#fff4df!important;color:#642b35!important;}}


/* Mobile overflow and text encoding repairs */
html,body{max-width:100%;overflow-x:clip;}
.link-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.link-grid li,.link-grid a{min-width:0;max-width:100%;}
.link-grid a{overflow-wrap:anywhere;word-break:normal;}
.link-grid a::after{content:"\2192"!important;flex:0 0 auto;font-family:Arial,sans-serif;}
.wrap,.section,.section-head,.card,.chart-wrap{min-width:0;max-width:100%;}
@media(max-width:640px){
 .link-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px;}
 .link-grid a{padding:12px 10px;font-size:14px;align-items:center;}
 .site-header,.site-header .wrap{max-width:100vw;min-width:0;}
 .nav{max-width:100vw;}
}