/* Approved Day 4: readable decisions, aligned comparisons, and a source-led detail page. */
.primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border:1px solid var(--action);border-radius:4px;background:var(--action);color:var(--white);font:400 16px/1.4 var(--sans);text-decoration:none;text-align:center}
.primary:hover{background:var(--ink);border-color:var(--ink);color:var(--white)}.primary[aria-pressed=true]{background:transparent;color:var(--ink);border-color:var(--action)}
.workspace{grid-template-columns:340px minmax(0,1fr);gap:32px}.worksheet,.comparison{padding:24px;min-width:0}.comparison{border:0;padding:0}.workspace .section-top h2{font-size:32px}.workspace .text-button,.workspace .small,.workspace .help{font-size:14px;line-height:1.6}.worksheet .form-intro,.worksheet .payment label,.worksheet .check,.worksheet .payment legend,.worksheet .stacked,.worksheet .spend-field label{font-size:16px;line-height:1.6}.worksheet input,.worksheet select{font-size:16px;min-height:46px}.worksheet .spend-field{grid-template-columns:minmax(0,1fr) 124px;gap:12px;margin-block:16px}.worksheet .spend-total{font-size:16px}.worksheet .spend-total output{font-size:32px}.worksheet .payment label,.worksheet .check{min-height:44px}.worksheet summary{font-size:16px}.worksheet .preferences{margin-top:24px}.worksheet{scroll-margin-top:24px}
.comparison>.section-top{gap:16px;flex-wrap:wrap}.comparison .tag{font-size:14px;white-space:normal;max-width:100%;overflow-wrap:anywhere}.comparison-entry,.result-context{font-size:14px;line-height:1.6}.comparison-entry a{display:inline-flex;align-items:center;min-height:44px}.edit-spend{display:none;min-height:44px;align-items:center;margin-bottom:16px}
.result-row{grid-template-columns:24px minmax(0,1fr) minmax(180px,220px);gap:16px 20px;padding:28px 20px 32px;margin-block:0 16px;border:1px solid var(--line);border-radius:6px;background:var(--white)}.result-row.top-result{border:1px solid var(--highlight);margin-bottom:16px}.result-identity{align-items:center;gap:20px}.result-identity .card-art{width:120px;margin:0}.result-row .issuer{font-size:14px;line-height:1.5;text-transform:none;letter-spacing:0;font-weight:400}.result-row .card-name{font-size:28px;line-height:1.2;margin:0}.result-row .rank{font-size:28px;line-height:1.25}.result-value{align-self:start;min-width:0}.result-row .annual{font-size:36px;line-height:1.15;white-space:normal;overflow-wrap:anywhere;margin:6px 0}.result-row .value-label{font-size:14px;line-height:1.5}.result-reason-block{margin-top:0}.result-row .result-reason,.result-row .eligibility{font-size:16px;line-height:1.6}.result-row .eligibility{margin:8px 0 0}.result-content{grid-column:2/-1}.annual-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;border-block:1px solid var(--line);padding:24px 0;margin:8px 0 20px}.annual-breakdown>div{display:block;border:0;padding:0;min-width:0}.annual-breakdown>div+div{border-left:1px solid var(--line);padding-left:24px}.annual-breakdown dt{font-size:16px;line-height:1.5}.annual-breakdown dt small{font-size:14px;line-height:1.6;margin-top:8px}.annual-breakdown dd{font-size:24px;line-height:1.3;margin:8px 0 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.result-row .initial-fee{font-size:16px;line-height:1.6;margin:0 0 20px}.result-conditions h4,.result-conditions ul{font-size:16px;line-height:1.6}.result-conditions li+li{margin-top:8px}.result-verification{font-size:14px;line-height:1.6;padding-top:16px}.result-card-link,.comparison-result-action>a{font-size:16px;line-height:1.5;min-height:44px}.result-details{grid-column:2/-1;margin-top:0}.result-details summary{font-size:16px;line-height:1.6;min-height:44px}.details-content,.calc-table,.details-content .source-links a,.details-content>a{font-size:16px;line-height:1.6}.calc-table th,.calc-table td{padding:12px 8px;overflow-wrap:anywhere}.details-content .source-links a,.details-content>a{display:inline-flex;align-items:center;min-height:44px}.comparison-result-action{gap:8px 20px}.comparison #show-all{font-size:16px;min-height:44px;margin-top:8px}.method-strip,.method-strip p,.method-strip a{font-size:14px;line-height:1.6}
.shortlist-heading p,.comparison-selectors label,.comparison-selection-state p,.comparison-scenario,.comparison-assumptions{font-size:16px;line-height:1.6}.shortlist-heading>a,.comparison-selection-state .text-button,.comparison-scroll-help{font-size:14px;line-height:1.6}.comparison-selectors select{font-size:16px}.comparison-scenario{max-width:75ch;margin-top:24px}.comparison-assumptions summary{font-size:16px}.side-by-side{font-size:16px;line-height:1.6;min-width:calc(200px + var(--comparison-count)*240px)}.comparison-label-column{width:200px}.side-by-side caption,.side-by-side td small,.comparison-bank{font-size:14px;line-height:1.6}.side-by-side th,.side-by-side td{padding:20px}.side-by-side thead a,.side-by-side thead button{font-size:16px;line-height:1.5}.comparison-card-name{font-size:26px;line-height:1.2}.side-by-side .card-art{display:flex;margin-bottom:16px}.comparison-net td{font-size:32px;line-height:1.3}.comparison-net td small{font-weight:400}.comparison-net .status-review{font-size:16px}.mobile-comparison-product{display:none}
.card-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:32px;align-items:start}.card-detail-main{min-width:0}.card-detail-page .content-intro{margin-top:32px}.card-detail-page .content-intro h1{margin-bottom:12px}.card-detail-page .detail-subtitle{font-size:24px;line-height:1.4;margin:0 0 8px}.card-detail-page .detail-meta{font-size:14px;line-height:1.6;color:var(--muted)}.card-detail-page .card-detail-overview{grid-template-columns:216px minmax(0,1fr);gap:24px;margin-top:28px}.card-detail-page .card-art--detail{width:216px}.card-detail-page p,.card-detail-page li{font-size:16px;line-height:1.6;max-width:72ch}.card-detail-page .card-art-caption{font-size:14px}.card-detail-page .card-detail-overview .lede{font-size:18px;line-height:1.6}.card-detail-page .card-detail-overview .muted,.card-detail-page .summary-provenance,.card-detail-page .small{font-size:14px;line-height:1.6}.card-detail-page .notice{padding:20px;margin-block:24px}.card-detail-page .notice p,.card-detail-page .notice li{font-size:16px}.card-detail-page section{margin-top:40px}.card-detail-page h2{font-size:30px}.card-detail-page .card-sections{gap:8px 20px}.card-detail-page .card-sections a{font-size:16px}.detail-facts{display:block;margin-block:16px 24px}.detail-facts>div{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start;padding-block:18px}.detail-facts dt{font-size:16px;line-height:1.6}.detail-facts dd{font-size:18px;line-height:1.5;margin:0;font-weight:700;font-variant-numeric:tabular-nums}.detail-evidence{min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--white);padding:24px;margin-top:32px;scroll-margin-top:24px}.card-detail-page .detail-evidence h2{margin:0 0 24px}.detail-review-dates{margin:0 0 24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.detail-review-dates>div+div{margin-top:20px}.detail-review-dates dt{font-size:14px;color:var(--muted);line-height:1.6}.detail-review-dates dd{margin:6px 0 0;font-size:16px;line-height:1.5}.detail-evidence h3{font-size:18px;margin:28px 0 12px}.detail-evidence .primary{width:100%;margin-top:12px}.detail-evidence a{min-height:44px;display:inline-flex;align-items:center;font-size:16px;line-height:1.5;overflow-wrap:anywhere}.detail-evidence .source-list{padding-left:20px}.detail-evidence .source-list li{margin-bottom:28px}.card-detail-page .secondary{font-size:16px;min-height:44px}.card-detail-page .editorial-note{font-size:14px}
@media(max-width:1150px){.workspace{grid-template-columns:320px minmax(0,1fr);gap:24px}.result-row{grid-template-columns:24px minmax(0,1fr);gap:16px;padding:24px 16px}.result-value{grid-column:2;text-align:left}.result-identity .card-art{width:104px}.result-row .result-content,.result-details{grid-column:2}.result-row .annual{font-size:36px}.annual-breakdown{gap:16px}.annual-breakdown>div+div{padding-left:16px}.card-detail-page .card-detail-overview{grid-template-columns:1fr}.card-detail-page .card-detail-overview .lede{margin-top:0}}
@media(max-width:960px){.workspace{grid-template-columns:minmax(0,1fr)}.worksheet{margin-bottom:8px}.worksheet .spend-field{grid-template-columns:minmax(0,1fr) minmax(124px,160px)}.comparison{padding:0}.edit-spend{display:inline-flex}.card-detail-layout{grid-template-columns:minmax(0,1fr)}.detail-evidence{margin-top:0}.card-detail-page .card-detail-overview{grid-template-columns:216px minmax(0,1fr)}}
@media(max-width:760px){.workspace .section-top h2{font-size:30px}.worksheet{padding:24px 20px}.result-row{grid-template-columns:22px minmax(0,1fr);gap:16px 12px;padding:24px 16px}.result-identity{gap:16px}.result-identity .card-art{width:96px}.result-row .card-name{font-size:26px}.result-row .rank{font-size:26px}.result-value{display:block;grid-column:2;text-align:left}.result-row .annual{font-size:34px}.annual-breakdown dd{font-size:22px}.shortlist h2{font-size:32px}.side-by-side{min-width:calc(140px + var(--comparison-count)*220px)}.comparison-label-column{width:140px}.side-by-side th,.side-by-side td{padding:16px}.comparison-card-name{font-size:24px}.comparison-net td{font-size:24px}.side-by-side[data-comparison-count="2"]{display:block;min-width:0;width:100%}.side-by-side[data-comparison-count="2"] colgroup{display:none}.side-by-side[data-comparison-count="2"] caption{display:block;padding:16px;font-size:14px}.side-by-side[data-comparison-count="2"] thead,.side-by-side[data-comparison-count="2"] tbody{display:block}.side-by-side[data-comparison-count="2"] tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.side-by-side[data-comparison-count="2"] thead th:first-child{display:none}.side-by-side[data-comparison-count="2"] th{position:static;min-width:0}.side-by-side[data-comparison-count="2"] tbody th{grid-column:1/-1;border-right:0;padding:12px 16px;background:var(--paper);font-size:16px}.side-by-side[data-comparison-count="2"] td{min-width:0;font-size:16px}.side-by-side[data-comparison-count="2"] td:last-child{border-right:0}.side-by-side[data-comparison-count="2"] .comparison-net th,.side-by-side[data-comparison-count="2"] .comparison-net td{background:var(--highlight)}.side-by-side[data-comparison-count="2"] .comparison-net td{font-size:24px}.side-by-side[data-comparison-count="2"] .mobile-comparison-product{display:block;font-size:14px;font-weight:400;color:var(--muted);line-height:1.5;margin-bottom:12px}.side-by-side[data-comparison-count="2"] thead th{padding:16px 12px}.side-by-side[data-comparison-count="2"] .card-art{max-width:100%}.comparison-count-2{overflow:visible;contain:none}.card-detail-page .detail-subtitle{font-size:22px}.card-detail-page .card-detail-overview{grid-template-columns:minmax(0,1fr);gap:20px}.card-detail-page .card-art--detail{width:184px}.detail-facts>div{gap:16px}.detail-facts dt{font-size:14px}.card-detail-page .content-intro{margin-top:24px}.detail-evidence{padding:24px 20px}.card-detail-page .summary-tradeoffs,.card-detail-page .summary-alternatives{grid-template-columns:1fr}.card-detail-page .summary-tradeoffs{gap:0}.card-detail-page .summary-alternatives{row-gap:16px}}
@media(max-width:380px){.worksheet .spend-field{grid-template-columns:minmax(0,1fr) 118px}.result-identity{display:block}.result-identity .card-art{width:104px;margin-bottom:16px}.annual-breakdown{grid-template-columns:minmax(0,1fr)}.annual-breakdown>div+div{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.result-row .annual{font-size:32px}.side-by-side[data-comparison-count="2"] td{padding:14px 10px}.side-by-side[data-comparison-count="2"] .comparison-net td{font-size:22px}.side-by-side[data-comparison-count="2"] .comparison-card-name{font-size:24px}.detail-facts>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}}
/* Form and comparison controls use the approved 16px control size. */
.workspace .text-button,.comparison-selection-state .text-button,.shortlist-heading>a{font-size:16px}