:root { color: #172033; background: #f5f7fb; font-family: Inter, Arial, sans-serif; line-height: 1.55; }
* { box-sizing: border-box; } body { margin: 0; } a { color: #075cb6; } a:hover { color: #003f7e; }
.site-header, .site-footer { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; padding: 1rem max(1rem, calc((100% - 760px) / 2)); background: #fff; }
.site-header { border-bottom: 1px solid #dce2ee; }.site-footer { margin-top: 3rem; border-top: 1px solid #dce2ee; font-size: .9rem; }.brand { margin-right: auto; color: #172033; font-weight: 800; text-decoration: none; }
.page { width: min(100% - 2rem, 760px); margin: 0 auto; padding: 3rem 0; }.eyebrow { color: #075cb6; font-size: .82rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }h1 { max-width: 19ch; font-size: clamp(2.1rem, 7vw, 4rem); line-height: 1.08; letter-spacing: -.045em; }.lede { max-width: 60ch; font-size: 1.17rem; }
.button, button { display: inline-block; border: 0; border-radius: .55rem; padding: .82rem 1rem; background: #075cb6; color: #fff; font: inherit; font-weight: 750; text-decoration: none; cursor: pointer; }button:disabled { cursor: not-allowed; opacity: .45; }.card, fieldset, #quote-result, .notice { margin: 1rem 0; padding: 1.3rem; border: 1px solid #dce2ee; border-radius: .8rem; background: #fff; }.card h3 { margin-top: 0; }fieldset { min-width: 0; }legend { font-weight: 750; }fieldset p { margin-top: .3rem; color: #566176; }fieldset label { display: inline-flex; gap: .4rem; margin: .45rem 1rem .1rem 0; align-items: center; }#quote-result[data-level="green"] { border-left: 6px solid #18864b; }#quote-result[data-level="yellow"] { border-left: 6px solid #b87800; }#quote-result[data-level="red"] { border-left: 6px solid #bd3131; }.notice { border-left: 4px solid #075cb6; background: #eaf4ff; }.article { max-width: 700px; }.article h2 { margin-top: 2.5rem; }
@media (max-width: 600px) { .page { width: min(100% - 1.25rem, 760px); padding: 2rem 0; } fieldset label { display: flex; margin-right: 0; } }
@media print { .site-header, .site-footer, .button { display: none; } .page { width: 100%; padding: 0; } body { background: #fff; } }