/* Everyday Guide Hub activation preview: static source only; no scripts, forms, analytics, tracking or live integrations. */
:root{--paper:#f6f1e7;--putty:#c4c3b6;--bone:#e7e5e4;--vellum:#dfdcd5;--ink:#11100d;--graphite:#595855;--sage:#7f8b6b;--ochre:#d7a85c;--clay:#b46d48;--blueprint:#4f6470;--chalk:#fffaf0;--display:Georgia,"Times New Roman",serif;--sans:"Helvetica Neue",Arial,system-ui,sans-serif;--mono:"IBM Plex Mono","Courier New",monospace;--hair:1px solid rgba(17,16,13,.16);--radius:12px;--pill:999px;--max:1180px;--space:clamp(42px,7vw,92px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.025) 1px,transparent 1px),linear-gradient(180deg,rgba(0,0,0,.018) 1px,transparent 1px);background-size:72px 72px;opacity:.35}.skip-link{position:absolute;left:-999px;top:1rem;background:var(--ink);color:var(--chalk);padding:.75rem 1rem;z-index:30}.skip-link:focus{left:1rem}a{color:inherit;text-underline-offset:.18em}a:focus-visible{outline:3px solid var(--ochre);outline-offset:4px;border-radius:9px}.site-header{position:sticky;top:0;z-index:20;background:rgba(246,241,231,.96);backdrop-filter:blur(10px);border-bottom:var(--hair)}.nav{max-width:var(--max);margin:auto;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-lockup{display:flex;align-items:center;gap:.82rem;text-decoration:none}.brand-mark{width:44px;height:44px;border:1.5px solid var(--ink);border-radius:13px;background:linear-gradient(135deg,var(--bone),var(--paper));box-shadow:4px 4px 0 rgba(17,16,13,.08);display:grid;place-items:center;font:900 .78rem/1 var(--mono);letter-spacing:.08em}.brand-text{display:grid;gap:.12rem}.brand-name{font:900 1rem/1.05 var(--sans)}.brand-kicker{font:800 .63rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--graphite)}.nav-links{display:flex;flex-wrap:wrap;gap:.34rem}.nav-links a{padding:.48rem .7rem;border:1px solid transparent;border-radius:var(--pill);text-decoration:none;font:800 .78rem/1 var(--sans)}.nav-links a[aria-current=page]{background:var(--bone);border-color:var(--vellum)}.nav-links a:hover{border-color:var(--ink)}main{max-width:var(--max);margin:auto;padding:clamp(28px,5vw,58px) 1.25rem 5rem}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,.72fr);gap:clamp(22px,4vw,54px);align-items:stretch;padding:clamp(30px,5vw,70px) 0;border-bottom:var(--hair)}.eyebrow,.tag{margin:0 0 .75rem;color:#6c5a2d;font:900 .72rem/1.2 var(--mono);letter-spacing:.13em;text-transform:uppercase}.page-title,.hero h1{font-family:var(--display);font-size:clamp(2.55rem,7vw,6rem);line-height:.92;letter-spacing:-.045em;margin:0 0 1rem;max-width:960px}.intro{font-size:clamp(1.02rem,1.7vw,1.22rem);color:var(--graphite);max-width:820px;margin:0}.meta{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.05rem 0 0}.pill{border:var(--hair);border-radius:var(--pill);padding:.3rem .66rem;background:rgba(231,229,228,.78);color:var(--graphite);font:900 .7rem/1.2 var(--mono)}.cta-row{display:flex;flex-wrap:wrap;gap:.72rem;margin-top:1.35rem}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:var(--pill);padding:.82rem 1.04rem;background:var(--ink);color:var(--chalk);text-decoration:none;font:900 .88rem/1 var(--sans)}.button.secondary{background:transparent;color:var(--ink)}.button:hover{background:#2b2924;color:var(--chalk)}.button.secondary:hover{background:var(--bone);color:var(--ink)}.route-stack{display:grid;gap:.72rem}.route-card,.panel,.resource-card,.note,.mini-card,.stat-card{background:rgba(231,229,228,.78);border:var(--hair);border-radius:var(--radius)}.route-card{padding:1rem;text-decoration:none;display:grid;gap:.35rem}.route-card strong{font-size:1.08rem}.route-card span,.small,.quiet{color:var(--graphite)}.section{margin:var(--space) 0}.section-head{display:flex;justify-content:space-between;gap:1.5rem;align-items:end;margin-bottom:1.15rem;border-top:var(--hair);padding-top:1.1rem}.section h2{font-family:var(--display);font-size:clamp(2rem,4vw,3.45rem);line-height:.98;letter-spacing:-.03em;margin:.1rem 0}.small{font:700 .88rem/1.45 var(--sans);max-width:450px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.resource-card,.mini-card,.stat-card{padding:1.05rem}.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.72rem}.resource-card{position:relative;display:flex;flex-direction:column;min-height:238px}.resource-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--sage);border-radius:var(--radius) 0 0 var(--radius);opacity:.72}.resource-card:nth-child(3n+2):before{background:var(--ochre)}.resource-card:nth-child(3n):before{background:var(--blueprint)}.resource-card h3,.panel h3,.mini-card h3{font-size:1.08rem;line-height:1.14;margin:.15rem 0 .45rem}.resource-card p,.panel p,.mini-card p{margin:.42rem 0;color:var(--graphite)}.badge{display:inline-flex;width:max-content;max-width:100%;border:var(--hair);border-radius:var(--pill);padding:.22rem .52rem;background:rgba(246,241,231,.78);font:900 .62rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#6c5a2d}.card-link{display:inline-flex;width:max-content;margin-top:auto;padding:.62rem .75rem;border:1px solid var(--ink);border-radius:var(--pill);text-decoration:none;font:900 .78rem/1 var(--sans);background:var(--ink);color:var(--chalk)}.note{padding:1rem 1.1rem;border-left:4px solid var(--sage)}.before-module{border-left-color:var(--ochre);background:rgba(215,168,92,.16)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.stat-card b{display:block;font:900 2rem/1 var(--display)}.category-nav{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0}.category-nav a{border:var(--hair);border-radius:var(--pill);padding:.38rem .62rem;background:rgba(231,229,228,.72);text-decoration:none;font:800 .72rem/1 var(--sans)}.ink-band{background:var(--ink);color:var(--chalk);border-radius:var(--radius);padding:clamp(1.2rem,3vw,2rem)}.ink-band p,.ink-band .small{color:#d8d5cc}.site-footer{border-top:var(--hair);padding:2rem 1.25rem;color:var(--graphite);font:700 .86rem var(--sans)}.site-footer .inner{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-footer nav{display:flex;flex-wrap:wrap;gap:.75rem}.footer-note{max-width:var(--max);margin:.75rem auto 0;font-size:.82rem;color:var(--graphite)}@media(max-width:1050px){.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.nav{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr}.grid,.cards-2,.stats{grid-template-columns:1fr 1fr}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{display:block}}@media(max-width:600px){main{padding-top:1.4rem}.brand-kicker{display:none}.grid,.cards-2,.stats,.resource-grid{grid-template-columns:1fr}.cta-row .button{width:100%}.site-footer .inner{display:block}.site-footer nav{display:grid;margin-top:1rem}.page-title,.hero h1{line-height:.96}.resource-card{min-height:0}}


/* Public review correction: remove builder/status callout real estate. */
.hero-note,
.stat-strip,
.metric-grid,
.resource-counts,
.hero-pills {
  display: none !important;
}
.hero {
  min-height: auto !important;
  padding-block: clamp(42px, 7vw, 88px) !important;
}
.hero-grid,
.page-hero-grid {
  align-items: end !important;
}
.resource-section,
.directory-section {
  margin-top: clamp(28px, 4vw, 56px) !important;
}




/* Reader-facing callout box: restored as a real box, capped so it does not balloon. */
.reader-callout {
  align-self: end;
  justify-self: stretch;
  max-width: 38rem;
  margin: clamp(22px, 4vw, 44px) 0 0;
  padding: clamp(18px, 2.4vw, 26px);
  border: 1px solid rgba(89, 88, 85, 0.24);
  border-left: 6px solid var(--egh-warm-note, #d7a85c);
  border-radius: 14px;
  background: color-mix(in srgb, var(--egh-warm-note, #d7a85c) 18%, var(--egh-paper, #f6f1e7));
  color: var(--egh-ink, #000);
  font-size: clamp(0.98rem, 1.1vw, 1.08rem);
  line-height: 1.48;
  box-shadow: 0 14px 34px rgba(0,0,0,0.08);
}
.reader-callout strong {
  display: block;
  margin-bottom: 0.35rem;
  font-weight: 850;
}
.hero .reader-callout {
  grid-column: 1 / -1;
}
@media (min-width: 900px) {
  .hero .reader-callout {
    grid-column: 2;
    margin-top: clamp(72px, 10vw, 132px);
  }
}


/* Approved EGH compass logo mark. */
.compass-logo {
  gap: 12px;
}
.brand-compass {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border: 2px solid var(--egh-ink, #10100f);
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  position: relative;
  background: var(--egh-bone, #e7e5e4);
  box-shadow: inset 0 -5px 0 rgba(215, 168, 92, 0.24);
}
.brand-compass::before {
  content: "";
  width: 13px;
  height: 13px;
  background: var(--egh-warm-note, #d7a85c);
  clip-path: polygon(50% 0, 100% 100%, 50% 74%, 0 100%);
  transform: rotate(45deg);
  z-index: 1;
}
.brand-compass::after {
  content: "";
  position: absolute;
  width: 64%;
  height: 64%;
  border: 1px solid rgba(0, 0, 0, 0.24);
  border-radius: 50%;
}
.brand-mark {
  display: none;
}
@media (max-width: 640px) {
  .brand-compass {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }
}


/* Homepage featured resources: immediate activation links near top. */
.featured-resources {
  margin-top: clamp(22px, 4vw, 42px);
}
.featured-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(12px, 1.6vw, 18px);
}
.featured-card {
  min-height: 100%;
  background: color-mix(in srgb, var(--egh-paper, #f6f1e7) 72%, var(--egh-bone, #e7e5e4));
}
@media (max-width: 980px) {
  .featured-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .featured-grid { grid-template-columns: 1fr; }
}