:root{--resource-width:940px}.resource-hero{padding-block:65px 30px}.resource-hero h1{font-size:clamp(30px,4vw,52px);line-height:1.5;max-width:1000px}.resource-hero>p{max-width:800px;color:#52758b;line-height:1.9}.resource-body{max-width:var(--resource-width);margin-inline:auto;padding-block:10px 35px}.resource-body article{padding-block:26px;border-bottom:1px solid #d5e8f2}.resource-body h2{font-size:25px;line-height:1.5}.resource-body p{line-height:1.95;color:#42677d;margin-top:12px}.resource-actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px;padding-block:20px 55px}.footer-resources{display:flex;flex-wrap:wrap;gap:12px 22px;grid-column:1/-1;border-top:1px solid #d5e8f2;padding-top:22px}.footer-resources a{font-size:13px;color:#42677d}.home-services-link{padding-block:0 35px}.request-step-heading h2:focus{outline:2px solid #1298d5;outline-offset:8px}.field-error{display:block;color:#a3122d;font-size:13px;line-height:1.6;margin-top:5px}.request-field [aria-invalid=true]{border-color:#bd1531}.request-summary [data-edit-step]{margin-inline-start:auto;color:#076a9b;text-decoration:underline;padding:6px 10px;font-size:13px}.request-draft-tools{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-block:12px;font-size:12px;color:#52758b}.request-draft-tools button{color:#076a9b;text-decoration:underline;padding:5px}.request-attachments{border-top:1px solid #cfe5f1;margin-top:24px;padding-top:22px}.request-attachments input{display:block;margin-block:12px;max-width:100%}.request-attachments p{font-size:14px;line-height:1.8}.request-policy-note{font-size:13px;line-height:1.8;margin-block:18px}.request-policy-note a{color:#076a9b;text-decoration:underline}.resource-body form{display:grid;gap:18px;max-width:600px;margin-top:24px}.resource-body label{display:grid;gap:10px}.resource-body input,.admin-workspace input,.admin-workspace select,.admin-workspace textarea{width:100%;padding:14px;border:1px solid #b9ddeb;border-radius:7px;background:#fff;color:#133f58;font:inherit}.admin-tools{display:flex;flex-wrap:wrap;gap:12px}.admin-tools input{max-width:300px}.admin-columns{display:grid;grid-template-columns:minmax(240px,1fr) 2fr;gap:30px;margin-block:25px 60px}.admin-request{display:block;text-align:start;width:100%;padding:18px;border:1px solid #cfe5f1;border-radius:8px;margin-bottom:10px;background:#fff}.admin-request small{display:block;margin-top:8px}.admin-field{padding:12px 0;border-bottom:1px solid #d5e8f2;overflow-wrap:anywhere;white-space:pre-wrap}.admin-field dt{font-size:12px;color:#52758b}.admin-field dd{margin:5px 0}.admin-controls{display:grid;gap:12px;margin-top:22px}.admin-workspace #admin-status{margin-top:18px}.resource-body button{justify-self:start}
/* Account actions remain easy to find without taking an extra mobile row. */
@media(max-width:650px){body .site-header{min-height:90px;grid-template-columns:minmax(0,1fr) 40px 40px;padding-block:10px}body .site-header .nav-actions{display:contents}body .site-header .header-account-actions{grid-column:1/-1;display:flex;justify-content:stretch}body .site-header .header-register,body .site-header .header-signin{display:none}body .site-header .header-quote{width:100%;min-height:42px}body .site-header .mobile-menu:not([hidden]){max-height:calc(100dvh - 145px)}.resource-hero{padding-block:35px 18px}.resource-body h2{font-size:22px}html[dir=rtl] .resource-body h2{font-size:24px}.admin-columns{grid-template-columns:1fr}.footer-resources{gap:14px}.resource-actions .btn{width:100%}.support-dock{bottom:max(12px,env(safe-area-inset-bottom))}}
@media print{.site-header,.footer,.support-dock,.resource-actions,[data-print-checklist],.scroll-progress{display:none!important}.wrap{width:100%;max-width:none}.resource-hero{padding:0}.resource-body article{break-inside:avoid}.resource-body{max-width:none}body{background:#fff;color:#000}}
/* Keep request-summary edit actions readable on phones. */
.request-draft-tools{font-size:14px;line-height:1.6;gap:8px 16px}
.request-draft-tools button{font-size:14px;min-height:40px}
/* Registration is the red action in the desktop header and mobile menu. */
.site-header .header-register,.site-header .mobile-menu a.mobile-account[href*="/join/apply"]{background:#d90e32;border-color:#d90e32;color:#fff}
.site-header .header-register:hover,.site-header .mobile-menu a.mobile-account[href*="/join/apply"]:hover{background:#bd0d2b;border-color:#bd0d2b;color:#fff}