.learning-guide{margin:40px 6%;padding:35px;border:1px solid #42688b;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#20568f44,transparent 70%),#0d2035;scroll-margin-top:25px}.article>.learning-guide{margin:35px 0}.learning-guide h2{font-size:clamp(29px,3.3vw,44px);line-height:1.2;color:#e0f2ff;margin:20px 0 27px}.learning-guide h3{font-size:23px;line-height:1.4;color:#d5eeff;margin:20px 0 15px}.learning-guide p,.learning-guide li{font-size:15px;line-height:1.9;color:#b8d0e5}.learning-guide a{color:#b2ddff}.learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:25px 0}.learning-grid article{padding:24px;background:#132e49;border:1px solid #3f6586;border-radius:12px;min-width:0}.learning-grid article>span{font-size:10px;letter-spacing:1.2px;color:#9bcaed}.learning-grid article h3{font-size:22px;margin:12px 0}.learning-grid article p{margin:0;font-size:14px}.guide-prompt{padding:25px;margin:25px 0;border:1px solid #679bc1;border-radius:12px;background:#07182a}.guide-prompt blockquote{margin:15px 0 22px;font-size:15px;line-height:1.9;color:#d6eafa;white-space:normal;overflow-wrap:anywhere}.guide-checks{padding-left:23px;margin:25px 0}.guide-checks li{margin:10px 0}.learning-guide .guide-source{font-size:11px;line-height:1.9;color:#9ebed8;margin-top:25px}.guide-next{display:flex;flex-wrap:wrap;gap:16px 27px;margin-top:27px;padding-top:22px;border-top:1px solid #3a6485}.guide-next a{font-size:13px}.studio-offer .learning-guide{margin-left:0;margin-right:0}.diagnostic-hero{padding:65px 6% 35px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:40px;align-items:center;background:radial-gradient(ellipse at 100% 0,#1a629344,transparent 70%)}.diagnostic-hero h1{font-size:clamp(40px,5vw,65px);letter-spacing:-2px;line-height:1.12;margin:24px 0}.diagnostic-hero h1 span{color:#a9dfff}.diagnostic-hero .lead{font-size:19px;line-height:1.8;color:#c2d9eb}.diagnostic-price{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin:30px 0}.diagnostic-price strong{font-size:58px;letter-spacing:-2px;color:#edfbff;line-height:1}.diagnostic-price>span{font-size:11px;line-height:1.8;color:#b6d2e9}.diagnostic-hero .micro{font-size:11px;line-height:1.9;color:#a9c4dc;margin-top:22px}.diagnostic-hero aside{padding:30px;border:1px solid #74b3e4;border-radius:20px;background:radial-gradient(ellipse at 100% 0,#2a80b766,transparent 80%),#132d48;box-shadow:0 0 50px #258aff22}.diagnostic-hero aside ol{padding-left:23px;color:#cee9fc;font-size:17px;line-height:1.8}.diagnostic-hero aside li{margin:15px 0}.diagnostic-hero aside p{font-size:13px;line-height:1.8;color:#a9c9e2}.diagnostic-sample{padding:26px;border-left:3px solid #8bd1ff;background:#14314d;border-radius:0 12px 12px 0;margin:25px 0}.diagnostic-sample .micro{font-size:11px}.diagnostic-detail{display:inline-block;font-size:12px!important;margin-bottom:15px}.learning-guide :target{scroll-margin-top:25px}@media(max-width:900px){.diagnostic-hero{grid-template-columns:1fr}.diagnostic-hero aside{max-width:600px}}@media(max-width:600px){.learning-guide{margin:30px 5%;padding:24px 18px}.article>.learning-guide{margin:30px 0}.learning-guide h2{font-size:30px}.learning-guide p,.learning-guide li{font-size:14px}.learning-grid{grid-template-columns:1fr;gap:13px}.learning-grid article{padding:21px}.learning-grid article h3{font-size:20px}.guide-prompt{padding:20px 16px}.guide-prompt blockquote{font-size:14px}.guide-next{flex-direction:column;gap:14px}.diagnostic-hero{padding:40px 5% 25px;gap:20px}.diagnostic-hero h1{font-size:41px}.diagnostic-hero .lead{font-size:16px}.diagnostic-price strong{font-size:50px}.diagnostic-hero aside{padding:25px}.diagnostic-hero aside ol{font-size:16px}}

.learning-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:30px 6%;padding:0}.learning-nav a{padding:18px;border:1px solid #47799f;border-radius:12px;background:linear-gradient(135deg,#173b5b,#10283f);color:#c6e8ff;font-size:13px;line-height:1.7;text-decoration:none;min-width:0}.learning-nav span{display:block;font:12px monospace;color:#8acfff;margin-bottom:9px}.learning-nav a:focus-visible{outline:3px solid #e4f8ff;outline-offset:4px}@media(max-width:1000px){.learning-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.learning-nav{margin:25px 5%;gap:9px}.learning-nav a{padding:14px;font-size:12px}}

.project-image picture{display:block;width:100%;height:100%}