/* Shared page system. Loaded after the legacy styles. All content cards use
   the homepage design; navigation and footer retain their components. */
:root{
  --page-purple:#4a2670;
  --page-ink:#34174f;
  --page-muted:#625a68;
  --page-soft:#f7f3fb;
  --page-line:#e4d8ef;
  --page-radius:18px;
}

/* The same reading width and vertical rhythm on every content template. */
.cols{gap:32px;padding-top:16px;padding-bottom:64px}
.cols>.gap,.national-wrap,.national-sections,.curiosity-wrap,.wrap.gap{gap:28px}
.wrap.gap,.national-sections{padding-bottom:64px}
.national-sections{display:flex;flex-direction:column}
.national-wrap{padding-top:16px;padding-bottom:64px}
.tool-wrap{max-width:940px;padding-top:16px;padding-bottom:64px;gap:28px}
.product-hero{padding-top:16px;padding-bottom:32px;gap:28px}
.product-hero+.cols{padding-top:0}
.national-hero{padding:0 0 8px}
.product-hero>div,.national-hero,.tool-wrap,.cols>main,.national-wrap>.panel{min-width:0}
.product-hero h1,.national-hero h1,.panel h1,.legal-content h1{
  color:var(--page-purple);font-size:clamp(34px,3.7vw,48px);
  line-height:1.12;letter-spacing:-.035em;margin:12px 0 18px;
  overflow-wrap:break-word;
}
.product-hero h1{max-width:26ch}
.product-hero p:not(.eyebrow),.national-hero p:not(.eyebrow),.tool-intro,.stats-hero>p:not(.eyebrow){
  max-width:70ch;color:var(--page-muted);font-size:15px;line-height:1.85;
}
.product-hero .eyebrow,.national-hero .eyebrow,.panel>.eyebrow{margin-top:0}
.product-hero .freshness{align-self:flex-start;margin-top:6px;line-height:1.7;white-space:normal;flex-shrink:0;max-width:280px}
.panel h2,.timeline-heading h2{font-size:clamp(25px,2.4vw,31px);line-height:1.25;margin:10px 0 14px;letter-spacing:-.03em}
.panel h3{line-height:1.35}
:where(.cols,.tool-wrap,.national-wrap,.national-sections,.curiosity-wrap,.wrap.gap) .panel{border-radius:var(--page-radius)}
:where(.cols,.tool-wrap,.national-wrap,.national-sections,.curiosity-wrap,.wrap.gap) .panel-pad{padding:30px}
.panel-pad>.eyebrow{margin-bottom:12px}
.panel-pad>p:not(.eyebrow){line-height:1.85}
.panel-pad>p:last-child{margin-bottom:0}
.panel .prose{color:var(--page-muted);line-height:1.85}
.prose p{font-size:15px;line-height:1.85}
.prose :is(ul,ol){padding-left:24px}
.prose li{padding-left:3px}
.prose a,.panel p a,.live-source-note a{text-underline-offset:4px;text-decoration-thickness:1px}
.prose a:hover,.panel p a:hover{color:#6e3fa0}

/* Draw pages: one clear title, the result, then supporting information. */
.draw-head h1,.draw-head h2{max-width:25ch;font-size:clamp(30px,3vw,41px);line-height:1.18;margin-bottom:20px}
.draw-head h1+.draw-date{margin-top:-6px;color:var(--page-muted);font-size:14px}
.draw-head .draw-date{line-height:1.75}
.panel .balls{margin:24px 0 16px;gap:10px}
.panel .legend{font-size:12px;line-height:1.85;gap:8px 20px}
.statrow .stat{padding:20px 24px}
.statrow .k{color:var(--page-muted);font-size:10px;line-height:1.7;letter-spacing:.06em}
.statrow .v{color:var(--page-purple);font-size:21px;line-height:1.4;margin-top:6px}
.rail{gap:22px}
.rail .panel-pad{padding:24px}
.rail .panel h2{font-size:24px}
.rail .next{padding:26px 24px;border-radius:var(--page-radius)}
.rail .next .amount{font-size:32px;margin:14px 0 8px}
.rail .next .when{line-height:1.8}
.rail .next .clock{margin-top:20px}
.rail .next .clock div{padding:10px 4px}
.rail .next .clock .n{padding:0;font-size:21px}
.rail .next .clock .l{padding:0}
.rail .m1lhao{padding:18px 16px;line-height:1.8}
.panel .draw-id{display:inline-flex;max-width:100%;white-space:normal;line-height:1.6;padding:6px 12px}
.panel .draw-head>.draw-id{display:none}
.live-prepage .draw-head>.draw-id{display:inline-flex}
.recent-draws-panel .recent-draws-grid{gap:14px;margin-top:20px}
.recent-draws-panel .recent-draws-grid .arow{padding:17px 18px;gap:16px;border-radius:12px}
.cols .archive:not(.recent-draws-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.cols .archive .arow{min-width:0;min-height:62px;gap:14px}
.cols .archive .arow .k{overflow-wrap:break-word;line-height:1.8;min-width:0}
.cols .archive .arow .d{flex-shrink:0}

/* Notices always get their own space, including late live updates. */
:where(.cols,.tool-wrap,.national-wrap,.curiosity-wrap,.legal-content) :is(.context-note,.live-source-note,.live-awaiting,.live-confirmed){
  margin:24px 0;padding:20px 22px;font-size:13px;line-height:1.85;
}
:where(.cols,.tool-wrap,.national-wrap,.curiosity-wrap) :is(.context-note,.live-source-note):last-child{margin-bottom:0}
.live-awaiting{background:var(--page-soft);color:var(--page-muted);gap:10px}
:root:not([data-theme="light"]) .live-awaiting{background:var(--page-soft);border-color:var(--page-line)}
:root:not([data-theme="light"]) .live-awaiting strong,.live-awaiting strong{color:var(--page-ink)}
:root:not([data-theme="light"]) .live-awaiting span,.live-awaiting span{color:var(--page-muted)}
.live-confirmed{border-radius:12px;flex-wrap:wrap}
.live-confirmed::before{flex-shrink:0}
.decorrer:not([hidden]){margin:20px 0;padding:20px;gap:14px;line-height:1.8}
.curiosity-note{font-size:14px;max-width:80ch}
.live-prepage{width:100%;max-width:900px;margin:16px auto 48px}
.national-wrap .live-prepage{margin:0 auto}

/* Tables retain horizontal scrolling only inside their own container. */
.tablewrap,.data-table-wrap{margin-top:22px;border-radius:10px;overscroll-behavior-inline:contain}
.tablewrap th,.tablewrap td,.data-table th,.data-table td{padding-top:14px;padding-bottom:14px;line-height:1.6}
.tablewrap th,.data-table th{color:var(--page-purple);font-size:11px;letter-spacing:.045em}
.data-table{margin-top:0}
.sortable-data-table th .sort-button{min-height:48px;line-height:1.6}
.national-games-table th,.national-games-table td,.national-football-prizes th,.national-football-prizes td{padding:14px 12px}
.national-games-wrap table{table-layout:auto;min-width:480px}
.national-games-wrap th:nth-child(2),.national-games-wrap td:nth-child(2){width:auto;white-space:normal;overflow-wrap:normal}
.national-games-wrap th:first-child,.national-games-wrap td:first-child{width:76px}
.national-games-wrap th:last-child,.national-games-wrap td:last-child{width:92px}

/* Match the home CTA: yellow for the primary action, quieter secondary links. */
.button-primary{min-height:48px;padding:13px 20px;border-radius:11px;background:#ffd400;color:var(--page-ink);line-height:1.5}
.button-primary:hover{background:#f3ca00;color:var(--page-ink)}
.button-primary.small{min-height:44px;padding:11px 16px;font-size:13px}
.button-quiet{min-height:48px;padding:13px 20px;border:1px solid var(--page-line);border-radius:11px;background:#fff;color:var(--page-purple);line-height:1.5}
.button-quiet:hover{background:var(--page-soft)}
.utility-cta{gap:28px}
.utility-cta h2{margin:10px 0 12px}
.utility-cta p:not(.eyebrow){font-size:14px;max-width:55ch;line-height:1.85}
.utility-cta .button-primary{flex-shrink:0}
.checker .tool-intro{margin:0 0 28px}
.checker .form-grid{gap:20px}
.checker label{gap:10px;font-size:13px}
.checker input,.checker select{min-height:50px;padding:13px 14px;font-size:16px;line-height:1.5;border-color:#cdb7de;border-radius:11px}
.checker input::placeholder{color:#82738d}
.checker input:focus-visible,.checker select:focus-visible{outline:2px solid #6e3fa0;outline-offset:3px}
.checker .field-block{margin-top:24px}
.checker .field-block>label{margin-bottom:10px}
.checker-number-inputs{display:grid;grid-template-columns:repeat(var(--number-count,1),minmax(0,1fr));gap:10px;max-width:calc(var(--number-count,1)*90px);margin-bottom:10px}
.checker-number-inputs input{text-align:center;min-width:0;padding:12px 4px;font-size:20px;font-weight:600;min-height:56px}
.checker-number-inputs input::placeholder{font-size:13px;font-weight:400}
.checker-code-input{margin-bottom:10px}
@media(max-width:420px){#checker-main-fields.checker-number-inputs{grid-template-columns:repeat(3,minmax(0,1fr));max-width:100%}}
.checker .field-block small{font-size:12px;line-height:1.75}
.checker-actions{margin-top:28px;gap:12px;flex-wrap:wrap}
.checker-result{padding:24px;margin-top:28px;line-height:1.8}
.checker-result[hidden]{display:none}
.checker-history a{min-height:48px;padding:14px 0;align-items:center;line-height:1.7}
.checker-note{margin-top:16px;font-size:13px;line-height:1.85}

/* Today uses the same clear card hierarchy at every intermediate width. */
.results-timeline{gap:36px}
.timeline-group{gap:18px}
.timeline-days{gap:24px}
.timeline-heading h2{margin:10px 0 8px}
.timeline-heading>p:not(.eyebrow){font-size:14px;line-height:1.8}
.timeline-day h3{font-size:13px;line-height:1.8;margin-bottom:12px}
.today-row{grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;padding:26px;align-items:start}
.today-name{grid-column:1;grid-row:1;gap:6px;min-width:0}
.today-name strong{font-family:'Baloo 2',Poppins,sans-serif;font-size:25px;line-height:1.3;color:var(--page-purple)}
.today-status{font-size:12px;line-height:1.75}
.today-balls{grid-column:1 / -1;grid-row:2;min-width:0}
.today-balls .miniballs{gap:7px;overflow-x:auto;padding-bottom:3px}
.today-balls .mini{width:38px;height:38px;font-size:16px;transform:none}
.today-link{grid-column:2;grid-row:1;align-self:center;display:inline-flex;align-items:center;min-height:44px;line-height:1.7;font-size:12px}
.timeline-empty{padding:26px;line-height:1.85}
.upcoming-row .today-balls{grid-column:2;grid-row:1;align-self:start;justify-self:end}
.upcoming-row .today-link{grid-column:1 / -1;grid-row:2;justify-self:start}

/* Data, guides and discovery repeat the home card language. */
.country-grid,.insight-grid{gap:20px}
.country-card,.insight-card{padding:28px 24px;border-radius:var(--page-radius)}
.country-card>div strong{font-family:'Baloo 2',Poppins,sans-serif;font-size:42px;color:var(--page-purple);margin:12px 0 8px}
.country-card>div small{font-size:12px;line-height:1.8}
.country-card dl{gap:14px 12px;margin:24px 0;padding-top:20px;border-top:1px solid var(--page-line)}
.country-card dt,.country-card dd{font-size:12px;line-height:1.75;overflow-wrap:break-word}
.country-card>a,.insight-card>a{display:inline-flex;align-items:center;min-height:44px;line-height:1.7}
.insight-grid{padding-bottom:64px}
.insight-card{display:flex;flex-direction:column}
.insight-head h2{font-size:23px;line-height:1.35;margin:12px 0 16px}
.insight-card ul{font-size:13px;line-height:1.85;min-height:0;margin:22px 0;padding-left:20px}
.insight-card li+li{margin-top:10px}
.insight-card>a{margin-top:auto}
.insight-head .miniballs,.curiosity-card .miniballs{gap:6px}
.insight-head .mini,.curiosity-card .mini{width:32px;height:32px;font-size:14px}
.insight-featured-wrap{padding-bottom:28px}
.insight-featured{padding:30px;border-radius:var(--page-radius)}
.insight-featured p,.insight-featured li{font-size:14px;line-height:1.85}
.knowledge-grid{gap:18px;margin-top:24px}
.knowledge-link{padding:24px;border-radius:14px}
.knowledge-link strong{font-size:16px;line-height:1.6}
.knowledge-link span{margin-top:10px;font-size:13px;line-height:1.85}
.curiosity-wrap{padding-bottom:64px}
.curiosity-grid{gap:18px;margin-top:24px}
.curiosity-card{padding:24px;border-radius:14px}
.curiosity-card h3{font-size:22px;margin:10px 0}
.curiosity-card p{font-size:13px;line-height:1.8}
.curiosity-card a{display:inline-flex;align-items:center;min-height:44px;line-height:1.6}
.curiosity-card .miniballs{margin:20px 0 12px}
.metric-grid,.metric-grid.compact,.stat-cards,.pair-grid{gap:12px;margin-top:24px}
.metric{padding:18px 16px;border-radius:12px}
.metric span{line-height:1.75}
.metric strong{font-size:23px;line-height:1.5;margin-top:6px;color:var(--page-purple)}
.metric-help{font-size:11px;line-height:1.8}
.context-intro{font-size:14px;line-height:1.8}
.number-stat{padding:18px 8px;gap:4px}
.number-stat small{font-size:11px;line-height:1.7}
.pair-grid>div{padding:16px;align-items:center;flex-wrap:wrap}
.distribution{gap:16px;margin-top:24px}
.distribution>div{grid-template-columns:minmax(100px,1fr) 36px minmax(60px,1.4fr) 50px;gap:10px;line-height:1.6}
.m1-code{padding:24px;margin:24px 0;font-size:clamp(28px,5vw,46px);overflow-wrap:anywhere}

/* The same national cards, without modifying the existing homepage cards. */
:where(.national-wrap,.national-sections,.cols) .national-grid{gap:18px;margin-top:24px}
:where(.national-wrap,.national-sections,.cols) .national-card{padding:24px 22px;border-radius:14px;gap:10px;min-height:138px}
:where(.national-wrap,.national-sections,.cols) .national-card strong{font-family:'Baloo 2',Poppins,sans-serif;font-size:25px;line-height:1.25;color:var(--page-purple)}
:where(.national-wrap,.national-sections,.cols) .national-card>span{font-size:11px;line-height:1.7}
:where(.national-wrap,.national-sections,.cols) .national-card>small{font-size:12px;line-height:1.8}
.national-prizes,.lottery-prizes{gap:16px;margin-top:28px}
.national-prizes>div,.lottery-prize{padding:22px 20px;border-radius:14px}
.national-prizes strong{font-family:'Baloo 2',Poppins,sans-serif;font-size:34px;color:var(--page-purple);margin:10px 0}
.national-prizes small{font-size:12px;line-height:1.8}
.national-detail-section,.lottery-sequence-block{margin-top:32px}
.lottery-sequence-block h3{font-size:21px;margin-bottom:16px}
.lottery-sequences{gap:10px}
.lottery-sequences span{min-height:40px}
.national-stats-grid{gap:12px}
.national-stats-grid>div{padding:18px 16px}
.national-stats-grid span{font-size:11px;line-height:1.75}
.national-stats-grid strong{font-size:18px;line-height:1.6;overflow-wrap:anywhere}
.future-links{gap:14px;margin-top:22px}
.future-links a{display:flex;align-items:center;min-height:48px;padding:16px 18px;font-size:13px;line-height:1.7;border:1px solid var(--page-line);background:#fff}
.future-links a:hover{background:var(--page-soft)}
.national-key{gap:12px;margin-top:24px}
.national-key span{min-height:82px}

:is(.cols,.tool-wrap,.national-wrap,.national-sections,.curiosity-wrap,.insight-grid,.country-grid,.legal-content) a:focus-visible,
.button-primary:focus-visible,.button-quiet:focus-visible{outline:3px solid #6e3fa0;outline-offset:4px}
:is(.cols,.tool-wrap,.national-wrap,.legal-content) [id]{scroll-margin-top:116px}
@media(prefers-reduced-motion:no-preference){
  .button-primary,.button-quiet,.future-links a{transition:background-color 160ms ease}
  .knowledge-link,.curiosity-card,.country-card,.insight-card{transition:border-color 160ms ease}
}
@media(max-width:1100px){
  :where(.national-wrap,.national-sections,.cols) .national-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .national-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stat-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pair-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){
  .cols{grid-template-columns:1fr;gap:28px}
  .rail{position:static;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
}
@media(max-width:760px){
  .cols,.national-wrap,.tool-wrap{padding-top:12px;padding-bottom:48px}
  .cols>.gap,.national-wrap,.national-sections,.curiosity-wrap,.wrap.gap,.tool-wrap{gap:24px}
  .product-hero{padding-top:12px;padding-bottom:26px;gap:20px}
  .product-hero h1,.national-hero h1,.panel h1,.legal-content h1{font-size:34px;line-height:1.15;margin:12px 0 16px}
  .product-hero p:not(.eyebrow),.national-hero p:not(.eyebrow),.tool-intro,.stats-hero>p:not(.eyebrow){font-size:14px}
  .product-hero .freshness{margin:0;max-width:100%}
  .panel h2,.timeline-heading h2{font-size:27px}
  :where(.cols,.tool-wrap,.national-wrap,.national-sections,.curiosity-wrap,.wrap.gap) .panel-pad{padding:24px}
  .draw-head h1,.draw-head h2{font-size:30px}
  .panel .balls{gap:8px;margin-top:24px}
  .panel .legend{font-size:12px}
  .statrow .stat{padding:18px 24px}
  .cols .archive:not(.recent-draws-grid){grid-template-columns:1fr}
  .recent-draws-panel .recent-draws-grid{grid-template-columns:1fr}
  .recent-draws-panel .recent-draws-grid .arow{padding:16px}
  .rail{grid-template-columns:1fr}
  .rail .panel-pad,.rail .next{padding:24px}
  :where(.cols,.tool-wrap,.national-wrap,.curiosity-wrap,.legal-content) :is(.context-note,.live-source-note,.live-awaiting,.live-confirmed){padding:18px;margin:22px 0}
  .tablewrap,.data-table-wrap{margin-top:20px}
  .tablewrap table{min-width:540px}
  .tablewrap th,.tablewrap td{padding:12px;overflow-wrap:normal}
  .national-games-wrap table{min-width:420px}
  .checker .form-grid{grid-template-columns:1fr;gap:22px}
  .checker-result{padding:20px}
  .utility-cta .button-primary{width:100%}
  .today-row{padding:22px;gap:14px}
  .today-name strong{font-size:24px}
  .today-link{grid-column:1 / -1;grid-row:3;justify-self:start;min-height:40px}
  .today-balls .mini{width:35px;height:35px;font-size:15px;transform:none}
  .today-balls .miniballs{gap:6px}
  .upcoming-row .today-balls{grid-column:1 / -1;grid-row:2;justify-self:start}
  .upcoming-row .today-link{grid-row:3}
  .country-grid,.insight-grid{grid-template-columns:1fr;gap:18px}
  .country-card,.insight-card,.insight-featured{padding:24px}
  .insight-card .miniballs{flex-wrap:wrap}
  .insight-grid,.curiosity-wrap,.wrap.gap,.national-sections{padding-bottom:48px}
  .knowledge-grid,.curiosity-grid{grid-template-columns:1fr;gap:16px}
  .knowledge-link,.curiosity-card{padding:22px}
  .metric-grid,.metric-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric strong{font-size:21px}
  .national-prizes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .national-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  :where(.national-wrap,.national-sections,.cols) .national-card{padding:22px 18px}
  .future-links{grid-template-columns:1fr}
  :is(.cols,.tool-wrap,.national-wrap,.legal-content) [id]{scroll-margin-top:150px}
}
@media(max-width:480px){
  :where(.cols,.tool-wrap,.national-wrap,.national-sections,.curiosity-wrap,.wrap.gap) .panel-pad{padding:22px 20px}
  .product-hero h1,.national-hero h1,.panel h1,.legal-content h1{font-size:30px}
  .panel h2,.timeline-heading h2{font-size:25px}
  .draw-head h1,.draw-head h2{font-size:28px}
  .panel .balls{gap:7px}
  .cols .archive .arow{flex-wrap:wrap}
  .recent-draws-panel .recent-draws-grid .arow{grid-template-columns:1fr;gap:8px}
  .today-row{padding:20px}
  .today-balls .mini{width:32px;height:32px;font-size:14px}
  .today-balls .miniballs{gap:5px}
  .stat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric-grid,.metric-grid.compact{grid-template-columns:1fr}
  .pair-grid{grid-template-columns:1fr 1fr;gap:10px}
  .pair-grid>div{padding:14px 12px}
  .distribution>div{grid-template-columns:minmax(80px,1fr) 26px minmax(30px,.8fr) 44px;gap:6px;font-size:11px}
  .checker-actions .button-primary{flex:1 1 auto}
  .checker-score{grid-template-columns:auto 1fr;gap:6px 12px}
  .checker-history a{align-items:flex-start;flex-direction:column;gap:8px}
  :where(.national-wrap,.national-sections,.cols) .national-grid{grid-template-columns:1fr}
  .national-prizes{grid-template-columns:1fr}
  .national-stats-grid>div{padding:16px 12px}
  .national-stats-grid strong{font-size:16px}
  .country-card dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .curiosity-card .miniballs{gap:4px}
  .curiosity-card .mini{width:28px;height:28px;font-size:13px}
}
@media(max-width:359px){
  .cols,.tool-wrap,.national-wrap,.national-sections,.curiosity-wrap,.product-hero,.insight-grid,.wrap.gap{padding-left:16px;padding-right:16px}
  .today-balls .mini{width:29px;height:29px;font-size:13px}
  .today-balls .miniballs{gap:4px}
  .national-stats-grid,.pair-grid{grid-template-columns:1fr}
}
@media print{
  .cols{grid-template-columns:1fr;padding-bottom:0}
  .rail,.checker-actions{display:none}
  .panel{break-inside:avoid}
  .tablewrap,.data-table-wrap{overflow:visible}
  .tablewrap table,.data-table{min-width:0}
}

/* Datas previstas não têm uma página de resultado antes da publicação. */
.future-links .future-date{margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--soft);color:var(--ink);font-size:.9rem;line-height:1.6}

/* One card surface: the three result cards on the homepage are the reference.
   Container panels keep their existing layout and inner .panel-pad spacing. */
:root{
  --card-border:#dfd2ea;
  --card-shadow:0 7px 24px -21px #4a2670;
  --card-radius:18px;
  --card-accent:#6e3fa0;
}
body :is(.panel:not(.national-home-block),.jogo,.result-card,.national-card,.country-card,.insight-card,.insight-featured,.knowledge-link,.curiosity-card,.home-editorial-card,.metric,.number-stat,.pair-grid>div,.national-prizes>div,.lottery-prize,.national-stats-grid>div,:where(.recent-draws-panel .recent-draws-grid) .arow,.next,.today-row,.checker-result){
  position:relative;min-width:0;background:#fff;border:1px solid var(--card-border);
  border-radius:var(--card-radius);box-shadow:var(--card-shadow);color:var(--page-purple);
}
body :is(.panel:not(.national-home-block),.jogo,.result-card,.national-card,.country-card,.insight-card,.insight-featured,.knowledge-link,.curiosity-card,.home-editorial-card,.metric,.number-stat,.pair-grid>div,.national-prizes>div,.lottery-prize,.national-stats-grid>div,:where(.recent-draws-panel .recent-draws-grid) .arow,.next,.today-row,.checker-result)::before{
  content:'';position:absolute;top:0;left:24px;width:36px;height:4px;
  background:var(--card-accent);border-radius:0 0 3px 3px;pointer-events:none;
}
[data-card-game="eurodreams"],[data-live-summary-game="eurodreams"]{--card-accent:#00b89c}
[data-card-game="totoloto"],[data-live-summary-game="totoloto"]{--card-accent:#ff853d}
[data-card-game="m1lhao"]{--card-accent:#e7b100}
[data-card-game="lotaria-classica"],[data-secondary-summary-game="lotaria-classica"]{--card-accent:#00b89c}
[data-card-game="lotaria-popular"],[data-secondary-summary-game="lotaria-popular"]{--card-accent:#ff853d}
[data-card-game="totobola-extra"],[data-secondary-summary-game="totobola-extra"]{--card-accent:#ed3d82}
body :is(.metric,.number-stat,.pair-grid>div,.national-stats-grid>div)::before{left:16px}
body :is(.country-card,.insight-card,.knowledge-link,.curiosity-card,.home-editorial-card){padding:26px 24px 20px}
body :is(.curiosity-card h3,.insight-head h2,.knowledge-link strong,.home-editorial-card h3){
  font-family:'Baloo 2',Poppins,sans-serif;font-size:26px;font-weight:800;line-height:1.25;letter-spacing:0;color:var(--page-purple);
}
.country-card>a,.insight-card>a,.curiosity-card>a{padding-top:14px;margin-top:18px;border-top:1px solid #eee6f4;font-size:12px;font-weight:600;text-decoration:none}
.country-card>a,.insight-card>a{display:flex;justify-content:space-between;gap:12px}
.country-card>a>span,.insight-card>a>span{color:#9279a7}
.knowledge-link{display:flex;flex-direction:column;gap:14px;text-decoration:none}
.knowledge-link::after{content:'→';align-self:flex-end;margin-top:auto;color:#9279a7;font-size:22px}

/* Result cards share the homepage markup, also on the server-rendered hub. */
body .result-card{display:flex;flex-direction:column;gap:18px;padding:26px 24px 20px;text-decoration:none}
.result-card .jogo-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.result-card .jogo-nome{font:800 26px/1.25 'Baloo 2',Poppins,sans-serif;margin:0;letter-spacing:0;color:#4a2670}
.result-card .home-card-arrow{flex-shrink:0;font-size:22px;color:#9279a7}
.result-card .home-result-meta{font-size:11px;color:#625a68}
.result-card .miniballs{display:flex;gap:6px;flex-wrap:nowrap;margin:0 0 4px}
.result-card .mini{flex:0 1 38px;width:38px;height:auto;min-width:0;aspect-ratio:1;font-size:15px}
.result-card .jogo-pe{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:100px;margin:0;padding:18px 0 0;border-top:1px solid #eee6f4}
.result-card .jogo-pe::after{content:none}
.result-card .jogo-pe time,.result-card .jogo-pe strong{font:600 14px/1.6 Poppins,sans-serif;color:#34174f}
.result-card .jogo-pe time{display:block}
.result-card .home-card-link{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:5px;font-size:12px;font-weight:600;color:#4a2670}
.result-card-ticket{display:flex;flex-direction:column;gap:6px;color:#4a2670;overflow-wrap:anywhere}
.result-card-ticket>span{font:500 10px/1.6 Poppins,sans-serif;color:#625a68}
.result-card-ticket>strong{font:800 32px/1.25 'Baloo 2',Poppins,sans-serif;letter-spacing:.04em}
.result-card-empty,.result-card-pending{margin:0;font:400 13px/1.8 Poppins,sans-serif;color:#625a68}
.result-card-key{display:flex;flex-wrap:wrap;gap:6px}
.result-card-key span{display:grid;place-items:center;width:30px;min-height:30px;border-radius:50%;background:#4a2670;color:#fff;font:800 14px/1 'Baloo 2',sans-serif}
.result-card-key .result-card-super{background:#ffd400;color:#34174f}
.national-grid:has(>.result-card){grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:20px;align-items:stretch}

/* Preserve the purple sidebar identity on desktop and when stacked on mobile. */
body .rail > :is(.next,.panel){--muted:#eee6f4;background:#4a2670;color:#fff;border-color:#4a2670}
body .rail > :is(.next,.panel)::before{background:#ffd400}
body .rail :is(.next,.panel) .eyebrow{color:#fff!important}
.rail .eyebrow::after{background:rgba(255,255,255,.25)}
body .rail .next .amount{color:#ffd400}
body .rail :is(.when,.panel h2,.panel a,.m1lhao .k){color:#fff}
body .rail .panel .arow{border-color:rgba(255,255,255,.4)}
body .rail .panel .arow:hover{background:rgba(255,255,255,.1)}
body .rail .panel .arow .d{color:#eee6f4}
.rail .next .clock{padding-top:18px;border-top:1px solid rgba(255,255,255,.25)}
.rail .next .clock>div{background:rgba(255,255,255,.10)}
.rail .next .clock .n{color:#fff;background:none}
.rail .next .clock .l{color:#eee6f4;background:none}
.today-time{display:block;font-size:12px;line-height:1.7;color:#625a68;font-variant-numeric:tabular-nums}
body .checker-result.win{--card-accent:#18815f;border-color:#a6d7c2}
body .checker-result.error{--card-accent:#b43c4b;border-color:#e2b2b9}
body :is(.today-panel,.timeline-panel,.upcoming-panel):has(>.today-row){display:grid;gap:18px;border:0;box-shadow:none;overflow:visible;background:transparent}
body :is(.today-panel,.timeline-panel,.upcoming-panel):has(>.today-row)::before{content:none}

@media(hover:hover){
  body :is(a.jogo,a.result-card,a.national-card,a.knowledge-link,a.home-editorial-card,.recent-draws-panel .recent-draws-grid a.arow):hover{border-color:#a580c4;box-shadow:0 12px 26px -20px #4a2670}
}
body :is(a.jogo,a.result-card,a.national-card,a.knowledge-link,a.home-editorial-card):focus-visible{outline:3px solid #6e3fa0;outline-offset:4px}
@media(prefers-reduced-motion:no-preference){
  :is(a.result-card,a.home-editorial-card,.recent-draws-panel .recent-draws-grid a.arow){transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease}
  @media(hover:hover){:is(a.result-card,a.home-editorial-card,.recent-draws-panel .recent-draws-grid a.arow):hover{transform:translateY(-3px)}}
}
@media(max-width:760px){
  .national-grid:has(>.result-card){grid-template-columns:1fr}
  body .result-card{padding:24px;gap:16px}
  .result-card .jogo-nome{font-size:27px}
  .result-card .jogo-pe{min-height:0}
  .result-card .mini{flex-basis:40px;width:40px}
}
@media(max-width:359px){body .result-card{padding:22px 18px}.result-card .miniballs{gap:5px}}