.practice-learning-section{padding:34px clamp(18px,5vw,72px) 58px;background:linear-gradient(180deg,#f6fbff,#fff)}.practice-learning-shell{max-width:1380px;margin:0 auto}.practice-learning-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.practice-learning-heading p{margin:0 0 8px;color:#d08b00;font-size:12px;font-weight:900;letter-spacing:.14em}.practice-learning-heading h2{margin:0;color:#0a3157;font-size:clamp(28px,3vw,42px);line-height:1.12}.practice-learning-heading span{display:block;max-width:780px;margin-top:10px;color:#61778b;font-size:14px;line-height:1.7}.practice-learning-heading>a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:11px 16px;border-radius:11px;background:#075aaa;color:#fff;font-weight:900;text-decoration:none;white-space:nowrap}.practice-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.practice-mode-tabs button{display:flex;align-items:center;gap:12px;min-height:72px;padding:14px 16px;border:1px solid #cfe0ee;border-radius:16px;background:#fff;color:#123c64;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.practice-mode-tabs button b{display:grid;width:46px;height:46px;place-items:center;border-radius:13px;background:#e8f3ff;color:#075aa6}.practice-mode-tabs button span{font-weight:900}.practice-mode-tabs button:hover,.practice-mode-tabs button:focus-visible{transform:translateY(-1px);border-color:#6ca9dc;box-shadow:0 10px 26px #123c6415;outline:none}.practice-mode-tabs button.active{border-color:#0a6ebf;background:#edf7ff;box-shadow:0 0 0 3px #0a6ebf1a}.practice-overview{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border:1px solid #cfe2f3;border-radius:20px;background:linear-gradient(135deg,#062d59,#075aa8 65%,#0f76c7);color:#fff;box-shadow:0 18px 40px #0b4f8c20}.practice-overview small{display:inline-grid;min-width:48px;height:32px;place-items:center;margin-bottom:8px;border:1px solid #ffffff40;border-radius:10px;background:#ffffff16;font-weight:900}.practice-overview h3{margin:0;font-size:28px}.practice-overview p{max-width:820px;margin:7px 0 0;color:#e4f1fd;line-height:1.6}.practice-overview-meta{display:grid;gap:8px;text-align:right}.practice-overview-meta span{color:#d9ebfb;font-size:13px}.practice-overview-meta strong{font-size:19px;color:#ffd36c}.practice-alert{display:flex;align-items:flex-start;gap:12px;margin:16px 0 20px;padding:14px 16px;border:1px solid #f3d596;border-radius:14px;background:#fff7e7;color:#76500a;line-height:1.55}.practice-alert>b{display:grid;width:26px;height:26px;place-items:center;flex:none;border-radius:50%;background:#ffb400;color:#fff}.practice-lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.practice-lesson-card{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:start;gap:14px;padding:17px;border:1px solid #d8e5f0;border-radius:16px;background:#fff;color:#153a5d;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.practice-lesson-card>span{display:grid;width:50px;height:50px;place-items:center;border-radius:14px;background:#edf6ff;font-size:24px}.practice-lesson-card small{display:block;margin-bottom:3px;color:#0b6dbb;font-size:11px;font-weight:900;text-transform:uppercase}.practice-lesson-card strong{display:block;font-size:16px}.practice-lesson-card p{margin:6px 0 0;color:#647c91;font-size:12px;line-height:1.55}.practice-lesson-card>b{align-self:center;color:#16805c;font-size:24px}.practice-lesson-card:hover,.practice-lesson-card:focus-visible{transform:translateY(-1px);border-color:#75addb;box-shadow:0 10px 26px #123c6414;outline:none}.practice-lesson-card.active{border-color:#0b6dbb;background:#f3f9ff;box-shadow:0 0 0 3px #0b6dbb18}.practice-lesson-detail{margin-top:20px;padding:24px;border:1px solid #cfe0ee;border-radius:20px;background:#fff;box-shadow:0 16px 38px #123c6412;outline:none}.practice-detail-head{display:flex;align-items:flex-start;gap:16px;padding-bottom:18px;border-bottom:1px solid #e2ebf3}.practice-detail-head>span{display:grid;width:62px;height:62px;place-items:center;flex:none;border-radius:18px;background:#eaf5ff;font-size:30px}.practice-detail-head small{color:#16805c;font-size:11px;font-weight:900;letter-spacing:.12em}.practice-detail-head h3{margin:4px 0 0;color:#0a3157;font-size:27px}.practice-detail-head p{margin:7px 0 0;color:#60788e;line-height:1.6}.practice-detail-columns{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px;margin-top:18px}.practice-detail-columns section{padding:16px;border-radius:15px;background:#f8fbfe}.practice-detail-columns h4{margin:0 0 10px;color:#123c64;font-size:15px}.practice-detail-columns ol,.practice-detail-columns ul{margin:0;padding-left:20px;color:#526b81;font-size:13px;line-height:1.7}.practice-good-list li::marker{color:#159461}.practice-error-list li::marker{color:#d65a45}.practice-mode-tip{display:grid;grid-template-columns:auto 1fr;gap:18px;margin-top:18px;padding:18px 20px;border:1px solid #cfe5d9;border-radius:16px;background:#f1fbf6}.practice-mode-tip>div{display:flex;align-items:center;gap:10px;color:#0d684a}.practice-mode-tip>div span{font-size:23px}.practice-mode-tip ul{margin:0;padding-left:20px;color:#426756;line-height:1.65}.practice-disclaimer{margin:12px 0 0;color:#708397;font-size:12px;line-height:1.55}.practice-reference-hero-link{white-space:nowrap}.new-student-practice-admin-link{display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #7fb7e4;border-radius:9px;background:#eef7ff;color:#075aa6;font:inherit;font-weight:800;text-decoration:none;white-space:nowrap}.new-student-practice-admin-link:hover,.new-student-practice-admin-link:focus-visible{border-color:#075aa6;background:#dcefff;outline:2px solid #5aa7e64d;outline-offset:2px}@media(max-width:900px){.practice-learning-heading{align-items:flex-start;flex-direction:column}.practice-mode-tabs{grid-template-columns:1fr}.practice-overview{align-items:flex-start;flex-direction:column}.practice-overview-meta{text-align:left}.practice-lesson-grid,.practice-detail-columns,.practice-mode-tip{grid-template-columns:1fr}}@media(max-width:600px){.practice-learning-section{padding:24px 14px 40px}.practice-learning-heading h2{font-size:30px}.practice-learning-heading>a,.practice-reference-hero-link{width:100%}.practice-overview{padding:19px 17px}.practice-overview h3{font-size:24px}.practice-lesson-card{grid-template-columns:44px minmax(0,1fr) auto;padding:14px}.practice-lesson-card>span{width:44px;height:44px}.practice-lesson-detail{padding:18px 15px}.practice-detail-head{gap:12px}.practice-detail-head>span{width:52px;height:52px}.practice-detail-head h3{font-size:22px}.new-student-practice-admin-link{width:100%}}@media(prefers-reduced-motion:reduce){.practice-mode-tabs button,.practice-lesson-card{transition:none}}
