/* The Trades Almanac: site stylesheet. Tokens first, then base, then components. */
@font-face{font-family:"Bitter";font-style:normal;font-weight:200 900;font-display:swap;src:url(/assets/fonts/bitter-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Libre Caslon Text";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/libre-caslon-text-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Libre Caslon Text";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/libre-caslon-text-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Libre Caslon Text";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/libre-caslon-text-latin-700-normal.woff2) format("woff2")}

:root{
  --paper:#f4f3ec;--card:#ffffff;--ink:#1c2a22;--ink-2:#3d4b44;--muted:#65706a;--rule:#d9dbd1;--rule-2:#c6c9bd;
  --green:#244c3a;--green-2:#2f6a4f;--green-bg:#e6efe8;
  --marigold:#e2a528;--marigold-ink:#7d5308;--marigold-bg:#fbefd2;
  --safety:#9f3b2b;--safety-bg:#f9e9e4;--water:#2c6fb0;--hot:#c2432c;--focus:#2c6fb0;
  --dg-paper:#ffffff;--dg-fill:#eceee6;--dg-accent:#e2a528;--dg-accent-bg:#fbefd2;--dg-water:#2c6fb0;--dg-hot:#c2432c;--dg-mix:#8a5fb5;--dg-muted:#65706a;--dg-duct:#b9bdb0;--dg-wood:#f0dcb6;--dg-wood-ring:#b9915a;--dg-ground:#2f6a4f;
  --slab:"Bitter",Georgia,"Times New Roman",serif;--book:"Libre Caslon Text",Georgia,"Times New Roman",serif;
  --measure:68ch;--radius:6px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#121a15;--card:#19241d;--ink:#e7e9e1;--ink-2:#c7cbc0;--muted:#97a098;--rule:#2c372f;--rule-2:#3a4740;
    --green:#8fcaa8;--green-2:#b9e2c9;--green-bg:#1b2b22;
    --marigold:#efb63c;--marigold-ink:#f0c76b;--marigold-bg:#3a2d0f;
    --safety:#e2846f;--safety-bg:#3a1f18;--water:#7fb3e6;--hot:#ef8f7a;--focus:#8ab4ff;
    --dg-paper:#19241d;--dg-fill:#243129;--dg-accent:#efb63c;--dg-accent-bg:#3a2d0f;--dg-water:#7fb3e6;--dg-hot:#ef8f7a;--dg-mix:#c6a3e8;--dg-muted:#97a098;--dg-duct:#4a5a50;--dg-wood:#5a4628;--dg-wood-ring:#c9a46a;--dg-ground:#8fcaa8;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --paper:#121a15;--card:#19241d;--ink:#e7e9e1;--ink-2:#c7cbc0;--muted:#97a098;--rule:#2c372f;--rule-2:#3a4740;
  --green:#8fcaa8;--green-2:#b9e2c9;--green-bg:#1b2b22;
  --marigold:#efb63c;--marigold-ink:#f0c76b;--marigold-bg:#3a2d0f;
  --safety:#e2846f;--safety-bg:#3a1f18;--water:#7fb3e6;--hot:#ef8f7a;--focus:#8ab4ff;
  --dg-paper:#19241d;--dg-fill:#243129;--dg-accent:#efb63c;--dg-accent-bg:#3a2d0f;--dg-water:#7fb3e6;--dg-hot:#ef8f7a;--dg-mix:#c6a3e8;--dg-muted:#97a098;--dg-duct:#4a5a50;--dg-wood:#5a4628;--dg-wood-ring:#c9a46a;--dg-ground:#8fcaa8;
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.62 var(--book);font-feature-settings:"kern","liga"}
h1,h2,h3,h4{font-family:var(--slab);color:var(--green);line-height:1.15;margin:0 0 .5em;font-weight:650;letter-spacing:-.005em}
h1{font-size:clamp(1.9rem,5.2vw,2.9rem);font-weight:700}
h2{font-size:clamp(1.35rem,3.2vw,1.75rem);margin-top:1.9em}
h3{font-size:1.15rem;margin-top:1.5em}
p,ul,ol{margin:0 0 1.1em}
a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--marigold-ink)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
img,svg{max-width:100%;height:auto}
img{display:block}
strong{font-weight:700}
small{font-size:.9rem}
hr{border:0;border-top:1px solid var(--rule);margin:2rem 0}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--card);padding:8px 12px;border:2px solid var(--green);z-index:10}
.skip:focus{left:16px}
.lede{font-size:1.2rem;line-height:1.5;color:var(--ink-2);max-width:var(--measure)}
.prose{max-width:var(--measure)}
.prose ul,.prose ol{padding-left:1.4em}
.prose li{margin-bottom:.35em}
.prose li::marker{color:var(--marigold-ink);font-family:var(--slab)}
.muted{color:var(--muted)}
.slab{font-family:var(--slab)}

