.journal-quiz{margin:48px 0;padding:32px;border:1px solid var(--romii-line,#DAD7D0);border-radius:24px;background:#EEEAE2;scroll-margin-top:110px}.journal-quiz h2{margin:0 0 12px;font-size:clamp(28px,4vw,40px);line-height:1.2;letter-spacing:-.04em}.journal-quiz h3{font-size:26px;line-height:1.25;margin:12px 0 24px;letter-spacing:-.03em}.journal-quiz h3:focus{outline:none}.journal-quiz h3:focus-visible{outline:2px solid #0B0B0B;outline-offset:4px}.journal-quiz h4{font-size:20px;margin:0 0 10px}.journal-quiz p{font-size:16px;line-height:1.6}.journal-quiz fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}.journal-quiz legend{font-size:18px;font-weight:600;margin:0 0 14px;padding:0}.journal-quiz .quiz-option{display:flex;align-items:flex-start;gap:12px;background:#F7F5EF;border:1px solid #DAD7D0;border-radius:12px;padding:14px 16px;margin:8px 0;cursor:pointer;font-size:16px;line-height:1.5}.journal-quiz .quiz-option:has(:checked){border-color:#0B0B0B;outline:1px solid #0B0B0B;outline-offset:-2px}.journal-quiz input[type=radio]{accent-color:#0B0B0B;width:20px;height:20px;margin:2px 0;flex:0 0 auto}.journal-quiz input:not([type=radio]),.journal-quiz select{width:100%;max-width:440px;border:1px solid #696963;border-radius:12px;background:#F7F5EF;color:#0B0B0B;padding:14px 16px;font:inherit;min-height:50px}.quiz-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.journal-quiz .quiz-primary,.journal-quiz .quiz-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:12px;border:1px solid #0B0B0B;font:600 15px/1.5 Manrope,Arial,sans-serif;text-decoration:none;cursor:pointer;white-space:normal}.journal-quiz .quiz-primary{background:#0B0B0B;color:#F7F5EF}.journal-quiz .quiz-secondary{background:transparent;color:#0B0B0B}.journal-quiz .quiz-primary:hover{background:#292923}.journal-quiz .quiz-secondary:hover{background:#F7F5EF}.journal-quiz [data-quiz-ui]>.quiz-primary{margin:8px 12px 8px 0}.journal-quiz :is(button,a,input,select):focus-visible{outline:3px solid #355B80;outline-offset:3px}.journal-quiz .quiz-progress{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#696963}.journal-quiz .quiz-small{font-size:14px;color:#696963}.quiz-alert{padding:16px;background:#F7F5EF;border-left:3px solid #805C13;border-radius:0 12px 12px 0}.quiz-match,.quiz-illustration{padding:22px;background:#F7F5EF;border:1px solid #DAD7D0;border-radius:16px;margin:20px 0}.quiz-match a,.quiz-official-link{font-weight:600}.quiz-official-link{display:block;margin:16px 0}.journal-quiz-resources{margin-top:32px;padding-top:24px;border-top:1px solid #DAD7D0}.journal-quiz-resources h3{font-size:18px;margin:0 0 12px}.journal-quiz-resources a{font-size:15px}.quiz-threshold{font-weight:600}@media(max-width:600px){.journal-quiz{padding:24px 18px;margin:32px 0;border-radius:18px}.journal-quiz h3{font-size:24px}.journal-quiz .quiz-actions>*{flex:1}.journal-quiz .quiz-option{padding:12px}.journal-quiz input:not([type=radio]),.journal-quiz select{max-width:none}}@media(prefers-reduced-motion:reduce){.journal-quiz *{scroll-behavior:auto}}

.ttc-savings{margin:28px 0 12px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 32px}.ttc-savings-number{min-width:0;padding:28px;background:#0B0B0B;color:#F7F5EF;border-radius:18px;align-self:start}.journal-quiz .ttc-savings-eyebrow{font-size:14px;margin:0 0 12px;color:#F7F5EF}.journal-quiz .ttc-savings-total{font-size:clamp(48px,5vw,64px);white-space:nowrap;line-height:1.08;font-weight:600;letter-spacing:-.06em;margin:0;color:#DDB42D;font-variant-numeric:tabular-nums}.journal-quiz .ttc-savings-label{font-size:18px;line-height:1.4;margin:12px 0 0}.journal-quiz .ttc-savings-monthly{font-size:14px;margin:22px 0 0;color:#F7F5EF}.ttc-savings-controls{align-self:center;min-width:0}.ttc-savings-controls label{display:flex;justify-content:space-between;gap:12px;font-size:16px;font-weight:600;line-height:1.5}.ttc-savings-controls output{font-variant-numeric:tabular-nums}.journal-quiz .ttc-savings-controls input[type=range]{display:block;width:100%;max-width:none;min-height:44px;padding:0;border:0;accent-color:#805C13;background:transparent;cursor:pointer}.ttc-savings-controls .quiz-small{margin:0 0 24px}.journal-quiz .ttc-savings-comparison{font-size:14px;margin:16px 0 0}.ttc-savings>.quiz-small,.ttc-savings>.quiz-primary,.ttc-savings>details{grid-column:1/-1}.ttc-savings>.quiz-small{margin:0}.ttc-savings>.quiz-primary{justify-self:start}.journal-quiz .quiz-primary:disabled{opacity:.5;cursor:default}@media(max-width:700px){.ttc-savings{grid-template-columns:minmax(0,1fr);gap:22px}.ttc-savings-number{padding:24px}.journal-quiz .ttc-savings-total{font-size:clamp(40px,14vw,64px)}.ttc-savings>.quiz-primary{justify-self:stretch}}

.journal-quiz .ttc-savings-basis{font-size:14px;line-height:1.5;margin:12px 0 0;color:#F7F5EF}.ttc-savings details{font-size:14px;line-height:1.6}.ttc-savings summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.journal-quiz .ttc-savings-assumptions p{margin:12px 0 0}
.money-preview{margin:28px 0 12px}.journal-quiz .money-preview-prompt{font-weight:600}.money-preview-choices{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 24px}.journal-quiz .money-preview-choices button{background:#F7F5EF;flex:1 1 160px;font-size:14px;padding:10px 12px}.journal-quiz .money-preview-choices button[aria-pressed=true]{background:#0B0B0B;color:#F7F5EF}.money-preview-detail{padding:24px;background:#F7F5EF;border:1px solid #DAD7D0;border-radius:16px;margin:22px 0}.journal-quiz .money-preview-detail h3{font-size:26px;margin:0 0 16px}.money-preview-detail ul{padding-left:22px}.money-preview-detail li{font-size:16px;line-height:1.6;margin:12px 0}.money-preview>[data-help-start]{margin:12px 0}@media(max-width:400px){.journal-quiz .money-preview-choices button{flex-basis:120px}.money-preview-detail{padding:20px}}

.quiz-rule-check{border:1px solid #DAD7D0;border-radius:14px;padding:20px;margin:18px 0;background:#F7F5EF}.quiz-rule-check[data-state=flag]{border-left:4px solid #805C13}.journal-quiz .quiz-rule-state{font-size:14px;font-weight:600;margin:10px 0}.quiz-rule-check h4{margin:0}.quiz-rule-check p:last-child{margin-bottom:0}