.learning-library{border-bottom:1px solid var(--line,#dbe4e6);padding:1rem 0 1.5rem;margin-bottom:1rem}.coverage-strip,.learning-metrics{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.coverage-strip strong{color:#1a7560;font-size:1.35rem}.learning-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0}.learning-filters label{font-size:.8rem;font-weight:700}.learning-filters select{margin-top:.4rem;width:100%}.station-card[hidden],[hidden]{display:none!important}.encounter-guide{max-width:1600px;margin:1rem auto;background:#f7f6f2;border:1px solid #dcd9d1;border-radius:20px;padding:1.2rem;color:#1f2433}.guide-top{display:flex;align-items:center;gap:1.2rem;justify-content:space-between}.guide-top h2{font-size:1.3rem;margin:.2rem 0}.guide-top>.small{max-width:350px}.encounter-steps{display:grid;grid-template-columns:repeat(7,1fr);gap:.45rem;margin:1rem 0}.step-button{border:1px solid #dcd9d1;background:white;border-radius:12px;padding:.55rem .3rem;font:inherit;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;justify-content:center;color:#4d5466}.step-button span{background:#ebe9e3;border-radius:50%;width:23px;height:23px;line-height:23px}.step-button.active{background:#1a7560;color:white;border-color:#1a7560}.step-button.active span{background:#135b4b}.guide-purpose{font-size:.95rem;margin-bottom:.7rem}.reasoning-expand>summary,.guided-first>summary{cursor:pointer;font-size:.85rem;font-weight:600;padding:.35rem 0}.reasoning-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.reasoning-map article{padding:1rem;background:#fff;border-radius:12px;margin-top:1rem}.reasoning-map p{font-size:.85rem}.decision-fork{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.decision-fork>div{border-top:3px solid #a8d2c1;padding:.6rem;background:#f4f8f6}.recovery-card{background:white;border:1px solid #dcd9d1;border-radius:14px;padding:1rem;margin:1rem 0}.recovery-routine{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;border-bottom:1px solid #e9e7e0;padding-bottom:1rem;margin-bottom:1rem}.recovery-routine span{font-size:.85rem}.recovery-routine b{display:inline-block;color:#1a7560;margin-right:.5rem}.recovery-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem}.recovery-columns h3{font-size:1.1rem}.evidence-quote{border-left:3px solid #b3b6c0;padding-left:.7rem;font-size:.8rem}.evidence-quote span{font-weight:bold}.repair-practice{max-width:1500px;margin:1rem auto!important;background:#f7f6f2!important}.repair-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.repair-choices .btn{white-space:normal;text-align:left;justify-content:flex-start;min-height:70px}.choice-row{display:flex;flex-wrap:wrap;gap:.6rem;margin:.8rem 0}.guided-first{border-top:1px solid #e9e7e0;padding-top:.5rem;margin-top:.5rem}.learning-metrics span{border:1px solid #e9e7e0;border-radius:8px;padding:.5rem}.btn:focus-visible,.step-button:focus-visible,summary:focus-visible{outline:3px solid #c57f26;outline-offset:3px}@media(max-width:850px){.learning-filters{grid-template-columns:repeat(2,1fr)}.encounter-steps{display:flex;overflow-x:auto}.step-button{min-width:110px}.guide-top{flex-wrap:wrap}.recovery-routine{grid-template-columns:repeat(2,1fr)}.recovery-columns,.repair-choices{grid-template-columns:1fr}.guide-top>.small{max-width:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* These cards deliberately use light surfaces in both OS color schemes. */
.repair-practice{color:#1f2433}
.repair-practice h2,.repair-practice h3,.repair-practice p,.repair-practice .eyebrow,.repair-practice .repair-result{color:var(--ink)}
.repair-practice .eyebrow{color:var(--ink-2)}