/* Shared Venkat Murthy and BSI brand. Byte-identical on both domains.
   Owns fonts, tokens, common type, buttons, header, menu and footer. */

/* Fonts and design tokens */
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("/dm-sans-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("/dm-sans-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root {
  --bsi-navy: #111d35;
  --bsi-navy-soft: #20314d;
  --bsi-cream: #fffef9;
  --bsi-neutral: #eee9dd;
  --bsi-neutral-warm: #ede7db;
  --bsi-slate: #435169;
  --bsi-gold: #d8b46c;
  --bsi-gold-light: #f2d69e;
  --bsi-gold-dark: #795b29;
  --bsi-line: #ccd2db;
  --bsi-line-dark: #34425b;
  --bsi-secondary-dark: #d4dbe6;
  --bsi-neutral-soft: #f5f2ea;
  --bsi-button-hover: #ebcd92;
  --bsi-font: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bsi-radius: 8px;
  --bsi-space-1: 8px;
  --bsi-space-2: 16px;
  --bsi-space-3: 24px;
  --bsi-space-4: 32px;
  --bsi-space-6: 48px;
  --bsi-space-8: 64px;
  --bsi-text: var(--bsi-navy);
  --bsi-secondary: var(--bsi-slate);
  --bsi-label: var(--bsi-gold-dark);
  --bsi-outline: #66738a;
  --bsi-focus: #8b6426;
  --bsi-bar-height: 0px;
  --bsi-obstacle-height: 0px;
  /* Compatibility tokens used by the preserved route stylesheets. */
  --ink: var(--bsi-navy);
  --ink-2: var(--bsi-navy-soft);
  --paper: var(--bsi-cream);
  --paper-2: var(--bsi-neutral);
  --white: var(--bsi-cream);
  --muted: var(--bsi-slate);
  --gold: var(--bsi-gold);
  --gold-2: var(--bsi-gold-light);
  --line: var(--bsi-line);
  --sans: var(--bsi-font);
  --serif: var(--bsi-font);
  --green: var(--bsi-navy);
}

/* Surface context is shared across both domains. Route CSS assigns the
   same context to its own surfaces; a light card can reset it explicitly. */
:where(.site-header, .site-footer, .bsi-surface-dark) {
  --bsi-text: var(--bsi-cream);
  --bsi-secondary: #d4dbe6;
  --bsi-label: var(--bsi-gold-light);
  --bsi-outline: #9aa8bd;
  --bsi-focus: var(--bsi-gold-light);
}
:where(.bsi-surface-light) {
  --bsi-text: var(--bsi-navy);
  --bsi-secondary: var(--bsi-slate);
  --bsi-label: var(--bsi-gold-dark);
  --bsi-outline: #66738a;
  --bsi-focus: #8b6426;
}

/* Base and type */
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html:has(body.bsi-interface) { scroll-behavior: smooth; scroll-padding-top: 104px; }
:where(body.bsi-interface), body.bsi-account-entry { margin: 0; background: var(--bsi-cream); color: var(--bsi-navy); font: 400 18px/1.5 var(--bsi-font); overflow-wrap: break-word; }
:where(.bsi-interface) a { color: inherit; text-decoration: none; }
:where(.bsi-interface) img { display: block; max-width: 100%; height: auto; }
:where(.bsi-interface) :is(button, input, select, textarea) { font-family: var(--bsi-font); }
:where(.bsi-interface) button { cursor: pointer; }
:where(.bsi-interface) :is(h1, h2, h3, h4, h5, h6) { font-family: var(--bsi-font); font-weight: 600; color: inherit; }
:where(.bsi-interface) p { margin: 0 0 1em; }
:where(.bsi-interface) small { font-size: 14px; line-height: 1.5; }
:where(.bsi-interface) .shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
:where(.bsi-interface) .display, :where(.bsi-interface) .bsi-heading { margin: 0; font-family: var(--bsi-font); font-weight: 600; letter-spacing: -.035em; line-height: 1.15; }
:where(.bsi-interface) .lead, :where(.bsi-interface) .section-copy, :where(.bsi-interface) .section-intro { max-width: 760px; color: var(--bsi-secondary); font-size: 18px; line-height: 1.7; }
:where(.bsi-interface) .eyebrow { display: flex; align-items: center; gap: 8px; margin: 0 0 16px; color: var(--bsi-label); font-size: 14px; line-height: 1.5; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
:where(.bsi-interface) .small-note { color: var(--bsi-secondary); font-size: 14px; line-height: 1.7; }
:where(.bsi-interface) .text-link, :where(.bsi-interface) .quiet-link, :where(.bsi-interface) .resource-back { display: inline-flex; align-items: center; min-height: 48px; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
:where(.bsi-interface) .quiet-link { margin-top: 16px; color: var(--bsi-label); font-size: 14px; }
.section-copy a:not(.button), .section-intro a:not(.button), .small-note a,
.reading :is(p, li) a:not(.button) { text-decoration: underline; text-underline-offset: 4px; }

/* Controls: one size and shape definition, with explicit variants. */
:where(.bsi-interface) .button, :where(.bsi-interface) .bsi-button, :where(.bsi-interface) .book-actions a {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 48px; padding: 11px 20px; border: 1px solid var(--bsi-outline);
  background: transparent; color: var(--bsi-text);
  border-radius: var(--bsi-radius); font: 600 16px/1.5 var(--bsi-font);
  text-align: center; text-decoration: none; white-space: normal;
  cursor: pointer; transition: background-color .15s ease, color .15s ease;
}
:where(.bsi-interface) :is(.button-primary, .button-gold, .bsi-button-primary) { background: var(--bsi-gold); color: var(--bsi-navy); border-color: var(--bsi-gold); }
:where(.bsi-interface) :is(.button-primary, .button-gold, .bsi-button-primary):hover { background: #ebcd92; border-color: #ebcd92; color: var(--bsi-navy); }
:where(.bsi-interface) :is(.button-dark, .bsi-button-dark), :where(.bsi-interface) .book-actions a:first-child { background: var(--bsi-navy); color: var(--bsi-cream); border-color: var(--bsi-navy); }
:where(.bsi-interface) :is(.button-dark, .bsi-button-dark):hover { background: var(--bsi-navy-soft); color: var(--bsi-cream); }
:where(.bsi-interface) :is(.button-outline, .button-ghost, .bsi-button-secondary), :where(.bsi-interface) .book-actions a { background: transparent; color: var(--bsi-text); border-color: var(--bsi-outline); }
:where(.bsi-interface) :is(.button-outline, .button-ghost, .bsi-button-secondary):hover { background: #111d350b; color: var(--bsi-text); border-color: currentColor; }
:where(.bsi-interface) :is(.button, .bsi-button):hover { transform: none; }
:where(.bsi-interface) :is(a, button, summary, input, select, textarea):focus-visible { outline: 3px solid var(--bsi-focus); outline-offset: 4px; }
/* Header and navigation. Footer nav uses its own class and stays in flow. */
.skip { position: fixed; left: -9999px; top: 8px; z-index: 80; background: var(--bsi-cream); color: var(--bsi-navy); padding: 12px 16px; }
.skip:focus { left: 8px; }
.site-header { position: sticky; top: 0; z-index: 50; background: var(--bsi-navy); color: var(--bsi-cream); border-bottom: 1px solid #34425b; }
.nav { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
:where(.bsi-interface) .brand { display: flex; align-items: center; gap: 12px; min-width: 0; font-size: 18px; font-weight: 700; }
:where(.bsi-interface) .brand > span { min-width: 0; overflow-wrap: anywhere; }
.brand-mark { width: 52px; height: auto; flex: 0 0 auto; object-fit: contain; }
:where(.bsi-interface) .brand small { display: block; color: var(--bsi-secondary); font-size: 14px; line-height: 1.4; font-weight: 500; letter-spacing: 0; }
.nav-links { display: flex; align-items: center; gap: 18px; font-size: 14px; white-space: nowrap; }
.nav-links > a { display: inline-flex; align-items: center; min-height: 48px; }
.nav-links > a:not(.button) { color: #d4dbe6; }
.nav-links > a:not(.button):hover, .nav-links > a[aria-current="page"] { color: var(--bsi-gold-light); }
.nav-links .button { padding-inline: 16px; }
.menu-toggle { display: none; min-height: 48px; min-width: 66px; flex-shrink: 0; padding: 10px 12px; border: 1px solid #9aa8bd; border-radius: var(--bsi-radius); background: transparent; color: var(--bsi-cream); font-size: 14px; }

/* Footer: aligned columns and the same 48px rows at every breakpoint. */
.site-footer { padding: var(--bsi-space-6) 0 var(--bsi-space-3); background: var(--bsi-navy); color: var(--bsi-cream); }
.footer-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(32px,5vw,80px); align-items: start; }
.footer-grid > * { min-width: 0; }
.footer-nav { display: block; position: static; padding: 0; border: 0; background: none; }
.footer-grid :is(h4, h2, .footer-heading) { margin: 0 0 16px; color: var(--bsi-gold-light); font-size: 14px; line-height: 1.5; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.footer-grid a, .footer-location { display: flex; align-items: center; min-height: 48px; padding: 8px 0; margin: 0; color: #d4dbe6; font-size: 16px; line-height: 1.5; font-weight: 400; white-space: normal; overflow-wrap: anywhere; }
.footer-grid p { margin: 0 0 16px; max-width: 36ch; color: #d4dbe6; font-size: 16px; line-height: 1.7; }
.site-footer a:hover { color: var(--bsi-gold-light); text-decoration: underline; text-underline-offset: 4px; }
.legal { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 24px; border-top: 1px solid #34425b; margin-top: 32px; padding-top: 16px; color: #d4dbe6; font-size: 14px; line-height: 1.5; }
.legal a { display: inline-flex; align-items: center; min-height: 48px; color: inherit; }


@media (max-width: 1100px) {
  .nav-links { display: none; position: absolute; inset: 100% 0 auto; padding: 24px; background: var(--bsi-navy); flex-direction: column; align-items: stretch; gap: 8px; max-height: calc(100dvh - 104px); overflow: auto; }
  .nav-links.open { display: flex; }
  .nav-links > a { width: 100%; white-space: normal; }
  .nav-links > .button { justify-content: center; }
  .menu-toggle { display: inline-flex; align-items: center; justify-content: center; }
}
@media (max-width: 900px) {
  .nav { min-height: 68px; padding-block: 8px; gap: 12px; }
  :where(.bsi-interface) .brand { flex: 1 1 auto; }
  :where(.bsi-interface) .brand small { max-width: none; white-space: normal; }
  .brand-mark { width: 38px; }
  .nav-links { padding: 16px 20px; max-height: calc(100dvh - 96px); }
  .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 40px; }
  .footer-contact { grid-column: 1/-1; padding-top: 24px; border-top: 1px solid #34425b; }
}
@media (max-width: 650px) {
  :where(.bsi-interface) .shell { width: calc(100% - 32px); }
  :where(.bsi-interface) .brand { font-size: 17px; }
}
@media (max-width: 540px) {
  .site-footer { padding: 32px 0 16px; }
  .footer-grid { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .footer-nav + .footer-nav, .footer-contact { grid-column: auto; padding-top: 24px; border-top: 1px solid #34425b; }
  .footer-grid :is(h4, h2, .footer-heading) { margin-bottom: 8px; }
  .legal { margin-top: 24px; justify-content: flex-start; gap: 8px 24px; }
  .legal span:first-child { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(body.bsi-interface) { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}


/* Visible creator and accurately labelled historical feedback near the offer. */
.offer-authority { display: flex; align-items: flex-start; gap: 16px; min-width: 0; }
.offer-authority > img { flex: 0 0 72px; width: 72px; height: 90px; border-radius: var(--bsi-radius); object-fit: cover; object-position: center 20%; }
.offer-authority > div { min-width: 0; }
.offer-authority p { margin: 0; color: var(--bsi-slate); font-size: 14px; line-height: 1.5; }
.offer-authority .offer-authority-name { margin-bottom: 4px; color: var(--bsi-navy); font-size: 16px; font-weight: 600; }
.offer-authority-compact { margin-top: 24px; }
.buyer-proof { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--bsi-line); }
.buyer-proof-feedback { margin: 20px 0 0; padding: 0; }
.buyer-proof-feedback .buyer-proof-label { margin: 0 0 12px; color: var(--bsi-slate); font-size: 14px; line-height: 1.5; font-weight: 600; }
.buyer-proof-feedback blockquote { margin: 0 0 12px; color: var(--bsi-navy); font-size: 16px; line-height: 1.5; }
.buyer-proof-feedback figcaption { color: var(--bsi-navy); font-size: 14px; line-height: 1.5; }
.buyer-proof-feedback figcaption strong, .buyer-proof-feedback figcaption span { display: block; }
.buyer-proof-feedback figcaption span { color: var(--bsi-slate); }
.buyer-proof-feedback .buyer-proof-context { margin: 12px 0 0; color: var(--bsi-slate); font-size: 14px; line-height: 1.5; }
@media (max-width: 600px) { .offer-authority { gap: 12px; } .offer-authority > img { flex-basis: 64px; width: 64px; height: 80px; } }

/* Shared mobile joining actions. Visibility is owned by the existing observer. */
.bsi-programme-bar[hidden] { display: none !important; }
.bsi-programme-bar { display: none; }
@media (max-width: 900px) {
.bsi-programme-bar .bsi-button { width: 100%; min-height: 48px; padding: 10px 12px; font-size: 16px; line-height: 1.25; }
.bsi-programme-actions { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(0,1fr); gap: 8px; }
.bsi-programme-inner { max-width: 660px; margin-inline: auto; }
.bsi-programme-bar { display: block; position: fixed; inset: auto 0 var(--bsi-obstacle-height) 0; z-index: 40; padding: 6px max(12px,env(safe-area-inset-left,0px)) calc(6px + env(safe-area-inset-bottom,0px)); border-top: 1px solid #aeb8c8; background: var(--bsi-cream); color: var(--bsi-navy); box-shadow: 0 -4px 16px #111d3510; font: 400 14px/1.5 var(--bsi-font); }
html:has(body.bsi-mobile-actions.bsi-mobile-bar-visible) { scroll-padding-bottom: calc(var(--bsi-bar-height) + var(--bsi-obstacle-height) + 16px); }
body.bsi-mobile-actions.bsi-mobile-bar-visible { padding-bottom: calc(var(--bsi-bar-height) + var(--bsi-obstacle-height) + 16px); }
.bsi-mobile-actions.bsi-mobile-bar-visible .nav-links { max-height: calc(100dvh - 96px - var(--bsi-bar-height) - var(--bsi-obstacle-height)); }
}
@media print { .bsi-programme-bar { display: none !important; } body.bsi-mobile-actions { padding-bottom: 0; } }

/* Common public disclosures keep additional depth available on both sites. */
:where(.bsi-interface) section.disclosure-section { display: block; padding-top: 0; padding-bottom: 0; }
:where(.bsi-interface) .content-disclosure { margin: 0; }
:where(.bsi-interface) .content-disclosure > summary { position: relative; display: block; min-height: 64px; padding: 18px 48px 18px 0; color: var(--bsi-navy); font-size: 18px; font-weight: 600; line-height: 1.5; list-style: none; cursor: pointer; }
:where(.bsi-interface) .content-disclosure > summary::-webkit-details-marker { display: none; }
:where(.bsi-interface) .content-disclosure > summary::after { position: absolute; top: 18px; right: 8px; content: "+"; color: var(--bsi-slate); font-size: 24px; line-height: 1; }
:where(.bsi-interface) .content-disclosure[open] > summary::after { content: "−"; }
:where(.bsi-interface) .disclosure-body { padding: 24px 0 32px; }
.bsi-sankalpa .content-disclosure > summary { border-bottom: 1px solid var(--bsi-line); }
@media print { .content-disclosure > summary::after { content: none; } }

/* Optional advertising consent. Behaviour remains in marketing.js. */
.tracking-choice { position: static; box-sizing: border-box; width: calc(100% - 32px); max-width: 1180px; margin: 16px auto; padding: 20px; background: var(--bsi-cream); color: var(--bsi-navy); border: 1px solid var(--bsi-line); border-radius: var(--bsi-radius); box-shadow: none; font: 400 14px/1.5 var(--bsi-font); }
.tracking-choice p { margin: 0 0 12px; }
.tracking-choice button { min-height: 48px; padding: 11px 16px; margin: 3px; border: 1px solid #66738a; border-radius: var(--bsi-radius); background: var(--bsi-cream); color: var(--bsi-navy); font: 500 16px/1.5 var(--bsi-font); cursor: pointer; }
.tracking-choice button:first-of-type { background: var(--bsi-navy); color: var(--bsi-cream); }
.tracking-choice a { display: inline-flex; align-items: center; min-height: 48px; margin-left: 10px; color: var(--bsi-navy); text-decoration: underline; text-underline-offset: 4px; }
.tracking-settings { display: block; min-height: 48px; margin: 12px auto 24px; padding: 11px 16px; border: 1px solid #66738a; border-radius: var(--bsi-radius); background: transparent; color: var(--bsi-navy); font: 500 14px/1.5 var(--bsi-font); cursor: pointer; }
.site-footer .tracking-settings { display: inline-flex; align-items: center; margin: 0; padding: 8px 0; border: 0; border-radius: 0; color: var(--bsi-secondary-dark); font: 400 16px/1.5 var(--bsi-font); text-align: left; text-decoration: underline; text-underline-offset: 4px; }
.site-footer .tracking-settings:hover { color: var(--bsi-gold-light); }
/* Joining controls on account entry and the compact public quiz. Private
   workspace buttons are intentionally excluded. 24 + 22 + 2 = 48px. */
:is(.bsi-account-entry, .bsi-sankalpa-check) button { min-height: 48px; padding: 11px 20px; border: 1px solid var(--bsi-outline); border-radius: var(--bsi-radius); font: 600 16px/1.5 var(--bsi-font); white-space: normal; cursor: pointer; }
:is(.bsi-account-entry, .bsi-sankalpa-check) button:not(.secondary) { background: var(--bsi-gold); color: var(--bsi-navy); border-color: var(--bsi-gold); }
:is(.bsi-account-entry, .bsi-sankalpa-check) button.secondary { background: var(--bsi-cream); color: var(--bsi-navy); border-color: var(--bsi-outline); }
.bsi-sankalpa-check .button { background: var(--bsi-gold); color: var(--bsi-navy); border-color: var(--bsi-gold); }
:where(.bsi-interface) .confirmation a { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 11px 20px; border: 1px solid var(--bsi-gold); border-radius: var(--bsi-radius); background: var(--bsi-gold); color: var(--bsi-navy); font: 600 16px/1.5 var(--bsi-font); text-decoration: none; }

/* Header navigation remains a quiet route; the hero joining button leads. */
.site-header .brand { min-height: 48px; }
.site-header .nav-links .button { background: transparent; color: var(--bsi-cream); border-color: #9aa8bd; }
.site-header .nav-links .button:hover { background: var(--bsi-navy-soft); color: var(--bsi-cream); border-color: var(--bsi-gold-light); }
/* Give the full 14px method caption enough width on ordinary phones. */
@media (max-width: 540px) { .site-header .nav { gap: 8px; } .site-header .brand { gap: 8px; } .site-header .brand-mark { width: 32px; } }
@media (max-width: 360px) { .site-header .brand small { display: none; } }
/* One compact footer preferences panel. Separate consent purposes retain
   independent choices; no measurement choice resembles a buying action. */
.consent-panel { margin: 32px 0 0; padding: 24px; border: 1px solid var(--bsi-outline); border-radius: var(--bsi-radius); background: transparent; color: var(--bsi-text); }
.consent-panel .consent-title { margin: 0 0 8px; color: inherit; font: 600 18px/1.5 var(--bsi-font); letter-spacing: 0; }
.consent-panel .consent-intro { max-width: 84ch; margin: 0 0 20px; color: var(--bsi-secondary); font: 400 14px/1.5 var(--bsi-font); }
.consent-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.consent-group { min-width: 0; padding: 0; }
.consent-panel .consent-group-title { margin: 0 0 8px; color: inherit; font: 600 16px/1.5 var(--bsi-font); letter-spacing: 0; }
.consent-panel :is(.consent-description, .consent-status, .consent-withdraw-note) { max-width: none; margin: 0 0 12px; color: var(--bsi-secondary); font: 400 14px/1.5 var(--bsi-font); }
.consent-details { margin: 0 0 12px; }
.consent-details summary { display: inline-flex; align-items: center; min-height: 48px; cursor: pointer; color: var(--bsi-text); font: 400 14px/1.5 var(--bsi-font); text-decoration: underline; text-underline-offset: 4px; }
.consent-details p, .consent-details a { color: var(--bsi-secondary); font: 400 14px/1.5 var(--bsi-font); }
.consent-details p { margin: 0 0 12px; }
.consent-details a { text-decoration: underline; text-underline-offset: 4px; }
.consent-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.consent-panel button.consent-button, .consent-panel button.consent-done { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; margin: 0; padding: 11px 16px; border: 1px solid var(--bsi-outline); border-radius: var(--bsi-radius); background: transparent; color: var(--bsi-text); font: 500 16px/1.5 var(--bsi-font); text-align: center; white-space: normal; cursor: pointer; }
.consent-panel .consent-done { margin-top: 20px; }
.consent-panel .consent-policy { display: inline-flex; align-items: center; min-height: 48px; color: var(--bsi-secondary); font: 400 14px/1.5 var(--bsi-font); text-decoration: underline; text-underline-offset: 4px; }
.consent-panel .consent-button:hover { border-color: currentColor; text-decoration: underline; text-underline-offset: 4px; }
.consent-panel .consent-button[aria-pressed="true"] { border-color: currentColor; box-shadow: inset 0 0 0 1px currentColor; }
.consent-preferences { display: inline-flex; align-items: center; min-height: 48px; margin: 0; padding: 8px 0; border: 0; border-radius: 0; background: transparent; color: inherit; font: 400 16px/1.5 var(--bsi-font); text-align: left; text-decoration: underline; text-underline-offset: 4px; white-space: normal; cursor: pointer; }
.site-footer .consent-preferences { color: var(--bsi-secondary-dark); }
.site-footer .consent-preferences:hover { color: var(--bsi-cream); }
@media (max-width: 700px) { .consent-groups { grid-template-columns: minmax(0, 1fr); gap: 24px; } .consent-group + .consent-group { padding-top: 20px; border-top: 1px solid var(--bsi-outline); } }
@media (max-width: 540px) { .consent-panel { margin-top: 24px; padding: 20px 16px; } .consent-actions > .consent-button { flex: 1 1 140px; } }
@media print { .consent-panel, .consent-preferences { display: none !important; } }