.start-routes{margin:32px 0}.start-routes h2{font-size:23px;margin:0 0 18px}.start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.start-grid a{display:block;background:#f0f4e9;border:1px solid #dce5d5;border-radius:13px;padding:23px;text-decoration:none}.start-grid a:hover{border-color:#829e7b}.start-grid span{display:block;font-size:12px;color:#617357;margin-bottom:13px}.start-grid b{font-size:17px;line-height:1.6}.start-grid p{font-size:14px;color:#586c5b;margin:10px 0 0;line-height:1.8}.exercise-learning{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}.exercise-learning a,.next-practice a{text-decoration:underline;text-underline-offset:3px;color:#275e48}.next-practice{border-top:1px solid #cadbc2;margin-top:24px;padding-top:18px}.next-practice h4{margin-bottom:15px}.next-practice .btn{margin:0 8px 10px 0}.next-practice a{display:block;font-size:14px;margin-top:8px}.question .card-meta,.question-bottom{font-size:12px}.source-home{font-size:16px;line-height:1.9}.source-home nav{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0}.source-home nav a{font-size:16px}.source-home h2{margin-top:32px}@media(max-width:760px){.start-grid{grid-template-columns:1fr}.start-routes h2{font-size:21px}nav{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:10px}nav a{display:flex;justify-content:center;min-height:42px;padding:10px 8px}nav a span{font-size:13px}.sub{font-size:14px}.section-head p{font-size:13px}.skill p{font-size:13px}.skill-bottom{font-size:12px}.hero p{font-size:14px}.hero-meta{font-size:11px}.filters button{font-size:13px;min-height:42px}.question h3{font-size:18px}.en-title{font-size:12px}.card-meta>span:last-child{font-size:11px}.question-bottom{font-size:13px}footer{font-size:12px}.article{font-size:15px}.start-grid a{padding:22px}.btn{min-height:44px;font-size:14px}.counter{font-size:13px}.record .text-button{font-size:14px}.record{font-size:13px}.record small{font-size:12px}.type-select{font-size:14px}dialog .disclaimer{font-size:13px;line-height:1.8}.exercise-learning{font-size:14px}.hero h2{font-size:30px}.start-routes{margin-top:25px}}
.listening-card{margin:20px 0 12px;padding:20px;border:1px solid #d3dfd6;border-radius:14px;background:#f3f7f1}.listening-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.listening-heading>span{font-size:17px;font-weight:700;color:#234c3a}.listening-heading small{font-size:12px;color:#5a7061}.listening-buttons{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.listening-buttons .text-button{min-height:44px}.listening-buttons label{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13px}.listening-buttons select{background:#fff;border:1px solid #c5d3c8;border-radius:7px;padding:8px;color:#234c3a;font:inherit}.listening-timeline{display:flex;align-items:center;gap:14px;margin-top:18px}.listening-timeline input{min-width:0;flex:1;accent-color:#275e48;cursor:pointer;min-height:24px}.listening-timeline span{font-size:12px;font-variant-numeric:tabular-nums;color:#4f6658;white-space:nowrap}.listening-card p{font-size:13px;line-height:1.8;color:#52695b;margin:12px 0 0}.listening-card button:focus-visible,.listening-card input:focus-visible,.listening-card select:focus-visible{outline:3px solid #799c7a;outline-offset:4px}@media(max-width:520px){.listening-card{padding:16px}.listening-buttons{gap:8px 14px}.listening-buttons .btn{flex:1;min-width:145px}.listening-buttons label{margin-left:0}.listening-heading small{font-size:11px}.listening-timeline{gap:8px}.listening-card p{font-size:13px}}
.planning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 22px}.planning-grid a{display:flex;flex-direction:column;padding:24px;background:#f4f7ef;border:1px solid #dce5da;border-radius:13px;color:#275e48;text-decoration:none}.planning-grid small{font-size:10px;letter-spacing:1px;font-weight:700}.planning-grid h3{font-size:19px;line-height:1.6;margin:16px 0 9px}.planning-grid p{color:#5e7167;font-size:14px;line-height:1.8;flex:1}.planning-grid b{font-size:14px;margin-top:16px}.planning-grid a:hover{border-color:#91ac91;background:#edf3e7}@media(max-width:900px){.planning-grid{grid-template-columns:1fr}.planning-grid a{padding:22px}}