/* the Contribute page (lib/supportpages.js, lib/ideapages.js) */
h4,ol,blockquote{margin:0}
.sub>h3{font-family:var(--display);font-size:22px;line-height:28px;font-weight:700}
.sub{padding-top:8px}
.give{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.gwords{display:flex;flex-direction:column;gap:6px;max-width:37em}
.idea h4{font-family:var(--display);font-size:20px;line-height:26px;font-weight:600;overflow-wrap:anywhere}
h4.eyebrow{font-family:var(--text);font-size:12px;line-height:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:8px}
#ideas{padding-top:32px;border-top:1px solid var(--line);scroll-margin-top:16px}
#donate,#goal,#cost,#list,#send,#sent{scroll-margin-top:16px}
/* easy reading: a plain-language account, the section "On the record", and a law's saved text.
   Lines stay near 75 characters (37em at the text size), with room between statements. */
.read .bul,.read .narrow,.read>p,.otr .narrow,.otr-part,.lawprose{max-width:37em}
.read .bul{gap:12px}
.read .cite{margin-top:2px}
.toc{max-width:37em;padding:12px 16px;background:var(--raised);border:1px solid var(--line);border-radius:4px}
.toc h3.eyebrow{margin:0 0 4px}
.toc ol{padding-left:22px;display:flex;flex-direction:column}
.toc a{display:inline-flex;align-items:center;min-height:32px;font-weight:600}
.acct{display:flex;flex-direction:column;max-width:37em;border-top:1px solid var(--line)}
.acsec{display:flex;flex-direction:column;gap:10px;padding:16px 0;border-bottom:1px solid var(--line);scroll-margin-top:16px}
.acsec h3{font-family:var(--display);font-size:20px;line-height:26px;font-weight:700}
details.acsec{display:block}
details.acsec summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 16px;min-height:44px;padding:9px 0 9px 26px;position:relative;cursor:pointer;list-style:none}
details.acsec summary::-webkit-details-marker{display:none}
details.acsec summary::before{content:"+";position:absolute;left:0;top:9px;width:18px;font-family:var(--data);font-size:20px;line-height:26px;font-weight:500;color:var(--brand)}
details.acsec[open] summary::before{content:"-"}
details.acsec summary h3{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
details.acsec[open] summary{margin-bottom:6px}
details.acsec{padding:4px 0}
details.acsec[open]{padding-bottom:16px}
.otr-part{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--line)}
.otr-part h3{font-family:var(--display);font-size:22px;line-height:28px;font-weight:700}
.otr-part .srcs{margin-top:0}
.otr-why,.otr-list{padding:0;list-style:none;display:flex;flex-direction:column}
.otr-why li{display:flex;flex-direction:column;gap:2px;padding:8px 0}
.otr-e{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-bottom:1px solid var(--line)}
.otr-list .otr-e:last-child{border-bottom:0;padding-bottom:4px}
.otr-who{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.otr-name{font-family:var(--display);font-size:20px;line-height:26px;font-weight:600}
span.otr-name{color:var(--ink)}
.otr-q{padding:6px 0 6px 14px;border-left:4px solid var(--line);font-size:17px;line-height:27px;overflow-wrap:anywhere}
.otr-none{color:var(--ink)}
.otr-fund{color:var(--ink)}
.otr-more{border-top:1px solid var(--line)}
.otr-more summary{display:flex;align-items:center;min-height:44px;padding:9px 0 9px 26px;position:relative;cursor:pointer;list-style:none;font-weight:600;color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.otr-more summary::-webkit-details-marker{display:none}
.otr-more summary::before{content:"+";position:absolute;left:0;top:9px;width:18px;font-family:var(--data);font-size:20px;line-height:26px;font-weight:500;color:var(--brand);text-decoration:none}
.otr-more[open] summary::before{content:"-"}
.otr-more .otr-e:first-child{padding-top:8px}
.otr-count{font-family:var(--data);font-weight:500}
/* a law's saved text: headings where the text has them, and blocks in the official file's own line breaks */
.lth{font-family:var(--display);font-size:20px;line-height:26px;font-weight:700;max-width:37em;padding-top:12px;overflow-wrap:anywhere}
.lawprose{display:flex;flex-direction:column;gap:16px}
.lawprose p+p{margin-top:0}
.lawblocks{display:flex;flex-direction:column;gap:12px;max-width:760px}
.lawblocks pre.lawtext{font-size:14px;line-height:22px}
@media (max-width:480px){.lawblocks pre.lawtext{font-size:12px;line-height:19px}.otr-name{font-size:18px;line-height:24px}}
/* members' press releases (a secondary source): one list, apart from "On the record" */
.prs>p,.prs .otr-list,.prs .otr-more{max-width:37em}
.prs-title{font-weight:600;overflow-wrap:anywhere}
span.prs-title{color:var(--ink)}
.prs-ties{font-size:15px;line-height:23px;overflow-wrap:anywhere}
.prs-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px}
.prs-meta .fp{font-size:13px;line-height:20px}
.prs-cov{padding-top:12px;border-top:1px solid var(--line)}
/* organizations' press releases and the page of one organization (lib/orgpresspages.js) */
.org-cm{max-width:37em;font-size:14px;line-height:22px}
.org-cm summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font-weight:600;color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.org-cm .bul{margin-top:4px}
h1.org-name,.org-site{overflow-wrap:anywhere}
.org-site{font-weight:600}
/* Lane S6: the tag "News item", the sentence for an unsure article text, and online ads */
.prs-kind{display:inline-block;font-family:var(--data);font-size:12px;line-height:18px;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--edge);border-radius:3px;padding:0 6px;margin-right:6px;color:var(--ink);vertical-align:2px}
.prs-unsure{border-left:3px solid var(--edge);padding-left:10px;color:var(--ink);max-width:680px}
.prs-note{color:var(--ink);max-width:680px}
.ads-advs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ads-adv{display:flex;flex-direction:column;gap:4px;border-left:4px solid var(--edge);padding:2px 0 2px 12px;max-width:680px}
.ads-name{font-weight:600;overflow-wrap:anywhere}
.ads-name .small{font-weight:400;margin-left:6px}
.ads-not{max-width:680px}
.ads-pic{display:block;max-width:360px}
.ads-img{display:block;max-width:100%;height:auto;border:1px solid var(--line);background:var(--raised)}
.ads-fig{margin:0;display:flex;flex-direction:column;gap:6px;max-width:560px}
.ads-facts{margin:0;display:flex;flex-direction:column;max-width:680px}
.ads-facts div{display:grid;grid-template-columns:160px 1fr;gap:4px 16px;padding:8px 0;border-bottom:1px solid var(--line)}
.ads-facts dt{font-weight:600}
.ads-facts dd{margin:0;overflow-wrap:anywhere}
.ads-ties{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-width:680px}
@media (max-width:520px){.ads-facts div{grid-template-columns:1fr}}

