.subject-menu{padding:clamp(20px,5vw,64px) 0;max-width:980px;margin:auto}.subject-menu h1{font-size:clamp(28px,5vw,46px);line-height:1.3;letter-spacing:-.04em}.subject-menu p{line-height:1.7}.subject-eyebrow{font-size:14px;font-weight:700;color:#0757a6}.subject-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px}.subject-grid button{font:inherit;text-align:left;display:flex;flex-direction:column;gap:16px;min-height:220px;border:1px solid #c6d3e1;background:white;color:#18212f;border-radius:20px;padding:28px;cursor:pointer}.subject-grid strong{font-size:28px}.subject-grid button:hover{border-color:#0757a6;background:#f0f6ff}.subject-grid button:focus-visible{outline:3px solid #0757a6;outline-offset:4px}.subject-icon{font-size:30px;color:#0757a6;font-weight:800}.subject-empty{padding:24px;border:1px dashed #8b9aad;border-radius:12px;color:#48566a}.subject-menu .tool-btn{min-height:44px}
@media(max-width:600px){.subject-grid{grid-template-columns:1fr}.subject-grid button{min-height:180px;padding:24px}.subject-menu{padding:24px 0}}
.toeic-menu>section{margin-top:28px}.toeic-part-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.toeic-part-grid button{font:inherit;display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;min-height:130px;padding:16px;background:white;color:#18212f;border:1px solid #a5b5c9;border-radius:12px}.toeic-part-grid button[aria-current]{border:2px solid #0757a6;background:#eef5ff}.toeic-part-grid button:focus-visible{outline:3px solid #0757a6;outline-offset:3px}.toeic-part-grid small{font-size:12px;line-height:1.5;color:#46546a}#toeicPracticeHost{scroll-margin-top:16px;margin-top:24px}
@media(max-width:700px){.toeic-part-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}