/* Hallmark · checked: 2026-11-04 · built: the project · redesign: polish · scope: site · brand: preserved */
/* Critique: improve focus, consent flow and small text without changing the product or its data. */
/* Sobreaviso — refinamento visual, 03/11/2026.
   Camada final de apresentação. Não altera visibilidade, dados, estados ou fluxos.
   Fontes e selos existentes permanecem; carregar após os estilos históricos. */
:root, :root[data-theme] {
  --dr-navy: #13233f;
  --dr-champagne: #e8c486;
  --dr-champagne-hover: #f0d4a3;
  --dr-champagne-press: #ddb774;
  --dr-bg: #f7f6f2;
  --dr-surface: #ffffff;
  --dr-raised: #efeee9;
  --dr-ink: #13233f;
  --dr-muted: #50617b;
  --dr-line: #d5dce5;
  --dr-focus: #13233f;
  --dr-accent-ink: #76551f;
  --dr-today: #fff0f2;
  --dr-soon: #fbf3e4;
  --dr-open: #eff7f2;
  --dr-upcoming: #f0f4fb;
  --dr-closed: #f0f1f3;
  --dr-row-hover: #e9eef4;
  --bg: var(--dr-bg);
  --surface: var(--dr-surface);
  --panel: var(--dr-surface);
  --surface2: var(--dr-raised);
  --ink: var(--dr-ink);
  --muted: var(--dr-muted);
  --line: var(--dr-line);
  --navy: var(--dr-navy);
  --navy-2: #1c3050;
  --brand: var(--dr-champagne);
  --amber: var(--dr-champagne);
  --sd-navy: var(--dr-navy);
  --sd-amber: var(--dr-champagne);
  --sb-marinho: var(--dr-navy);
  --sb-marinho-hover: #1c3050;
  --sb-ambar: var(--dr-champagne);
  --sb-ambar-hover: var(--dr-champagne-hover);
  --sb-ambar-press: var(--dr-champagne-press);
}

