.site-welcome{padding:22px clamp(22px,5vw,90px);background:#203b44;border-bottom:1px solid #d7efbe33;display:flex;align-items:center;gap:30px;color:#edf4e4}.site-welcome>div:first-child{flex:none}.site-welcome>div>span{font-size:7px;letter-spacing:1.2px;color:#a8c2b2}.site-welcome h2{font-size:21px;margin:7px 0 9px;letter-spacing:-.4px}.site-welcome button{font-size:9px;padding:0;color:#d7efbe;border:0;background:none;text-decoration:underline;text-underline-offset:4px}.site-start-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:1}.site-start-links a{display:block;border:1px solid #d7efbe44;padding:15px;border-radius:5px;color:#d7efbe;background:#172f39}.site-start-links a:first-child{background:#d7efbe;color:#17283a}.site-start-links b{font-size:12px;font-weight:700}.site-start-links small{display:block;font-size:8px;line-height:1.7;margin-top:6px;opacity:.8}.site-context{padding:17px clamp(22px,5vw,90px);background:#1c3640;border-bottom:1px solid #d7efbe20;color:#bdd0bd}.site-context>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:10px}.site-context a{color:#d7efbe;text-decoration:underline;text-underline-offset:3px}.site-context>div button{margin-left:auto;font-size:9px;border:1px solid #d7efbe44;background:#d7efbe0a;color:#d7efbe;padding:7px 10px;border-radius:4px}.site-context p{font-size:11px;line-height:1.8;margin:10px 0}.site-context nav{display:flex;align-items:center;gap:9px;font-size:8px;flex-wrap:wrap}.site-context nav>span{color:#8eb2a1}.site-context nav i{font-style:normal;color:#819f90}.site-context nav a[aria-current]{font-weight:700;color:#f1f5dd}.site-help-button{position:fixed;bottom:15px;right:15px;z-index:90;font-size:10px;padding:11px 14px;border-radius:22px;border:1px solid #d7efbe77;background:#203d46ed;color:#d7efbe;box-shadow:0 5px 18px #071b2955}.site-help-button[hidden]{display:none}.site-guide-dialog{width:min(950px,calc(100% - 30px));max-height:90dvh;border:1px solid #d7efbe77;border-radius:10px;color:#e9f1df;background:#172f3b;padding:0;box-shadow:0 30px 100px #071b2988}.site-guide-dialog::backdrop{background:#071b29d9}.site-guide-dialog header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 27px 18px;background:#203e47;border-bottom:1px solid #d7efbe22}.site-guide-dialog header span{font-size:8px;letter-spacing:1px;color:#a7c7ae}.site-guide-dialog h2{font-size:28px;font-weight:600;margin:11px 0 0;letter-spacing:-.6px}.site-guide-dialog header button{font-size:19px;background:none;border:0;color:#d7efbe;min-width:32px;min-height:32px}.site-guide-lead{font-size:12px;line-height:1.9;color:#c4d7bd;margin:20px 27px}.site-guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 27px 25px}.site-guide-cards article{border:1px solid #d7efbe33;border-radius:6px;padding:21px 18px;display:flex;flex-direction:column;background:#203b43}.site-guide-cards article>span{font-size:8px;letter-spacing:1.4px;color:#d7efbe}.site-guide-cards h3{font-size:20px;margin:12px 0}.site-guide-cards p,.site-guide-cards ol{font-size:11px;line-height:1.8;color:#b9cfb7;margin:0 0 15px}.site-guide-cards ol{padding-left:17px}.site-guide-cards li{margin:7px 0}.site-guide-cards a{display:block;margin-top:auto;font-size:11px;font-weight:700;background:#d7efbe;color:#17283a;padding:11px;border-radius:4px;text-align:center}.site-guide-dialog footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;line-height:1.8;padding:18px 27px;background:#102a36}.site-guide-dialog footer>span{max-width:640px;color:#9fbeaa}.site-guide-dialog footer a{white-space:nowrap;color:#d7efbe;text-decoration:underline}
.pg-onboarding{border:1px solid #d7efbe44;background:#1c3841;padding:20px 22px;border-radius:7px;margin-bottom:23px;display:flex;gap:24px;align-items:center}.pg-onboarding>div:first-child{flex:1}.pg-onboarding h2{font-size:23px;color:#eff4e4;margin:0 0 9px}.pg-onboarding p{font-size:11px;line-height:1.8;color:#b4cdbb;margin:0}.pg-onboarding-actions{display:grid;gap:7px;min-width:240px}.pg-onboarding-actions button{font-size:11px;min-height:39px;padding:11px 16px;border:1px solid #d7efbe44;border-radius:4px;background:#203b45;color:#d7efbe}.pg-onboarding-actions button:first-child{background:#d7efbe;color:#17283a;font-weight:700}.pg-practice-intro h2{font-size:28px}.pg-practice-intro ol{font-size:12px;line-height:1.9;color:#c5dbba;padding-left:20px}.pg-practice-intro li{margin:9px 0}.pg-practice-intro .pg-primary{width:100%;margin-top:20px}.pg-practice-intro>.pg-secondary{width:100%;margin-top:9px}.pg-practice-intro .pg-guide-drawing{height:140px;margin:16px 0 4px}
@media(max-width:1000px){.site-welcome{display:block}.site-start-links{margin-top:16px}.site-guide-cards{gap:9px}.site-guide-cards article{padding:18px 14px}.site-guide-cards p,.site-guide-cards ol{font-size:10px}}
@media(max-width:700px){.site-welcome{padding:19px 22px}.site-welcome h2{font-size:21px}.site-start-links{grid-template-columns:1fr;gap:7px;margin-top:16px}.site-start-links a{padding:12px 13px;display:flex;gap:10px;align-items:center}.site-start-links b{font-size:10px;white-space:nowrap}.site-start-links small{font-size:8px;line-height:1.5;margin:0;border-left:1px solid currentColor;padding-left:10px}.site-context{padding:14px 19px}.site-context>div{font-size:9px}.site-context>div button{margin-left:0;font-size:8px}.site-context p{font-size:10px;line-height:1.7;margin:9px 0}.site-context nav{font-size:7px;gap:7px}.site-context nav>span{flex:0 0 100%;font-size:8px}.site-help-button{font-size:9px;padding:9px 11px;bottom:11px;right:11px}.site-guide-dialog{width:calc(100% - 24px)}.site-guide-dialog header{padding:20px}.site-guide-dialog h2{font-size:24px}.site-guide-lead{font-size:11px;margin:17px 20px}.site-guide-cards{grid-template-columns:1fr;padding:0 20px 20px;gap:12px}.site-guide-cards article{padding:17px}.site-guide-cards h3{font-size:21px;margin:9px 0}.site-guide-cards p,.site-guide-cards ol{font-size:11px}.site-guide-dialog footer{display:block;padding:17px 20px;font-size:9px}.site-guide-dialog footer a{display:inline-block;margin-top:12px}.pg-onboarding{display:block;padding:18px}.pg-onboarding h2{font-size:21px}.pg-onboarding p{font-size:10px}.pg-onboarding-actions{margin-top:17px;min-width:0;grid-template-columns:1fr 1fr}.pg-onboarding-actions button{font-size:9px;padding:10px}.pg-onboarding-actions button:first-child{grid-column:1/-1;font-size:11px}.pg-practice-intro h2{font-size:26px}.pg-practice-intro ol{font-size:11px}.pg-practice-intro .pg-guide-drawing{height:120px}}