@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@700;800;900&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');
/* =====================================================================
   THEME: INSPECTED — a daily inspection report. Paper, ink, one yellow:
   the inspection sticker. Condensed uppercase headings, 2 px ink edges,
   hard offset shadows, a hazard stripe under the header, a black status
   strip and footer. Yellow means "passed", nothing else is yellow.
   Loaded over style.css + theme-base.css. Delete this file to drop it.
   ===================================================================== */
:root{
  --yellow:#FFD23F;
  --paper:#F1EEE6; --surface:#FFFFFF; --surface-2:#F7F5EF; --surface-3:#E9E5DA; --row-hover:#FFF6D1;
  --ink:#111111; --body:#33322D; --muted:#5F5E57;
  --line:#BDB7A8; --line-soft:#DAD5C8; --rule:#1111111F; --rule-strong:#11111140;
  --link:#111111; --link-soft:#FFF1B8;
  --accent:#111111; --accent-dark:#000000; --accent-soft:#FFD23F; --accent-ink:#111111;
  --alive:#1E7A3E; --alive-soft:#DCEFD9; --signal:#1E7A3E;
  --wobbly:#A86B00; --wobbly-soft:#FBEAC2; --dead:#C23A22; --dead-soft:#F8DDD6; --stale:#7A776D; --unknown:#9C988D;
  --band:#F1EEE6; --band-ink:#111111; --band-body:#33322D; --band-dim:#3E3D38;
  --band-line:#111111; --band-fill:rgba(17,17,17,.05);
  --r:4px; --r-lg:6px; --r-xl:8px;
  --shadow:none; --shadow-lift:6px 6px 0 #111111;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --th-display:'Big Shoulders Display',Impact,'Arial Narrow',sans-serif; --th-body:'IBM Plex Sans',system-ui,sans-serif;
  --th-display-weight:900; --th-display-track:.01em; --th-display-case:uppercase;
  --th-eyebrow:#111111; --th-eyebrow-font:'IBM Plex Mono',monospace;
  --th-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='%23FFD23F' stroke='%23111111' stroke-width='7'/%3E%3Cpath d='M30 51 L45 66 L71 37' fill='none' stroke='%23111111' stroke-width='12' stroke-linecap='square'/%3E%3C/svg%3E"); --th-logo-w:34px; --th-logo-h:34px;
  --th-brand-case:uppercase; --th-brand-track:.03em; --th-brand-weight:900;
  --th-card-radius:6px; --th-card-border:2px solid #111111; --th-card-shadow:none;
  --th-card-shadow-hover:5px 5px 0 #111111; --th-card-lift:translate(-2px,-2px);
  --th-btn-radius:6px; --th-btn-bg:var(--yellow); --th-btn-ink:#111111; --th-btn-border:2px solid #111111;
  --th-btn-shadow:3px 3px 0 #111111; --th-btn-bg-hover:#FFC400; --th-btn-shadow-hover:5px 5px 0 #111111;
  --th-btn-lift:translate(-2px,-2px); --th-btn-case:uppercase; --th-btn-track:.05em;
  --th-btn2-bg:var(--surface); --th-btn2-ink:#111111; --th-btn2-border:2px solid #111111; --th-btn2-border-hover:#111111;
  --th-panel-bg:var(--surface); --th-panel-border:2px solid #111111; --th-panel-radius:6px;
  --th-panel-shadow:6px 6px 0 #111111; --th-panel-shadow-lg:8px 8px 0 #111111;
  --th-input-bg:var(--surface); --th-input-border:2px solid #111111; --th-input-radius:4px;
  --th-focus:#111111; --th-focus-ring:var(--yellow);
  --th-head-bg:var(--paper); --th-head-border:2px solid #111111;
  --th-strip-bg:#111111; --th-strip-ink:#D9D4C6; --th-strip-ok:var(--yellow);
  --th-foot-bg:#111111; --th-foot-border:0;
  --th-hero-bg:var(--paper); --th-hero-border:2px solid #111111; --th-hero-em:#111111;
  --th-badge-radius:3px; --th-badge-font:'IBM Plex Mono',monospace; --th-badge-case:uppercase; --th-badge-track:.06em;
  --th-chip-radius:4px; --th-chip-font:'IBM Plex Mono',monospace; --th-chip-on-bg:var(--yellow); --th-chip-on-ink:#111111;
  --th-section-dot:var(--yellow); --th-tile-stripe:none;
  --th-grade-a:#1E7A3E; --th-grade-b:#5C8F2A; --th-grade-c:#C98A00; --th-grade-d:#D9621E; --th-grade-f:#C23A22;
}
:root[data-theme="dark"]{
  --paper:#131311; --surface:#1C1C19; --surface-2:#22221E; --surface-3:#2A2A25; --row-hover:#2A2716;
  --ink:#F1EEE6; --body:#CFCABD; --muted:#A29D90;
  --line:#57544B; --line-soft:#34332D; --rule:#FFFFFF1A; --rule-strong:#FFFFFF33;
  --link:#F1EEE6; --link-soft:#3A3212;
  --accent:#F1EEE6; --accent-dark:#FFFFFF; --accent-soft:#3A3212; --accent-ink:#FFD23F;
  --alive:#5CC97E; --alive-soft:#17301E; --signal:#5CC97E;
  --wobbly:#FFC247; --wobbly-soft:#33280F; --dead:#FF7A5C; --dead-soft:#3A1810; --stale:#8C877B; --unknown:#6E6A60;
  --band:#131311; --band-ink:#F1EEE6; --band-body:#CFCABD; --band-dim:#B8B3A6;
  --band-line:#F1EEE6; --band-fill:rgba(241,238,230,.06);
  --th-card-border:2px solid #6B675C; --th-card-shadow-hover:5px 5px 0 var(--yellow);
  --th-btn-border:2px solid var(--yellow); --th-btn-shadow:3px 3px 0 #000000; --th-btn-shadow-hover:5px 5px 0 #000000;
  --th-btn2-ink:#F1EEE6; --th-btn2-border:2px solid #6B675C; --th-btn2-border-hover:#F1EEE6;
  --th-panel-border:2px solid #6B675C; --th-panel-shadow:6px 6px 0 #000000; --th-panel-shadow-lg:8px 8px 0 #000000;
  --th-input-border:2px solid #6B675C; --th-focus:var(--yellow); --th-focus-ring:rgba(255,210,63,.35);
  --th-head-border:2px solid #F1EEE6; --th-hero-border:2px solid #F1EEE6; --th-hero-em:#111111;
  --th-strip-bg:#000000; --th-foot-bg:#000000;
  --th-grade-a:#5CC97E; --th-grade-b:#9BCB5A; --th-grade-c:#FFC247; --th-grade-d:#FF9A4D; --th-grade-f:#FF7A5C;
  --th-grade-ink:#111111;
}

