/* Owed to Congress: Forum-modern (brand/DESIGN.md). Navy ink on paper, one accent #B13630, no shadows,
   no gradients. Newsreader display, IBM Plex Sans UI, EB Garamond for statutory text. */
@font-face{font-family:"Newsreader";src:url(fonts/newsreader-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Newsreader";src:url(fonts/newsreader-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Plex";src:url(fonts/plexsans-latin-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex";src:url(fonts/plexsans-latin-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Plex";src:url(fonts/plexsans-latin-600.woff2) format("woff2");font-weight:600 700;font-display:swap}
@font-face{font-family:"Garamond";src:url(fonts/garamond-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Garamond";src:url(fonts/garamond-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}

:root{
  --navy:#0A244B;--navy-deep:#061630;--accent:#B13630;--accent-ink:#8E2A25;--paper:#FFFFFF;--paper-2:#F4F6FA;
  --ink:#0A244B;--muted:#4A5A74;--rule:#D9DFE9;--neutral-ink:#3E4C63;
  --ui:"Plex","IBM Plex Sans fxa","IBM Plex Sans","IBM Plex Sans fxa",system-ui,-apple-system,"Segoe UI",sans-serif;
  --display:"Newsreader","Newsreader fxa",Georgia,"Times New Roman",serif;
  --body:"Garamond","EB Garamond","EB Garamond fxa",Georgia,serif;
  --ease:cubic-bezier(.2,0,0,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--ui)}
a{color:var(--navy);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--accent-ink)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--paper);padding:10px 14px;z-index:9}
.skip:focus{left:8px;top:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.muted{color:var(--muted)}
h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.015em;color:var(--ink);margin:0}
h2{font-size:28px;line-height:1.15;margin-bottom:18px}
h3{font-size:19px;margin:18px 0 8px}

/* header: one row, 56 px on every width */
.top{background:var(--navy);color:#fff;border-top:4px solid var(--accent)}
.top-in{max-width:1200px;margin:0 auto;padding:0 16px 0 24px;height:56px;display:flex;align-items:center;gap:20px}
.brand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none;min-height:44px;flex:none}
.brand img{display:block;height:28px;width:auto}
.brand-name{font:600 15px/1 var(--ui);letter-spacing:.01em;border-left:1px solid rgba(255,255,255,.35);padding-left:14px}
.tier-tag{font:600 12px/1 var(--ui);text-transform:uppercase;letter-spacing:.12em;color:var(--rule);border:1px solid rgba(217,223,233,.5);padding:5px 8px}
.nav{margin-left:auto;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{color:#fff;text-decoration:none;font:500 14px/1 var(--ui);padding:15px 12px;min-height:44px;white-space:nowrap;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current=page]{border-bottom-color:#fff;color:#fff}

/* hero: answer first, the dial beside it */
.hero{background:var(--paper-2);border-bottom:1px solid var(--rule)}
.hero-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:48px;align-items:center;padding-top:44px;padding-bottom:40px}
.asof{font:500 14px/1.4 var(--ui);color:var(--muted);margin:14px 0 0}
.hero h1{font-size:clamp(34px,4.6vw,58px);line-height:1.04;letter-spacing:-.025em;max-width:15em}
.lede{font:400 19px/1.55 var(--body);color:var(--ink);max-width:29em;margin:18px 0 0}
.hero .lede{font-size:21px;max-width:29em}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:30px 0 0;border-top:1px solid var(--rule)}
.stats div{padding:14px 14px 0 14px;border-left:3px solid var(--rule)}
.stats div:first-child{border-left-color:var(--navy)}
.st-next dd{display:flex;flex-direction:column;gap:4px}
.st-next dd a{text-decoration:none}
.st-next dd a:hover{text-decoration:underline}
.st-next dd span{font:500 13px/1.2 var(--ui);letter-spacing:0;color:var(--muted)}
.stats dt{font:500 13px/1.3 var(--ui);color:var(--muted);min-height:2.6em}
.stats dd{margin:6px 0 0;font:600 34px/1 var(--ui);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.hero-fig{margin:0;justify-self:center;max-width:360px;width:100%}
.dial{display:block;width:100%;height:auto;overflow:visible}
.dial-face{fill:var(--paper);stroke:var(--rule);stroke-width:1.5}
.dial-arc{fill:none;stroke:var(--navy);stroke-width:5;stroke-linecap:butt}
.dial-tick{stroke:var(--muted);stroke-width:1.5}
.dial-m{font:500 11px var(--ui);fill:var(--muted)}
.dial-dot{fill:var(--paper);stroke:var(--navy);stroke-width:1.6}
.dial-dot.in90{fill:var(--navy)}
.dial-hand{stroke:var(--navy);stroke-width:3}
.dial-today{font:600 12px var(--ui);fill:var(--navy);letter-spacing:.06em}
.dial-big{font:600 44px var(--ui);fill:var(--navy);letter-spacing:-.04em}
.dial-s{font:600 13px var(--ui);fill:var(--navy)}
.dial-s2{font:500 12px var(--ui);fill:var(--muted)}
.hero-fig figcaption{font:400 13px/1.45 var(--ui);color:var(--muted);margin-top:10px;text-align:center}

/* latest strip */
.latest{background:var(--navy);color:#fff}
.latest-in{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start;padding-top:18px;padding-bottom:18px}
.latest-h{font:600 12px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--rule);margin:4px 0 0}
.latest ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 28px;list-style:none;margin:0;padding:0;font:400 14px/1.45 var(--ui)}
.latest li{border-left:1px solid rgba(217,223,233,.4);padding-left:14px}
.latest time{display:block;font-weight:600;color:#fff}
.latest a{color:#fff;display:inline-block;padding:4px 0;min-height:24px}
.latest a:hover{color:var(--rule)}

.block{padding-top:12px;padding-bottom:8px}
.block>h2:first-child,.block>h1:first-child,.next-head h2{margin-top:56px}
main p,main li{max-width:64ch}
.timeline li,.mlist li,.sunsets li,.mx-list li,.latest li,.law-list li{max-width:none}
.note{font:400 14px/1.55 var(--ui);color:var(--muted);max-width:64ch}

/* next 90 days timeline */
.timeline{list-style:none;margin:0;padding:0;border-top:2px solid var(--navy)}
.tl-row{display:grid;grid-template-columns:92px minmax(0,1fr) 250px 170px;gap:20px;align-items:start;padding:16px 0;border-bottom:1px solid var(--rule)}
.tl-d{display:flex;flex-direction:column;align-items:flex-start;border-left:3px solid var(--navy);padding-left:12px}
.tl-in{font:500 12px/1.3 var(--ui);color:var(--muted);margin-top:4px}
.tl-m{font:600 12px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.tl-day{font:600 34px/1.05 var(--ui);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.tl-t{font:600 20px/1.32 var(--display);text-decoration:none;display:inline-block;padding:2px 0}
.tl-t:hover{text-decoration:underline}
.tl-x{margin:4px 0 0;font:400 14px/1.5 var(--ui);color:var(--muted)}
.timeline p{max-width:none}
.tl-c{margin:4px 0 0;font:italic 400 15px/1.45 var(--body);color:var(--ink)}

/* status pills: default is neutral grey-blue; only an evidenced late status uses the accent */
.pill{display:inline-block;font:600 12px/1.2 var(--ui);letter-spacing:.02em;padding:6px 10px;border:1px solid;white-space:nowrap}
.st-npv{background:var(--paper-2);border-color:var(--rule);color:var(--neutral-ink)}
.st-del{background:var(--paper);border-color:var(--navy);color:var(--navy)}
.st-del::before{content:"\2713\00a0"}
.st-late{background:var(--paper);border-color:var(--accent);color:var(--accent-ink)}
.kind{font:600 12px/1.2 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* sunsets */
.sunsets{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:0;border-top:2px solid var(--navy)}
.sunsets li{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;padding:16px 20px 16px 0;border-bottom:1px solid var(--rule)}
.ss-d{font:600 22px/1.1 var(--ui);letter-spacing:-.02em}
.ss-w{font:600 12px/2 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-self:center}
.ss-t{grid-column:1/-1;font:600 16px/1.4 var(--display)}
.ss-n{grid-column:1/-1;font:400 14px/1.5 var(--ui);color:var(--muted)}

/* matrix */
.mx-wrap{overflow-x:auto;border-top:2px solid var(--navy)}
.matrix{border-collapse:collapse;width:100%;font:400 14px/1.3 var(--ui);font-variant-numeric:tabular-nums}
.matrix th,.matrix td{padding:9px 10px;border-bottom:1px solid var(--rule);text-align:center}
.matrix thead th{font:600 12px/1.25 var(--ui);color:var(--muted);vertical-align:bottom}
.matrix tbody th{text-align:left;font-weight:600;white-space:nowrap}
.matrix tbody th a{display:inline-block;padding:4px 0}
.mx-y{font-weight:400;color:var(--muted);margin-left:8px}
.mx1{background:#E8EDF5}.mx2{background:#D3DCEA}.mx3{background:#B3C2DA}.mx4{background:#8FA3C4;color:#061630}
.mx5{background:#2D4A7A;color:#fff}.mx6{background:var(--navy);color:#fff}
.mx-t{font-weight:600}

/* filters + register */
.filters{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:12px;margin:0 0 10px}
.filters label{display:flex;flex-direction:column;gap:5px;font:600 12px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);position:relative}
.filters input,.filters select{font:400 16px/1.2 var(--ui);color:var(--ink);background:var(--paper);border:1px solid #8C99AE;border-radius:2px;padding:0 12px;height:46px;width:100%}
.f-q kbd{position:absolute;right:10px;bottom:12px;font:600 12px/1 var(--ui);border:1px solid var(--rule);padding:4px 7px;color:var(--muted);background:var(--paper-2)}
.count{font:500 14px/1 var(--ui);color:var(--muted);margin:14px 0}
.mlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;border-top:2px solid var(--navy)}
.mcard{border-bottom:1px solid var(--rule)}
.mcard[hidden]{display:none}
.mlink{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:16px 0;text-decoration:none;color:var(--ink);transition:transform .14s var(--ease)}
.mlink:hover .m-title{text-decoration:underline}
.mlink:active{transform:scale(.97)}
.m-law{font:600 12px/1.3 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);grid-column:1}
.m-sec{letter-spacing:.02em;text-transform:none}
.m-title{font:600 18px/1.3 var(--display);grid-column:1}
.m-meta{grid-column:1;display:flex;flex-wrap:wrap;gap:4px 14px;font:400 13px/1.45 var(--ui);color:var(--muted)}
.m-due{grid-column:2;grid-row:1/3;text-align:right;display:flex;flex-direction:column;align-items:flex-end}
.m-st{grid-column:2;grid-row:3/5;align-self:end;text-align:right}
.mlink p,.mlink span{max-width:none}
.due-k{font:500 12px/1.3 var(--ui);color:var(--muted)}
.due-d{font:600 17px/1.3 var(--ui);font-variant-numeric:tabular-nums;white-space:nowrap}
.due-d.muted{color:var(--muted);font-weight:500}

/* statutes */
.law{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;padding:28px 0;border-bottom:1px solid var(--rule)}
.law:first-of-type{border-top:2px solid var(--navy);margin-top:24px}
.law-img{margin:0}
.law-img img{width:100%;height:auto;display:block;border:1px solid var(--rule);background:#fff}
.law-img figcaption{font:400 12px/1.4 var(--ui);color:var(--muted);margin-top:6px}
.law-b h2{font-size:26px;margin-bottom:6px}
.law-m{font:500 14px/1.5 var(--ui);color:var(--muted);margin:0 0 8px}
.law-note{font:400 15px/1.55 var(--ui);border-left:3px solid var(--navy);padding:4px 0 4px 14px;margin:14px 0;max-width:52em}
details summary{cursor:pointer;font:600 14px/1 var(--ui);padding:14px 0;min-height:44px}
.law-list{margin:6px 0 0;padding-left:18px;font:400 15px/1.6 var(--ui);columns:2;column-gap:32px}
.law-list li{break-inside:avoid;padding:3px 0}
.src{font:400 13px/1.5 var(--ui);color:var(--muted)}
.src a{display:inline-block;padding:6px 0}

/* record */
.rec{max-width:900px;padding-top:28px;padding-bottom:40px}
.crumbs{font:500 14px/1.4 var(--ui);color:var(--muted)}
.crumbs a{display:inline-block;padding:12px 0}
.rec-h{padding:10px 0 20px;border-bottom:2px solid var(--navy)}
.rec-law{font:500 15px/1.4 var(--ui);color:var(--muted);margin:0 0 10px}
.rec h1{font-size:clamp(28px,3.6vw,42px);line-height:1.1;letter-spacing:-.02em}
.rec-pills{display:flex;gap:14px;align-items:center;margin-top:14px;flex-wrap:wrap}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;border-bottom:1px solid var(--rule)}
.facts div{padding:14px 16px 14px 0;border-bottom:1px solid var(--rule)}
.facts dt{font:600 12px/1.3 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.facts dd{margin:6px 0 0;font:500 15px/1.45 var(--ui);display:flex;flex-direction:column}
.facts dd .muted{font-size:13px}
.rec-s{padding-top:30px}
.rec-s h2{font-size:24px;margin-bottom:12px}
.statute{margin:0;padding:6px 0 6px 22px;border-left:3px solid var(--navy);font:400 19px/1.6 var(--body);color:#111}
.statute p{margin:0 0 10px;max-width:29em}
.steps{counter-reset:s;list-style:none;margin:0;padding:0}
.steps li{counter-increment:s;position:relative;padding:10px 0 10px 46px;border-bottom:1px solid var(--rule);font:400 16px/1.55 var(--ui)}
.steps li::before{content:counter(s);position:absolute;left:0;top:9px;width:30px;height:30px;border:1.5px solid var(--navy);font:600 14px/27px var(--ui);text-align:center}
.ev{margin:0;padding-left:18px;font:400 15px/1.6 var(--ui)}
.ev li{padding:3px 0}
.cite{font:italic 400 17px/1.5 var(--body);margin:22px 0 0;padding-top:14px;border-top:1px solid var(--rule)}
.cite span{display:block;font:600 12px/1.4 var(--ui);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}

/* prose pages */
.prose{max-width:820px}
.prose h1{font-size:clamp(32px,4vw,46px);line-height:1.08;margin-bottom:6px}
.prose h2{margin-top:34px;font-size:24px}
.prose p,.prose li{font:400 19px/1.65 var(--body);max-width:29em}
.prose li{margin:6px 0}

/* staff + researcher */
.tbl-wrap{overflow-x:auto;border-top:2px solid var(--navy)}
.staff{border-collapse:collapse;width:100%;font:400 14px/1.45 var(--ui)}
.staff th,.staff td{text-align:left;padding:10px;border-bottom:1px solid var(--rule);vertical-align:top}
.staff thead th{font:600 12px/1.3 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pairs{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:0 28px}
.pair{border-top:1px solid var(--rule);padding:8px 0 16px}
.pair ul,.dl{font:400 15px/1.55 var(--ui);padding-left:18px}
.dl a{display:inline-block;padding:8px 0}
.src-sec h2{font-size:20px;margin:24px 0 10px}

.foot{margin-top:64px;background:var(--navy-deep);color:var(--rule);padding:28px 0}
.foot p{font:400 14px/1.6 var(--ui);margin:6px 0;max-width:64ch}
.foot a{color:#fff;display:inline-block;padding:10px 0}

@media (max-width:1000px){
  .tl-row{grid-template-columns:84px minmax(0,1fr) 170px}
  .tl-f{grid-column:2;grid-row:2;display:flex;gap:20px}
  .tl-s{grid-column:3;grid-row:1}
  .feat{grid-template-columns:1fr}
  .mx-wrap{display:none}
  .mx-list{display:block}
  .hero-in{grid-template-columns:1fr;gap:24px}
  .hero-fig{max-width:300px}
  .mlist{grid-template-columns:1fr}
  .filters{grid-template-columns:1fr 1fr}
  .f-q{grid-column:1/-1}
}
@media (max-width:700px){
  .wrap{padding:0 18px}
  .top-in{padding:0 8px 0 16px;gap:10px}
  .tier-tag{display:none}
  .nav a{padding:15px 9px;font-size:13px}
  .hero-in{padding-top:28px;padding-bottom:28px}
  .hero .lede{font-size:19px}
  .stats{grid-template-columns:1fr 1fr}
  .stats div{padding-bottom:12px}
  .stats dd{font-size:28px}
  .tl-row{grid-template-columns:64px minmax(0,1fr);gap:8px 14px}
  .tl-b,.tl-f,.tl-s{grid-column:2;grid-row:auto}
  .tl-f{flex-direction:column;gap:6px}
  .bn-l{display:none}
  .bn-s{display:inline}
  .brand-name{display:inline;font-size:14px;padding-left:10px}
  .nav .nv-0{display:none}
  .law{grid-template-columns:1fr}
  .law-img{max-width:240px}
  .law-list{columns:1}
  .facts{grid-template-columns:1fr 1fr}
  .mlink{grid-template-columns:1fr}
  .m-due,.m-st{grid-column:1;grid-row:auto;text-align:left;align-items:flex-start}
  .m-due{flex-direction:row;gap:8px;align-items:baseline}
  .latest-in{grid-template-columns:1fr;gap:10px}
  .latest ul{grid-template-columns:1fr;gap:10px}
}
@media (max-width:360px){
  .filters{grid-template-columns:1fr}
  .facts{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.mlink:active{transform:none}}
@media print{
  .top,.filters,.latest,.foot,.skip,.hero-fig,.count{display:none!important}
  body{font-size:11pt;color:#000}
  .hero{background:none}
  .mlist{display:block}
  .mcard[hidden]{display:block}
  a{color:#000}
  .statute a::after,.src a::after{content:" (" attr(href) ")";font-size:9pt}
  .rec-s,.law{break-inside:avoid}
}

/* r2: brand name variants, stat tile, lead item, 90-day rows, phone matrix list, record image */
.bn-s{display:none}
.tl-f{margin:0;display:flex;flex-direction:column;gap:8px}
.tl-f dt{font:600 11px/1.2 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.tl-f dd{margin:2px 0 0;font:500 14px/1.4 var(--ui)}
.tl-s{justify-self:end}
.next-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap}
.next-sum{font:500 14px/1.4 var(--ui);color:var(--muted);margin:0 0 18px}
.feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:start;border-top:2px solid var(--navy);padding:24px 0 28px}
.feat-k{font:600 13px/1.3 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.feat h3{font-size:30px;line-height:1.12;margin:0 0 12px}
.feat h3 a{text-decoration:none}
.feat h3 a:hover{text-decoration:underline}
.feat-x{font:400 19px/1.55 var(--body);margin:0 0 10px}
.feat-fig{margin:0;border:1px solid var(--rule);background:#fff;padding:12px}
.feat-fig img,.rec-fig img{display:block;width:100%;height:auto}
.feat-fig figcaption,.rec-fig figcaption{font:400 12px/1.45 var(--ui);color:var(--muted);margin-top:8px}
.rec-fig{margin:26px 0 0;border:1px solid var(--rule);padding:12px;max-width:760px}
.mx-list{display:none;list-style:none;margin:0;padding:0;border-top:2px solid var(--navy)}
.mx-list li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:12px 0;border-bottom:1px solid var(--rule);font:500 15px/1.4 var(--ui)}
.mx-list a{font-weight:600;display:inline-block;padding:4px 0}
.ml-t{font:600 20px/1 var(--ui);grid-column:2;grid-row:1/3;align-self:center}
.ml-p{grid-column:1;font:400 13px/1.4 var(--ui);color:var(--muted)}
@media (max-width:1000px){.feat{grid-template-columns:1fr;gap:18px}}
@media (max-width:700px){
  .bn-s{display:inline}
  .tl-s{justify-self:start}
  .feat h3{font-size:26px}
  .feat-x{font-size:18px}
}

/* r3: equal stat tiles, collision-free dial with month buttons and a list panel, phone fold order,
   two-row phone header, quieter Latest band, collapsible register */
.hero h1{text-wrap:balance}
.nw{white-space:nowrap}
.stats{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.stats div,.stats div:first-child{display:flex;flex-direction:column;padding:14px 14px 4px;border-left:1px solid var(--rule);border-left-color:var(--rule)}
.stats div:first-child{border-left:0;padding-left:0}
.stats dt{min-height:2.6em}
.stats dd{margin:auto 0 0}
.stats dd a{text-decoration:none}
.stats dd a:hover{text-decoration:underline}
.stats dd.st-sub{margin:6px 0 0;font:500 13px/1.3 var(--ui);letter-spacing:0;color:var(--muted);min-height:1.3em}
.hero .lede{margin-top:26px}
.hero-fig{max-width:400px}
.dial-sec{fill:transparent;cursor:pointer;outline:none}
.dial-sec:focus-visible{stroke:var(--navy);stroke-width:2;stroke-dasharray:4 3}
.dial-sel{fill:none;stroke:transparent;stroke-width:4}
.dial-sel.on{stroke:#8FA3C4}
.dm{pointer-events:none}
.dial-m{font:500 12.5px var(--ui)}
.dial-n{font:600 11px var(--ui);fill:var(--navy)}
.dial-n.in90{fill:#fff}
.dial-today2{font:500 12px var(--ui);fill:var(--muted)}
.hero-fig figcaption{text-align:left;margin-top:6px}
.cap-k{display:block;font-weight:600;color:var(--ink)}
.dial-p{margin-top:12px;border-top:2px solid var(--navy);min-height:96px}
.dp-h{font:600 13px/1.3 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:10px 0 4px}
.dp ul{list-style:none;margin:0;padding:0}
.dp li{display:grid;grid-template-columns:62px minmax(0,1fr);gap:0 10px;padding:6px 0;border-bottom:1px solid var(--rule);font:400 14px/1.4 var(--ui);max-width:none}
.dp time{font-weight:600;font-variant-numeric:tabular-nums;padding-top:3px}
.dp a{font:600 15px/1.3 var(--display);text-decoration:none;display:inline-block;padding:3px 0}
.dp a:hover{text-decoration:underline}
.dp span{grid-column:2;font-size:12.5px;color:var(--muted)}
.next-sum .pill{margin-left:4px}
.latest a{text-decoration:none;font-weight:600;display:inline;padding:0}
.latest a:hover{text-decoration:underline;color:#fff}
.latest li{display:flex;flex-direction:column;gap:3px;padding-top:2px;padding-bottom:2px}
.lt-s{font:400 13px/1.45 var(--ui);color:#C5CEDC}
.tl-f dt{font-size:12px}
.tl-f dd{font-size:15px}
.reg-more{display:block;width:100%;margin:18px 0 0;min-height:48px;font:600 15px/1 var(--ui);color:var(--navy);background:var(--paper);border:1.5px solid var(--navy);border-radius:2px;cursor:pointer}
.reg-more:hover{background:var(--paper-2)}
.mlist.collapsed .mcard.extra{display:none}
.hero-in{align-items:start}
@media (max-width:1000px){
  .hero-in{grid-template-columns:1fr;gap:0}
  .hero-txt{display:contents}
  .hero h1{order:1}
  .asof{order:2}
  .hero-fig{order:3;max-width:420px;justify-self:center;margin-top:14px}
  .stats{order:4}
  .hero .lede{order:5}
}
@media (max-width:700px){
  .top-in{height:auto;flex-wrap:wrap;padding:0;gap:0}
  .brand{padding:6px 16px;flex:1 1 100%;min-height:52px}
  .bn-l{display:inline}
  .bn-s{display:none}
  .brand-name{font-size:15px}
  .nav{margin:0;flex:1 1 100%;background:var(--navy-deep);gap:0}
  .nav a,.nav .nv-0{display:block;flex:1 1 0;text-align:center;padding:14px 4px 12px;font-size:14px;line-height:18px}
  .nav a[href$="method.html"]::after{font-size:14px;line-height:18px}
  .hero-in{padding-top:22px}
  .hero h1{font-size:33px;line-height:1.06}
  .asof{font-size:13px;margin-top:10px}
  .hero-fig{margin-top:6px;max-width:340px}
  .stats{grid-template-columns:1fr 1fr;margin-top:18px}
  .stats div,.stats div:first-child{border-left:1px solid var(--rule);padding:12px 12px 12px 14px;border-bottom:1px solid var(--rule)}
  .stats div:nth-child(odd){border-left:0;padding-left:0}
  .latest a{font-size:15px}
}
.next-sum{max-width:none}
.next-sum .pill{white-space:nowrap}
.tl-row{grid-template-columns:92px minmax(0,1fr) 260px auto}
@media (max-width:1000px){.tl-row{grid-template-columns:84px minmax(0,1fr) 200px auto}}
@media (max-width:700px){.tl-row{grid-template-columns:64px minmax(0,1fr)}}
.stats{grid-template-rows:auto auto auto;row-gap:0}
.stats div,.stats div:first-child{display:grid;grid-row:span 3;grid-template-rows:subgrid;align-content:start}
.stats dt{min-height:0;align-self:start}
.stats dd{margin:10px 0 0;align-self:end}
.stats dd.st-sub{align-self:start}
@media (max-width:700px){.stats{grid-template-rows:auto auto auto auto auto auto}}
@media (max-width:700px){.latest-in{padding:20px 18px 22px}}
.dial-p{display:block;color:var(--ink);text-align:left}
/* r4 (design round after jury r3): one-orbit marks, mid-month labels, chart text >= 11px on phone,
   an inline key that reconciles 9 / 26 / 3, the month list in the left column (no dead band) */
.hero-fig{max-width:420px}
.dial-face{fill:var(--paper);stroke:#B9C3D3;stroke-width:1.5}
.dial-tick{stroke:#8592A8;stroke-width:1.5}
.dial-m{font:500 14px var(--ui);fill:var(--neutral-ink)}
.dial-n{font:600 13px var(--ui);fill:var(--navy)}
.dial-dot{stroke-width:2}
.dial-today{font:600 13.5px var(--ui);fill:var(--navy);letter-spacing:.04em}
.dial-today2{font:500 13.5px var(--ui);fill:var(--neutral-ink)}
.dial-hand{stroke:var(--navy);stroke-width:2.5}
.dial-big{font:600 56px var(--ui);fill:var(--navy);letter-spacing:-.04em}
.dial-s{font:600 15px var(--ui);fill:var(--navy)}
.dial-s2{font:500 14px var(--ui);fill:var(--neutral-ink)}
.dial-sel{fill:transparent;stroke:none}
.dial-sel.on{fill:#E3E9F2;stroke:none}
.dial-sec{fill:transparent;cursor:pointer;outline:none}
.dial-sec:hover{fill:rgba(10,36,75,.035)}
.dial-sec:focus-visible{fill:rgba(177,54,48,.06);stroke:var(--accent);stroke-width:2;stroke-dasharray:none}
.hero-fig figcaption{margin-top:8px;color:var(--ink)}
.key{list-style:none;margin:0;padding:0;display:grid;gap:6px;font:400 14px/1.35 var(--ui);color:var(--ink)}
.key li{display:flex;align-items:center;gap:10px;max-width:none}
.key b{font-weight:600;font-variant-numeric:lining-nums tabular-nums}
.k-dot{flex:none;width:14px;height:14px;border-radius:50%;border:2px solid var(--navy);background:var(--paper)}
.k-dot.in90{background:var(--navy)}
.k-dot.k-n{width:21px;height:21px;margin:0 -3.5px;font:600 12px/17px var(--ui);text-align:center;color:var(--navy)}
.key-n{font:400 13.5px/1.45 var(--ui);color:var(--neutral-ink);margin:10px 0 0;max-width:none}
.key-n a{color:var(--navy)}
.hero .lede{margin-top:24px}
.dial-p{margin-top:28px;border-top:2px solid var(--navy);min-height:0}
.dial-p-k{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin:10px 0 0;font:600 13px/1.3 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);max-width:none}
.dial-p-k span{font-weight:500;letter-spacing:0;text-transform:none;color:var(--neutral-ink)}
.dp-h{color:var(--neutral-ink);margin-top:8px}
.dp li{grid-template-columns:70px minmax(0,1fr)}
.dp a{font-size:17px}
.dp span{font-size:13px;color:var(--neutral-ink)}
.brand img{height:32px}
@media (min-width:1001px){.hero-in{align-items:start;gap:56px}}
@media (max-width:1000px){
  .hero-fig{order:3;max-width:440px}
  .dial-p{order:4;margin-top:18px}
  .stats{order:5}
  .hero .lede{order:6}
}
@media (max-width:700px){
  .hero h1{font-size:31px}
  .hero-fig{max-width:390px;margin-top:4px}
  .key{font-size:14px}
}
/* 90-day rows: column heads once on desktop, compact meta */
.tl-head{display:none}
.tl-t{font-size:20px}
@media (min-width:1001px){
  .tl-head{display:grid;grid-template-columns:92px minmax(0,1fr) 260px auto;gap:20px;font:600 12px/1.3 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-ink);padding:0 0 8px;margin-top:8px;border-bottom:1px solid var(--rule)}
  .tl-head span:nth-child(3){grid-column:3}
  .tl-f{display:block}
  .tl-f dt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .tl-f dd{margin:0;font:500 15px/1.4 var(--ui)}
  .tl-f div+div dd{color:var(--neutral-ink);font-weight:400;margin-top:2px}
  .tl-row{padding:18px 0}
}
.dp-h{font:600 15px/1.3 var(--ui);letter-spacing:0;text-transform:none;color:var(--ink);margin:12px 0 4px}
/* r5 (design round after jury r4): marks on the ring itself, the month list under the clock so both
   columns end level, a stronger selected-month wedge clear of the Today hand, one accent per screen */
a:hover{color:var(--navy-deep);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--navy);outline-offset:2px}
.dial-sec:focus-visible{fill:rgba(10,36,75,.06);stroke:var(--navy);stroke-width:2}
.dial-dot{fill:var(--paper);stroke:var(--navy);stroke-width:2}
.dial-dot.in90{fill:var(--navy);stroke:var(--paper);stroke-width:2}
.dial-sel.on{fill:#D6DFEC}
.dial-hand{stroke:var(--navy);stroke-width:3}
.hero-side{display:flex;flex-direction:column;min-width:0}
.hero-side .hero-fig{max-width:380px;width:100%;margin:0 auto}
.hero-side .dial-p{margin-top:18px}
.key{grid-template-columns:auto auto auto;gap:6px 18px;font-size:13.5px;justify-content:start}
.key li{gap:7px;align-items:center}
.key-t{font:400 13px/1.4 var(--ui);color:var(--neutral-ink);margin:8px 0 0;max-width:none}
.hero-txt .key-n{margin:18px 0 0;font:400 15px/1.5 var(--ui);color:var(--ink);max-width:38em;padding-left:12px;border-left:3px solid var(--navy)}
.tl-c{font:400 14px/1.45 var(--ui);color:var(--ink);font-style:normal}
@media (min-width:1001px){.tl-f div:first-child dd{font-weight:600}}
@media (max-width:1000px){
  .hero-side{display:contents}
  .hero-side .hero-fig{order:3}
  .hero-side .dial-p{order:4}
  .stats{order:5}
  .hero .lede{order:6}
  .hero-txt .key-n{order:7}
}
@media (max-width:700px){
  .hero-side .hero-fig{max-width:310px}
  .key{grid-template-columns:1fr;gap:4px}
  .hero-side .dial-p{margin-top:12px}
}
.key{display:flex;flex-wrap:wrap;gap:6px 18px}
.key li{white-space:nowrap}
@media (min-width:1001px){
  .hero-in{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)}
  .hero-side .hero-fig{max-width:350px}
}
@media (min-width:1001px){
  .hero-in{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:48px}
  .hero-side .hero-fig{max-width:310px}
  .hero-side figcaption{margin-left:-40px;margin-right:-40px}
  .key{gap:4px 14px;font-size:13.5px;justify-content:center}
  .key-t{text-align:center}
}
@media (min-width:1001px){
  .hero-in{grid-template-columns:minmax(0,1.22fr) minmax(340px,.78fr);gap:48px}
  .hero-side .hero-fig{max-width:330px}
  .hero-side figcaption{margin-left:-60px;margin-right:-60px}
}
.dial-m{font:500 15px var(--ui);fill:var(--neutral-ink)}
.dial-today,.dial-today2{font-size:14px}
@media (min-width:1001px){
  .hero-side .dial-p{margin-top:12px}
  .key-t{margin-top:4px}
}
.key{justify-content:center}
/* r6 (after jury r5): same-date badges on an outer track with leader ticks, the year seam labelled on both
   sides, the selected-month wedge kept inside the ring, one nav label at every width, stats on the phone fold */
.dial-lead{stroke:var(--neutral-ink);stroke-width:1.5}
.st-proof dd:not(.st-sub){color:var(--accent-ink)}
.matrix thead th{font:600 13px/1.3 var(--ui);color:var(--neutral-ink)}
.ss-w{color:var(--neutral-ink)}
.ss-n{font:400 15px/1.55 var(--ui);color:var(--neutral-ink)}
@media (max-width:1000px){
  .stats{order:2}
  .hero-side .hero-fig{order:3}
  .hero-side .dial-p{order:4}
  .hero .lede{order:6}
  .hero-txt .key-n{order:7}
}
@media (max-width:700px){
  .stats{margin-top:14px}
  .stats dt{min-height:0;font-size:13px}
  .stats dd{font-size:26px;margin-top:4px}
  .stats div,.stats div:first-child{padding-top:10px;padding-bottom:10px}
  .hero-side .hero-fig{margin-top:14px}
  .key{gap:4px 12px;font-size:13px;flex-wrap:nowrap;justify-content:center}
  .key li{gap:5px}
}
.dial-seam{stroke:var(--neutral-ink);stroke-width:1.25;stroke-dasharray:3 3}

/* r7: the year seam is drawn (ring break, clockwise arrow, start and end named outside the ring); every mark
   on the ring with counts inside; the next-due feature folded into row 1; legible table meta; lining figures */
.dial-face{stroke:none}
.dial-ring{fill:none;stroke:#B9C3D3;stroke-width:1.5}
.dial-dir{fill:none;stroke:var(--navy);stroke-width:1.5}
.dial-dir-h{fill:var(--navy)}
.dial-today{font:600 14px var(--ui);fill:var(--navy);letter-spacing:0}
.dial-today2{font:500 14px var(--ui);fill:var(--neutral-ink)}
.dial-today .dial-today2{font-weight:500}
.dial-n{font:600 13px var(--ui);fill:var(--navy)}
.dial-n.in90{fill:#fff}
.lede,.hero .lede,.feat-x{font-variant-numeric:lining-nums}
.tl-m{font:600 13px/1 var(--ui);letter-spacing:.1em;color:var(--neutral-ink)}
.tl-in{font:500 13px/1.3 var(--ui);color:var(--neutral-ink)}
.tl-c{font-size:15px}
.tl-k{font:600 13px/1.3 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-ink);margin:0 0 4px}
.tl-row[data-lead] .tl-t{font-size:28px;line-height:1.15}
.tl-row[data-lead] .feat-x{font:400 18px/1.5 var(--body);margin:10px 0 14px;max-width:34em}
.tl-row[data-lead] .feat-fig{max-width:620px;margin:0 0 4px}
.tl-row[data-lead] .feat-fig figcaption,.rec-fig figcaption{font-size:13px;color:var(--neutral-ink)}
.next-why{font:400 15px/1.5 var(--ui);color:var(--ink);margin:-6px 0 18px;max-width:62em}
.key{padding:0 6px}
@media (max-width:700px){
  .hero-side .hero-fig .dial{max-width:340px;margin:0 auto}
  .key{flex-wrap:wrap;white-space:normal;padding:0 10px;gap:4px 14px}
  .tl-row[data-lead] .tl-t{font-size:22px}
}
.dial-end{stroke:var(--navy);stroke-width:2}
.dial-sel.on{fill:#C9D5E6}

/* r8 (after jury r7): one label at the seam, "Oct" named under Today, same-day badges outside the rim, darker
   ring and month labels, a legible 2x logo in one header row, the obligations-by-law strip filling the fold's
   lower left, uniform 90-day rows with the statute text behind a disclosure, sunsets split ahead / ended */
.top-in{height:64px}
.brand img{height:44px;width:auto}
.dial-ring{stroke:#7F8CA6;stroke-width:2}
.dial-tick{stroke:#5E6C86;stroke-width:1.5}
.dial-m{font:500 15px var(--ui);fill:var(--ink)}
.dial-m0{font-weight:600}
.dial-sec:hover{fill:rgba(10,36,75,.06)}
.dial-today{font:600 14px var(--ui);fill:var(--navy)}
.dial-today .dial-today2{font-weight:500;fill:var(--ink)}
@media (min-width:1001px){
  .hero-in{grid-template-rows:auto 1fr;row-gap:0}
  .hero-txt{grid-column:1;grid-row:1}
  .hero-side{grid-column:2;grid-row:1/span 2}
  .hero-more{grid-column:1;grid-row:2}
}
.hero-more .lede{margin-top:22px}
.lawstrip{margin:20px 0 0;padding:14px 0 0;border-top:1px solid var(--rule)}
.lawstrip figcaption{font:400 15px/1.45 var(--ui);color:var(--ink);margin:0 0 10px;max-width:40em}
.lawstrip figcaption b{font-weight:600}
.ls{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.ls li{display:grid;grid-template-columns:112px max-content 2.4em;align-items:center;gap:10px;max-width:none;min-height:16px}
.ls-n{font:400 13px/16px var(--ui);color:var(--neutral-ink)}
.ls-on .ls-n{font-weight:600;color:var(--ink)}
.ls-c{display:block}
.ls-q{fill:var(--paper);stroke:var(--navy);stroke-width:1.2}
.ls-q.in90{fill:var(--navy)}
.ls-t{font:500 13px/16px var(--ui);color:var(--neutral-ink);font-variant-numeric:tabular-nums lining-nums}
.block .key-n{margin:18px 0 0;font:400 15px/1.55 var(--ui);color:var(--ink);max-width:52em;padding-left:12px;border-left:3px solid var(--navy)}
.block .key-n a{color:var(--navy)}
.tl-m{font:600 14px/1 var(--ui);letter-spacing:.1em;color:var(--ink)}
.tl-in{font:500 14px/1.3 var(--ui);color:var(--neutral-ink)}
.tl-row[data-lead] .tl-t{font-size:24px;line-height:1.2}
.tl-row[data-lead] .feat-x{font:400 17px/1.5 var(--body);margin:6px 0 0}
.tl-x{margin:6px 0 0}
.tl-x summary{display:inline-flex;align-items:center;min-height:44px;font:600 14px/1.2 var(--ui);color:var(--navy);cursor:pointer;list-style:none}
.tl-x summary::-webkit-details-marker{display:none}
.tl-x summary::before{content:"+";display:inline-block;width:1.1em;font-weight:600}
.tl-x[open] summary::before{content:"\2212"}
.tl-x summary:hover{text-decoration:underline}
.tl-x .feat-fig{max-width:620px;margin:2px 0 6px}
.tl-x .feat-fig figcaption{font-size:13px;color:var(--neutral-ink)}
.ss-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.ss-h{font:600 13px/1.3 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:0 0 8px}
.ss-cols .sunsets{grid-template-columns:1fr}
@media (max-width:1000px){
  .stats{order:2}
  .hero-side .hero-fig{order:3}
  .hero-side .dial-p{order:4}
  .hero-more{order:6}
  .hero .dek{order:1}
  .ss-cols{grid-template-columns:1fr;gap:24px}
}
@media (max-width:700px){
  .top-in{height:56px;flex-wrap:nowrap;padding:0 4px 0 14px;gap:6px}
  .brand{padding:0;flex:none;min-height:44px}
  .brand{display:flex;align-items:center}
  .brand img{height:34px}
  .brand-name{display:block;font-size:13px;line-height:1.2;padding-left:8px;margin-left:8px;width:5.2em;white-space:normal}
  .brand-name .bn-l{display:none}
  .brand-name .bn-s{display:inline}
  .nav{margin:0 0 0 auto;flex:none;background:none;gap:0}
  .nav a,.nav .nv-0{flex:none;padding:19px 7px 17px;font-size:14px;line-height:18px}
  .hero-in{padding-top:18px}
  .hero-side .hero-fig{margin-top:10px}
  .hero-side .hero-fig .dial{max-width:320px}
  .key{display:grid;grid-template-columns:auto auto;justify-content:center;gap:4px 16px;padding:0}
  .key li:nth-child(2){grid-column:1/-1;grid-row:2}
  .ls li{grid-template-columns:96px max-content 2em;gap:8px}
  .ls-c{max-width:100%}
}
.ls li{grid-template-columns:112px minmax(0,1fr) 2.4em}
.ls-c{display:flex;flex-wrap:wrap;gap:3px;max-width:368px}
.ls-q{display:block;width:8px;height:8px;border:1.25px solid var(--navy);background:var(--paper);box-sizing:border-box}
.ls-q.in90{background:var(--navy)}
@media (max-width:700px){.ls li{grid-template-columns:96px minmax(0,1fr) 2em}}
.ls{grid-template-columns:1fr 1fr;grid-template-rows:repeat(7,auto);grid-auto-flow:column;gap:4px 28px}
.ls li{grid-template-columns:108px minmax(0,1fr);gap:8px;align-items:start}
.ls-n{display:flex;justify-content:space-between;gap:6px}
.ls-n .ls-t{font-weight:500}
.ls-c{gap:2px;max-width:none;padding-top:4px}
.lawstrip{margin-top:18px;padding-top:12px}
.lawstrip figcaption{margin-bottom:8px}
.hero-more .lede{font-size:19px;max-width:36em;margin-top:20px}
@media (max-width:700px){
  .ls{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}
  .ls li{grid-template-columns:104px minmax(0,1fr)}
  .hero-side .hero-fig .dial{max-width:300px}
  .dial-p-k{display:none}
  .dp-h{margin-top:6px}
  .stats div,.stats div:first-child{padding-top:8px;padding-bottom:8px}
  .stats{margin-top:12px}
  .hero h1{font-size:30px}
}
.dial-n{font:600 13.5px var(--ui)}
.lawstrip{margin-top:16px;padding-top:0;border-top:0}
.lawstrip figcaption{margin-bottom:8px;font-size:15px}
.ls{gap:4px 28px}
.ls li{grid-template-columns:124px minmax(0,1fr);gap:10px;align-items:center;min-height:16px}
.ls-n{white-space:nowrap}
.ls-c{display:grid;grid-template-rows:repeat(2,7px);grid-auto-flow:column;grid-auto-columns:7px;gap:2px;padding:0}
.ls-q{width:7px;height:7px;border-width:1.25px}
@media (max-width:700px){.ls li{grid-template-columns:124px minmax(0,1fr)}.ls{gap:4px}}
@media (min-width:1001px){.hero-in{padding-top:34px;padding-bottom:26px}}
@media (min-width:701px) and (max-width:1000px){.hero-side .hero-fig{margin-top:26px}}

/* r9 name: on the narrowest phones the brand link is the home link, so the duplicate first tab yields room for the name */
@media (max-width:374px){
  .nav .nv-0{display:none}
}

/* r11 (Gregg's review): serif wordmark at the size of the other beta sites, lining figures in headings, the dek */
h1,h2,h3{font-variant-numeric:lining-nums}
.brand-name{font:600 28px/1 var(--display);letter-spacing:-.01em;padding-left:16px}
.hero .dek{font:400 21px/1.5 var(--body);color:var(--ink);max-width:31em;margin:16px 0 0}
@media (max-width:700px){
  .brand-name{font:600 19px/1.02 var(--display);width:5em;padding-left:9px;margin-left:6px}
  .nav .nv-0{display:none}  /* the wordmark is the home link on phones */
  .nav a{padding-left:10px;padding-right:10px}
  .hero .dek{font-size:18px;margin-top:12px}
}
@media (max-width:374px){
  .brand img{height:28px}
  .brand-name{font-size:17px}
  .nav a{padding-left:7px;padding-right:7px}
}

/* r11 G2: photographs. Credited, fixed ratio (no layout shift), never cropped through a head */
.ph{margin:0}
.ph img{display:block;width:100%;height:auto;object-fit:cover;background:var(--rule)}
.ph figcaption{font:400 13px/1.45 var(--ui);color:var(--muted);margin-top:8px;max-width:60em}
.ph .credit{white-space:nowrap;color:#5B6A82}
.lead-ph{padding-top:28px}
.lead-ph img{aspect-ratio:4/1;object-position:50% 38%}
.hero .hero-in{padding-top:30px}
.ph-next{margin:0 0 26px}
.ph-next img{aspect-ratio:4/1}
.law>.ph{margin:0;grid-column:1/-1}
@media (max-width:700px){
  .lead-ph{padding:0}
  .lead-ph .ph figcaption{padding:0 2px}
  .lead-ph img{aspect-ratio:2.4/1}
  .ph-next img{aspect-ratio:2.6/1}
  .hero .hero-in{padding-top:18px}
}
.lead-ph img{object-position:50% 12%}
@media (max-width:700px){
  .lead-ph .ph figcaption{padding:0 18px}
}
@media (min-width:701px){
  .law>.ph img{aspect-ratio:3.6/1}
}