:root{--brand:#15803d;--brand-dark:#14532d;--ink:#1c2333;--muted:#5b6474;--bg:#f5f7fb;--card:#fff;--border:#e3e8f2;--radius:12px}*{box-sizing:border-box}body,html{margin:0;padding:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.65}body{background-color:#fafbfc;background-image:linear-gradient(180deg,#edf7f1,#fafbfc 320px)}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.site-header{background:#fff;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-inner{max-width:1100px;margin:0 auto;padding:12px 20px;justify-content:space-between;gap:16px;flex-wrap:wrap}.header-inner,.logo{display:flex;align-items:center}.logo{gap:10px;color:var(--ink);font-weight:800;font-size:20px}.logo:hover{text-decoration:none}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--brand);color:#fff;font-size:20px}.logo-text em{color:var(--brand);font-style:normal}.main-nav{display:flex;flex-wrap:wrap;gap:4px}.main-nav a{padding:6px 10px;border-radius:8px;color:var(--muted);font-size:13.5px;font-weight:600}.main-nav a:hover{background:var(--bg);color:var(--brand);text-decoration:none}.site-main{max-width:1100px;margin:0 auto;padding:28px 20px 60px;min-height:60vh}.hero{background:linear-gradient(135deg,#14532d,var(--brand));border-radius:16px;color:#fff;padding:40px 32px;margin-bottom:32px}.hero h1{margin:0 0 8px;font-size:30px;line-height:1.25}.hero p{margin:0;opacity:.92;font-size:17px}.curriculum-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.curriculum-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .15s,transform .15s}.curriculum-card:hover{box-shadow:0 8px 24px rgba(21,128,61,.1);transform:translateY(-2px);text-decoration:none}.curriculum-card h3{margin:0;font-size:17px;color:var(--brand-dark)}.curriculum-card p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.55}.curriculum-card .unit-count{font-size:12px;color:var(--brand);font-weight:700}.topic-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.topic-link{display:flex;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;font-size:15px;color:var(--ink);font-weight:600;transition:box-shadow .15s,transform .15s}.topic-link:hover{box-shadow:0 4px 16px rgba(21,128,61,.1);transform:translateX(4px);text-decoration:none;border-color:var(--brand)}.topic-link span:first-child{display:flex;align-items:center;gap:8px}.quiz-badge{background:var(--brand);color:#fff;border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:700}article.post-content{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px clamp(18px,4vw,40px)}article.post-content h1{font-size:clamp(24px,4vw,34px);line-height:1.3;margin:0 0 8px}article.post-content h2{font-size:22px;margin-top:30px;border-bottom:2px solid #f0f7f2;padding-bottom:6px}article.post-content h3{font-size:19px;margin-top:24px}article.post-content p{margin:14px 0;line-height:1.75}article.post-content ol,article.post-content ul{margin:14px 0;padding-left:24px}article.post-content li{margin:6px 0}article.post-content table{border-collapse:collapse;width:100%;margin:16px 0}article.post-content table td,article.post-content table th{border:1px solid var(--border);padding:8px 12px}article.post-content blockquote{margin:16px 0;padding:12px 18px;border-left:4px solid var(--brand);background:#f0faf4;border-radius:0 8px 8px 0}.key-points{background:#f0faf4;border:1px solid #bbf7d0;border-radius:var(--radius);padding:18px 22px;margin:20px 0}.key-points h3{margin:0 0 12px;font-size:17px;color:var(--brand-dark)}.key-points ul{margin:0;padding-left:20px}.key-points li{margin:6px 0;color:var(--ink)}.breadcrumb{font-size:13.5px;margin-bottom:16px}.breadcrumb,.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--brand)}.quiz-section{background:var(--card);border:2px solid var(--brand);border-radius:var(--radius);padding:24px 28px;margin-top:32px}.quiz-section h2{margin:0 0 16px;font-size:20px;color:var(--brand-dark);border:none;padding:0}.qq{margin:20px 0;padding:18px 20px;border:1px solid var(--border);border-radius:10px}.qq-text{font-size:15.5px;font-weight:600;margin:0 0 12px}.qq-options{display:flex;flex-direction:column;gap:7px;list-style:none;margin:0;padding:0}.qq-opt{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:8px;border:1px solid var(--border);cursor:pointer;transition:all .15s;font-size:14.5px}.qq-opt:hover{border-color:var(--brand);background:#f0faf4}.qq-opt.selected-correct{border-color:#16a34a;background:#dcfce7;color:#14532d}.qq-opt.selected-wrong{border-color:#dc2626;background:#fee2e2;color:#7f1d1d}.qq-opt.disabled{pointer-events:none}.explanation-box{margin-top:10px;padding:12px 16px;border-radius:8px;background:#fefce8;border:1px solid #fde047;font-size:14px;color:#713f12;line-height:1.6}.explanation-box strong{color:var(--brand-dark)}.score-box{text-align:center;padding:24px;background:linear-gradient(135deg,#14532d,var(--brand));border-radius:12px;color:#fff;margin-top:20px}.score-box h3{margin:0 0 6px;font-size:20px}.score-box p{margin:0;font-size:16px;opacity:.9}.reset-btn{margin-top:14px;background:#fff;color:var(--brand-dark);border:none;border-radius:8px;padding:10px 20px;font-weight:700;cursor:pointer;font-size:14px}.reset-btn:hover{background:#f0faf4}.site-footer{background:#101828;color:#cdd5e4;margin-top:40px}.footer-inner{max-width:1100px;margin:0 auto;padding:32px 20px}.footer-brand{font-weight:700;color:#fff;margin:0 0 10px}.footer-nav{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}.footer-nav a{color:#cdd5e4}.footer-copy{font-size:13px;color:#8a94a6;margin:0}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}.chip{background:#f0fdf4;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.chip,.unit-heading{color:var(--brand-dark)}.unit-heading{font-size:15px;font-weight:700;margin:20px 0 8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.section-title{font-size:22px;margin:28px 0 14px}.not-found{text-align:center;padding:60px 20px}.not-found h1{font-size:60px;margin:0 0 8px;color:var(--brand)}.not-found p{color:var(--muted);margin:0 0 20px}@media (max-width:720px){.header-inner{justify-content:center}.hero{padding:28px 22px}}