/* Masthead */
.mast{border-bottom:2px solid var(--green);background:var(--paper)}
.mast-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--green)}
.brand .mark{width:44px;height:44px;flex:none}
.brand .wordmark{font-family:var(--slab);font-weight:800;font-size:1.25rem;line-height:1.05;letter-spacing:-.01em}
.brand .wordmark small{display:none;max-width:280px;font-family:var(--book);font-weight:400;font-size:.8rem;color:var(--muted);letter-spacing:0;margin-top:3px}
.nav{position:relative}
.menu-btn{display:none;font:inherit;font-family:var(--slab);font-weight:600;padding:8px 12px;border:1.5px solid var(--green);border-radius:var(--radius);color:var(--green);background:var(--card);cursor:pointer}
.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.nav li a{display:block;padding:8px 9px;border-radius:var(--radius);text-decoration:none;font-family:var(--slab);font-weight:600;font-size:.95rem;white-space:nowrap}
.nav li a:hover,.nav li a[aria-current]{background:var(--green-bg)}
@media (max-width:879px){
  .js .menu-btn{display:inline-block}
  .js .nav ul{display:none;position:absolute;right:0;top:calc(100% + 6px);background:var(--card);border:1.5px solid var(--green);border-radius:var(--radius);min-width:220px;z-index:20;box-shadow:0 10px 24px rgba(0,0,0,.12);padding:8px 0;flex-direction:column;gap:0}
  .js .nav.open ul{display:flex}
  .js .nav li a{padding:9px 16px;border-radius:0}
  .nav ul{width:100%;margin-top:6px}
}
@media (min-width:880px){.mast-row{padding:18px 0 12px}.brand .wordmark small{display:block}}
.topline{display:flex;justify-content:space-between;align-items:center;font-family:var(--slab);font-size:.82rem;color:var(--muted);padding:6px 0;border-bottom:1px solid var(--rule)}
.topline b{color:var(--green);font-weight:700}

/* Ornament */
.orn{display:flex;align-items:center;gap:14px;margin:2.4rem 0 1rem;color:var(--green)}
.orn::before,.orn::after{content:"";flex:1;border-top:1.5px solid var(--rule-2)}
.orn svg{width:34px;height:34px;flex:none}
.orn-h{display:flex;align-items:center;gap:14px;margin:2.2rem 0 .8rem}
.orn-h h2{margin:0}
.orn-h svg{width:28px;height:28px;color:var(--marigold-ink);flex:none}

