/* The daily brief. Scoped under .brief for the same reason the fuel model is: this page carries
   the shared site header and footer, and the brief styles bare elements that would otherwise
   reach them. Palette is the Don't Trust the Pig dark set.
   The .brief frame (wrap, eyebrow, lede, standard, tally, item cards, onward links) is shared by
   the other Stay in the Zone pages: the-test.html and your-representatives.html load this file
   and add their own small sheet on top. Change the frame here, once. */
.page-brief{color-scheme:dark}

.brief{
  --ink:#0b1220; --ink-2:#121c30; --ink-3:#18233a;
  --line:#24304c; --paper:#f3f5fa; --paper-dim:#9aa6bf;
  --gold:#e8b04c; --rust:#d95926; --warn:#e06c6c; --green:#4f9d69;
  --serif:'Fraunces',Georgia,serif;
  --sans:'Inter',system-ui,-apple-system,sans-serif;
  --mono:'DM Mono',ui-monospace,Consolas,monospace;
  background:var(--ink);color:var(--paper);font:400 16px/1.6 var(--sans);
}
.brief *{box-sizing:border-box}
.brief .wrap{max-width:62rem;margin:0 auto;
  padding-left:max(16px,env(safe-area-inset-left,0px));
  padding-right:max(16px,env(safe-area-inset-right,0px));
  padding-block:2.5rem 4rem}
.brief .eyebrow{font:500 .7rem/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 .6rem}
.brief h1{font:700 clamp(1.9rem,4.4vw,2.9rem)/1.1 var(--serif);margin:0 0 .8rem;text-wrap:balance;color:var(--paper)}
.brief .lede{font-size:1.06rem;color:var(--paper-dim);max-width:62ch;margin:0 0 1.4rem}

/* The standing promise, stated on the page rather than only in a policy file. */
.brief .standard{border-left:2px solid var(--line);padding:.1rem 0 .1rem .9rem;margin:0 0 2rem;max-width:64ch;
  font-size:.92rem;color:var(--paper-dim)}
.brief .standard b{color:var(--paper);font-weight:600}
.brief .tally{display:flex;flex-wrap:wrap;gap:.45rem;margin:.7rem 0 0;padding:0;list-style:none}
.brief .tally li{font:500 .76rem var(--mono);color:var(--paper-dim);background:var(--ink-2);
  border:1px solid var(--line);border-radius:999px;padding:.25rem .7rem;font-variant-numeric:tabular-nums}

.brief .daynav{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:0 0 1.2rem}
.brief .daynav button{font-family:var(--sans);cursor:pointer;background:transparent;color:var(--paper);
  border:1px solid var(--line);border-radius:999px;padding:.45rem 1rem;font-size:.85rem;font-weight:600}
.brief .daynav button:hover:not(:disabled){border-color:var(--gold)}
.brief .daynav button:disabled{opacity:.4;cursor:default}
.brief .daynav .today{font:500 .8rem var(--mono);color:var(--paper-dim);margin-left:auto}
.brief button:focus-visible,.brief a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

.brief .dayhead{border-top:1px solid var(--line);padding-top:1.2rem;margin:0 0 1.2rem}
.brief .dayhead h2{font:700 1.7rem/1.15 var(--serif);margin:0 0 .2rem;color:var(--paper)}
.brief .dayhead p{margin:0;font-size:.9rem;color:var(--paper-dim)}