/* Lane S7: hearings and their witnesses inside "On the record"; the two groups of "What this member says about laws and orders" */
.hrg-w{font-weight:600}
.hrg-list{max-width:37em;overflow-wrap:anywhere}
.said .otr-part .headrow{gap:4px 16px}

/* Lane S8: "What this law says it is for, and what was added" on a law's page, and /laws/<id>/spending */
.add>p,.add .otr-list,.add .otr-more,.add-list,.add-sts{max-width:37em}
.add .otr-part.add-wide{max-width:none}
.add-wide .otr-more{max-width:37em}
.add-sts{list-style:none;padding:0;display:flex;flex-direction:column;gap:14px}
.add-st{display:flex;flex-direction:column;gap:4px}
.add-st h4.eyebrow{margin-top:0}
.add-src{overflow-wrap:anywhere}
.add-list{list-style:none;padding:0;border-top:1px solid var(--line)}
.add-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 16px;padding:8px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.add-w{font-family:var(--data);font-size:14px;line-height:21px;font-weight:500;color:var(--muted);white-space:nowrap}
.add .fcard{overflow-wrap:anywhere}
.add .fcard h4.eyebrow{margin-top:0}
.add .fcard .otr-q{font-size:15px;line-height:23px}
.add-how .bul{padding-bottom:12px}
.add-ours{font-weight:600;color:var(--ink)}
.add-tables{overflow-wrap:anywhere}
table.adt{min-width:320px}
table.adt tbody th{font-weight:600}
.add-ch{margin-left:8px;font-family:var(--text);font-size:13px;line-height:20px;font-weight:400;color:var(--muted)}
table.adr{min-width:880px}
table.adr th,table.adr td{text-align:left;vertical-align:top}
table.adr thead th:nth-child(5),table.adr td.n{text-align:right;white-space:nowrap}
table.adr td.n{font-family:var(--data);font-weight:500}
table.adr td.t{font-family:var(--text);font-weight:400;min-width:190px}
table.adr td.d{font-family:var(--data);font-weight:500;white-space:nowrap}
table.adr tbody th{min-width:180px;max-width:300px;overflow-wrap:anywhere}
.add-m{display:block}
.add-acct{display:block;font-size:13px;line-height:20px;color:var(--muted)}
/* Transparency Score (Lane S9): the headline, "Dollars in this law", the other measures, /laws/<id>/dollars */
.add-big{font-size:clamp(32px,9vw,44px);line-height:48px;padding:4px 0}
.add .fcard h3.eyebrow{margin-top:0}
.add-one{max-width:37em}
.add-labels{display:flex;flex-wrap:wrap;gap:4px 24px}
.add-tot,.add-cmp{margin:0;border-top:1px solid var(--line);max-width:37em}
.add-tot>div,.add-cmp>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 24px;padding:10px 0;border-bottom:1px solid var(--line)}
.add-cmp dt{font-weight:600;flex:1 1 220px}
.add-tot dt{font-weight:600;flex:0 1 auto}
.add-tot dd,.add-cmp dd{margin:0;flex:1 1 260px;display:flex;flex-direction:column;gap:2px;align-items:flex-start;min-width:0;overflow-wrap:anywhere}
.add-tot dd{flex:1 1 200px;align-items:flex-end;text-align:right}
.add-v{font-family:var(--data);font-weight:500;font-variant-numeric:tabular-nums}
.add-cmp dd .otr-more{align-self:stretch}
.add-cmp dd .mini{min-height:32px}
.add-amt{font-family:var(--data);font-weight:500}
table.adv td.n{font-family:var(--data);font-weight:500;text-align:right;white-space:nowrap}
table.adv thead th:nth-child(n+2){text-align:right}
table.adv tbody th{min-width:140px}
table.adv th,table.adv td{padding-left:10px;padding-right:10px}
table.adm{min-width:820px}
table.adm tbody th{font-family:var(--data);font-weight:500;min-width:150px;white-space:nowrap}
table.adm tbody th .add-acct{font-family:var(--text);white-space:normal;font-weight:400}
table.adm td .otr-q{font-size:15px;line-height:23px;min-width:280px}
@media (max-width:480px){.add-tot dd{align-items:flex-start;text-align:left;flex-basis:100%}}