/* About Northline: same palette and typography as the voter guide. */
html{color-scheme:light}body{background:#faf9f5;color:#182d40}.skip-link{position:absolute;top:-60px;left:20px;background:white;padding:10px;z-index:200}.skip-link:focus{top:8px}
.about-hero{background:#162c41;color:#f4efe6}
.about-hero-inner{max-width:1060px;padding:65px 48px 60px;margin:auto}
.about-eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:#a58c5f;margin:0 0 15px}
.about-hero .about-eyebrow{color:#d4b989}
.about-hero h1{font:400 clamp(46px,5vw,69px)/1.12 var(--serif);letter-spacing:-.047em;margin:0 0 20px}
.about-hero p:last-child{font-size:17px;line-height:1.75;color:#d3dde0;margin:0;max-width:780px}
.about-wrap{max-width:1060px;margin:0 auto;padding:0 48px}
.about-intro{padding:42px 0 34px;border-bottom:1px solid #dce0df}
.about-intro p{font:400 19px/1.7 var(--serif);color:#334c5c;max-width:780px;margin:0}
.about-intro a{color:#315d75}
.editor-section{padding:46px 0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:55px;align-items:start;border-bottom:1px solid #dce0df}
.editor-copy h2{font:400 37px/1.2 var(--serif);letter-spacing:-.035em;margin:0 0 22px}
.editor-copy>p:not(.about-eyebrow){font-size:15px;line-height:1.9;color:#4c616d;max-width:570px}
.editor-copy .independence-note{font-size:13px!important;color:#63737a!important;font-style:italic;margin-top:35px;border-left:2px solid #c4a66f;padding-left:17px}
.editor-photo{width:100%;max-width:300px;justify-self:end}
.editor-photo img{width:100%;height:auto;aspect-ratio:504/616;object-fit:cover;background:#e4e8e4}
.editor-photo span{display:block;margin-top:8px;font-size:11px;color:#7b888a}
.standards-section{padding:38px 0;border-bottom:1px solid #dce0df}
.standards-section h2{font:400 28px/1.3 var(--serif);margin:0 0 12px}
.standards-section p{font-size:13px;line-height:1.9;color:#536772;margin:0;max-width:780px}
.about-signup{padding:40px 0 42px;max-width:900px;margin:0 auto}
@media(max-width:760px){.about-hero-inner{padding:48px 22px}.about-wrap{padding:0 22px}.about-intro{padding:31px 0}.editor-section{padding:32px 0;grid-template-columns:1fr;gap:22px}.editor-photo{justify-self:start;max-width:240px}.editor-copy h2{font-size:32px}.about-intro p{font-size:17px}.about-signup{padding:34px 0}.edition{display:none}}


/* Final About-page refinements */
.about-signup{display:flex;flex-direction:column;align-items:center;text-align:left}
.about-signup .kit-form-embed{width:100%;display:flex;justify-content:center;margin:0 auto}
.about-signup iframe,.about-signup form,.about-signup .formkit-form{margin-left:auto!important;margin-right:auto!important}
.editor-photo{display:flex;flex-direction:column;align-items:flex-end}
.editor-photo span{display:none}
.site-header .edition{display:none!important}
.footer .footer-inner>p{display:none}
.site-header .header-inner>.header-about-link{margin-left:auto}


/* Final compact top-right nav */
.site-header .header-inner{display:flex;align-items:center;gap:14px}
.site-header .header-link{display:inline-flex;align-items:center;margin-left:0}
.site-header .header-group{margin-left:auto;display:inline-flex;align-items:center;gap:14px;white-space:nowrap}
.site-header .header-group .bullet{color:#b9a487;font-weight:700;line-height:1}
@media (max-width:760px){.site-header .header-group{gap:10px}.site-header .header-link{font-size:0.95rem}}

/* Reader corrections panel */
.corrections-section{border-top:1px solid #dce2df;padding:31px 0 35px;max-width:760px}
.corrections-section h2{font:400 28px/1.3 Georgia,serif;color:#172f41;margin:7px 0 10px}
.corrections-section>p:not(.about-eyebrow){color:#536873;font-size:14px;line-height:1.8;margin:0 0 11px}
.corrections-section .corrections-note{font-size:12px!important;color:#6a7c86!important}

/* Mobile refinement: prevent header links from clipping on narrow phones. */
.about-nav-short{display:none}
@media (max-width:760px){
  .site-header .header-inner{padding-inline:17px;gap:8px}
  .site-header .header-group{gap:12px;min-width:0}
  .site-header .header-group .bullet{display:none}
  .about-nav-full{display:none}
  .about-nav-short{display:inline}
  .site-header .header-link{font-size:12px}
}