.brief .item{background:var(--ink-2);border:1px solid var(--line);border-radius:12px;padding:1.25rem;margin:0 0 1rem}
.brief .item h3{font:600 1.12rem/1.3 var(--serif);margin:.55rem 0 .6rem;color:var(--paper)}
.brief .tags{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.brief .tag{font:500 .66rem var(--mono);letter-spacing:.1em;text-transform:uppercase;
  border:1px solid var(--line);border-radius:999px;padding:.2rem .6rem;color:var(--paper-dim)}
.brief .tag.cat{color:var(--gold);border-color:#4a3c22}
.brief .tag.adm{color:var(--paper)}
.brief .item p{margin:0 0 .7rem;font-size:.97rem}
.brief .item p:last-child{margin-bottom:0}
.brief .item .label{color:var(--paper-dim);font-weight:600}
.brief .status{border-left:3px solid var(--gold);padding:.15rem 0 .15rem .8rem;margin:.9rem 0;color:var(--paper-dim);font-size:.92rem}
.brief .limits{border-left:3px solid var(--warn);padding:.15rem 0 .15rem .8rem;margin:.9rem 0;color:var(--paper-dim);font-size:.9rem}
.brief .sources{display:flex;flex-wrap:wrap;gap:.45rem;margin:.9rem 0 0}
.brief .sources a{font-size:.84rem;color:var(--gold);text-decoration:none;border:1px solid var(--line);
  border-radius:8px;padding:.3rem .7rem}
.brief .sources a:hover{border-color:var(--gold)}
.brief .reviewed{font:400 .76rem var(--mono);color:var(--paper-dim);margin:.8rem 0 0}

.brief .archive{margin:2.5rem 0 0;border-top:1px solid var(--line);padding-top:1.5rem}
.brief .archive h2{font:600 1.2rem var(--serif);margin:0 0 .3rem;color:var(--paper)}
.brief .archive .sub{font-size:.9rem;color:var(--paper-dim);margin:0 0 1rem}
.brief .year{margin:0 0 1.2rem}
.brief .year h3{font:500 .72rem var(--mono);letter-spacing:.14em;color:var(--paper-dim);margin:0 0 .5rem}
.brief .days{display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:0;list-style:none}
.brief .days button{font:500 .8rem var(--mono);cursor:pointer;background:var(--ink-2);color:var(--paper);
  border:1px solid var(--line);border-radius:8px;padding:.35rem .6rem;font-variant-numeric:tabular-nums}
.brief .days button:hover{border-color:var(--gold)}
.brief .days button[aria-current="true"]{background:var(--gold);color:#101722;border-color:var(--gold)}
.brief .days .n{opacity:.6;margin-left:.3rem}

.brief .onward{display:flex;flex-wrap:wrap;gap:.8rem;margin:2.5rem 0 0;padding-top:1.6rem;border-top:1px solid var(--line)}
.brief .onward a{display:inline-block;border:1px solid var(--line);border-radius:999px;
  padding:.65rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;color:var(--paper)}
.brief .onward a:hover{border-color:var(--gold)}
.brief .onward a.lead{background:var(--gold);color:#101722;border-color:var(--gold)}

.brief .loading,.brief .failed{color:var(--paper-dim);font-size:.95rem}
.brief [hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){.brief *{transition:none!important;animation:none!important}}

/* The two layers of a day: reviewed entries, and what the Federal Register published. */
.brief .layer{margin:0 0 2rem}
.brief .layerhead{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .8rem;margin:0 0 .3rem}
.brief .layerhead h3{font:600 1.15rem/1.3 var(--serif);margin:0;color:var(--paper)}
.brief .layerhead .count{font:500 .76rem var(--mono);color:var(--paper-dim);font-variant-numeric:tabular-nums}
.brief .tag.unreviewed{color:var(--rust);border-color:#5a3324}
.brief .layer-sub{font-size:.9rem;color:var(--paper-dim);margin:0 0 1rem;max-width:66ch}
.brief .empty{background:var(--ink-2);border:1px dashed var(--line);border-radius:12px;padding:1rem 1.2rem;margin:0 0 1rem;font-size:.95rem;color:var(--paper-dim)}
.brief .linklike{font:inherit;color:var(--gold);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.brief .fr-counts{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 .9rem;padding:0;list-style:none}
.brief .fr-counts li{font:500 .76rem var(--mono);color:var(--paper-dim);background:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:.25rem .7rem;font-variant-numeric:tabular-nums}
.brief .fr-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.brief .fr-item{display:grid;gap:.15rem;background:var(--ink-2);border:1px solid var(--line);border-left-width:3px;border-radius:10px;padding:.75rem .95rem}
.brief .fr-item.pres{border-left-color:var(--gold)}
.brief .fr-item.rule{border-left-color:var(--line)}
.brief .fr-kind{font:500 .66rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--paper-dim)}
.brief .fr-item.pres .fr-kind{color:var(--gold)}
.brief .fr-item a{color:var(--paper);text-decoration:none;font-size:.97rem;line-height:1.4}
.brief .fr-item a:hover{color:var(--gold)}
.brief .fr-agency{font-size:.8rem;color:var(--paper-dim)}
.brief .fr-note{font-size:.86rem;color:var(--paper-dim);margin:.9rem 0 0;max-width:66ch}
.brief .fr-note a{color:var(--gold)}