:root{--blue:#1976a3;--green:#4f8a56;--yellow:#ffd166;--coral:#f07167;--ink:#263238;--gray:#6e7b82;--pale-blue:#e8f5fa;--pale-green:#edf7e9;--bg:#fdfdfc}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55}a{color:var(--blue)}main{max-width:880px;margin:0 auto;padding:0 20px 60px}.site-header{align-items:center;gap:12px;max-width:880px;margin:0 auto;padding:18px 20px;display:flex}.site-header img{width:auto;height:44px}.tagline{color:var(--gray);font-size:.95rem}.hero{background:var(--pale-blue);border-radius:16px;margin:8px 0 32px;padding:32px 28px}.hero h1{color:var(--blue);margin:0 0 10px;font-size:1.9rem}.hero p{max-width:60ch;margin:0}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:20px 0 40px;display:grid}.card{border:2px solid var(--blue);color:var(--ink);background:#fff;border-radius:12px;padding:18px;text-decoration:none;display:block}.card:hover{background:var(--pale-blue)}.card.english{border-color:var(--green)}.card.english:hover{background:var(--pale-green)}.card h3{margin:0 0 6px}.card p{color:var(--gray);margin:0;font-size:.9rem}.card.soon{border-style:dashed;border-color:var(--gray);color:var(--gray)}.week-list{margin:0;padding:0;list-style:none}.week-list li{border-bottom:1px solid #e4e9ec;padding:12px 4px}.week-list .week-title{font-weight:600}.week-links{font-size:.92rem}.week-links a{white-space:nowrap;margin-right:10px}.answer-link{color:var(--green)}.note{background:var(--pale-green);border-radius:12px;padding:16px 20px;font-size:.95rem}.crumbs{margin:4px 0 18px;font-size:.9rem}footer{color:var(--gray);text-align:center;border-top:1px solid #e4e9ec;padding:18px;font-size:.85rem}
