/* NAAHL CRA coverage map. Every rule is scoped to #naahl-cra-map so the embed does not restyle the host page. Palette and type follow naahl.org: blue #407796, navy #1B2A4A, sage #DBE9E9, rust #8A2908, Source Serif Pro headings, Geist / Helvetica Neue text, pill buttons. */ #naahl-cra-map{ --nb:#407796; --nb-dark:#2F5A73; --navy:#1B2A4A; --sage:#DBE9E9; --rust:#8A2908; --ink:#1F2733; --text:#444444; --muted:#6B7280; --line:#D9E1E7; --line-soft:#EDF1F4; --bg:#F5F7F9; --serif:'Source Serif Pro','Source Serif 4',Georgia,serif; --sans:'Geist','Helvetica Neue',Helvetica,Arial,sans-serif; --ui:'Helvetica Neue',Helvetica,Arial,sans-serif; font-family:var(--sans);font-size:15px;line-height:1.55;color:var(--ink);background:var(--bg); text-align:left;-webkit-font-smoothing:antialiased; } #naahl-cra-map *{box-sizing:border-box;} #naahl-cra-map p,#naahl-cra-map h1,#naahl-cra-map h2,#naahl-cra-map h3,#naahl-cra-map h4, #naahl-cra-map table,#naahl-cra-map section{margin:0;padding:0;} #naahl-cra-map h1,#naahl-cra-map h2,#naahl-cra-map h3,#naahl-cra-map h4{ font-family:var(--serif);font-weight:600;letter-spacing:0;line-height:1.15;color:var(--nb);text-transform:none;} #naahl-cra-map b,#naahl-cra-map strong{font-weight:600;} /* ---------- header band (same pattern as the ROADmap matrix) ---------- */ #naahl-cra-map .ncm-head{background:var(--navy);color:#fff;padding:22px 28px 20px;} #naahl-cra-map .ncm-logo{height:26px;width:auto;display:block;margin-bottom:14px;} #naahl-cra-map .ncm-head h1{color:#8DB8D3;font-size:28px;margin-bottom:4px;} #naahl-cra-map .ncm-head .ncm-dek{color:#fff;font-size:15px;line-height:1.5;max-width:900px;} #naahl-cra-map .ncm-head .ncm-updated{color:#C9D6E3;font-size:12px;font-style:italic;margin-top:6px;} #naahl-cra-map .wrap{max-width:1240px;margin:0 auto;padding:0 28px 34px;} #naahl-cra-map section{padding:26px 0 4px;} #naahl-cra-map .hero-sub{max-width:920px;padding-top:22px;font-size:15.5px;color:var(--text);line-height:1.6;} #naahl-cra-map .hero-sub strong{color:var(--ink);} #naahl-cra-map .track-eyebrow{font-family:var(--ui);font-size:12px;font-weight:700;letter-spacing:.12em; text-transform:uppercase;color:var(--nb);margin-bottom:12px;} /* ---------- controls ---------- */ #naahl-cra-map .controls{display:flex;flex-wrap:wrap;gap:16px 26px;align-items:flex-start;background:#fff; border:1px solid var(--line);border-radius:8px;padding:16px 20px;margin-top:20px;position:relative;z-index:5;} #naahl-cra-map .ctl{display:flex;flex-direction:column;gap:6px;} #naahl-cra-map .ctl-label{font-family:var(--sans);font-size:13px;color:var(--text);} #naahl-cra-map .seg{display:inline-flex;flex-wrap:wrap;border:1px solid #C9D3DA;border-radius:6px;overflow:hidden;background:#fff;} #naahl-cra-map .seg button{-webkit-appearance:none;appearance:none;border:0;border-left:1px solid var(--line);border-radius:0; background:#fff;cursor:pointer;margin:0;padding:8px 13px;font-family:var(--sans);font-size:13px;font-weight:400; letter-spacing:0;text-transform:none;color:var(--text);line-height:1.25;box-shadow:none;} #naahl-cra-map .seg button:first-child{border-left:0;} #naahl-cra-map .seg button:hover{background:var(--bg);} #naahl-cra-map .seg button.on{background:var(--nb);color:#fff;font-weight:600;} #naahl-cra-map .seg button .sub{display:block;font-size:10.5px;color:var(--muted);font-weight:400;} #naahl-cra-map .seg button.on .sub{color:#DCEAF2;} #naahl-cra-map .fed-note{font-size:12px;color:var(--muted);margin-top:2px;max-width:280px;line-height:1.4;} /* ---------- headline strip ---------- */ #naahl-cra-map .strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px;} #naahl-cra-map .stat{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 16px;border-top:3px solid var(--nb);} #naahl-cra-map .stat .k{font-family:var(--ui);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--nb);} #naahl-cra-map .stat .v{font-family:var(--serif);font-size:24px;font-weight:600;line-height:1.15;margin-top:5px;color:var(--ink);} #naahl-cra-map .stat .d{font-size:12.5px;color:var(--muted);line-height:1.4;margin-top:3px;} #naahl-cra-map .stat.m{border-top-color:var(--rust);} #naahl-cra-map .stat.m .k{color:var(--rust);} /* ---------- map + panel ---------- */ #naahl-cra-map .maparea{display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:20px;margin-top:18px;align-items:start;} #naahl-cra-map .mapcard{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px;position:relative;} #naahl-cra-map svg{width:100%;height:auto;display:block;max-width:none;} #naahl-cra-map path.unit{stroke:#fff;stroke-width:.35;cursor:pointer;} #naahl-cra-map path.unit.terr{stroke:#B8C4CC;stroke-width:.45;} #naahl-cra-map path.unit:hover{stroke:var(--navy);stroke-width:1;} #naahl-cra-map path.unit.sel{stroke:var(--navy);stroke-width:1.4;} #naahl-cra-map .deco{pointer-events:none;} #naahl-cra-map #ncm-tip{position:fixed;display:none;background:var(--navy);color:#fff;border-radius:6px; padding:10px 13px;font-size:12.5px;line-height:1.5;pointer-events:none;z-index:9999;max-width:280px; box-shadow:0 6px 22px rgba(27,42,74,.35);} #naahl-cra-map #ncm-tip .t{font-weight:600;font-size:13px;} #naahl-cra-map #ncm-tip .r{display:flex;justify-content:space-between;gap:16px;} #naahl-cra-map #ncm-tip .r span{color:#C9D6E3;} #naahl-cra-map #ncm-tip .r b{font-weight:600;color:#fff;} #naahl-cra-map .legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin:10px 6px 0;} #naahl-cra-map .legend .lt{font-size:12px;color:var(--muted);flex:1 0 100%;margin-bottom:6px;} #naahl-cra-map .legend .sw{display:flex;flex-direction:column;align-items:center;font-size:11px;color:var(--muted);min-width:52px;} #naahl-cra-map .legend .sw i{display:block;width:100%;height:10px;} #naahl-cra-map .legend .sw:first-of-type i{border-radius:3px 0 0 3px;} #naahl-cra-map .legend .sw:last-of-type i{border-radius:0 3px 3px 0;} #naahl-cra-map .panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px 20px;position:sticky;top:110px;} #naahl-cra-map .panel .lvl{font-family:var(--ui);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rust);} #naahl-cra-map .panel h3{font-size:21px;margin:4px 0 2px;line-height:1.2;} #naahl-cra-map .panel .sub{font-size:12.5px;color:var(--muted);margin-bottom:10px;} #naahl-cra-map .panel .reset{-webkit-appearance:none;appearance:none;border:1px solid #C9D3DA;background:#fff;border-radius:300px; padding:4px 12px;font-family:var(--ui);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase; color:var(--nb);cursor:pointer;float:right;margin-top:2px;} #naahl-cra-map .ptable{width:100%;border-collapse:collapse;margin:8px 0 4px;} #naahl-cra-map .ptable th{font-family:var(--ui);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase; color:var(--muted);text-align:right;padding:3px 0 5px;border-bottom:1px solid var(--line);background:none;} #naahl-cra-map .ptable th:first-child{text-align:left;} #naahl-cra-map .ptable th + th,#naahl-cra-map .ptable td + td{padding-left:10px;} #naahl-cra-map .ptable td{font-size:13px;padding:5px 0;border-bottom:1px solid var(--line-soft);text-align:right;background:none;} #naahl-cra-map .ptable td:first-child{text-align:left;color:var(--text);padding-right:8px;} #naahl-cra-map .ptable td b{font-variant-numeric:tabular-nums;} #naahl-cra-map .ptable td .neg{color:var(--rust);font-weight:600;} #naahl-cra-map .ptable td .pos{color:#1B7A4B;font-weight:600;} #naahl-cra-map .chart-h{font-family:var(--ui);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--nb);margin:0 0 10px;} #naahl-cra-map .panel .foot{font-size:11.5px;color:var(--muted);line-height:1.45;margin-top:12px;border-top:1px solid var(--line);padding-top:8px;} #naahl-cra-map .charts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;} #naahl-cra-map .chartcard{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px 18px;} #naahl-cra-map .chartcard .who{font-size:12.5px;color:var(--muted);margin:-6px 0 10px;} /* ---------- largest changes (styled like the matrix table) ---------- */ #naahl-cra-map .most{background:#fff;border:1px solid var(--line);border-radius:8px;margin-top:4px;overflow-x:auto;} #naahl-cra-map .most table{width:100%;border-collapse:collapse;} #naahl-cra-map .most th{background:var(--navy);color:#fff;font-family:var(--ui);font-size:11px;font-weight:700;letter-spacing:.06em; text-transform:uppercase;text-align:right;padding:11px 14px;border:0;} #naahl-cra-map .most th:first-child,#naahl-cra-map .most th:nth-child(2){text-align:left;} #naahl-cra-map .most td{font-size:13px;padding:8px 14px;border-bottom:1px solid var(--line-soft);text-align:right; font-variant-numeric:tabular-nums;background:none;color:var(--ink);} #naahl-cra-map .most td:first-child{color:var(--muted);font-size:12px;} #naahl-cra-map .most td:nth-child(2){text-align:left;font-weight:600;} #naahl-cra-map .most tr:last-child td{border-bottom:none;} #naahl-cra-map .most tbody tr{cursor:pointer;} #naahl-cra-map .most tbody tr:nth-child(even) td{background:#FAFBFC;} #naahl-cra-map .most tbody tr:hover td{background:var(--sage);} #naahl-cra-map .most .chg{color:var(--rust);font-weight:600;} #naahl-cra-map .most .dim{color:var(--muted);} /* ---------- method and sources ---------- */ #naahl-cra-map .src{background:var(--sage);border-radius:8px;padding:22px 26px;} #naahl-cra-map .src p{font-size:13.5px;color:var(--text);line-height:1.6;margin-bottom:8px;} #naahl-cra-map .src p:last-child{margin-bottom:0;} #naahl-cra-map .src b{color:var(--ink);} @media (max-width:1000px){ #naahl-cra-map .maparea{grid-template-columns:1fr;} #naahl-cra-map .strip{grid-template-columns:repeat(2,1fr);} #naahl-cra-map .panel{position:static;} #naahl-cra-map .charts{grid-template-columns:1fr;} } @media (max-width:560px){ #naahl-cra-map .ncm-head{padding:18px 16px;} #naahl-cra-map .ncm-head h1{font-size:23px;} #naahl-cra-map .wrap{padding:0 16px 28px;} #naahl-cra-map .strip{grid-template-columns:1fr;} #naahl-cra-map .controls{padding:14px;} } /* ---------- find a place + zoom (2026-09-30) ---------- */ #naahl-cra-map [hidden]{display:none !important;} #naahl-cra-map path.unit,#naahl-cra-map path.deco,#naahl-cra-map rect.deco{vector-effect:non-scaling-stroke;} #naahl-cra-map .ncm-find{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin:0 0 10px;} #naahl-cra-map .ncm-find label{font-family:var(--sans);font-size:13px;color:var(--text);margin:0;} #naahl-cra-map .ncm-find select{-webkit-appearance:auto;appearance:auto;font-family:var(--sans);font-size:14px;color:var(--ink); background:#fff;border:1px solid #C9D3DA;border-radius:6px;padding:7px 10px;min-width:170px;max-width:100%;height:auto;margin:0;} #naahl-cra-map .ncm-zoomout{-webkit-appearance:none;appearance:none;background:#fff;color:var(--nb);border:1px solid var(--nb); border-radius:300px;padding:7px 14px;font-family:var(--ui);font-size:12px;font-weight:700;letter-spacing:.08em; text-transform:uppercase;cursor:pointer;margin:0;} #naahl-cra-map .ncm-zoomout:hover{background:var(--sage);} #naahl-cra-map .ncm-hint{display:none;font-size:12.5px;color:var(--muted);flex:1 0 100%;} @media (max-width:700px){ #naahl-cra-map .ncm-hint{display:block;} #naahl-cra-map .ncm-find select{flex:1 1 100%;font-size:16px;} } @media (hover:none){ #naahl-cra-map #ncm-tip{display:none !important;} } @media (max-width:560px){ #naahl-cra-map .legend .sw{min-width:0;flex:1 1 12%;} } /* ---------- FairPlay attribution (SOW: Ownership; License; Co-Branding; Patrick 9/30: under the title, lower right of the map, partnership footer; FairPlay links to the CRAi page) ---------- */ #naahl-cra-map .ncm-powered{display:inline-flex;align-items:center;gap:10px;margin:10px 0 2px;color:#DCEAF2; font-family:var(--sans);font-size:15px;text-decoration:none;} #naahl-cra-map .ncm-powered img{height:26px;width:auto;display:block;margin:0;} #naahl-cra-map .ncm-powered:hover{color:#fff;} #naahl-cra-map .ncm-mapfoot{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px 18px;} #naahl-cra-map .ncm-mapfoot .legend{flex:1 1 360px;} #naahl-cra-map .ncm-mapcredit{display:inline-flex;align-items:center;gap:8px;margin:0 6px 2px auto;color:var(--text); font-family:var(--sans);font-size:14px;text-decoration:none;white-space:nowrap;} #naahl-cra-map .ncm-mapcredit img{height:24px;width:auto;display:block;margin:0;} #naahl-cra-map .ncm-partner{background:var(--navy);color:#DCEAF2;display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;gap:14px 30px;padding:24px 28px;} #naahl-cra-map .ncm-partner p{max-width:820px;font-size:14px;line-height:1.6;color:#DCEAF2;} #naahl-cra-map .ncm-partner b{color:#fff;} #naahl-cra-map .ncm-partner-credit{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:15px;text-decoration:none;} #naahl-cra-map .ncm-partner-credit img{height:28px;width:auto;display:block;margin:0;} /* ---------- NAAHL intro, Scenarios and Key Terms boxes (9/30 notes) ---------- */ #naahl-cra-map .ncm-head h1{max-width:900px;} #naahl-cra-map .ncm-intro{max-width:940px;padding-top:22px;} #naahl-cra-map .ncm-intro p{font-size:15.5px;line-height:1.6;color:var(--text);margin-bottom:10px;} #naahl-cra-map .ncm-intro b{color:var(--ink);} #naahl-cra-map .ncm-boxes{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;margin-top:12px;} #naahl-cra-map .ncm-box{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px 18px;} #naahl-cra-map .ncm-box h2{font-size:19px;margin-bottom:10px;} #naahl-cra-map .ncm-box p{font-size:14px;line-height:1.55;color:var(--text);margin-bottom:8px;} #naahl-cra-map .ncm-scs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;} @media (max-width:1100px){ #naahl-cra-map .ncm-scs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));} } #naahl-cra-map .ncm-sc{background:var(--bg);border-radius:6px;padding:10px 12px;font-size:13px;line-height:1.45;color:var(--text);} #naahl-cra-map .ncm-sc b{display:block;color:var(--nb);font-family:var(--serif);font-size:16px;margin-bottom:4px;} #naahl-cra-map .ncm-sc span{display:block;} #naahl-cra-map .charts{grid-template-columns:repeat(2,1fr);} #naahl-cra-map .chartcard .mix{font-size:12px;color:var(--text);margin:-4px 0 10px;} #naahl-cra-map #ncm-tip .r.dim span,#naahl-cra-map #ncm-tip .r.dim b{color:#9FB4C2;font-weight:400;} @media (max-width:1000px){ #naahl-cra-map .ncm-boxes{grid-template-columns:1fr;} } @media (max-width:560px){ #naahl-cra-map .ncm-head h1{font-size:22px;} #naahl-cra-map .ncm-powered{font-size:14px;} #naahl-cra-map .ncm-powered img{height:22px;} #naahl-cra-map .ncm-mapcredit{margin-left:0;} #naahl-cra-map .ncm-partner{padding:20px 16px;} } /* 10/2: one full-width stacked chart; map and panel share a bottom edge */ #naahl-cra-map .charts{grid-template-columns:1fr;} #naahl-cra-map .maparea{align-items:stretch;} #naahl-cra-map .mapcard{display:flex;flex-direction:column;} #naahl-cra-map .mapcard svg#ncm-map{flex:1 1 auto;} #naahl-cra-map .panel{position:static;} #naahl-cra-map #ncm-tip .chg{color:#8A2908;font-weight:600;} #naahl-cra-map .maparea{grid-template-columns:minmax(0,1fr) 392px;} @media (max-width:980px){#naahl-cra-map .maparea{grid-template-columns:1fr;}} #naahl-cra-map .chartcard svg{max-width:900px;} /* 10/2 (Jimmy): header and footer bands stay full width, but their content lines up with the 1240px content container (1184px inside its 28px padding); the intro uses the full container width */ #naahl-cra-map .ncm-head{padding-left:max(28px,calc((100% - 1184px) / 2));padding-right:max(28px,calc((100% - 1184px) / 2));} #naahl-cra-map .ncm-partner{padding-left:max(28px,calc((100% - 1184px) / 2));padding-right:max(28px,calc((100% - 1184px) / 2));} #naahl-cra-map .ncm-head h1{max-width:none;} #naahl-cra-map .ncm-intro{max-width:none;} @media (max-width:700px){ #naahl-cra-map .ncm-head,#naahl-cra-map .ncm-partner{padding-left:16px;padding-right:16px;} } /* 10/2 web + phone pass: get to the map faster */ #naahl-cra-map .ncm-head{padding-top:16px;padding-bottom:14px;} #naahl-cra-map .ncm-head h1{font-size:26px;margin:2px 0 6px;line-height:1.2;} #naahl-cra-map .ncm-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;} #naahl-cra-map .ncm-meta .ncm-powered{margin:0;} #naahl-cra-map .ncm-meta .ncm-updated{margin:0;} #naahl-cra-map .ncm-intro{padding-top:16px;} #naahl-cra-map .ncm-intro p{font-size:15px;line-height:1.55;margin-bottom:8px;} #naahl-cra-map .ncm-boxes{margin-top:8px;} #naahl-cra-map .ncm-box{padding:14px 16px;} #naahl-cra-map .ncm-box h2{font-size:17px;margin-bottom:8px;} #naahl-cra-map .ncm-box p{font-size:13.5px;line-height:1.5;margin-bottom:6px;} #naahl-cra-map .ncm-sctab-w{overflow-x:auto;-webkit-overflow-scrolling:touch;} #naahl-cra-map .ncm-sctab{border-collapse:collapse;width:100%;font-size:13px;color:var(--text);} #naahl-cra-map .ncm-sctab th,#naahl-cra-map .ncm-sctab td{padding:6px 8px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--line);} #naahl-cra-map .ncm-sctab thead th{font-family:var(--serif);font-size:14px;font-weight:600;color:var(--nb);border-bottom:2px solid var(--line);} #naahl-cra-map .ncm-sctab tbody th{font-weight:600;color:var(--ink);} #naahl-cra-map .ncm-sctab tbody tr:last-child th,#naahl-cra-map .ncm-sctab tbody tr:last-child td{border-bottom:0;} #naahl-cra-map .controls{padding-top:12px;padding-bottom:12px;} #naahl-cra-map .strip{margin-top:12px;gap:12px;} #naahl-cra-map .stat{padding:10px 14px;} #naahl-cra-map .stat .k{font-size:10.5px;} #naahl-cra-map .stat .v{font-size:23px;margin-top:3px;} #naahl-cra-map .stat .d{font-size:12px;line-height:1.35;} #naahl-cra-map .maparea{margin-top:12px;} #naahl-cra-map .ncm-colorby{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 6px;} #naahl-cra-map .ncm-colorby .ctl-label{font-size:13px;} #naahl-cra-map .chartcard .stk{width:100%;} #naahl-cra-map .chartcard .stk svg{display:block;max-width:100%;height:auto;} @media (max-width:700px){ #naahl-cra-map .ncm-head h1{font-size:21px;} #naahl-cra-map .ncm-intro p{font-size:14.5px;} #naahl-cra-map .ncm-colorby .seg{display:flex;flex-wrap:wrap;} #naahl-cra-map .stat .v{font-size:21px;} } #naahl-cra-map .ncm-scs{display:block;} #naahl-cra-map .ncm-sclist{display:none;list-style:none;margin:0;padding:0;} #naahl-cra-map .ncm-sclist li{font-size:13.5px;line-height:1.45;color:var(--text);padding:6px 0;border-bottom:1px solid var(--line);} #naahl-cra-map .ncm-sclist li:last-child{border-bottom:0;} #naahl-cra-map .ncm-sclist b{display:block;font-family:var(--serif);color:var(--nb);font-size:15px;} @media (max-width:640px){ #naahl-cra-map .ncm-sctab-w{display:none;} #naahl-cra-map .ncm-sclist{display:block;} #naahl-cra-map .strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;} #naahl-cra-map .stat{padding:8px 10px;} #naahl-cra-map .stat .k{font-size:9.5px;letter-spacing:.05em;} #naahl-cra-map .stat .d{font-size:11px;} } /* 10/6 (Megan 10/5): the key numbers are national, so the geography toggle moves into the map card, beside the state menu */ #naahl-cra-map .ncm-maptools{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 22px;margin:0 0 10px;} #naahl-cra-map .ncm-maptools .ncm-find{margin:0;flex:1 1 340px;} /* 10/6 (Megan 10/5): hover box as a table, numbers right-aligned on one edge */ #naahl-cra-map #ncm-tip{max-width:340px;} #naahl-cra-map #ncm-tip .tt{border-collapse:collapse;margin-top:4px;width:100%;} #naahl-cra-map #ncm-tip .tt td{padding:2px 0;vertical-align:bottom;color:#C9D6E3;font-size:12.5px;line-height:1.4; border:0;background:none;text-align:left;} #naahl-cra-map #ncm-tip .tt td.n{color:#fff;font-weight:600;text-align:right;padding-left:14px;white-space:nowrap; font-variant-numeric:tabular-nums;} #naahl-cra-map #ncm-tip .tt td.c{color:#F3B79E;font-weight:600;text-align:right;padding-left:6px;white-space:nowrap; font-variant-numeric:tabular-nums;min-width:3.4em;} /* 10/6 (Megan 10/5): NAAHL + FairPlay lockup in the map corner (white logos on a navy chip) */ #naahl-cra-map .ncm-lockup{display:inline-flex;align-items:center;gap:10px;margin:0 6px 2px auto;background:var(--navy); border-radius:6px;padding:7px 12px;} #naahl-cra-map .ncm-lockup-naahl{height:22px;width:auto;display:block;margin:0;} #naahl-cra-map .ncm-lockup-sep{width:1px;align-self:stretch;background:rgba(255,255,255,.35);} #naahl-cra-map .ncm-lockup-fp{display:inline-flex;align-items:center;gap:8px;color:#DCEAF2;font-family:var(--sans); font-size:13px;text-decoration:none;white-space:nowrap;} #naahl-cra-map .ncm-lockup-fp img{height:20px;width:auto;display:block;margin:0;} #naahl-cra-map .ncm-lockup-fp:hover{color:#fff;} @media (max-width:560px){ #naahl-cra-map .ncm-lockup{margin-left:0;} } @media (max-width:560px){ #naahl-cra-map .ncm-lockup{flex-wrap:wrap;row-gap:8px;max-width:100%;} #naahl-cra-map .ncm-lockup-sep{display:none;} #naahl-cra-map .ncm-lockup-naahl{flex:0 1 auto;height:auto;width:100%;max-width:240px;} } /* 10/6 (Megan 10/5): the community-type chart is titled with a question, in the heading face */ #naahl-cra-map .chartcard h2.ncm-q{font-size:19px;line-height:1.25;margin:0 0 10px;} /* 10/6: five-column Largest changes; the total column reads as the rank */ #naahl-cra-map .most td:last-child b{color:var(--ink);} @media (max-width:640px){ #naahl-cra-map .most th,#naahl-cra-map .most td{padding:8px 10px;} #naahl-cra-map .most th:first-child,#naahl-cra-map .most td:first-child{display:none;} } /* 10/6 (Megan 10/5, M1): phones. Scenario buttons in even rows (Status Quo across, then A B / C D), Federal Reserve and Geography buttons in equal columns, key-number tiles with values on one line (subgrid). */ #naahl-cra-map .strip{grid-auto-rows:auto;} #naahl-cra-map .stat{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:3px;align-content:start;} #naahl-cra-map .stat .k{font-size:11px;} @media (max-width:640px){ #naahl-cra-map .controls .ctl,#naahl-cra-map .ncm-maptools .ctl{width:100%;} #naahl-cra-map #ncm-segScen,#naahl-cra-map #ncm-segFed,#naahl-cra-map #ncm-segLayer{display:grid;width:100%;} #naahl-cra-map #ncm-segScen{grid-template-columns:repeat(2,minmax(0,1fr));} #naahl-cra-map #ncm-segFed{grid-template-columns:repeat(2,minmax(0,1fr));} #naahl-cra-map #ncm-segLayer{grid-template-columns:repeat(3,minmax(0,1fr));} #naahl-cra-map .seg button{min-height:44px;padding:8px 6px;text-align:center;} #naahl-cra-map #ncm-segScen button{border-left:0;border-top:1px solid var(--line);} #naahl-cra-map #ncm-segScen button:first-child{grid-column:1 / -1;border-top:0;} #naahl-cra-map #ncm-segScen button:nth-child(2n){border-right:1px solid var(--line);} #naahl-cra-map .fed-note{max-width:none;} #naahl-cra-map .stat .k{font-size:11px;letter-spacing:.04em;} #naahl-cra-map .stat .d{font-size:12px;} #naahl-cra-map .stat .v{font-size:21px;} } /* 10/6: phones. Color by in even rows; legend swatches on one line */ #naahl-cra-map .legend{align-items:flex-start;} @media (max-width:640px){ #naahl-cra-map #ncm-segMetric{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;} #naahl-cra-map #ncm-segMetric button{border-left:0;border-top:1px solid var(--line);} #naahl-cra-map #ncm-segMetric:has(button:nth-child(5)) button:first-child{grid-column:1 / -1;border-top:0;} #naahl-cra-map #ncm-segMetric:has(button:nth-child(5)) button:nth-child(2n){border-right:1px solid var(--line);} } /* 10/6: a figure stays on one line */ #naahl-cra-map .ptable td:not(:first-child),#naahl-cra-map .most td:nth-child(n+3){white-space:nowrap;} /* 10/6 final review: grid items may shrink; menus fill the card on phones; tighter panel under 360px */ #naahl-cra-map .maparea > *{min-width:0;} #naahl-cra-map .ncm-find select{max-width:100%;} @media (max-width:700px){ #naahl-cra-map .ncm-find select{width:100%;min-width:0;} } @media (max-width:360px){ #naahl-cra-map .panel{padding:14px 10px;} #naahl-cra-map .ptable td{font-size:12px;} #naahl-cra-map .ptable th + th,#naahl-cra-map .ptable td + td{padding-left:6px;} } /* v2: congressional districts. Plan switch beside the Geography toggle; loading line; 4 Geography buttons as 2 x 2 */ #naahl-cra-map .ncm-loading{flex:1 0 100%;margin:0;font-size:13px;color:var(--muted);} @media (max-width:640px){ #naahl-cra-map #ncm-segLayer:has(button:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr));} #naahl-cra-map #ncm-segLayer:has(button:nth-child(4)) button{border-left:0;border-top:1px solid var(--line);} #naahl-cra-map #ncm-segLayer:has(button:nth-child(4)) button:nth-child(-n+2){border-top:0;} #naahl-cra-map #ncm-segLayer:has(button:nth-child(4)) button:nth-child(odd){border-right:1px solid var(--line);} #naahl-cra-map #ncm-segPlan{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));} } @media (max-width:640px){ #naahl-cra-map #ncm-segMetric:not(:has(button:nth-child(5))) button:nth-child(-n+2){border-top:0;} #naahl-cra-map #ncm-segMetric:not(:has(button:nth-child(5))) button:nth-child(odd){border-right:1px solid var(--line);} } /* ---------- 10/8 (Megan): NAAHL logo above the FairPlay logo in the About this map bar, lower right ---------- */ #naahl-cra-map .ncm-partner{align-items:flex-end;} #naahl-cra-map .ncm-partner-logos{display:flex;flex-direction:column;align-items:flex-end;gap:12px;margin-left:auto;} #naahl-cra-map img.ncm-partner-naahl{width:250px;max-width:100%;height:auto;display:block;margin:0;}