/* GENERATED by scripts/build-ui.js; see docs/UI_LOCK.md. */
/* Approved product tokens. Read docs/UI_DESIGN_SYSTEM.md before editing. */
body.ui-system {
  --ui-page:#f7f9f8; --ui-surface:#fff; --ui-secondary:#f0f5f2;
  --ui-elevated:#fff; --ui-ink:#19372f; --ui-text:#4d6158;
  --ui-muted:#5d7067; --ui-border:#d5dfd9; --ui-border-strong:#9aae9f;
  --ui-brand:#235c49; --ui-brand-hover:#173f32; --ui-coupon:#e8f2ed;
  --ui-success:#23633f; --ui-warning:#805318; --ui-error:#a02b2b;
  --ui-info:#245d75; --ui-focus:#216c89; --ui-on-brand:#fff;
  --ui-font:'Plus Jakarta Sans',Arial,sans-serif; --ui-editorial:Georgia,'Times New Roman',serif;
  --ui-caption:.8125rem; --ui-small:.875rem; --ui-body:1rem;
  --ui-large:1.125rem; --ui-h3:1.125rem; --ui-h4:1rem;
  --ui-h1:clamp(2rem,3.5vw,3rem); --ui-h2:clamp(1.75rem,2.6vw,2.25rem);
  --ui-price:clamp(2.25rem,3.8vw,3rem);
  --ui-1:4px; --ui-2:8px; --ui-3:12px; --ui-4:16px; --ui-5:20px;
  --ui-6:24px; --ui-8:32px; --ui-10:40px; --ui-12:48px;
  --ui-16:64px; --ui-20:80px; --ui-24:96px;
  --ui-radius-sm:4px; --ui-radius-md:8px; --ui-radius-lg:12px;
  --ui-shadow-1:0 4px 16px #19372f06; --ui-shadow-2:0 12px 32px #19372f0d;
  --ui-content:1200px; --ui-gutter:24px; --ui-section:64px;
  --ui-nav:56px; --ui-motion:180ms;
  /* Compatibility aliases: one palette while legacy layout rules remain. */
  --cc-ink:var(--ui-ink); --cc-green:var(--ui-brand); --cc-muted:var(--ui-text);
  --cc-mint:var(--ui-coupon); --cc-paper:var(--ui-page); --cc-line:var(--ui-border);
  --cb-teal:var(--ui-brand); --cb-teal-hover:var(--ui-brand-hover);
  --cb-cyan:var(--ui-border-strong); --cb-cyan-light:var(--ui-coupon);
  --cb-navy:var(--ui-ink); --cb-ink:var(--ui-ink); --cb-paper:var(--ui-page);
  --cb-muted:var(--ui-text); --cb-border:var(--ui-border); --cb-line:var(--ui-border);
  --cb-green:var(--ui-success); --cb-green-bg:var(--ui-secondary); --cb-green-border:var(--ui-border);
  --cb-amber:var(--ui-warning); --cb-amber-bg:#fff8ec; --cb-amber-border:#ddc9a8;
  --cb-card-shadow:var(--ui-shadow-1); --primary:var(--ui-ink);
  --text-main:var(--ui-ink); --text-light:var(--ui-text); --text-muted:var(--ui-muted);
  --accent:var(--ui-brand); --accent-dark:var(--ui-brand-hover); --accent-light:var(--ui-coupon);
  --brand-blue:var(--ui-brand); --brand-blue-light:var(--ui-secondary);
}
@media(max-width:760px) {
  body.ui-system { --ui-gutter:20px; --ui-section:40px; }
}
@media(max-width:360px) { body.ui-system { --ui-gutter:16px; } }

