.learn-path{scroll-margin-top:90px}.learn-path .section-heading p,.concept-group-heading p,.section-heading p{color:var(--muted);max-width:760px}.learning-sequence{display:flex;align-items:stretch;gap:8px;list-style:none;padding:0;margin:0 0 20px}.learning-sequence li{flex:1;position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 28px 14px 14px;font-size:.88rem;font-weight:700}.learning-sequence li:not(:last-child):after{content:'→';position:absolute;right:-11px;top:50%;transform:translateY(-50%);z-index:1;color:var(--green);font-size:1.15rem}.learn-contents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.learn-contents a{display:flex;gap:12px;align-items:center;padding:12px 14px;background:#edf3ef;border-radius:12px;color:var(--ink);text-decoration:none;font-weight:700}.learn-contents span,.concept-letter{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff;font-weight:800}.concept-group{scroll-margin-top:90px;padding-top:38px}.concept-group-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:18px}.concept-group-heading h2{margin:0;font-size:1.8rem}.concept-group-heading p{margin:5px 0}.concept-capsules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.concept-capsule{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.concept-capsule h3{margin-top:0}.concept-details{margin:18px 0}.concept-details>div{padding:11px 0;border-top:1px solid var(--line)}.concept-details dt{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--green-dark)}.concept-details dd{margin:4px 0 0}.formula-text{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--green-dark);font-weight:700;overflow-wrap:anywhere}.reference-chip{display:inline-block;background:#f1f5f2;border-radius:8px;padding:5px 8px;margin:3px 4px 3px 0;font-size:.86rem}.kcet-note,.concept-trap{padding:13px 15px;border-radius:10px;margin-top:12px}.kcet-note{background:#eef7f2;border-left:4px solid var(--green)}.concept-trap,.worked-trap,.feedback-trap{background:#fff4e5;border-left:4px solid #b06b15}.kcet-note p,.concept-trap p{margin:4px 0 0}.concept-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.concept-links a{color:var(--green-dark);font-weight:750}.conversion-section{padding-top:35px}.conversion-flow{display:flex;align-items:center;justify-content:center;gap:18px;background:var(--green-dark);color:#fff;border-radius:18px;padding:24px;margin-bottom:16px}.conversion-flow span{font-size:clamp(1.15rem,3vw,1.8rem);font-weight:800}.conversion-flow b{font-size:1.6rem;color:var(--lime)}.conversion-grid,.unit-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.conversion-grid article,.unit-check-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.conversion-grid h3,.unit-check-grid h3{margin-top:0}.worked-examples{display:grid;gap:12px}.worked-example{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.worked-example summary{display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer}.worked-example summary span{color:var(--green);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.worked-example summary::marker{color:var(--green)}.worked-example[open] summary{border-bottom:1px solid var(--line);background:#f5f8f5}.worked-example-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px}.worked-example-body section{border:1px solid var(--line);border-radius:12px;padding:15px}.worked-example-body h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--green-dark);margin:0 0 7px}.worked-example-body p,.worked-example-body ul,.worked-example-body ol{margin:0;padding-left:20px}.worked-example-body p{padding-left:0}.worked-final{background:#eef7f2}.worked-trap{border-left-width:4px!important}.unit-check-section{padding-top:28px}.learn-next{margin-top:55px;padding:30px;background:#eaf4ef;border-radius:18px}.learn-next h2{margin:5px 0}.feedback-trap{padding:10px 12px}.feedback-trap b{color:#7a4a0c}@media(max-width:900px){.learning-sequence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.learning-sequence li:not(:last-child):after{display:none}.conversion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.learn-contents,.concept-capsules,.worked-example-body,.conversion-grid,.unit-check-grid{grid-template-columns:1fr}.learning-sequence{grid-template-columns:1fr}.concept-group{padding-top:24px}.concept-capsule{padding:19px}.conversion-flow{gap:9px;padding:18px 10px}.worked-example summary{align-items:flex-start;flex-direction:column;gap:3px}.worked-example-body{padding:14px}.learn-next{padding:22px}}
.learn-concept-group>.worked-example{margin-top:18px;padding:clamp(20px,2.4vw,30px);overflow:visible}.learn-concept-group>.worked-example .eyebrow{display:block;margin-bottom:10px}.learn-concept-group>.worked-example h3{margin-top:0}.learn-concept-group>.worked-example ol{padding-left:1.45rem}@media(max-width:760px){.learn-concept-group>.worked-example{padding:18px}}
.theory-list{margin:14px 0;padding:14px 16px;background:#f5f8f5;border:1px solid var(--line);border-radius:10px}.theory-list h4{margin:0 0 8px;color:var(--green-dark)}.theory-list h4:not(:first-child){margin-top:15px}.theory-list ol,.theory-list ul{margin:0;padding-left:22px}.theory-list p{margin:0}.method-panel{margin-top:18px;padding:22px;background:#eef7f2;border:1px solid #cfe3d8;border-radius:16px}.method-panel h3{margin-top:0}.method-panel ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;counter-reset:formula-step;padding:0}.method-panel li{counter-increment:formula-step;background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px}.method-panel li:before{content:counter(formula-step);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;margin-bottom:8px}.method-panel p{margin:5px 0 0}.concentration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.concentration-grid .span-all{grid-column:1/-1}.concentration-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.concentration-grid h4{margin-top:0}.concentration-grid dl{margin-bottom:8px}.concentration-grid dl>div{border-top:1px solid var(--line);padding:8px 0}.concentration-grid dt{font-weight:800;color:var(--green-dark);font-size:.8rem}.concentration-grid dd{margin:3px 0 0}.concentration-grid small{display:block;color:var(--muted);border-top:1px dashed var(--line);padding-top:8px}.comparison-section{padding-top:35px}.comparison-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:14px}.comparison-card h3{margin-top:0}.responsive-table{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:10px}.responsive-table:focus{outline:3px solid rgba(13,117,89,.25);outline-offset:2px}.responsive-table table{width:100%;min-width:620px;border-collapse:collapse;text-align:left}.responsive-table th,.responsive-table td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}.responsive-table thead th{background:#edf3ef;color:var(--green-dark)}.responsive-table tbody th{background:#fafbf9}.responsive-table tr:last-child th,.responsive-table tr:last-child td{border-bottom:0}.worked-example-body .span-two{grid-column:1/-1}@media(max-width:760px){.method-panel ol,.concentration-grid{grid-template-columns:1fr}.method-panel{padding:16px}.comparison-card{padding:14px}.responsive-table{font-size:.9rem}}
