.quiet-label{font-size:.75rem;letter-spacing:.11em;font-weight:600;color:#526783;margin-bottom:22px}.learning-path{display:grid;grid-template-columns:1fr 1.05fr;gap:100px;padding-top:100px;padding-bottom:95px}.learning-intro h2,.practice-copy h2{font-size:clamp(1.9rem,3.2vw,2.65rem);font-weight:600;line-height:1.35;letter-spacing:-.045em}.learning-intro>p:not(.quiet-label),.practice-copy>p:not(.quiet-label){max-width:400px;font-size:1rem;line-height:1.9;color:var(--muted);margin-top:24px}.learning-intro>.button{margin-top:30px}.learning-list{margin:0;padding:0;list-style:none;scroll-margin-top:110px}.learning-list li{display:grid;grid-template-columns:35px 1fr;gap:21px;padding:26px 0;border-bottom:1px solid var(--line)}.learning-list li:first-child{padding-top:0}.learning-list li:last-child{border-bottom:0;padding-bottom:0}.learning-step{font-size:.8125rem;color:#74849c;padding-top:5px;line-height:1.7;font-variant-numeric:tabular-nums}.learning-list h3{font-size:1.1875rem;font-weight:600;letter-spacing:-.025em}.learning-list p{font-size:.9375rem;color:var(--muted);margin-top:10px;line-height:1.8}.learning-list a{display:inline-block;font-size:.875rem;color:var(--blue);margin-top:14px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b0c5ed}.learning-list a:hover{text-decoration-color:var(--blue);color:#103fa4}.practice-section{background:#f3f6fc;border-top:1px solid #e5eaf3;border-bottom:1px solid #e5eaf3}.practice-layout{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:100px;padding-top:75px;padding-bottom:75px}.practice-details{display:flex;gap:20px;flex-wrap:wrap;margin:23px 0 28px;font-size:.8125rem;color:#596b85}.practice-details>span+span{border-left:1px solid #c1cddd;padding-left:20px}.project-preview{background:#fff;border:1px solid #dfe5ef;border-radius:10px;box-shadow:0 12px 30px #12244007;padding:29px 30px}.project-preview-head{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:.6875rem;letter-spacing:.06em;color:#5d6e87}.sample-label{font-size:.75rem;letter-spacing:0;background:#f1f4f9;padding:3px 8px;border-radius:3px;white-space:nowrap}.project-preview h3{font-size:1.45rem;font-weight:500;line-height:1.5;margin:24px 0}.project-preview table{width:100%;border-collapse:collapse;font-size:.875rem}.project-preview th,.project-preview td{text-align:left;padding:13px 0;border-bottom:1px solid #e7ebf2;line-height:1.65}.project-preview th{font-weight:500;color:#283b59;padding-right:20px}.project-preview td{color:#62718a}.project-preview>p{font-size:.75rem;color:#728099;margin-top:21px;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.coming-next{display:grid;grid-template-columns:1fr 1.05fr;gap:100px;align-items:center;padding-top:52px;padding-bottom:55px}.coming-next .quiet-label{margin-bottom:12px;font-size:.6875rem}.coming-next h2{font-size:1.4rem;font-weight:500;letter-spacing:-.03em}.coming-next>p{font-size:.9375rem;color:var(--muted);line-height:1.9;max-width:460px}
@media(max-width:1000px){.learning-path,.practice-layout,.coming-next{gap:45px}.learning-path{padding-top:75px;padding-bottom:75px}.project-preview{padding:25px}.learning-intro h2,.practice-copy h2{font-size:2rem}}
@media(max-width:720px){.learning-path,.practice-layout,.coming-next{grid-template-columns:1fr;gap:37px}.learning-path{padding-top:50px;padding-bottom:50px}.learning-intro h2,.practice-copy h2{font-size:1.9rem}.quiet-label{margin-bottom:17px;font-size:.6875rem}.learning-intro>p:not(.quiet-label),.practice-copy>p:not(.quiet-label){font-size:.9375rem;margin-top:19px}.learning-list{border-top:1px solid var(--line)}.learning-list li,.learning-list li:first-child{padding:22px 0;gap:12px;grid-template-columns:28px 1fr}.learning-list h3{font-size:1.125rem}.learning-list p{font-size:.875rem}.learning-list a{font-size:.875rem;line-height:1.9}.practice-layout{padding-top:45px;padding-bottom:45px}.project-preview{padding:23px 20px}.project-preview h3{font-size:1.3rem}.project-preview table{font-size:.8125rem}.project-preview th{padding-right:12px}.coming-next{padding-top:36px;padding-bottom:38px;gap:15px}.coming-next h2{font-size:1.25rem}.coming-next>p{font-size:.875rem}}