/*
Theme Name: MathLearn
Theme URI: https://example.com/mathlearn
Author: Your Website Team
Description: A starter classic WordPress theme for an educational website, inspired by common learning-site patterns.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: mathlearn
*/

:root{--ml-primary:#1769aa;--ml-primary-dark:#104d80;--ml-accent:#f4b942;--ml-ink:#172b3a;--ml-muted:#607080;--ml-bg:#f5f8fb;--ml-card:#fff;--ml-border:#e2eaf1;--ml-radius:16px;--ml-shadow:0 8px 24px rgba(25,65,100,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ml-ink);background:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}img{max-width:100%;height:auto}a{color:var(--ml-primary);text-decoration:none}a:hover{color:var(--ml-primary-dark)}.ml-container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.ml-skip-link{position:absolute;left:-9999px;top:auto}.ml-skip-link:focus{left:12px;top:12px;z-index:1000;background:#fff;padding:10px}.ml-site-header{background:#fff;border-bottom:1px solid var(--ml-border);position:relative;z-index:10}.ml-header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.ml-brand{font-size:1.45rem;font-weight:800;letter-spacing:-.04em;color:var(--ml-ink)}.ml-brand span{color:var(--ml-primary)}.ml-nav ul{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0}.ml-nav a{font-weight:650;color:var(--ml-ink);font-size:.95rem}.ml-nav a:hover,.ml-nav .current-menu-item>a{color:var(--ml-primary)}.ml-menu-toggle{display:none;border:1px solid var(--ml-border);background:#fff;border-radius:10px;padding:8px 12px;font:inherit}.ml-hero{background:linear-gradient(120deg,#edf7ff,#f8fbff 58%,#fff6df);padding:76px 0 70px;overflow:hidden}.ml-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:44px}.ml-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--ml-primary-dark);background:#dcefff;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:750}.ml-hero h1{font-size:clamp(2.3rem,5vw,4.2rem);line-height:1.08;letter-spacing:-.055em;margin:18px 0}.ml-hero h1 em{font-style:normal;color:var(--ml-primary)}.ml-hero p{font-size:1.12rem;color:var(--ml-muted);max-width:620px}.ml-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.ml-button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:11px 20px;border-radius:12px;background:var(--ml-primary);color:#fff;font-weight:750;border:2px solid var(--ml-primary)}.ml-button:hover{background:var(--ml-primary-dark);border-color:var(--ml-primary-dark);color:#fff}.ml-button-secondary{background:#fff;color:var(--ml-primary)}.ml-button-secondary:hover{background:#edf7ff;color:var(--ml-primary-dark)}.ml-hero-art{min-height:290px;border-radius:28px;background:linear-gradient(145deg,#1769aa,#54a9e8);box-shadow:var(--ml-shadow);padding:28px;display:flex;align-items:center;justify-content:center;position:relative;color:#fff}.ml-math-card{background:rgba(255,255,255,.96);color:var(--ml-ink);border-radius:20px;padding:24px;width:min(100%,320px);transform:rotate(3deg);box-shadow:0 18px 35px rgba(0,0,0,.12)}.ml-math-card small{color:var(--ml-primary);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ml-equation{font-size:2.5rem;font-weight:850;letter-spacing:-.04em;text-align:center;margin:12px 0}.ml-section{padding:66px 0}.ml-section-soft{background:var(--ml-bg)}.ml-section-heading{text-align:center;max-width:700px;margin:0 auto 32px}.ml-section-heading h2{font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.04em;line-height:1.2;margin:0 0 12px}.ml-section-heading p{color:var(--ml-muted);margin:0}.ml-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ml-card{background:var(--ml-card);border:1px solid var(--ml-border);border-radius:var(--ml-radius);padding:24px;box-shadow:var(--ml-shadow)}.ml-card-icon{width:48px;height:48px;display:grid;place-items:center;background:#e6f3ff;border-radius:14px;font-size:1.5rem;margin-bottom:16px}.ml-card h3{margin:0 0 8px;font-size:1.2rem}.ml-card p{color:var(--ml-muted);margin:0 0 14px}.ml-card a{font-weight:750}.ml-grade-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.ml-grade{display:block;text-align:center;padding:18px 10px;border:1px solid var(--ml-border);border-radius:14px;background:#fff;color:var(--ml-ink);font-weight:800}.ml-grade:hover{border-color:var(--ml-primary);color:var(--ml-primary);transform:translateY(-2px)}.ml-cta{background:var(--ml-primary-dark);color:#fff;border-radius:24px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.ml-cta h2{margin:0 0 6px;font-size:1.8rem}.ml-cta p{margin:0;color:#d9eaf8}.ml-cta .ml-button{background:var(--ml-accent);border-color:var(--ml-accent);color:#24313c}.ml-site-footer{background:#102b40;color:#e8f2f8;padding:38px 0;margin-top:0}.ml-footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:center}.ml-site-footer p{margin:0;color:#c4d5e1}.ml-content{padding:48px 0 70px}.ml-content h1{line-height:1.2}.ml-post-list{display:grid;gap:18px}.ml-post{border:1px solid var(--ml-border);border-radius:14px;padding:22px}.ml-post h2{margin:0 0 8px}.ml-meta{font-size:.9rem;color:var(--ml-muted)}.ml-pagination{margin-top:28px}.ml-pagination .page-numbers{display:inline-block;padding:7px 12px;border:1px solid var(--ml-border);border-radius:8px;margin-right:5px}.ml-pagination .current{background:var(--ml-primary);color:#fff}.ml-empty{padding:24px;background:var(--ml-bg);border-radius:14px}
@media(max-width:900px){.ml-hero-grid{grid-template-columns:1fr;gap:30px}.ml-hero-art{min-height:230px}.ml-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ml-grade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ml-nav ul{gap:14px}}
@media(max-width:680px){.ml-container{width:min(100% - 28px,1160px)}.ml-header-inner{min-height:68px;flex-wrap:wrap;padding:12px 0}.ml-menu-toggle{display:block}.ml-nav{display:none;width:100%;padding:0 0 12px}.ml-nav.is-open{display:block}.ml-nav ul{align-items:stretch;flex-direction:column;gap:0}.ml-nav li a{display:block;padding:10px 0}.ml-hero{padding:48px 0}.ml-hero h1{font-size:2.45rem}.ml-section{padding:48px 0}.ml-card-grid{grid-template-columns:1fr}.ml-grade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ml-cta,.ml-footer-inner{align-items:flex-start;flex-direction:column}.ml-cta{padding:26px}}