/* HomeschoolTranscript.pro — academic green + parchment gold.
   Distinctive typography per house rule: Fraunces display serif, Source Sans 3 body. */

/* --- HCWF shared-chrome contract (core navbar/footer read these; core ships no
   defaults, and a tenant that omits them renders an unstyled footer on white) --- */
:root {
  --mm-navbar-bg: #102b20;
  --mm-navbar-text: #eef3ec;
  --mm-footer-bg: #102b20;
  --mm-footer-text: #dbe6da;
  --primary-color: #2f6b4f;
  --secondary-color: #d9a441;
  --text-dark: #1d2721;
  --font-body: 'Source Sans 3', system-ui, sans-serif;
  --font-display: 'Fraunces', Georgia, serif;

  --hs-green: #2f6b4f;
  --hs-green-dark: #1b4633;
  --hs-gold: #d9a441;
  --hs-ink: #1d2721;
  --hs-parchment: #f7f4ec;
}

.site-footer { background: var(--mm-footer-bg); color: var(--mm-footer-text); }
.site-footer a { color: var(--mm-footer-text); text-decoration: none; }
.site-footer a:hover, .site-footer a:focus { color: var(--hs-gold); }
.site-footer h4 { color: #fff; }
.navbar, .hcwf-navbar { background: var(--mm-navbar-bg) !important; }
.hcwf-navbar .nav-link { color: var(--mm-navbar-text) !important; }
.hcwf-navbar .nav-link:hover, .hcwf-navbar .nav-link:focus { color: var(--hs-gold) !important; }
.navbar-brand img, .site-logo, .hcwf-logo-link img { max-width: 330px; max-height: 58px; }

/* --- site --- */
body { font-family: var(--font-body); color: var(--hs-ink); }
h1, h2, h3 { font-family: var(--font-display); font-weight: 700; letter-spacing: -.01em; }
a { color: var(--hs-green); }

.hs-hero { background: linear-gradient(155deg, var(--hs-green) 0%, var(--hs-green-dark) 90%); color: #fff; padding: 4.5rem 0 4rem; }
.hs-hero .lead { max-width: 42rem; }
.hs-hero .badge { background: var(--hs-gold); color: var(--hs-ink); font-weight: 600; }
.btn-hs { background: var(--hs-gold); border: none; color: var(--hs-ink); font-weight: 600; padding: .7rem 1.6rem; }
.btn-hs:hover { background: #efb955; color: var(--hs-ink); }
.btn-outline-light:hover { color: var(--hs-green-dark); }

/* hero aside — the four deliverables, fanned like a document set */
.hs-hero-aside { position: relative; min-height: 480px; }
.hs-doc { margin: 0; position: absolute; border-radius: 4px; overflow: hidden;
  box-shadow: 0 20px 50px rgba(0,0,0,.42); background: #fff; }
.hs-doc img { display: block; width: 100%; height: auto; }
.hs-doc-back  { width: 44%; top: 0;    right: 0;   transform: rotate(4deg); }
.hs-doc-mid   { width: 44%; top: 34px; right: 26%; transform: rotate(-3deg); }
.hs-doc-front { width: 62%; top: 72px; left: 0;    transform: rotate(1.5deg); }
.hs-hero-aside-cta { font-size: .9rem; color: rgba(255,255,255,.92); }
.hs-sample-link { color: var(--hs-gold); text-decoration: underline; }
@media (max-width: 991.98px) { .hs-hero-aside { min-height: 400px; } }
@media (max-width: 575.98px) {
  .hs-doc-back, .hs-doc-mid { display: none; }
  .hs-doc-front { width: 100%; transform: none; top: 0; left: 0; }
  .hs-hero-aside { min-height: 300px; }
}

.hs-step-num { font-family: var(--font-display); font-size: 2rem; color: var(--hs-green); font-weight: 700; }
.hs-section-alt { background: var(--hs-parchment); }
.hs-check li { margin-bottom: .5rem; }
.hs-fineprint { font-size: .85rem; color: #5c665f; }
.hs-guide h2 { margin-top: 2.2rem; color: var(--hs-green-dark); }
.hs-guide table { font-size: .93rem; }
.hs-pull { border-left: 4px solid var(--hs-gold); padding-left: 1rem; background: var(--hs-parchment); padding: 1rem 1rem 1rem 1.25rem; border-radius: 4px; }