.practice-shell{width:min(1120px,calc(100% - 28px));margin:26px auto 60px}.practice-hero{padding:28px;border:1px solid #1f6a60;border-radius:28px;background:linear-gradient(135deg,#0d4e47,#1d7568);color:#fff;box-shadow:var(--shadow)}.practice-hero .eyebrow{display:inline-flex;padding:5px 10px;border-radius:999px;background:#ffffff1f;font-size:10px}.practice-hero h1{margin:10px 0 6px;font-size:clamp(26px,4vw,39px)}.practice-hero p{margin:0;color:#ffffffcf}.practice-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.practice-nav a,.practice-nav button{border:1px solid #ffffff42;border-radius:12px;padding:9px 13px;background:#ffffff18;color:#fff;text-decoration:none;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.practice-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0}.practice-stat{padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}.practice-stat strong{display:block;color:var(--brand);font-size:24px}.practice-stat span{font-size:10px;color:var(--muted)}.practice-section{margin-top:26px}.practice-section h2{margin:0 0 4px;color:var(--brand)}.practice-section>p{margin:0 0 13px;color:var(--muted);font-size:11px}.deck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.deck-card{padding:18px;border:1px solid var(--line);border-radius:19px;background:#fff;text-decoration:none;color:inherit}.deck-card:hover{border-color:#9fc6bc;box-shadow:var(--shadow)}.deck-card h3{margin:0;color:var(--brand)}.deck-card>p{margin:5px 0 14px;color:var(--muted);font-size:10px}.deck-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.deck-numbers span{padding:8px;border-radius:11px;background:#f2f7f5;text-align:center;font-size:9px}.deck-numbers b{display:block;color:var(--brand);font-size:15px}.flash-stage{margin:18px auto 0;max-width:780px}.flash-card{position:relative;min-height:350px;border:1px solid var(--line);border-radius:27px;background:#fff;box-shadow:var(--shadow);cursor:pointer;perspective:1200px}.flash-card-inner{position:relative;min-height:350px;transition:transform .5s;transform-style:preserve-3d}.flash-card.revealed .flash-card-inner{transform:rotateY(180deg)}.flash-face{position:absolute;inset:0;padding:38px;display:flex;flex-direction:column;justify-content:center;backface-visibility:hidden}.flash-face span{color:var(--muted);font-size:10px}.flash-face h2{color:var(--brand);font-size:clamp(24px,5vw,38px);line-height:1.7;margin:10px 0}.flash-face p{color:var(--muted)}.flash-back{transform:rotateY(180deg);background:linear-gradient(145deg,#f6fbf9,#fff);border-radius:27px}.flash-back h3{color:var(--brand);font-size:20px;line-height:1.8;margin:8px 0}.flash-back a{align-self:flex-start;margin-top:10px;color:var(--brand);font-weight:900}.flash-toolbar,.rating-row{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:12px}.flash-toolbar button,.rating-row button{border:1px solid var(--line);border-radius:12px;padding:9px 14px;background:#fff;color:var(--brand);font:inherit;font-size:10px;font-weight:900;cursor:pointer}.rating-row button[data-grade=again]{border-color:#e5aaa4;color:#943e34}.rating-row button[data-grade=hard]{border-color:#dfc59d;color:#765421}.rating-row button[data-grade=good]{border-color:#9fcbbf;color:#145e52}.rating-row button[data-grade=easy]{background:var(--brand);color:#fff}.empty-state{padding:34px;text-align:center;border:1px dashed var(--line);border-radius:22px;background:#fff}.quiz-shell{max-width:820px;margin:18px auto}.quiz-intro,.quiz-result,.quiz-question{padding:26px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.quiz-size{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.quiz-size label{padding:10px 13px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.quiz-size input{margin-left:5px}.quiz-start{border:0;border-radius:13px;padding:11px 18px;background:var(--brand);color:#fff;font:inherit;font-weight:900;cursor:pointer}.quiz-progress{display:flex;justify-content:space-between;font-size:11px}.quiz-track{height:7px;background:#e8efec;border-radius:999px;overflow:hidden;margin:9px 0 14px}.quiz-track i{display:block;height:100%;background:var(--brand)}.quiz-question>span{color:var(--muted);font-size:9px}.quiz-question h2{color:var(--brand);line-height:1.8}.quiz-options{display:grid;gap:8px}.quiz-options button{padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff;text-align:right;font:inherit;line-height:1.8;cursor:pointer}.quiz-options button.correct{background:#e9f7f1;border-color:#82b9a9}.quiz-options button.wrong{background:#fff0ee;border-color:#d9a29a}.quiz-feedback{margin-top:14px;padding:14px;border-radius:14px}.quiz-feedback.ok{background:#edf8f4}.quiz-feedback.bad{background:#fff3f1}.quiz-feedback p{font-weight:900}.quiz-feedback small{display:block;line-height:1.8}.quiz-feedback button{margin-top:10px;border:0;border-radius:10px;padding:9px 13px;background:var(--brand);color:#fff;font:inherit;font-weight:900}.result-score{font-size:54px;color:var(--brand);font-weight:900}.attempt-list{display:grid;gap:7px}.attempt-list>div{display:flex;justify-content:space-between;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:10px}.summary-unit{margin-top:12px;padding:18px;border:1px solid var(--line);border-radius:19px;background:#fff}.summary-unit h3{margin:0;color:var(--brand)}.summary-unit>p{color:var(--muted);font-size:10px}.summary-principles{display:grid;gap:7px;margin-top:12px}.summary-principles a{display:block;padding:10px;border-radius:11px;background:#f4f8f6;text-decoration:none;color:#365a52;font-size:10px;line-height:1.8}.due-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.due-preview a{padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;color:inherit}.due-preview b{display:block;color:var(--brand);font-size:11px}.due-preview span{color:var(--muted);font-size:9px}.phase3-package2-home{margin:18px 0 0;padding:24px;border:1px solid #c4d9d3;border-radius:24px;background:linear-gradient(135deg,#f3f9f7,#fff)}.phase3-package2-home h2{margin:0;color:var(--brand)}.phase3-package2-home p{color:var(--muted)}.package2-links{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.package2-links a{padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;color:var(--brand);font-weight:900}.package2-links small{display:block;margin-top:4px;color:var(--muted);font-weight:400}@media(max-width:900px){.practice-stats{grid-template-columns:repeat(3,1fr)}.deck-grid{grid-template-columns:repeat(2,1fr)}.package2-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.practice-shell{width:calc(100% - 18px);margin-top:12px}.practice-hero{padding:21px 17px;border-radius:22px}.practice-stats{grid-template-columns:repeat(2,1fr)}.deck-grid,.due-preview,.package2-links{grid-template-columns:1fr}.flash-card,.flash-card-inner{min-height:430px}.flash-face{padding:25px 20px}.flash-face h2{font-size:25px}.rating-row{display:grid;grid-template-columns:repeat(2,1fr)}.rating-row button{width:100%}.quiz-question,.quiz-intro,.quiz-result{padding:19px 15px}}


/* Stage 20: readable quiz content in all browser themes */
.quiz-question{color:#1e2522!important;color-scheme:light!important}
.quiz-question-heading{display:block!important;color:#5f6a66!important;font-size:12px!important;line-height:1.8!important;opacity:1!important;visibility:visible!important;-webkit-text-fill-color:#5f6a66!important}
.quiz-question-title{display:block!important;margin:10px 0 20px!important;color:#0f5e51!important;font-size:clamp(20px,3.2vw,28px)!important;font-weight:800!important;line-height:2!important;opacity:1!important;visibility:visible!important;-webkit-text-fill-color:#0f5e51!important}
.quiz-options button{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;min-height:64px!important;padding:12px 14px!important;background:#fffef9!important;color:#202724!important;font-size:15px!important;font-weight:500!important;opacity:1!important;visibility:visible!important;-webkit-text-fill-color:#202724!important}
.quiz-option-index{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e7eee7;color:#0f5e51!important;font-size:13px!important;font-weight:800!important;-webkit-text-fill-color:#0f5e51!important}
.quiz-option-text{display:block!important;color:#202724!important;font-size:15px!important;line-height:2!important;opacity:1!important;visibility:visible!important;-webkit-text-fill-color:#202724!important}
.quiz-options button.correct .quiz-option-index{background:#bfe2d6!important}.quiz-options button.wrong .quiz-option-index{background:#f2c8c2!important;color:#7b3029!important;-webkit-text-fill-color:#7b3029!important}
.quiz-load-error{padding:28px;border:1px solid #d9a29a;border-radius:20px;background:#fff3f1;color:#6f302a;text-align:center}.quiz-load-error button{border:0;border-radius:12px;padding:10px 15px;background:var(--brand);color:#fff;font:inherit;font-weight:800;cursor:pointer}
@media(max-width:620px){.quiz-options button{grid-template-columns:34px minmax(0,1fr)!important;min-height:58px!important;padding:10px!important;font-size:14px!important}.quiz-option-text{font-size:14px!important}.quiz-question-title{font-size:20px!important}}