.priority-home[hidden], .mission-page [hidden], #math-priority-link[hidden], #english-priority-link[hidden] { display: none !important; }
.priority-home { padding: 19px; border-radius: 28px; background: #191936; color: #fff; box-shadow: 0 14px 35px #24203e24; }
.priority-home h2 { margin: 3px 0 8px; font-size: 1.45rem; }
.priority-home .eyebrow { color: #ffacd1; }
.priority-home > p:last-of-type { color: #dad6ef; font-size: .84rem; margin: 0 0 14px; }
.priority-missions { display: grid; gap: 12px; }
.priority-mission { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 20px 16px; border-radius: 20px; text-decoration: none; color: #25213e; background: #ffdaea; transition: transform .18s; }
.priority-mission:nth-child(2) { background: #dfddff; }.priority-mission:nth-child(3) { background: #ffebcd; }
.priority-mission[aria-disabled=true] { opacity: .6; filter: grayscale(.45); }
.priority-mission:hover { transform: translateY(-2px); }.priority-mission:active { transform: scale(.98); }
.priority-mission > span:first-child { font-size: 2rem; }.priority-mission > span:nth-child(2) { display: grid; gap: 5px; }
.priority-mission strong { font-size: 1.1rem; line-height: 1.2; }.priority-mission small { font-size: .73rem; color: #59496b; }
.priority-mission em { font-style: normal; font-size: .7rem; font-weight: 800; color: #aa2460; }.priority-mission > b { font-size: 1.6rem; }
.mission-body { background: linear-gradient(145deg,#fff3fa,#f0edff); }.mission-page { padding-bottom: 35px; }
.mission-hero h1 { font-size: clamp(1.8rem,6vw,2.5rem); letter-spacing: -.04em; margin: 8px 0; }.mission-hero p:last-child { color: #645974; line-height: 1.5; }
.mission-card { padding: 22px; background: #fff; border-radius: 24px; box-shadow: 0 8px 26px #44305a0c; margin: 15px 0; }
.mission-card h2 { margin: 0 0 12px; font-size: 1.18rem; }.mission-card p { line-height: 1.65; }
.mission-tabs { display: flex; flex-wrap: wrap; gap: 7px; margin: 17px 0; }.mission-tabs button { padding: 11px 14px; border: 1px solid #ded5e9; background: #fff; color: #5c4a71; border-radius: 14px; font-size: .8rem; font-weight: 800; }.mission-tabs button[aria-pressed=true] { background: #292344; color: #fff; border-color: #292344; }
.mission-actions { display: flex; gap: 9px; flex-wrap: wrap; margin-top: 14px; }.mission-actions button,.mission-next { border: 0; border-radius: 14px; padding: 13px 16px; background: #ed3f88; color: white; font-weight: 800; cursor: pointer; }.mission-actions .secondary { color: #584872; background: #f0eaf8; }
.mission-actions button:disabled { opacity: .5; cursor: not-allowed; }
.oral-text { font-size: 1.17rem; line-height: 1.7; color: #282139; }.oral-translation { color: #756682; font-size: .9rem; }
.oral-cue { padding: 20px; font-size: 1.2rem; font-weight: 800; background: #f5edf9; border-radius: 16px; color: #765385; }.oral-tip { font-size: .8rem; color: #706279; }
.mission-progress { display: flex; align-items: center; gap: 12px; font-size: .75rem; color: #735b87; font-weight: 800; }.mission-progress progress { width: 100%; accent-color: #ef428a; height: 10px; }
.mission-feedback { min-height: 1.5em; padding: 12px; border-radius: 14px; background: #f7f3fa; margin-top: 14px; font-size: .88rem; line-height: 1.5; }.mission-feedback.correct { background: #e4f9ed; color: #227448; }.mission-feedback.wrong { background: #fff0df; color: #87501d; }
.mission-answer { width: 100%; padding: 14px; border: 2px solid #e8dff0; border-radius: 14px; font-size: 1.1rem; box-sizing: border-box; }
.mission-choices { display: grid; gap: 9px; margin-top: 15px; }.mission-choices button { text-align: left; padding: 16px; border: 2px solid #e7e0f0; color: #302640; background: #faf8fe; border-radius: 15px; font-size: 1rem; }.mission-choices button:disabled { opacity: .75; }
.word-pool { display: flex; flex-wrap: wrap; gap: 8px; }.word-pool button,.word-line button { padding: 10px 12px; border: 1px solid #d9cbe6; border-radius: 11px; color: #3d3052; background: #f6edf9; font-size: .95rem; }.word-line { padding: 15px; min-height: 70px; background: #faf7fc; border-radius: 15px; border: 2px dashed #daccdf; display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 15px; }
.correction-row { padding: 15px 0; border-bottom: 1px solid #eee6f2; }.correction-row b { color: #218660; }.correction-row del { color: #916276; }.correction-row p { margin-bottom: 0; font-size: .86rem; color: #6e6077; }.original-text { white-space: pre-wrap; font-size: .88rem; line-height: 1.7; color: #66586c; }
.mission-lesson { line-height: 1.65; }.mission-lesson table { border-collapse: collapse; width: 100%; font-size: .8rem; }.mission-lesson th,.mission-lesson td { padding: 8px; border-bottom: 1px solid #e5dce9; text-align: left; }.mission-lesson .table-wrap { overflow-x: auto; }
.mission-status { color: #76567d; font-size: .8rem; }.mission-question { font-size: 1.5rem; margin: 20px 0; color: #28213b; }.angle-demo { width: 100%; height: 130px; }.angle-demo text { font-size: 15px; fill: #4b366d; }
@media(min-width:700px){.priority-missions{grid-template-columns:repeat(3,1fr)}.priority-mission{grid-template-columns:1fr auto}.priority-mission > span:first-child{grid-column:1/-1}.priority-mission strong{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.priority-mission{transition:none}}