/*
Theme Name: Mathfa for Blocksy
Theme URI: https://mathfa.com/
Description: Mathfa presentation layer for Blocksy. Preserves the custom interactive map homepage and adds reusable education, article, and shop styling.
Author: Mathfa
Template: blocksy
Version: 0.1.1
Text Domain: mathfa-blocksy
*/

:root {
  --mathfa-ink: #103f3c;
  --mathfa-cream: #f7f1e7;
  --mathfa-mint: #8ec8bf;
  --mathfa-coral: #f36f50;
  --mathfa-sun: #f6cf4f;
}

.mathfa-page-hero { background: var(--mathfa-cream); padding: clamp(3rem, 8vw, 7rem) 1.5rem; text-align: center; }
.mathfa-page-hero__eyebrow { color: #39716d; font-size: .75rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.mathfa-page-hero h1 { color: var(--mathfa-ink); font-family: Fraunces, Georgia, serif; font-size: clamp(2.7rem, 7vw, 5.6rem); line-height: 1; margin: .6rem auto 1.25rem; max-width: 900px; }
.mathfa-page-hero h1 em { color: var(--mathfa-coral); font-style: italic; }
.mathfa-page-hero p { color: #365f5b; font-size: 1.15rem; margin: auto; max-width: 720px; }
.mathfa-paths { display: grid; gap: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: clamp(2rem, 6vw, 5rem) auto; max-width: 1200px; padding: 0 1.5rem; }
.mathfa-path { background: #fffdf8; border-top: 5px solid var(--mathfa-mint); padding: 1.5rem; }
.mathfa-path:nth-child(2) { border-color: var(--mathfa-sun); }.mathfa-path:nth-child(3) { border-color: var(--mathfa-coral); }.mathfa-path:nth-child(4) { border-color: #7896df; }
.mathfa-path h2 { color: var(--mathfa-ink); font-family: Fraunces, Georgia, serif; font-size: 1.75rem; margin: .6rem 0; }
.mathfa-path p { color: #426864; margin: 0; }
.mathfa-resource-band { background: var(--mathfa-mint); margin: 3rem auto; max-width: 1200px; padding: clamp(2rem, 5vw, 4rem); }
.mathfa-resource-band h2 { color: var(--mathfa-ink); font-family: Fraunces, Georgia, serif; font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.1; margin: 0 0 1rem; }
.mathfa-resource-band p { color: #214e49; font-size: 1.05rem; max-width: 760px; }
.mathfa-article-list { margin: 3rem auto; max-width: 920px; padding: 0 1.5rem; }
.mathfa-article-list article { border-bottom: 1px solid #d8d1c5; padding: 1.5rem 0; }
.mathfa-article-list h2 { font-family: Fraunces, Georgia, serif; font-size: clamp(1.8rem, 4vw, 2.8rem); margin: 0 0 .5rem; }
.mathfa-article-list a { color: var(--mathfa-ink); }
.mathfa-territory-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mathfa-state-page .entry-content,
.mathfa-stem-page .entry-content,
.mathfa-articles-page .entry-content,
.mathfa-territories-page .entry-content { margin-top: 0; }
body.mathfa-state-page,
body.mathfa-stem-page,
body.mathfa-articles-page,
body.mathfa-territories-page { background: #fffaf0; }
@media (max-width: 800px) { .mathfa-paths { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .mathfa-paths { grid-template-columns: 1fr; } }