/* Shared components and explicit adapters for existing PHP markup. No data rules. */
html:has(body.ui-system),body.ui-system { overflow:visible; }
body.ui-system { font-family:var(--ui-font); color:var(--ui-ink); background:var(--ui-surface); line-height:1.65; }
body.ui-system .container { max-width:var(--ui-content); padding-inline:var(--ui-gutter); }
body.ui-system :is(button,input,select) { font-family:inherit; }
body.ui-system :is(a,button,summary,select) { touch-action:manipulation; -webkit-tap-highlight-color:#235c4920; }
body.ui-system :is(a,button,summary,input,select,[tabindex]):focus-visible { outline:3px solid var(--ui-focus); outline-offset:4px; }
body.ui-system :is(button,select,summary) { scroll-margin-block:calc(var(--ui-nav) + 24px); }
body.ui-system :is(h1,h2) { text-wrap:balance; }
body.ui-system h3 { line-height:1.45; }
body.ui-system [hidden] { display:none !important; }

/* Navigation: compact links remain visible without a hamburger dependency. */
body.ui-system .site-header { background:var(--ui-surface); border-bottom:1px solid var(--ui-border); position:relative; }
body.ui-system .nav-wrap { min-height:76px; gap:var(--ui-6); }
body.ui-system .header-links { gap:var(--ui-3); }
body.ui-system .header-links a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding-inline:var(--ui-3); font-size:var(--ui-small); color:var(--ui-text); }
body.ui-system .header-links a:hover { color:var(--ui-brand); background:var(--ui-secondary); border-radius:var(--ui-radius-sm); }
body.ui-system .header-links a:last-child { border:0; padding-inline:var(--ui-3); }
body.ui-system .brand-logo { font-size:1.125rem; color:var(--ui-ink); }
body.ui-system :is(.breadcrumbs-bar,.cerebellum-breadcrumbs) { background:var(--ui-surface); border-bottom:1px solid var(--ui-border); }
body.ui-system :is(.breadcrumbs-list,.cerebellum-breadcrumbs .container) { font-size:var(--ui-caption); color:var(--ui-muted); flex-wrap:wrap; line-height:1.6; }
body.ui-system :is(.breadcrumbs-list,.cerebellum-breadcrumbs) a { color:var(--ui-text); }
body.ui-system .store-section-nav { position:sticky; top:0; z-index:90; background:var(--ui-surface); border-bottom:1px solid var(--ui-border); box-shadow:var(--ui-shadow-1); }
body.ui-system .store-section-nav .container { display:flex; align-items:stretch; gap:var(--ui-8); padding-block:0; overflow-x:auto; scrollbar-width:thin; scrollbar-color:var(--ui-border-strong) transparent; }
body.ui-system .store-section-nav a { display:inline-flex; align-items:center; flex-shrink:0; padding:var(--ui-2) 0; min-height:var(--ui-nav); font-size:var(--ui-small); font-weight:600; color:var(--ui-text); border-bottom:2px solid transparent; transition:color var(--ui-motion),border-color var(--ui-motion); }
body.ui-system .store-section-nav a[aria-current="location"],body.ui-system .store-section-nav a:hover { color:var(--ui-brand); border-bottom-color:var(--ui-brand); }
body.ui-system :is(#price-calculator,#verified-deals,#compare-plans,#flyers-announcements,#store-faqs,#popular-plans,#cerebellum-posters,#hardcopy-notes,#how-to-use-heart,#buying-guide,#cerebellum-faqs) { scroll-margin-top:calc(var(--ui-nav) + 24px); }

/* Actions: native elements, clear purpose, one hierarchy across all brands. */
body.ui-system[data-store] :is(.cc-button,.calculator-cta,.calc-cta-btn,.btn-claim-deal,.ui-button) {
  display:inline-flex; justify-content:center; align-items:center; gap:var(--ui-2);
  min-height:48px; padding:var(--ui-3) var(--ui-5); border:1px solid var(--ui-brand);
  border-radius:var(--ui-radius-md); background:var(--ui-brand); color:var(--ui-on-brand);
  font-size:var(--ui-small); font-weight:700; line-height:1.5; text-align:center;
  box-shadow:none; cursor:pointer; transition:background-color var(--ui-motion),border-color var(--ui-motion);
}
body.ui-system[data-store] :is(.cc-button,.calculator-cta,.calc-cta-btn,.btn-claim-deal,.ui-button):hover { background:var(--ui-brand-hover); border-color:var(--ui-brand-hover); transform:none; }
body.ui-system[data-store] :is(.cc-copy,.calc-copy-btn,.pop-calc-btn,.note-cta,.show-offers-btn,.notes-toggle,.deal-pill) { min-height:44px; padding:var(--ui-2) var(--ui-4); border:1px solid var(--ui-border-strong); border-radius:var(--ui-radius-md); font-size:var(--ui-small); font-weight:600; color:var(--ui-brand); background:var(--ui-surface); box-shadow:none; transition:background-color var(--ui-motion),border-color var(--ui-motion); }
body.ui-system[data-store] :is(.cc-copy,.calc-copy-btn,.pop-calc-btn,.note-cta,.show-offers-btn,.notes-toggle):hover { background:var(--ui-secondary); border-color:var(--ui-brand); transform:none; }
body.ui-system[data-store] .deal-pill.active { background:var(--ui-brand); color:var(--ui-on-brand); border-color:var(--ui-brand); }
body.ui-system :is(button,select):disabled { opacity:1; color:var(--ui-muted); background:var(--ui-secondary); border-color:var(--ui-border); cursor:not-allowed; }
body.ui-system .btn-carousel-nav { min-width:44px; min-height:44px; }
body.ui-system .btn-carousel-nav:disabled { opacity:.5; }

/* Verification: factual metadata, not a decorative badge. */
body.ui-system :is(.ui-verification,.calculator-verified,.calc-freshness-badge) { display:inline-flex; align-items:flex-start; gap:var(--ui-2); max-width:100%; border:0; border-left:2px solid var(--ui-border-strong); border-radius:0; padding:var(--ui-1) 0 var(--ui-1) var(--ui-3); background:transparent; color:var(--ui-text); font-size:var(--ui-caption); line-height:1.6; font-weight:500; white-space:normal; }
body.ui-system :is(.ui-verification,.calculator-verified,.calc-freshness-badge) svg { width:16px; height:16px; flex-shrink:0; margin-top:2px; fill:var(--ui-success); }

/* Voucher: explicit code/savings/scope groups, no gradient or ticket ornament. */
body.ui-system .ui-voucher { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:var(--ui-4) var(--ui-6); align-items:center; padding:var(--ui-6); margin-bottom:var(--ui-6); background:var(--ui-secondary); border:1px solid var(--ui-border); border-left:4px solid var(--ui-brand); border-radius:var(--ui-radius-md); }
.ui-voucher-identity { min-width:0; }
.ui-voucher-label { display:block; font-size:var(--ui-caption); font-weight:600; color:var(--ui-text); margin-bottom:var(--ui-2); }
.ui-voucher-code { display:block; font-size:2rem; line-height:1.15; letter-spacing:1px; font-weight:800; color:var(--ui-ink); }
.ui-voucher-saving { font-size:var(--ui-body); font-weight:700; line-height:1.6; color:var(--ui-ink); margin:0; max-width:52ch; }
.ui-voucher-scope { font-size:var(--ui-small); line-height:1.65; color:var(--ui-text); margin:var(--ui-2) 0 0; }
.ui-voucher-date { display:block; margin-top:var(--ui-1); font-size:var(--ui-caption); color:var(--ui-text); }
.ui-voucher-help { grid-column:1/-1; margin:0; padding-top:var(--ui-3); border-top:1px solid var(--ui-border); font-size:var(--ui-small); line-height:1.6; color:var(--ui-text); }

/* Forms and calculators share a frame; price computation is untouched. */
body.ui-system :is(.calculator-shell,.calc-shell) { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--ui-6); align-items:start; }
body.ui-system :is(.calculator-controls,.calc-controls) { display:grid; gap:var(--ui-5); min-width:0; padding:var(--ui-6); background:var(--ui-page); border:1px solid var(--ui-border); border-radius:var(--ui-radius-lg); }
body.ui-system :is(.calculator-field,.calc-field) { display:grid; min-width:0; gap:var(--ui-2); }
body.ui-system :is(.calculator-field > span,.calculator-addons legend,.calc-field label,.calc-exam-label) { display:block; color:var(--ui-ink); font-size:var(--ui-small); font-weight:600; text-transform:none; letter-spacing:0; }
body.ui-system :is(.calculator-field,.calc-field) select { width:100%; min-width:0; min-height:48px; border:1px solid var(--ui-border-strong); border-radius:var(--ui-radius-md); padding:var(--ui-3); font-size:16px; color:var(--ui-ink); background-color:var(--ui-surface); line-height:1.5; }
body.ui-system :is(.calculator-field,.calc-field) select:focus { border-color:var(--ui-focus); box-shadow:0 0 0 3px #216c8918; }
body.ui-system :is(.calculator-helper,.calculator-validity,.calc-field small,.calc-monthly-note,.calc-validity-note) { font-size:var(--ui-small); line-height:1.65; color:var(--ui-text); }
body.ui-system .calculator-addon-option { display:flex; min-height:48px; gap:var(--ui-3); padding:var(--ui-3); border:1px solid var(--ui-border); border-radius:var(--ui-radius-md); background:var(--ui-surface); cursor:pointer; }
body.ui-system .calculator-addon-option:has(input:checked) { border-color:var(--ui-brand); background:var(--ui-coupon); }
body.ui-system .calculator-addon-option input { width:20px; height:20px; flex-shrink:0; accent-color:var(--ui-brand); }
body.ui-system .calculator-addon-option span { display:flex; flex:1; justify-content:space-between; align-items:start; flex-wrap:wrap; gap:var(--ui-1) var(--ui-3); }
body.ui-system .calculator-addon-option :is(strong,small) { font-size:var(--ui-small); line-height:1.6; color:var(--ui-text); }
body.ui-system :is(.calculator-receipt,.calc-receipt) { min-width:0; padding:var(--ui-6); border:1px solid var(--ui-border-strong); border-radius:var(--ui-radius-lg); background:var(--ui-elevated); box-shadow:var(--ui-shadow-1); }
body.ui-system :is(.receipt-total,.calc-total-amount) { display:block; font-size:var(--ui-price); line-height:1.15; letter-spacing:-1.5px; font-weight:700; color:var(--ui-ink); font-variant-numeric:tabular-nums; }
body.ui-system .receipt-total { margin:var(--ui-4) 0 var(--ui-2); }
body.ui-system :is(.receipt-selection,.calc-receipt-title) { font-size:var(--ui-body); line-height:1.6; color:var(--ui-ink); }
body.ui-system .receipt-topline { font-size:var(--ui-small); color:var(--ui-text); gap:var(--ui-3); }
body.ui-system :is(.receipt-code,.calc-receipt-tag,.calc-receipt-variant,.calc-coupon-badge) { font-size:var(--ui-caption); border-radius:var(--ui-radius-sm); padding:var(--ui-1) var(--ui-2); background:var(--ui-coupon); color:var(--ui-success); border:0; text-transform:none; letter-spacing:0; }
body.ui-system .receipt-breakdown { padding:var(--ui-4) 0; margin:var(--ui-5) 0; border-block:1px solid var(--ui-border); }
body.ui-system :is(.receipt-breakdown > div,.calc-breakdown-row) { display:flex; gap:var(--ui-4); justify-content:space-between; align-items:baseline; padding-block:var(--ui-1); }
body.ui-system :is(.receipt-breakdown dt,.res-lbl) { font-size:var(--ui-small); color:var(--ui-text); line-height:1.6; }
body.ui-system :is(.receipt-breakdown dd,.res-val) { font-size:var(--ui-small); color:var(--ui-ink); font-weight:600; white-space:nowrap; font-variant-numeric:tabular-nums; }
body.ui-system .receipt-breakdown > div:has(#calculator-discount),body.ui-system #calc-res-coupon-row { background:var(--ui-coupon); border-radius:var(--ui-radius-sm); padding:var(--ui-2); margin:var(--ui-2) 0; }
body.ui-system .receipt-breakdown .receipt-saving,body.ui-system .res-saving-green { color:var(--ui-success); }
body.ui-system .calculator-recommendation { background:var(--ui-page); border:0; padding:var(--ui-4); border-radius:var(--ui-radius-md); margin-bottom:var(--ui-5); }
body.ui-system .calculator-recommendation :is(strong,span) { font-size:var(--ui-small); line-height:1.65; color:var(--ui-text); }
body.ui-system .calculator-recommendation strong { color:var(--ui-ink); }
body.ui-system .calculator-cta { width:100%; }
body.ui-system .calc-total-box { display:flex; flex-direction:column; align-items:flex-start; gap:var(--ui-4); border:0; border-block:1px solid var(--ui-border); border-radius:0; background:var(--ui-surface); padding:var(--ui-5) 0; }
body.ui-system .calc-total-lbl { text-transform:none; letter-spacing:0; font-size:var(--ui-small); }
body.ui-system .calc-coupon-badge.coupon-ineligible { color:var(--ui-warning); background:#fff8ec; border-left:2px solid var(--ui-warning); }
body.ui-system .calc-savings-pill { font-size:var(--ui-small); }
body.ui-system .calc-exam-container { margin-bottom:0; }
body.ui-system .calc-exam-tabs { display:flex; flex-wrap:wrap; padding:var(--ui-1); gap:var(--ui-1); border:1px solid var(--ui-border); border-radius:var(--ui-radius-md); background:var(--ui-surface); }
body.ui-system .calc-exam-btn { min-height:44px; flex:1; padding:var(--ui-2) var(--ui-3); font-size:var(--ui-small); border-radius:var(--ui-radius-sm); box-shadow:none; transition:background-color var(--ui-motion),color var(--ui-motion); }
body.ui-system .calc-exam-btn.active { background:var(--ui-brand); color:var(--ui-on-brand); }
body.ui-system :is(.calculator-error,.calc-error) { grid-column:1/-1; padding:var(--ui-5); background:#fff5f4; border:1px solid #dfb5b2; border-left:3px solid var(--ui-error); border-radius:var(--ui-radius-md); color:var(--ui-error); font-size:var(--ui-body); line-height:1.65; }
body.ui-system :is(.calc-loading,.empty-offers) { padding:var(--ui-8); border:1px solid var(--ui-border); border-radius:var(--ui-radius-md); background:var(--ui-page); color:var(--ui-text); font-size:var(--ui-body); text-align:left; }

/* Native disclosures and pricing records. All columns are retained on mobile. */
body.ui-system .secondary-disclosure { border:1px solid var(--ui-border); border-radius:var(--ui-radius-md); box-shadow:none; }
body.ui-system .secondary-disclosure > summary { min-height:56px; padding:var(--ui-4) var(--ui-5); background:var(--ui-page); font-size:var(--ui-body); color:var(--ui-ink); }
body.ui-system .price-reference { padding:var(--ui-6); }
body.ui-system .price-reference h2 { font:400 var(--ui-h2)/1.2 var(--ui-editorial); letter-spacing:-.5px; }
body.ui-system .price-reference > p { max-width:75ch; font-size:var(--ui-body); }
body.ui-system .price-reference details > summary { justify-content:space-between; gap:var(--ui-4); }
body.ui-system .price-reference details > summary::after { content:'+'; font-size:var(--ui-large); color:var(--ui-brand); }
body.ui-system .price-reference details[open] > summary::after { content:'−'; }
body.ui-system .price-reference-scroll { border:1px solid var(--ui-border); border-radius:var(--ui-radius-md); overscroll-behavior-inline:contain; }
body.ui-system .price-reference table { font-size:var(--ui-small); }
body.ui-system .price-reference :is(th,td) { padding:var(--ui-4); vertical-align:top; font-variant-numeric:tabular-nums; }
body.ui-system .price-reference th { font-weight:600; background:var(--ui-secondary); }
body.ui-system .price-reference th:first-child { width:58%; }
body.ui-system .price-reference td:first-child a { display:inline-flex; align-items:center; min-height:44px; line-height:1.6; }
body.ui-system .price-reference td small { font-size:var(--ui-caption); color:var(--ui-text); }
body.ui-system .price-reference td:last-child { font-size:var(--ui-body); color:var(--ui-ink); }
body.ui-system .price-reference tbody tr:last-child td { border-bottom:0; }
body.ui-system :is(.faq-q-title,.cc-faq summary) { min-height:56px; padding-block:var(--ui-5); font-size:var(--ui-body); line-height:1.6; gap:var(--ui-4); color:var(--ui-ink); }
body.ui-system :is(.faq-a-content,.cc-faq p) { color:var(--ui-text); font-size:var(--ui-body); line-height:1.75; padding-bottom:var(--ui-5); }
body.ui-system :is(.faq-row,.cc-faq) { border:0; border-bottom:1px solid var(--ui-border); border-radius:0; }

/* Footer and dialogs are part of the same product, not a second theme. */
body.ui-system .site-footer { background:var(--ui-ink); padding-block:var(--ui-12) var(--ui-6); }
body.ui-system .footer-top { grid-template-columns:1.4fr 1fr 1fr 1fr; gap:var(--ui-8); }
body.ui-system .site-footer :is(p,a,.footer-disclosure) { font-size:var(--ui-small); line-height:1.75; color:#dbe7df; }
body.ui-system .footer-col a { display:inline-flex; align-items:center; min-height:44px; }
body.ui-system .footer-col li { margin:0; }
body.ui-system .footer-col h4 { font-size:var(--ui-small); margin-bottom:var(--ui-3); }
body.ui-system .footer-disclosure { margin-top:var(--ui-8); padding-block:var(--ui-6); }
body.ui-system .footer-bottom { padding-top:var(--ui-5); gap:var(--ui-4); }
body.ui-system :is(.modal-overlay,.lightbox-overlay) { overscroll-behavior:contain; }
body.ui-system .modal-content { border:1px solid var(--ui-border); border-radius:var(--ui-radius-lg); box-shadow:var(--ui-shadow-2); }
body.ui-system :is(.modal-close-btn,.modal-copy-btn) { min-height:44px; min-width:44px; }
body.ui-system .modal-icon { display:none; }
body.ui-system .toast-msg { background:var(--ui-ink); color:white; border-radius:var(--ui-radius-md); max-width:calc(100vw - 32px); font-size:var(--ui-small); bottom:calc(16px + env(safe-area-inset-bottom)); }
body.ui-system :is(.calc-receipt.pulse-update,.pop-plan-card:hover) { animation:none; transform:none; }

@media(max-width:900px) {
  body.ui-system .ui-voucher { grid-template-columns:minmax(0,1fr) auto; }
  .ui-voucher-details { grid-row:2; grid-column:1/-1; }
  .ui-voucher > .ui-button { grid-column:2; grid-row:1; }
}
@media(max-width:760px) {
  body.ui-system :is(.calculator-shell,.calc-shell) { grid-template-columns:minmax(0,1fr); }
  body.ui-system :is(.calculator-controls,.calc-controls,.calculator-receipt,.calc-receipt) { padding:var(--ui-5); }
  body.ui-system .ui-voucher { padding:var(--ui-5); gap:var(--ui-4); }
  .ui-voucher-label { font-size:var(--ui-caption); }
  body.ui-system .store-section-nav .container { gap:var(--ui-6); }
  body.ui-system .price-reference { padding:var(--ui-4); }
  body.ui-system .price-reference thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  body.ui-system .price-reference :is(table,tbody) { display:block; width:100%; }
  body.ui-system .price-reference tbody tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); border-bottom:1px solid var(--ui-border); padding:var(--ui-4); gap:var(--ui-3); }
  body.ui-system .price-reference tbody tr:last-child { border-bottom:0; }
  body.ui-system .price-reference td { display:block; padding:0; border:0; white-space:normal; }
  body.ui-system .price-reference td:first-child { grid-column:1/-1; }
  body.ui-system .price-reference td[data-label]::before { content:attr(data-label); display:block; font-size:var(--ui-caption); font-weight:500; color:var(--ui-muted); margin-bottom:var(--ui-1); }
  body.ui-system .price-reference td:last-child { text-align:right; }
  body.ui-system .footer-top { grid-template-columns:1fr 1fr; gap:var(--ui-8) var(--ui-5); }
  body.ui-system .footer-brand { grid-column:1/-1; }
  body.ui-system .footer-bottom { flex-direction:column; align-items:flex-start; }
}
@media(max-width:480px) {
  body.ui-system .nav-wrap { flex-wrap:wrap; justify-content:space-between; padding-block:var(--ui-2); gap:0 var(--ui-3); }
  body.ui-system .brand-logo { min-height:44px; }
  body.ui-system .header-links { width:100%; gap:var(--ui-2); border-top:1px solid var(--ui-border); justify-content:flex-start; }
  body.ui-system .header-links a { flex:1; padding-inline:var(--ui-2); }
  body.ui-system .calc-actions { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  body.ui-system *,body.ui-system *::before,body.ui-system *::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; }
}

/* Page composition only. Component appearance belongs in ui-components.css. */
body.ui-system .cc-hero-shell { --hero-ink:var(--ui-ink); --hero-action:var(--ui-brand); --hero-muted:var(--ui-text); --hero-paper:var(--ui-page); --hero-tint:var(--ui-coupon); --hero-line:var(--ui-border); padding-block:var(--ui-12); }
body.ui-system .cc-hero-shell .cc-hero-title { font-size:var(--ui-h1); line-height:1.15; letter-spacing:-1px; max-width:27ch; }
body.ui-system .cc-hero-description { font-size:var(--ui-body); line-height:1.75; }
body.ui-system .cc-hero-shell .cc-hero-layout { gap:var(--ui-12); grid-template-columns:minmax(0,1fr) 360px; }
body.ui-system .cc-offer-ticket { border-radius:var(--ui-radius-lg); box-shadow:var(--ui-shadow-1); padding:var(--ui-6); }
body.ui-system .cc-offer-code-row { border:0; border-radius:var(--ui-radius-md); padding:var(--ui-4); flex-wrap:wrap; }
body.ui-system .cc-offer-code-row > strong { overflow-wrap:anywhere; font-size:1.75rem; letter-spacing:1px; }
body.ui-system .cc-hero-shell :is(.cc-offer-help,.cc-offer-label,.cc-offer-destination,.cc-hero-context) { font-size:var(--ui-small); }
body.ui-system .cc-hero-shell .cc-offer-copy { font-size:var(--ui-small); }
body.ui-system .cc-offer-brand { height:48px; margin-bottom:var(--ui-5); }
body.ui-system .cc-hero-shell :is(.cc-hero-primary,.cc-hero-secondary) { font-size:var(--ui-small); }
body.ui-system .price-calculator { padding-block:var(--ui-section); margin-bottom:var(--ui-section); }
body.ui-system :is(.calculator-intro,.calc-header) { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--ui-6); margin-bottom:var(--ui-8); flex-wrap:wrap; }
body.ui-system :is(.calculator-intro h2,.calc-header h2,.deals-header-bar h2,.how-to-apply-card h2,.faq-modern-card h2,.cerebellum-page h2,.premium-home h2,.directory-heading h2) { font-family:var(--ui-editorial); font-size:var(--ui-h2); line-height:1.2; font-weight:400; letter-spacing:-.75px; color:var(--ui-ink); }
body.ui-system :is(.calculator-intro p:not(.calculator-kicker),.calc-header p,.deals-header-meta,.cerebellum-section-intro,.faq-subtitle,.guide-subtitle) { font-size:var(--ui-body); line-height:1.75; color:var(--ui-text); max-width:68ch; }
body.ui-system :is(.calculator-kicker,.sp-eyebrow,.calc-kicker,.directory-eyebrow) { font-size:var(--ui-small); font-weight:500; color:var(--ui-muted); text-transform:none; letter-spacing:0; margin-bottom:var(--ui-2); }
body.ui-system .deals-filter-pills { gap:var(--ui-2); }
body.ui-system .sp-offer-search { margin-block:var(--ui-6); }
body.ui-system .sp-offer-search label { font-size:var(--ui-small); color:var(--ui-text); }
body.ui-system .sp-offer-search input { min-height:48px; background:var(--ui-surface); border-color:var(--ui-border-strong); border-radius:var(--ui-radius-md); }
body.ui-system .premium-deals-list { gap:var(--ui-5); align-items:stretch; }
body.ui-system :is(.deal-card-premium,.pop-plan-card,.note-card,.guide-card,.cerebellum-plan,.directory-card) { border:1px solid var(--ui-border); border-radius:var(--ui-radius-lg); box-shadow:none; background:var(--ui-surface); }
body.ui-system .deal-card-body { padding:var(--ui-6); gap:var(--ui-4); }
body.ui-system :is(.deal-title,.pop-title,.note-title,.guide-card h3,.cerebellum-plan h3) { font-size:var(--ui-h3); line-height:1.5; color:var(--ui-ink); }
body.ui-system .deal-title { margin-block:var(--ui-3); }
body.ui-system :is(.tag-highlight,.tag-exam,.deal-action-note,.price-savings-badge,.duration-pill,.flyer-durations-tag,.flyer-price-line,.pop-tag,.pop-exam,.pop-save-badge,.pop-coupon-tag,.note-badge) { font-size:var(--ui-caption); line-height:1.6; }
body.ui-system :is(.tag-exam,.pop-tag,.note-badge) { background:var(--ui-secondary); color:var(--ui-text); border-radius:var(--ui-radius-sm); text-transform:none; letter-spacing:0; padding:var(--ui-1) var(--ui-2); }
body.ui-system :is(.deal-description,.course-details summary,.price-source-note,.note-coupon-note,.note-saving,.cerebellum-plan-detail,.guide-card p,.guide-card ul) { font-size:var(--ui-small); line-height:1.75; color:var(--ui-text); }
body.ui-system .course-details summary { min-height:44px; display:flex; align-items:center; cursor:pointer; }
body.ui-system .course-details summary::before { content:'+'; margin-right:var(--ui-2); font-size:var(--ui-large); }
body.ui-system .course-details[open] summary::before { content:'−'; }
body.ui-system .price-source-note { margin-block:var(--ui-3); }
body.ui-system :is(.price-discounted,.pop-final,.note-selling) { font-size:1.5rem; font-weight:700; line-height:1.4; color:var(--ui-ink); font-variant-numeric:tabular-nums; }
body.ui-system :is(.pop-mrp,.note-mrp,.res-val.strikethrough) { color:var(--ui-muted); }
body.ui-system .deal-action-column { border-top:1px solid var(--ui-border); padding-top:var(--ui-4); gap:var(--ui-4); min-height:0; }
body.ui-system .offer-list-footer p { font-size:var(--ui-small); color:var(--ui-text); }
body.ui-system .btn-claim-deal .btn-text strong { text-transform:none; letter-spacing:0; font-size:var(--ui-small); }
body.ui-system .btn-claim-deal .btn-text small { font-size:var(--ui-caption); }
body.ui-system .deal-card-premium:hover { border-color:var(--ui-border-strong); box-shadow:var(--ui-shadow-1); transform:none; }
body.ui-system :is(.pop-plan-card,.note-card,.guide-card) { padding:var(--ui-6); }
body.ui-system :is(.cerebellum-calculator-section,.cerebellum-popular-section,.cerebellum-notes-section,.cerebellum-offers,.cerebellum-guide) { padding-block:var(--ui-section); }
body.ui-system :is(.pop-plans-grid,.notes-grid,.cerebellum-guide-grid,.cerebellum-plan-grid) { gap:var(--ui-5); }
body.ui-system .pop-plan-card:hover { border-color:var(--ui-border-strong); box-shadow:var(--ui-shadow-1); }
body.ui-system .pop-plan-header { flex-wrap:wrap; gap:var(--ui-2); }
body.ui-system .pop-final-row { flex-wrap:wrap; gap:var(--ui-2); }
body.ui-system .cerebellum-plan-actions a { min-height:44px; font-size:var(--ui-small); }
body.ui-system .calc-receipt-header { border-width:1px; }
body.ui-system .how-to-apply-card { padding:var(--ui-8); margin-block:var(--ui-section); background:var(--ui-secondary); border-radius:var(--ui-radius-lg); }
body.ui-system .guide-steps-row { gap:var(--ui-6); }
body.ui-system .guide-step :is(h4,p) { font-size:var(--ui-small); line-height:1.75; }
body.ui-system .guide-step h4 { font-weight:700; }
body.ui-system .faq-modern-card { padding-bottom:var(--ui-section); }
body.ui-system .cerebellum-faq-section { padding-block:var(--ui-section); gap:var(--ui-12); }
body.ui-system .flyer-meta { padding:var(--ui-4); }
body.ui-system .flyer-meta h4 { font-size:var(--ui-body); }

/* Homepage and discovery: keep supported brands easy to scan. */
body.ui-system .cc-section { padding-block:var(--ui-section); }
body.ui-system .cc-process { background:var(--ui-secondary); padding-block:var(--ui-section); }
body.ui-system :is(.cc-section-heading,.directory-heading) { gap:var(--ui-6); margin-bottom:var(--ui-8); }
body.ui-system :is(.cc-store-identity,.cc-store-details) { padding:var(--ui-6); }
body.ui-system :is(.cc-store-details > p,.cc-store-identity p,.cc-process-grid p,.cc-faq-intro,.cc-section-description,.directory-card > p) { font-size:var(--ui-body); line-height:1.75; color:var(--ui-text); }
body.ui-system :is(.cc-status,.cc-assurance .container > span,.cc-platform-row p,.cc-upcoming-heading p,.cc-pending) { font-size:var(--ui-small); }
body.ui-system .cc-platform-row h4 { font-size:var(--ui-body); }
body.ui-system .cc-platform-row { gap:var(--ui-4); }
body.ui-system .cc-platform-row .cc-text-link { margin-left:auto; }
body.ui-system .cc-store-actions :is(.cc-button,.cc-text-link) { font-size:var(--ui-small); }
body.ui-system .cc-assurance .container { gap:var(--ui-4); padding-block:var(--ui-4); }
body.ui-system .directory-hero h1 { font-size:var(--ui-h1); }
body.ui-system .directory-card-link { min-height:44px; display:inline-flex; align-items:center; }
body.ui-system .directory-card-brand img { width:120px; height:48px; object-fit:contain; }

@media(min-width:761px) and (max-width:1050px) {
  body.ui-system .cc-hero-shell .cc-hero-layout { grid-template-columns:minmax(0,1fr) 320px; gap:var(--ui-8); }
  body.ui-system .calc-shell { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  body.ui-system .calc-actions { grid-template-columns:1fr; }
}
@media(max-width:760px) {
  body.ui-system .cc-hero-shell { padding-block:var(--ui-8); }
  body.ui-system .cc-hero-shell .cc-hero-layout { grid-template-columns:minmax(0,1fr); gap:var(--ui-6); }
  body.ui-system .cc-offer-ticket { max-width:none; padding:var(--ui-5); }
  body.ui-system .cc-hero-shell .cc-hero-title { max-width:none; }
  body.ui-system .cc-hero-choices { gap:var(--ui-2) var(--ui-5); }
  body.ui-system .cc-offer-brand { margin-bottom:var(--ui-4); }
  body.ui-system .cc-offer-help { margin-block:var(--ui-3); }
  body.ui-system :is(.calculator-intro,.calc-header) { margin-bottom:var(--ui-6); gap:var(--ui-4); }
  body.ui-system .deal-card-body { padding:var(--ui-5); }
  body.ui-system .how-to-apply-card { padding:var(--ui-5); }
  body.ui-system :is(.cc-store-identity,.cc-store-details) { padding:var(--ui-5); }
  body.ui-system .cc-featured-store { grid-template-columns:1fr; }
  body.ui-system .cc-upcoming { grid-template-columns:1fr; }
  body.ui-system .cc-platform-row { flex-wrap:wrap; }
  body.ui-system .cc-faq-layout { gap:var(--ui-8); }
  body.ui-system .cc-store-actions { gap:var(--ui-3); }
  body.ui-system .cerebellum-faq-section { gap:var(--ui-6); }
}