/* Explicit theme and system preference share the same navy surfaces. */
:root[data-theme=dark] {
  color-scheme: dark;
  --dr-bg: #0d192e; --dr-surface: #13233f; --dr-raised: #1c3050;
  --dr-ink: #f4f1ea; --dr-muted: #b2c0d3; --dr-line: #344865;
  --dr-focus: #e8c486; --dr-accent-ink: #e8c486;
  --dr-today: #2a283e; --dr-soon: #2b2d38; --dr-open: #182e3d;
  --dr-upcoming: #1b2b48; --dr-closed: #18253b; --dr-row-hover: #233957;
  --bg: var(--dr-bg); --surface: var(--dr-surface); --panel: var(--dr-surface);
  --surface2: var(--dr-raised); --ink: var(--dr-ink); --muted: var(--dr-muted); --line: var(--dr-line);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) {
    color-scheme: dark;
    --dr-bg: #0d192e; --dr-surface: #13233f; --dr-raised: #1c3050;
    --dr-ink: #f4f1ea; --dr-muted: #b2c0d3; --dr-line: #344865;
    --dr-focus: #e8c486; --dr-accent-ink: #e8c486;
    --dr-today: #2a283e; --dr-soon: #2b2d38; --dr-open: #182e3d;
    --dr-upcoming: #1b2b48; --dr-closed: #18253b; --dr-row-hover: #233957;
    --bg: var(--dr-bg); --surface: var(--dr-surface); --panel: var(--dr-surface);
    --surface2: var(--dr-raised); --ink: var(--dr-ink); --muted: var(--dr-muted); --line: var(--dr-line);
  }
}
:root[data-theme=light] { color-scheme: light; }
body { background: var(--dr-bg); color: var(--dr-ink); }
:is(header.top, .hero, .footer, .newsletter, .sp-hero, .sp-final, .spv-vitrine, .spv-mini, .sa-cookies) {
  --dr-focus: #e8c486;
}
header.top { background: #13233f; border-bottom: 1px solid #344865; }
header.top nav a[aria-current=page] { color: var(--dr-champagne); }
.footer { background: #13233f; border-color: #344865; color: #f4f1ea; }
.footer :is(p, .bottom), .footer a { color: #c5d1e2; }
.hero { background: #13233f; }
.hero .hero-copy p, .hero .sa-base { color: #c5d1e2; opacity: 1; }
.hero .stats .stat span { color: #c5d1e2; font-size: 12px; line-height: 1.5; }
.hero .stats .stat { background: #1c3050; border-color: #344865 !important; }
.hero .stats .stat strong { color: #f4f1ea; }

/* Existing primary actions keep their identity with a restrained metallic finish. */
.top nav a.spv-btn, .spv-cta, .sp-btn:not([aria-disabled=true]) {
  background: linear-gradient(180deg, #eed1a0 0%, #e8c486 100%) !important;
  color: #13233f !important;
  border-color: #e8c486;
  box-shadow: inset 0 1px 0 #ffffff52 !important;
  text-shadow: none;
}
.top nav a.spv-btn:hover, .top nav a.spv-btn:focus-visible,
.spv-cta:hover, .spv-cta:focus-visible,
.sp-btn:not([aria-disabled=true]):hover, .sp-btn:not([aria-disabled=true]):focus-visible {
  background: linear-gradient(180deg, #f5dfba 0%, #eed1a0 100%) !important;
  color: #13233f !important;
}
.top nav a.spv-btn, .spv-cta, .sp-btn, .sp-btn-sec { border-radius: 10px; }
.spv-vitrine, .spv-mini { background: #13233f; border: 1px solid #344865; border-radius: 16px; }
.spv-preco { background: #1c3050; border-color: #756a53; border-radius: 12px; }
.spv-vitrine h2 em, .spv-eyebrow, .spv-ic, .spv-mini li::before { color: #e8c486; }
.spv-eyebrow i, .spv-preco .spv-tag { background: #e8c486; }
#main .spv-letra, #main .spv-nota { color: #c5d1e2; font-size: 13px; line-height: 1.6; }
.spv-lista li small { color: #c5d1e2; }

/* Lists remain information-rich: enough room for numbers, less ornamental weight. */
#main .res-guide .res-status, #main .res-status { font-size: 12px; line-height: 1.45; }
#main .res-filters button { min-height: 44px; font-size: 14px; line-height: 1.35; }
#main .res-filters button b { font-size: 12px; font-variant-numeric: tabular-nums; }
#main .res-filters button[aria-pressed=true] {
  background: #e8c486; color: #13233f; border-color: #e8c486;
}
.res-table-wrap { border-color: var(--dr-line); border-radius: 12px; }
#main #residence-table th {
  background: var(--dr-raised); color: var(--dr-muted);
  font-size: 12px; line-height: 1.5; font-weight: 600; letter-spacing: .035em;
}
#main #residence-table td { font-size: 14px; line-height: 1.55; font-variant-numeric: tabular-nums; }
#main #residence-table td:first-child strong { font-size: 15px; font-weight: 650; }
#main #residence-table .res-conf { color: var(--dr-muted); font-size: 12px; line-height: 1.6; }
#main #residence-table tr[data-kind=today] { background: var(--dr-today); }
#main #residence-table tr[data-kind=soon] { background: var(--dr-soon); }
#main #residence-table tr[data-kind=open] { background: var(--dr-open); }
#main #residence-table tr[data-kind=upcoming] { background: var(--dr-upcoming); }
#main #residence-table tr[data-kind=closed] { background: var(--dr-closed); color: var(--dr-muted); }
@media (hover: hover) {
  #main #residence-table tbody tr:hover { background: var(--dr-row-hover); }
  .job:hover { border-color: var(--dr-muted); }
}
#main .res-date-note, #main #residence-summary { font-size: 13px; line-height: 1.6; }
#main .data-grid dt, #main .job .location, #main .audit-date { font-size: 12px; line-height: 1.5; }
#main .data-grid dd, #main .job .pay-info, #main .job .role { font-size: 14px; line-height: 1.55; }
#main .job .job-pay strong { font-variant-numeric: tabular-nums; letter-spacing: -.025em; }
.job, .panel, .rp-card { border-radius: 12px; }
.job h3, .panel h2 { line-height: 1.3; }
#comparison-dialog { background: var(--dr-surface); color: var(--dr-ink); border-color: var(--dr-line); border-radius: 16px; }
#comparison-dialog th { background: var(--dr-raised); color: var(--dr-muted); font-size: 12px; line-height: 1.5; }
#comparison-dialog td { font-size: 14px; line-height: 1.55; }

/* Pro: brand-led hero, adaptive content surfaces, readable commercial conditions. */
#main.sp-pagina { background: var(--dr-bg); color: var(--dr-ink); }
.sp-hero { background: radial-gradient(ellipse at 80% 35%, #243b5b 0%, transparent 65%), #13233f; }
.sp-hero h1 { line-height: 1.06; letter-spacing: -.035em; }
.sp-hero h1 span, .sp-chip i, .sp-confianca li::before { color: #e8c486; }
.sp-chip { background: #e8c48614; border-color: #756a53; }
.sp-chip i { background: #e8c486; }
#main .sp-sub { font-size: 18px; line-height: 1.6; color: #c5d1e2; }
#main .sp-confianca li { font-size: 14px; color: #c5d1e2; }
.sp-hero .sp-btn-sec { color: #f4f1ea; border-color: #9aaec8; }
.sp-faixa-numeros { background: var(--dr-surface); border-color: var(--dr-line); }
.sp-numeros b { color: var(--dr-accent-ink); }
.sp-numeros span, #main .sp-numeros-data { color: var(--dr-muted); font-size: 13px; line-height: 1.5; }
.sp-pagina :is(.sp-planos-sec, .sp-como-sec, .sp-garantia-sec) { background: var(--dr-bg); }
.sp-pagina :is(.sp-planos-sec, .sp-como-sec) h2 { color: var(--dr-ink); }
.sp-pagina .sp-lead, .sp-pagina .sp-passos p { color: var(--dr-muted); }
.sp-pagina .sp-passos h3 { color: var(--dr-ink); }
.sp-pagina .sp-passos b { color: var(--dr-accent-ink); }
.sp-pagina .sp-passos li { border-top-color: var(--dr-line); }
.sp-plano, .sp-garantia { background: var(--dr-surface); border-color: var(--dr-line); border-radius: 16px; }
.sp-plano-destaque { background: var(--dr-surface); border: 2px solid #b48b4f; box-shadow: none; }
.sp-selo { background: #e8c486; color: #13233f; }
.sp-pagina :is(.sp-plano h3, .sp-valor b, .sp-garantia h2) { color: var(--dr-ink); }
.sp-pagina :is(.sp-plano-desc, .sp-valor small, .sp-garantia p, .sp-conta) { color: var(--dr-muted); }
.sp-pagina .sp-plano-extra, .sp-conta a { color: var(--dr-accent-ink); }
#main .sp-plano-nota { color: var(--dr-muted); font-size: 13px; line-height: 1.6; }
.sp-pagina .sp-beneficios-sec, .sp-pagina .sp-faq-sec {
  color-scheme: inherit; background: var(--dr-surface); color: var(--dr-ink);
  border-block: 1px solid var(--dr-line);
}
.sp-pagina .sp-beneficios-sec article { background: var(--dr-bg); color: var(--dr-ink); border-color: var(--dr-line); border-radius: 12px; }
.sp-pagina .sp-beneficios-sec :is(h2,h3), .sp-pagina .sp-faq-sec :is(h2,h3,summary,a) { color: var(--dr-ink); }
.sp-pagina .sp-beneficios-sec p, .sp-pagina .sp-faq-sec :is(p,li) { color: var(--dr-muted); }
.sp-pagina .sp-beneficios-sec .sp-eyebrow, .sp-pagina .sp-faq-sec .sp-eyebrow { color: var(--dr-accent-ink); }
.sp-pagina .sp-faq details { border-color: var(--dr-line); }
.sp-pagina .sp-faq summary { min-height: 44px; align-items: center; gap: 16px; }
.sp-pagina .sp-faq summary::after { color: var(--dr-accent-ink); }
.sp-ic { color: #e8c486; }
.sp-final { background: #13233f; }
#main .sp-final-nota { color: #c5d1e2 !important; font-size: 13px !important; line-height: 1.6; }

/* The existing signed-in workspace deliberately remains navy in either theme. */
body.sap-on {
  --sad-sup: #13233f; --sad-sup2: #1c3050; --sad-linha: #536b8b;
  --sad-txt: #f4f1ea; --sad-txt2: #c5d1e2; --sad-cinza: #b2c0d3; --sad-a: #e8c486;
}
body.sap-on .sap { --dr-focus: #e8c486; }
body.sap-on .sap :is(.sap-ordenar-r, .sap-ordenar-dica) { opacity: 1; }
body.sap-on .sap .sap-ordenar button[aria-pressed=true] { background: #e8c486; border-color: #e8c486; color: #13233f; }
body.sap-on .sap .sap-dados { font-size: 14px; line-height: 1.5; }

/* Progressive disclosure created by the UI adapter; native details keep keyboard behavior. */
header.top nav.dr-navigation { overflow: visible !important; -webkit-mask-image: none !important; mask-image: none !important; }
header.top .wrap:has(nav.dr-navigation)::after { content: none; }
.dr-nav-more { position: relative; flex: 0 0 auto; }
.dr-nav-more > summary {
  display: flex; align-items: center; gap: 8px; min-height: 44px;
  padding: 8px; color: #c5d1e2; font-size: 14px; font-weight: 600;
  list-style: none; cursor: pointer; border-radius: 8px;
}
.dr-nav-more > summary::-webkit-details-marker { display: none; }
.dr-nav-more > summary::after {
  content: ""; width: 6px; height: 6px; border: solid currentColor; border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg); margin-top: -3px;
}
.dr-nav-more[open] > summary { background: #1c3050; color: #f4f1ea; }
.dr-nav-more[open] > summary::after { transform: rotate(225deg); margin-top: 3px; }
.dr-nav-more-links {
  position: absolute; top: calc(100% + 8px); right: 0; z-index: 80;
  width: 240px; max-width: calc(100vw - 32px); padding: 6px;
  background: #1c3050; color: #f4f1ea; border: 1px solid #536b8b;
  border-radius: 12px; box-shadow: 0 12px 32px #0d192e40;
}
header.top nav.dr-navigation .dr-nav-more-links a {
  display: flex !important; align-items: center; min-height: 44px; padding: 10px 12px;
  margin: 0; white-space: normal !important; color: #f4f1ea;
  font-size: 14px !important; line-height: 1.4; border-radius: 7px;
}
header.top nav.dr-navigation .dr-nav-more-links a:hover { background: #2b4263; text-decoration: none; }
.dr-editorial { margin: 24px 0 40px; border-block: 1px solid var(--dr-line); }
.dr-editorial > summary {
  min-height: 48px; padding: 14px 4px; cursor: pointer;
  color: var(--dr-muted); font-size: 14px; font-weight: 600;
}
.dr-editorial .newsletter { margin: 0 0 20px; }
.dr-editorial-footer > summary { color: #c5d1e2; min-height: 44px; padding-block: 10px; cursor: pointer; font-size: 14px; }
#main .dr-pro-ranking {
  max-width: 56ch; margin-top: 24px; padding: 18px 0 0 16px;
  border-top: 1px solid #344865; border-left: 2px solid #e8c486;
  color: #f4f1ea;
}
#main .dr-pro-ranking strong { font-size: 17px; line-height: 1.4; }
#main .dr-pro-ranking p { color: #c5d1e2; font-size: 15px; line-height: 1.6; margin: 8px 0 12px; }
#main .dr-pro-ranking .sp-btn-sec { padding: 10px 14px; font-size: 14px; min-height: 44px; }

/* The ranking order uses one spatial direction; excluded options remain readable. */
.pf-vinc.dr-bond-order { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; padding: 0; margin: 12px 0; list-style: none; }
.pf-vinc.dr-bond-order > li {
  display: grid; grid-template-columns: 88px minmax(0,1fr) auto; align-items: center;
  gap: 12px; min-height: 62px; padding: 10px 12px;
  border: 1px solid var(--dr-line); background: var(--dr-surface); border-radius: 10px;
}
.pf-vinc.dr-bond-order .dr-bond-rank {
  font-size: 12px; font-weight: 700; line-height: 1.4;
  font-variant-numeric: tabular-nums; color: var(--dr-accent-ink);
}
.pf-vinc.dr-bond-order .pf-ck { min-width: 0; font-size: 14px; line-height: 1.45; gap: 10px; }
.pf-vinc.dr-bond-order input[type=checkbox] { width: 20px; height: 20px; flex-shrink: 0; }
.pf-vinc.dr-bond-order > li > span:not(.dr-bond-rank) { display: flex; gap: 4px; }
.pf-vinc.dr-bond-order button[data-mv] { min-width: 44px; min-height: 44px; padding: 8px; border-radius: 8px; }
.pf-vinc.dr-bond-order > li.dr-bond-excluded { border-style: dashed; }
.pf-vinc.dr-bond-order > li.dr-bond-excluded .dr-bond-rank { color: var(--dr-muted); }
body.sap-on .pf-vinc.dr-bond-order > li { background: #13233f; color: #f4f1ea; border-color: #536b8b; }
body.sap-on .pf-vinc.dr-bond-order .dr-bond-rank { color: #e8c486; }
body.sap-on .pf-vinc.dr-bond-order > li.dr-bond-excluded .dr-bond-rank { color: #b2c0d3; }

/* Keyboard focus never relies on a faint shadow or on the status color alone. */
:root body :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--dr-focus) !important; outline-offset: 3px;
}
#cd-login { --dr-focus: #e8c486; }
:is(a, button, input, select, textarea, summary) { scroll-margin-block: 120px 32px; }

@media (max-width: 760px) {
  #main .res-filters { gap: 8px; }
  #main .res-filters button { padding: 10px; font-size: 13px; }
  #main #residence-table tr { padding: 18px 16px; border-radius: 12px; gap: 12px 16px; }
  #main #residence-table td { padding: 0; min-width: 0; font-size: 14px; }
  #main #residence-table td:first-child strong { font-size: 16px; }
  #main #residence-table td:nth-child(n+3)::before { font-size: 12px; line-height: 1.5; letter-spacing: .025em; }
  .spv-vitrine { padding: 28px 20px; }
  .spv-preco { padding: 22px 18px; }
  #main .sp-sub { font-size: 17px; }
  .sp-hero h1 { font-size: clamp(36px, 9vw, 52px); }
  .sp-plano { padding: 26px 22px; }
  .sp-beneficios article { padding: 22px; }
  .sp-numeros { gap: 24px 16px; }
  .sp-numeros b { font-size: clamp(26px, 7vw, 34px); }
}
@media (max-width: 600px) {
  .pf-vinc.dr-bond-order > li { grid-template-columns: minmax(0,1fr) auto; grid-template-areas: "rank moves" "choice moves"; gap: 4px 8px; }
  .pf-vinc.dr-bond-order .dr-bond-rank { grid-area: rank; }
  .pf-vinc.dr-bond-order .pf-ck { grid-area: choice; }
  .pf-vinc.dr-bond-order > li > span:not(.dr-bond-rank) { grid-area: moves; }
}
@media (max-width: 360px) {
  #main .res-filters { grid-template-columns: minmax(0,1fr); }
  .sp-plano { padding: 24px 18px; }
  .sp-valor { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .anim [data-rv="1"] { opacity: 1 !important; transform: none !important; }
  :is(.sp-btn, .spv-cta, .spv-btn, .sap-card):hover,
  :is(.sp-btn, .spv-cta, .spv-btn, .sap-card):active { transform: none !important; }
}

/* Tablet: wrap navigation as a group before it exceeds the viewport. */
@media(min-width:761px) and (max-width:900px){header.top>.wrap{flex-wrap:wrap;row-gap:8px}header.top nav.dr-navigation{flex-wrap:wrap;max-width:100%;justify-content:flex-start}header.top nav.dr-navigation>a.primary{padding-inline:14px}}

.sa-google-choice{position:fixed;top:0;left:0;right:0;z-index:9998;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem 1.25rem;margin:0;padding:.75rem 1rem;border-bottom:1px solid #758393;background:#fff;color:#13233f;box-shadow:0 2px 8px #13233f20;font:inherit;font-size:.875rem;line-height:1.45;max-height:45vh;max-height:45dvh;overflow:auto;overscroll-behavior:contain}
.sa-google-choice *{box-sizing:border-box;min-width:0}
.sa-google-choice p{flex:1 1 32rem;max-width:54rem;margin:0;overflow-wrap:anywhere}
.sa-google-choice>div{display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap}
.sa-google-choice button,.sa-google-preferences{font:inherit;font-weight:600;cursor:pointer;min-height:44px;padding:.5rem .85rem;border:1px solid #13233f;border-radius:.3rem;background:#fff;color:#13233f;text-align:center}
.sa-google-choice button{flex:1 1 auto}
.sa-google-choice a{color:#163e73;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.sa-google-preferences{margin:1rem}
.sa-google-choice button:focus-visible,.sa-google-choice a:focus-visible,.sa-google-preferences:focus-visible{outline:3px solid #c05e00;outline-offset:3px}
.sa-google-choice:focus{outline:none}
.sa-google-choice-space{display:block;flex:none;pointer-events:none}
body.sa-google-choice-open>.top{top:var(--sa-google-choice-height,0px)}
body.sa-google-choice-open>.skip:focus{top:calc(var(--sa-google-choice-height,0px) + 12px);z-index:10000}
@media(max-width:600px){.sa-google-choice{gap:.5rem;padding:.65rem .75rem}.sa-google-choice>div{width:100%}.sa-google-choice button{flex:1 1 calc(50% - .5rem)}.sa-google-choice a{flex-basis:100%;text-align:center}}

/*
 * Carregar no head com o CSS Google existente. A reserva usa as mesmas regras
 * de fonte (14px), quebra e espaçamento de .sa-google-choice, incluindo 600px.
 * Não usar altura fixa: a geometria acompanha largura, zoom e tradução.
 */
.sa-google-choice.sa-google-choice-reserve {
  display: none;
  position: static;
  visibility: hidden;
  pointer-events: none;
  flex: none;
}

html.sa-google-consent-pending .sa-google-choice.sa-google-choice-reserve {
  display: flex;
}

/*
 * start() cria .sa-google-preferences antes do banner e do spacer real, no
 * mesmo task. O botão permanece após aceitar/recusar: a reserva não reaparece.
 */
html.sa-google-consent-pending body:has(.sa-google-preferences) > .sa-google-choice-reserve {
  display: none;
}

/* Hallmark · built: the project · redesign: polish · scope: site
   Critique: focus must contrast with its own surface, and alerts must remain readable. */
:root {
  --sa-focus-on-paper: #13233f;
}

.sa-google-choice,
.sa-google-preferences {
  --dr-focus: var(--sa-focus-on-paper);
}

#main p.job-alert {
  color: var(--dr-accent-ink);
}


/* Hallmark · checked · redesign: polish · scope: text legibility · brand and layout: preserved */
body.sr-app #main .highlight .rank,
body.sr-app #main .audit-date {
  font-size: 12px !important;
  line-height: 1.5;
}

body.sr-app #main .cat-score > span,
body.sr-app #main .cat-score > small,
body.sr-app #main .cat-score > strong > small,
body.sr-app #main .cat-score > .cat-medal,
body.sr-app #main .skr-score > span,
body.sr-app #main .skr-score > small {
  font-size: 12px;
  line-height: 1.5;
}


/* Hallmark · built: the project · redesign: polish · scope: site · copy: verbatim
   Critique: consent belongs in the page flow, never over a form or an action. */
:root {
  --sa-consent-pad-block: 12px;
  --sa-consent-pad-inline: max(16px, calc((100% - 1360px) / 2));
  --sa-consent-gap: 12px;
  --sa-consent-font-size: 14px;
}

:root body > .sa-cookies {
  position: static !important;
  inset: auto !important;
  z-index: auto;
  width: auto;
  max-width: none;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--sa-consent-gap) 24px;
  align-items: center;
  justify-content: center;
  padding: var(--sa-consent-pad-block) var(--sa-consent-pad-inline);
  font-size: var(--sa-consent-font-size);
  line-height: 1.45;
  scroll-margin-top: calc(var(--sa-google-choice-height, 0px) + 12px);
}

:root body > .sa-cookies > p {
  flex: 1 1 32rem;
  max-width: 76ch;
  margin: 0;
  min-width: 0;
}

:root body > .sa-cookies > div {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

:root body > .sa-cookies button {
  min-height: 44px;
  padding: 8px 16px;
  font-size: inherit;
  line-height: 1.25;
}

@media (max-width: 600px) {
  :root body > .sa-cookies {
    justify-content: flex-start;
  }

  :root body > .sa-cookies > p {
    flex-basis: 100%;
  }

  :root body > .sa-cookies > div {
    flex: 1 1 100%;
    width: 100%;
  }

  :root body > .sa-cookies button {
    flex: 1 1 0;
  }
}