.learning-hero{background:linear-gradient(135deg,#17324d,#214e65);color:#fff;padding:76px 0}.learning-hero .eyebrow{color:#ffd0c4}.learning-hero h1{font:700 clamp(38px,5vw,58px)/1.08 Georgia,serif;margin:10px 0 18px;max-width:760px}.learning-hero p{font-size:19px;color:#edf4f7;max-width:720px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.module-card{border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff;display:flex;flex-direction:column;min-height:250px}.module-card .module-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--cream);color:var(--coral);font-weight:900}.module-card h2,.module-card h3{font:700 24px/1.2 Georgia,serif;color:var(--navy);margin:18px 0 10px}.module-card p{color:var(--muted);margin:0 0 18px}.module-card b{margin-top:auto;color:var(--coral)}.learning-copy{display:grid;grid-template-columns:1.2fr .8fr;gap:42px}.learning-copy h2{font:700 34px/1.18 Georgia,serif;color:var(--navy)}.learning-copy aside{background:var(--cream);border-radius:18px;padding:24px}.tool-shell,.quiz-shell{max-width:820px;margin:44px 0;border:1px solid var(--line);border-radius:24px;padding:30px;background:#fff;box-shadow:var(--shadow)}.tool-form{display:flex;gap:10px}.tool-form input{flex:1;border:2px solid #cbd5d0;border-radius:12px;padding:14px 16px;font-size:18px}.tool-form button,.quiz-option,.quiz-next{border:0;border-radius:12px;padding:14px 18px;font-weight:800;cursor:pointer}.tool-form button,.quiz-next{background:var(--coral);color:#fff}.tool-result{margin-top:22px;padding:22px;border-radius:16px;background:#f2f8f6}.syllables{font:700 34px Georgia,serif;color:var(--navy);letter-spacing:1px}.quiz-progress{height:8px;background:#e7ece9;border-radius:99px;overflow:hidden;margin:16px 0 28px}.quiz-progress span{display:block;height:100%;background:var(--mint);transition:width .2s}.quiz-question{font:700 26px/1.3 Georgia,serif;color:var(--navy)}.quiz-options{display:grid;gap:12px;margin:22px 0}.quiz-option{text-align:left;background:#f5f7f5;border:2px solid transparent;color:var(--ink);font-size:16px}.quiz-option:hover,.quiz-option:focus{border-color:var(--mint)}.quiz-option.correct{background:#e4f5ef;border-color:#168779}.quiz-option.wrong{background:#fff0ec;border-color:#d94f31}.quiz-option:disabled{cursor:default}.quiz-feedback{min-height:60px;padding:14px 16px;border-left:4px solid var(--mint);background:#f6f9f8}.quiz-actions{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.quiz-score{font-weight:800;color:var(--navy)}.learning-path{display:flex;gap:10px;align-items:center;margin-top:28px}.learning-path span{height:2px;background:var(--line);flex:1}.learning-path b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff}.method-note{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:26px}@media(max-width:800px){.module-grid{grid-template-columns:1fr}.learning-copy{grid-template-columns:1fr}.tool-form{display:grid}.learning-hero{padding:54px 0}.tool-shell,.quiz-shell{padding:20px}.quiz-question{font-size:22px}}