/* CA56 generated from the beta site.css, copy-refinement.css, mockup.css and beta.css: header, navigation, footer and preview bar only. */
:root {
  --navy: #102F4F;
  --ink: #082341;
  --red: #C71920;
  --red-hover: #A8141A;
  --canvas: #F7F5F0;
  --white: #FFFFFF;
  --muted: #526274;
  --border: #D7DEE5;
  --control-border: #718096;
  --selected: #EDF3F8;
  --success: #176B4A;
  --success-surface: #EEF7F1;
  --warning: #8A4B00;
  --warning-surface: #FFF5E5;
  --error: #B42318;
  --focus: #225EAB;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --radius-control: 4px;
  --radius-card: 6px;
  --radius-panel: 8px;
  --radius-pill: 999px;
  --font-display: "Barlow Semi Condensed", "Arial Narrow", sans-serif;
  --font-body: "Source Sans 3", Arial, sans-serif;
  --content-max: 1280px;
  --control-min: 44px;
  --duration: 140ms;
}
@font-face{font-family:'Barlow Semi Condensed';src:url('assets/fonts/BarlowSemiCondensed-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url('assets/fonts/BarlowSemiCondensed-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('assets/fonts/SourceSans3-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('assets/fonts/SourceSans3-Semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('assets/fonts/SourceSans3-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:where(.preview-bar,.site-header,.site-footer) button,:where(.preview-bar,.site-header,.site-footer) input,:where(.preview-bar,.site-header,.site-footer) select,:where(.preview-bar,.site-header,.site-footer) textarea{font:inherit}
:where(.preview-bar,.site-header,.site-footer) button,:where(.preview-bar,.site-header,.site-footer) a,:where(.preview-bar,.site-header,.site-footer) input,:where(.preview-bar,.site-header,.site-footer) select,:where(.preview-bar,.site-header,.site-footer) textarea,:where(.preview-bar,.site-header,.site-footer) summary{touch-action:manipulation}
:where(.preview-bar,.site-header,.site-footer) button,:where(.preview-bar,.site-header,.site-footer) summary{cursor:pointer}
:where(.preview-bar,.site-header,.site-footer) button:disabled{cursor:not-allowed;opacity:.6}
:where(.preview-bar,.site-header,.site-footer) a{color:var(--navy);text-underline-offset:4px}
:where(.preview-bar,.site-header,.site-footer) img{display:block;max-width:100%;height:auto}
:where(.preview-bar,.site-header,.site-footer) h1,:where(.preview-bar,.site-header,.site-footer) h2,:where(.preview-bar,.site-header,.site-footer) h3,:where(.preview-bar,.site-header,.site-footer) h4{font-family:var(--font-display);line-height:1.1;letter-spacing:-.012em;margin:0 0 16px;font-weight:700}
:where(.preview-bar,.site-header,.site-footer) h1{font-size:48px;font-weight:800}
:where(.preview-bar,.site-header,.site-footer) h2{font-size:36px}
:where(.preview-bar,.site-header,.site-footer) h3{font-size:26px}
:where(.preview-bar,.site-header,.site-footer) p{margin:0 0 16px}
:where(.preview-bar,.site-header,.site-footer) button{border-radius:var(--radius-control)}
:where(.preview-bar,.site-header,.site-footer) :focus-visible{outline:3px solid var(--focus);outline-offset:3px}
:where(.preview-bar,.site-header,.site-footer) h1:focus,:where(.preview-bar,.site-header,.site-footer) main:focus{outline:none}
:where(.preview-bar,.site-header,.site-footer) .container{width:min(calc(100% - 80px),var(--content-max));margin-inline:auto}
:where(.preview-bar,.site-header,.site-footer) .fine,:where(.preview-bar,.site-header,.site-footer) .field-help,:where(.preview-bar,.site-header,.site-footer) .form-footnote{font-size:14px;line-height:1.4;color:var(--muted)}
:where(.preview-bar,.site-header,.site-footer) .fine{margin-bottom:0}
:where(.preview-bar,.site-header,.site-footer) .btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:11px 22px;background:var(--red);color:var(--white);border:1px solid transparent;border-radius:var(--radius-control);text-decoration:none;font-weight:600;line-height:1.25;transition:background var(--duration),border-color var(--duration)}
:where(.preview-bar,.site-header,.site-footer) .btn:hover{background:var(--red-hover);color:white}
:where(.preview-bar,.site-header,.site-footer) .btn.secondary{background:var(--navy)}
:where(.preview-bar,.site-header,.site-footer) .btn.secondary:hover{background:var(--ink)}
:where(.preview-bar,.site-header,.site-footer) .btn.outline{color:var(--navy);background:white;border-color:var(--control-border)}
:where(.preview-bar,.site-header,.site-footer) .btn.outline:hover{background:var(--selected);border-color:var(--navy)}
.skip-link{position:fixed;top:8px;left:8px;background:var(--navy);color:white;padding:12px 20px;z-index:30;transform:translateY(-150%);opacity:0;pointer-events:none}
.skip-link:focus{transform:none;opacity:1;pointer-events:auto}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.preview-bar{background:var(--selected);font-size:14px;border-bottom:1px solid var(--border)}
.preview-bar .container{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}
.preview-bar nav{display:flex;gap:20px}
.preview-bar a{padding:8px 0}
.site-header{background:white;border-bottom:1px solid var(--border)}
.header-main{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:block;flex-shrink:0}
.brand img{width:248px;height:auto}
.brand-promise{font-size:16px;color:var(--muted)}
.menu-toggle{display:none}
.site-nav{border-top:1px solid var(--border)}
.site-nav .container{display:flex;gap:32px;align-items:center;min-height:50px}
.site-nav a{font-weight:600;font-size:16px;text-decoration:none;padding:12px 0}
.site-nav a:hover{text-decoration:underline}
.site-nav span{margin-left:auto;font-size:14px;color:var(--muted)}
:where(.preview-bar,.site-header,.site-footer) .container>.error-summary{margin:0 0 24px}
.site-footer{background:var(--navy);color:white;padding:48px 0 24px}
.footer-grid{display:grid;grid-template-columns:1fr .7fr 1.3fr;gap:48px}
.footer-grid img{margin-bottom:20px}
.footer-grid h2{font-family:var(--font-body);font-size:16px;letter-spacing:0}
.footer-grid p{font-size:16px;color:#d7e3ef}
.footer-grid a{display:block;min-height:44px;color:white;font-size:16px}
.footer-grid .fine{font-size:14px;color:#d7e3ef}
.footer-bottom{border-top:1px solid #466078;margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;gap:24px;font-size:14px;color:#d7e3ef}
.site-nav .container{gap:24px}
.footer-bottom a{color:inherit;font-size:14px}
.header-main{min-height: 88px;}
.preview-bar .container{flex-wrap:wrap;padding-block:6px}
.preview-bar nav{flex-wrap:wrap;gap:18px}
.preview-bar strong{font-size:14px}
.beta-signout{display:inline-flex;margin:0 0 0 1rem}
.beta-signout button{border:1px solid currentColor;background:transparent;color:inherit;border-radius:4px;padding:.2rem .6rem;font:inherit;cursor:pointer}
.beta-signout button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.preview-bar .container{flex-wrap:wrap}
.beta-signout button{white-space:nowrap}
.footer-grid{grid-template-columns:1fr .7fr .55fr 1.2fr}
@media(max-width:1150px){
.brand-promise{display:none}
.site-nav .container{gap:24px}
}
@media(max-width:959px){
:where(.preview-bar,.site-header,.site-footer) .container{width:calc(100% - 48px)}
.footer-grid{gap:28px;grid-template-columns:1fr .7fr 1.2fr}
.site-nav span{display:none}
.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:759px){
:where(.preview-bar,.site-header,.site-footer) .container{width:calc(100% - 40px)}
.preview-bar .container{gap:10px;font-size:13px}
.preview-bar nav{gap:16px}
.header-main{min-height:88px;gap:16px}
.brand img{width:210px}
.header-cta{display:none}
.menu-toggle{display:grid;place-items:center;width:44px;height:44px;background:white;border:1px solid var(--control-border);color:var(--navy);font-size:24px}
.site-nav{display:none}
.site-nav.is-open{display:block}
.site-nav .container{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 16px}
.site-nav a{padding:12px;border-bottom:1px solid var(--border)}
.footer-grid{grid-template-columns:1fr;gap:26px}
.site-footer{padding-top:36px}
.footer-grid img{width:230px}
.footer-grid>div:first-child>p{display:none}
.footer-bottom{flex-wrap:wrap;gap:8px;margin-top:28px}
.footer-bottom span{width:100%}
.footer-bottom a{display:inline-block;margin-right:12px}
.preview-bar nav{gap:12px}
.preview-bar .container{padding-block:6px;gap:4px 12px}
.preview-bar nav{gap:12px}
.beta-signout{margin-left:auto}
.footer-grid{grid-template-columns:1fr}
}
@media(max-width:359px){
.brand img{width:190px}
.header-main{gap:10px}
:where(.preview-bar,.site-header,.site-footer) .container{width:calc(100% - 32px)}
.preview-bar nav{gap:12px}
}
@media print{
:where(.preview-bar,.site-header,.site-footer) .container{width:100%;max-width:none}
}
@media (max-width: 759px){
.header-main{min-height: 78px;}
}
/* CA56: state page links and the chrome font stack inside state styles */
.site-header,.site-footer,.preview-bar,.skip-link{font-family:var(--font-body)}
.site-header,.site-footer{font-size:18px;line-height:1.5}
:where(.preview-bar,.site-header,.site-footer) .btn{font-size:inherit}
.site-header :is(h1,h2,h3),.site-footer :is(h1,h2,h3){font-family:var(--font-display)}
.site-footer .footer-grid h2{font-family:var(--font-body)}
.type-grid .type-link,.roof-more{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;font-weight:600;color:var(--navy);text-decoration:underline;text-underline-offset:4px}
.planning .actions{margin-top:24px}
main .breadcrumb a{color:var(--navy)}