/* Spread layout */
.spread{display:grid;gap:28px;margin-top:20px}
@media (max-width:879px){.spread>aside{order:2;border-top:2px solid var(--green);padding-top:14px}}
@media (min-width:880px){.spread{grid-template-columns:250px minmax(0,1fr);gap:48px;align-items:start}.spread>aside{position:sticky;top:12px}}
.margin{font-family:var(--slab);font-size:.95rem}
.margin h2{font-size:.85rem;text-transform:none;letter-spacing:0;margin:0 0 .5em;color:var(--muted);font-weight:600}
.margin ul{list-style:none;margin:0 0 1.4em;padding:0}
.margin li a{display:block;padding:5px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink-2)}
.margin li a:hover{color:var(--green)}
.margin li a[aria-current]{color:var(--green);font-weight:700;border-bottom-color:var(--marigold)}
.margin .cal{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0 0 1.4em}
.margin .cal a{display:block;text-align:center;padding:7px 0;border:1px solid var(--rule);border-radius:4px;text-decoration:none;color:var(--ink-2);font-weight:600;font-size:.85rem}
.margin .cal a[aria-current]{background:var(--marigold);color:#1c2a22;border-color:var(--marigold)}
.margin .cal a:hover{border-color:var(--green)}

/* Hero: the month spread */
.hero{display:grid;gap:20px;margin:22px 0 10px}
@media (min-width:880px){.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:44px;align-items:stretch}.hero-pic{display:flex;flex-direction:column;min-height:0}.hero-pic img{flex:1;min-height:0;height:100%;aspect-ratio:auto}}
.hero-month{border-top:3px solid var(--green);padding-top:14px}
.hero-month .when{font-family:var(--slab);font-weight:600;color:var(--marigold-ink);font-size:.95rem;margin:0 0 4px}
.hero-month h1{margin:0 0 .2em;font-size:clamp(2.6rem,7vw,4.4rem);line-height:1;letter-spacing:-.02em}
.hero-month .theme{font-size:1.2rem;color:var(--ink-2);margin:0 0 1em;max-width:34ch;line-height:1.4}
.tasklist{list-style:none;margin:0 0 1.2em;padding:0}
.tasklist li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:9px 0;border-top:1px solid var(--rule);align-items:start}
.tasklist li:last-child{border-bottom:1px solid var(--rule)}
.tasklist .box{width:20px;height:20px;border:1.5px solid var(--green);border-radius:3px;margin-top:5px;background:var(--card)}
.tasklist a{text-decoration:none;font-family:var(--slab);font-weight:600;color:var(--ink)}
.tasklist a:hover{color:var(--green)}
.tasklist .t{color:var(--muted);font-size:.85rem;font-family:var(--slab);font-weight:500;margin-left:6px}
.hero-pic{margin:0}
.hero-pic img{width:100%;height:auto;border-radius:var(--radius);aspect-ratio:3/2;object-fit:cover}
.hero-pic figcaption{font-size:.85rem;color:var(--muted);margin-top:6px;font-family:var(--slab)}
.btn{display:inline-block;font-family:var(--slab);font-weight:700;background:var(--marigold);color:#1c2a22;padding:11px 18px;border-radius:var(--radius);text-decoration:none;border:1.5px solid var(--marigold)}
.btn:hover{background:var(--marigold-ink);border-color:var(--marigold-ink);color:#fff}
.btn-2{background:transparent;color:var(--green);border-color:var(--green)}
.btn-2:hover{background:var(--green);color:#fff;border-color:var(--green)}
.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin:1em 0}

/* Trade grid */
.trades{display:grid;gap:16px;margin:1rem 0 2rem}
@media (min-width:640px){.trades{grid-template-columns:repeat(2,1fr)}}
@media (min-width:980px){.trades{grid-template-columns:repeat(4,1fr)}}
.trade{border:1.5px solid var(--rule-2);border-radius:var(--radius);padding:18px 18px 16px;background:var(--card);text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:8px}
.trade:hover{border-color:var(--green)}
.trade svg{width:40px;height:40px;color:var(--green)}
.trade h3{margin:0;font-size:1.25rem}
.trade p{margin:0;color:var(--ink-2);font-size:1rem}
.trade .more{font-family:var(--slab);font-weight:600;color:var(--green);margin-top:auto}

/* Card lists */
.cards{display:grid;gap:18px;margin:1rem 0 2rem;padding:0;list-style:none}
@media (min-width:640px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:980px){.cards.three{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--card);border:1.5px solid var(--rule-2);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.card:hover{border-color:var(--green)}
.card img{width:100%;aspect-ratio:3/2;object-fit:cover}
.card .body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}
.card .k{font-family:var(--slab);font-size:.8rem;color:var(--marigold-ink);font-weight:600;margin:0}
.card h3{margin:0;font-size:1.15rem}
.card h3 a{text-decoration:none;color:var(--green)}
.card h3 a::after{content:"";position:absolute;inset:0}
.card{position:relative}
.card p{margin:0;color:var(--ink-2);font-size:1rem}

/* Month page */
.month-head{border-top:3px solid var(--green);padding-top:12px;margin-bottom:1.2em}
.month-head .when{font-family:var(--slab);font-weight:600;color:var(--marigold-ink);margin:0 0 4px}
.month-head h1{font-size:clamp(2.4rem,7vw,4rem);line-height:1;margin:0 0 .25em;letter-spacing:-.02em}
.month-head .theme{font-size:1.25rem;color:var(--ink-2);margin:0 0 .6em;max-width:40ch;line-height:1.4}
.aware{font-family:var(--slab);font-size:.9rem;color:var(--muted);margin:0 0 1em}
.region-pick{margin:1.4em 0;padding:14px 16px;background:var(--green-bg);border-radius:var(--radius);border:0}
.region-pick legend{float:left;width:100%}
.region-pick legend,.region-pick .lbl{font-family:var(--slab);font-weight:700;color:var(--green);padding:0;margin:0 0 6px}
.region-pick .opts{display:flex;flex-wrap:wrap;gap:6px}
.region-pick label{font-family:var(--slab);font-size:.9rem;font-weight:600;padding:6px 11px;border:1.5px solid var(--green);border-radius:999px;cursor:pointer;background:var(--card);color:var(--green)}
.region-pick input{position:absolute;opacity:0;width:1px;height:1px}
.region-pick input:checked+span,.region-pick label:has(input:checked){background:var(--green);color:#fff}
.region-pick input:focus-visible+span{outline:3px solid var(--focus)}
.region-pick p{margin:8px 0 0;font-size:.9rem;color:var(--ink-2)}
.task{border-top:1.5px solid var(--rule-2);padding:1.3em 0 .6em;scroll-margin-top:16px}
.task h2{margin:0 0 .4em;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}
.task h2 .box{width:22px;height:22px;border:1.5px solid var(--green);border-radius:3px;margin-top:6px;background:var(--card)}
.task .trade-tag{font-family:var(--slab);font-size:.8rem;font-weight:600;color:var(--marigold-ink);margin:0 0 .5em 40px}
.task .body{max-width:var(--measure)}
.rnote{margin:.6em 0 .8em;padding:10px 14px;border-left:3px solid var(--marigold);background:var(--marigold-bg);font-size:1rem;max-width:var(--measure)}
.rnote b{font-family:var(--slab)}
.rnote.hide{display:none}
.every{margin:1.6em 0;padding:16px 18px;border:1.5px solid var(--rule-2);border-radius:var(--radius);background:var(--card)}
.every h2{margin:0 0 .5em;font-size:1.2rem}
.every ul{margin:0;padding-left:1.3em}
.every li{margin-bottom:.4em;font-size:1rem}
.refs{margin-top:2.4em;padding-top:1em;border-top:1.5px solid var(--rule-2);font-size:.92rem;color:var(--ink-2)}
.refs h2{font-size:1rem;margin:0 0 .5em;color:var(--muted)}
.refs ol{padding-left:1.3em;margin:0;max-width:none}
.refs li{margin-bottom:.3em}
.refs a{word-break:break-word}

/* Product box */
.product{margin:1.4em 0;border:1.5px solid var(--marigold);border-radius:var(--radius);background:var(--card);max-width:var(--measure);display:grid;grid-template-columns:6px 1fr}
.product::before{content:"";background:var(--marigold);border-radius:var(--radius) 0 0 var(--radius)}
.product .in{padding:12px 16px 12px 14px}
.product .st{font-family:var(--slab);font-size:.78rem;font-weight:700;color:var(--marigold-ink);margin:0 0 2px}
.product h3,.product .ttl{font-family:var(--slab);font-size:1.05rem;margin:0 0 .3em;color:var(--ink);line-height:1.3}
.product .refs-line{font-size:.92rem;color:var(--ink-2);margin:0 0 .5em}
.product .buy{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 .5em}
.product .buy a{font-family:var(--slab);font-weight:700;font-size:.9rem;background:var(--marigold);color:#1c2a22;padding:7px 12px;border-radius:4px;text-decoration:none}
.product .buy a:hover{background:var(--marigold-ink);color:#fff}
.product .disc{font-family:var(--slab);font-size:.76rem;color:var(--muted);margin:0}
.store-end{margin:2em 0 0;padding:16px 18px;border:1.5px dashed var(--rule-2);border-radius:var(--radius);font-size:1rem;max-width:var(--measure)}
.store-end p{margin:0}

/* Explainer */
.article-head{margin:18px 0 10px}
.article-head .k{font-family:var(--slab);font-weight:600;color:var(--marigold-ink);margin:0 0 6px;font-size:.95rem}
.article-head h1{margin:0 0 .35em}
.figure{margin:1.6em 0;padding:16px;border:1.5px solid var(--rule-2);border-radius:var(--radius);background:var(--card)}
.figure svg{width:100%;height:auto;display:block;font-family:var(--slab)}
.figure figcaption{font-size:.92rem;color:var(--ink-2);margin-top:10px;font-family:var(--slab)}
.photo{margin:1.2em 0 1.6em}
.photo img{width:100%;border-radius:var(--radius);aspect-ratio:3/2;object-fit:cover}
.photo.wide img{aspect-ratio:16/9}
.photo figcaption{font-size:.85rem;color:var(--muted);margin-top:6px;font-family:var(--slab)}
.toc ol{list-style:none;padding:0;margin:0 0 1.4em}
.toc li a{display:block;padding:5px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink-2);font-size:.92rem}
.toc li a:hover{color:var(--green)}
.callout{margin:1.4em 0;padding:14px 16px;border-left:4px solid var(--safety);background:var(--safety-bg);max-width:var(--measure);border-radius:0 var(--radius) var(--radius) 0}
.callout b{font-family:var(--slab);color:var(--safety)}
.callout p{margin:0}

/* Glossary */
.az{display:flex;flex-wrap:wrap;gap:6px;margin:1em 0 1.6em;font-family:var(--slab)}
.az a,.az span{display:inline-block;min-width:34px;text-align:center;padding:6px 4px;border:1px solid var(--rule-2);border-radius:4px;text-decoration:none;font-weight:700}
.az span{color:var(--muted);border-color:var(--rule)}
.az a:hover{border-color:var(--green)}
.gl-letter{margin-top:2em;padding-top:.5em;border-top:3px solid var(--green);font-size:2rem}
dl.gl{margin:0;max-width:var(--measure)}
dl.gl dt{font-family:var(--slab);font-weight:700;color:var(--green);margin-top:1.1em;scroll-margin-top:16px}
dl.gl dt .tr{font-weight:600;color:var(--muted);font-size:.78rem;margin-left:8px}
dl.gl dd{margin:0 0 .2em}
dl.gl dd .see{font-size:.92rem;color:var(--ink-2)}

/* Forms */
.signup{margin:2em 0;padding:18px 20px;background:var(--green-bg);border-radius:var(--radius);max-width:var(--measure)}
.signup h2{margin:0 0 .3em;font-size:1.3rem}
.signup p{margin:0 0 .8em;font-size:1rem}
.signup form{display:grid;gap:10px}
@media (min-width:640px){.signup form{grid-template-columns:1fr 1fr auto;align-items:end}}
.signup label{font-family:var(--slab);font-size:.85rem;font-weight:600;display:block;margin-bottom:4px}
.signup input,.signup select{width:100%;font:inherit;font-size:1rem;padding:9px 10px;border:1.5px solid var(--rule-2);border-radius:4px;background:var(--card);color:var(--ink)}
.signup button{font-family:var(--slab);font-weight:700;background:var(--marigold);color:#1c2a22;border:1.5px solid var(--marigold);padding:11px 16px;border-radius:var(--radius);cursor:pointer;font-size:1rem}
.signup button:hover{background:var(--marigold-ink);border-color:var(--marigold-ink);color:#fff}
.signup .fine{font-size:.85rem;color:var(--ink-2);margin:4px 0 0;font-family:var(--slab)}
.hp{position:absolute;left:-9999px}

/* Checklists (printable) */
.check-sheet{max-width:760px}
.check-sheet .cols{columns:2;column-gap:28px}
@media (max-width:640px){.check-sheet .cols{columns:1}}
.check-sheet h2{break-after:avoid;font-size:1.2rem;margin-top:1.2em}
.check-sheet ul{list-style:none;padding:0;margin:0 0 1em}
.check-sheet li{display:grid;grid-template-columns:22px 1fr;gap:8px;padding:5px 0;break-inside:avoid;font-size:1rem}
.check-sheet .box{width:16px;height:16px;border:1.5px solid var(--ink);border-radius:2px;margin-top:5px}
.check-sheet .sheet-foot{font-family:var(--slab);font-size:.82rem;color:var(--muted);margin-top:1.4em;border-top:1px solid var(--rule);padding-top:.6em}

/* Footer */
.foot{margin-top:3.5rem;border-top:3px solid var(--green);background:var(--card)}
.foot-in{display:grid;gap:18px;padding:26px 0 30px;font-size:.95rem;color:var(--ink-2)}
@media (min-width:880px){.foot-in{grid-template-columns:1.3fr 1fr 1fr}}
.foot h2{font-size:1rem;margin:0 0 .4em}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin:0 0 .3em}
.foot .disc{font-family:var(--slab);font-size:.9rem}
.foot .legal{font-family:var(--slab);font-size:.82rem;color:var(--muted);border-top:1px solid var(--rule);padding:12px 0 24px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}
.theme-btn{font:inherit;font-family:var(--slab);font-size:.82rem;background:none;border:1px solid var(--rule-2);border-radius:4px;padding:5px 10px;color:var(--ink-2);cursor:pointer}
.theme-btn:hover{border-color:var(--green);color:var(--green)}

/* Breadcrumb */
.crumbs{font-family:var(--slab);font-size:.85rem;color:var(--muted);margin:14px auto 0}
.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"/";margin-right:6px;color:var(--rule-2)}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--green)}

/* Regions page */
.region-card{border:1.5px solid var(--rule-2);border-radius:var(--radius);padding:16px 18px;margin:1em 0;background:var(--card);max-width:var(--measure)}
.region-card h3{margin:0 0 .3em}
.region-card p{margin:0 0 .5em;font-size:1rem}
.region-card .doe{font-family:var(--slab);font-size:.85rem;color:var(--muted);margin:0}

/* Home sections */
.two{display:grid;gap:28px;margin:1.4em 0}
@media (min-width:880px){.two{grid-template-columns:1fr 1fr;gap:48px}}
.pub{font-family:var(--slab);font-size:.9rem;color:var(--muted);margin:.4em 0 0}

@media print{
  .mast,.foot,.nav,.margin,.signup,.btn-row,.orn,.crumbs,.product,.store-end,.theme-btn,.region-pick{display:none!important}
  body{font-size:11pt;color:#000;background:#fff}
  .spread{display:block}
  .rnote.hide{display:none}
  a{color:#000;text-decoration:none}
  .check-sheet .cols{columns:2}
  .task{break-inside:avoid}
  h1{font-size:22pt}
  @page{margin:.6in}
}