/* ArboristPass theme (1 October 2026): loaded after site.css and app.css on the site and in the app.
   Bark charcoal + safety yellow on kraft, Barlow Condensed headlines, square corners: deliberately unlike the
   cream/green/serif HortPass family (shared engine). Matches the Bluesky posts and the log-section logo. */
@font-face { font-family: "Barlow Condensed"; src: url(/fonts/BarlowCondensed-600.woff2) format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url(/fonts/BarlowCondensed-700.woff2) format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url(/fonts/BarlowCondensed-800.woff2) format("woff2"); font-weight: 800; font-display: swap; }
@font-face { font-family: Barlow; src: url(/fonts/Barlow-400.woff2) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: Barlow; src: url(/fonts/Barlow-500.woff2) format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: Barlow; src: url(/fonts/Barlow-600.woff2) format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: Barlow; src: url(/fonts/Barlow-700.woff2) format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: Plex; src: url(/fonts/IBMPlexMono-500.woff2) format("woff2"); font-weight: 500; font-display: swap; }
:root {
  --green: #1c1b19; --green-deep: #121110; --green-soft: #efe6d2; --moss: #c79a00;
  --orange: #9a6200; --orange-soft: #fff1b8;
  --paper: #f5f1e8; --cream: #ebe3d3; --card: #ffffff;
  --ink: #1c1b19; --muted: #5f594f; --line: #ddd5c6;
  --serif: "Barlow Condensed", "Arial Narrow", sans-serif; --sans: "Barlow", system-ui, sans-serif;
  --yellow: #ffd400; --r: 4px;
}
body { font-size: 18px; }
h1, h2, h3 { font-weight: 700; letter-spacing: 0; line-height: 1.04; }
h1 { text-transform: uppercase; }
.eyebrow { color: var(--orange); font-family: Plex, monospace; letter-spacing: .06em; }
/* square, industrial controls instead of HortPass's rounded pills */
.btn, .hero .chip, .pill, .course .ph .tag, .bundle .save, .answer .keys span, .lesson-list .free, .pm-tabs span, .pm-score em,
.sample-card .dur, .tag-test, .lsteps li button, .mchip, .tabs button, .topicscores span { border-radius: 3px; }
.btn { text-transform: uppercase; letter-spacing: .04em; font-weight: 700; }
.btn-primary { background: var(--yellow); color: var(--ink); }
.btn-primary:hover { background: #e9c200; }
.btn-ghost { color: var(--ink); }
.bundle .save, .pm-score em { background: var(--yellow); color: var(--ink); }
header.site { background: rgba(245,241,232,.95); border-bottom: 4px solid var(--yellow); }
.draft { background: repeating-linear-gradient(-45deg, var(--yellow) 0 18px, #1c1b19 18px 36px); color: #fff; text-shadow: 0 1px 2px #000; }
.hero::after { background: linear-gradient(90deg, rgba(18,17,16,.92) 0%, rgba(18,17,16,.7) 42%, rgba(18,17,16,.12) 78%); }
@media (max-width: 860px) { .hero::after { background: linear-gradient(180deg, rgba(18,17,16,.55) 0%, rgba(18,17,16,.84) 45%, rgba(18,17,16,.94) 100%); } }
.hero .chip { background: var(--yellow); color: var(--ink); border: 0; font-family: Plex, monospace; font-weight: 600; letter-spacing: .03em; }
.hero .chip b, .app-head .eyebrow { color: inherit; }
.app-head .eyebrow { color: var(--yellow); }
.hero p.sub { color: #ece6da; }
.stats b { color: var(--yellow); }
.stats span, .bundle p, .cta-band p, .page-hero p { color: #d9d2c4; }
.bundle .price s, .crumbs, .crumbs-dark, .exambar .saved { color: #b5ad9e; }
.crumbs a, .crumbs-dark a, footer a, .app-foot a { color: #efe9dd; }
.final::after { background: rgba(18,17,16,.78); }
.final p { color: #efe9dd; }
footer { color: #cfc7b8; border-top: 6px solid var(--yellow); }
footer h4 { font-weight: 700; text-transform: uppercase; letter-spacing: .03em; }
footer .disclaimer, .app-foot { color: #a9a191; }
footer .credits, .app-foot .seller { color: #8f8879; }
.page-hero.photo::after { background: linear-gradient(90deg, rgba(18,17,16,.93) 0%, rgba(18,17,16,.74) 55%, rgba(18,17,16,.3) 100%); }
.sample-card .dur { background: rgba(18,17,16,.88); }
.app-head .muted, .app-head p { color: #d9d2c4; }
.exambar .timer.over { color: var(--yellow); }
.xtabs button.on small { color: #d9d2c4; }
.err, .tag-test { color: #7a3e00; }
.check-row.consent { background: #fff8d6; }
.cchoice.on, .mchip.on { background: #fff4c7; }
.marking .model, .other .model { background: #fbf6e9; border-color: #e3d6b8; }
mark.dev, .lg-dev, .mock .hl-d, .answer .d { background: #ffe9a6; }
.wfill { background: var(--yellow); }
.facts b { color: var(--ink); }

/* ArboristPass additions to the shared site.css: domain weights, exam facts, sample questions */
.weights { display: grid; gap: 4px; margin: 22px 0 26px; }
.wrow { display: grid; grid-template-columns: minmax(200px, 340px) 1fr minmax(150px, auto); gap: 8px 18px; align-items: center; padding: 9px 0; border-bottom: 1px solid var(--line); }
.wrow b { font-weight: 600; }
.wtrack { height: 10px; background: var(--card); border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }
.wfill { display: block; height: 100%; background: var(--moss); }
.wn { color: var(--muted); font-size: .92rem; font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
@media (max-width: 720px) {
  .wrow { grid-template-columns: 1fr; gap: 6px; }
  .wn { text-align: left; }
}

.facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 0 0 30px; }
.facts div { background: var(--card); border: 1px solid var(--line); border-radius: var(--r); padding: 18px 20px; }
.facts b { display: block; font: 700 2rem/1.1 var(--serif); color: var(--green-deep); }
.facts span { color: var(--muted); font-size: .92rem; }
@media (max-width: 720px) { .facts { grid-template-columns: repeat(2, 1fr); } }

.sq { margin-bottom: 18px; }
.sq .eyebrow { margin-bottom: 6px; }
#price .two-col { align-items: start; }