/* Comparison guides and the 78-card study tool. */
.learning-page .breadcrumb{flex-wrap:wrap;line-height:1.7;color:#c4bbd5}
.learning-page .breadcrumb a{color:#c4bbd5}
.learning-page .breadcrumb [aria-current]{opacity:1;color:#dcc391}
.learning-page .nav-back{color:#d9cbe9}
.learning-skip{position:fixed;top:8px;left:8px;z-index:10000;padding:12px 18px;background:#34243f;color:#fff;transform:translateY(-180%)}
.learning-skip:focus{transform:none}
.learning-page section[id],.learning-page [tabindex="-1"]{scroll-margin-top:82px}
.learning-eyebrow{color:#dcc391;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.compare-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:460px;margin:28px auto}
.compare-images figure{min-width:0;text-align:center}
.compare-images img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid #877099}
.compare-images figcaption{margin-top:10px;font-size:16px;line-height:1.5}
.compare-toc{border:1px solid #574664;border-radius:12px;padding:16px;line-height:2.2}
.compare-toc a{display:inline-block;margin:0 4px}
.compare-table{min-width:550px;table-layout:fixed}
.compare-table caption{text-align:left;color:#e8d5b0;font-weight:600;margin-bottom:12px}
.compare-table th,.compare-table td{vertical-align:top;overflow-wrap:break-word}
.compare-table th:first-child{width:25%}
.compare-table thead{background:#241931}
.compare-table tbody th{color:#e8d5b0}
.reading-guide .comparison-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;gap:20px}
.comparison-directory li{margin:0}
.comparison-directory a{display:block;border:1px solid #685276;border-radius:14px;padding:20px;height:100%;text-decoration:none}
.comparison-directory strong{display:block;font-size:19px;line-height:1.45;margin:14px 0 10px}
.comparison-directory a>span:last-child{display:block;color:#d8cfe4;font-size:15px;line-height:1.75}
.comparison-thumbs{display:flex;justify-content:center;gap:14px}
.comparison-thumbs img{width:74px;height:auto;border-radius:6px}
.learning-page button,.learning-button{display:inline-block;font:inherit;font-size:15px;line-height:1.5;padding:12px 17px;border:1px solid #a88bba;border-radius:10px;background:#261b34;color:#f5eaff;cursor:pointer;min-height:46px}
.reading-guide .learning-button{text-decoration:none;color:#f5eaff}
.learning-page button:hover,.learning-button:hover{background:#3a294c}
.learning-page button:disabled{cursor:default;opacity:.5}
.learning-page button[aria-pressed="true"]{background:#4b3562;border-color:#e8d5b0;box-shadow:inset 0 0 0 1px #e8d5b0}
.learning-page .learning-primary{background:#e0c391;color:#201528;border-color:#e0c391;font-weight:600}
.learning-page .learning-primary:hover{background:#f0d6ac}
.reading-guide .practice-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.practice-steps li{padding:16px;border-top:2px solid #b195cf}
.practice-steps strong,.practice-steps span{display:block}
.practice-steps span{font-size:14px;margin-top:8px}
.practice-toolbar,.practice-ratings{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.learning-page progress{display:block;width:100%;height:10px;accent-color:#d4b4ec;margin:0 0 24px}
.learning-page .practice-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:26px;margin:26px 0;padding:22px;border:1px solid #665071;border-radius:16px;background:#151020}
.practice-card figure{min-width:0;text-align:center}
.practice-card img{display:block;width:100%;height:auto;border:1px solid #877099;border-radius:9px}
.practice-card figcaption{font-size:13px;line-height:1.7;color:#c4bbd5;margin-top:10px}
.practice-card .practice-card-copy{min-width:0}
.reading-guide .practice-card h2{margin-top:0}
.reading-guide .practice-card h4{font-size:15px;line-height:1.5;color:#e8d5b0;margin:22px 0 8px}
.learning-page [hidden]{display:none!important}
.practice-settings button{margin:8px 8px 8px 0}
#practiceRatingStatus{font-size:14px;color:#e8d5b0}
#practiceStorage{overflow-wrap:anywhere}
@media(max-width:600px){.reading-guide .comparison-directory{grid-template-columns:1fr}.learning-page .practice-card{grid-template-columns:1fr;padding:17px;gap:22px}.practice-card figure{width:155px;margin:0 auto}.practice-steps li{padding:12px 4px}.practice-steps span{font-size:13px}.compare-images{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.learning-page *, .learning-page *::before,.learning-page *::after{animation:none!important;transition:none!important}}