/* the status strip and the footer are black in both themes */
.statusbar,.site-foot,body.beta .site-foot{
  --band-ink:#F1EEE6!important; --band-body:#D9D4C6!important; --band-dim:#B5B0A2!important;
  --band-line:rgba(241,238,230,.22)!important; --band-fill:rgba(241,238,230,.08)!important;
  --ink:#F1EEE6!important; --body:#D9D4C6!important; --muted:#B5B0A2!important;
  --surface:#1C1C19!important; --surface-2:#262622!important; --line:#57544B!important; --line-soft:#34332D!important;
  --th-input-bg:#1C1C19; --th-input-border:2px solid #57544B; --th-focus:var(--yellow);
  --th-btn2-bg:transparent; --th-btn2-ink:#F1EEE6; --th-btn2-border:2px solid #57544B; --th-btn2-border-hover:#F1EEE6;
  --th-btn-shadow:3px 3px 0 #000000; --th-btn-shadow-hover:5px 5px 0 #000000;
}

/* the hazard stripe under the header */
.site-head::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:6px;pointer-events:none;z-index:1;
  background:repeating-linear-gradient(-45deg,#111111 0 10px,#FFD23F 10px 20px)}

/* condensed headings need more size to carry the same weight */
.hero h1,.hero-grid h1,body.beta .hero-grid h1,.grave-hero h1{font-size:clamp(42px,5.2vw,76px)!important;line-height:.92!important;text-wrap:balance}
.page-h1,.tools-h1,body.beta .page-hero h1.page-h1{font-size:clamp(38px,4.6vw,64px)!important;line-height:.94!important;text-wrap:balance}
h2,.h2{line-height:1!important}

/* the eyebrow is the inspection label */
.eyebrow,body.beta .eyebrow{display:inline-flex!important;align-items:center;width:auto;max-width:max-content;align-self:flex-start;padding:4px 9px;
  background:var(--yellow);color:#111111!important;border:1.5px solid #111111;font-weight:600;letter-spacing:.08em}
.eyebrow::before{display:none!important}
.hero h1 span.soft,.page-hero .page-h1 span,.hero .tools-h1 span{
  background:var(--yellow);color:#111111!important;padding:0 .14em;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* condensed type is for headlines; names and prices at card size stay in Plex */
.gcard .gname,.stone .sname,.panel-title,.pprice,.gprice,.deal-price,.vote b,.tally b,.stat .val,.plan-price,
.price-card .amount,.gcard .rank,.score-ring b,.plogo-fallback,.gcard .glogo-fb,.empty h3,.rule .rn{
  font-family:'IBM Plex Sans',system-ui,sans-serif!important;text-transform:none!important;letter-spacing:-.01em!important}
.nav > a:not(.btn){text-transform:uppercase;letter-spacing:.02em;font-size:12px!important;font-weight:700!important}
@media(min-width:861px){.nav{gap:14px!important}}
.site-head .btn{letter-spacing:.03em}
.nav a.active::after{height:3px!important;background:var(--yellow)!important}
.badge,body.beta .badge{border:1.5px solid currentColor!important}
.chip.on,body.beta .chip.on{border-color:#111111!important}
.band-head h2::before{border-radius:0!important;border:1.5px solid #111111}
.live .dot{box-shadow:0 0 0 1.5px var(--paper),0 0 0 3px currentColor}