.platform-explainer{padding:64px 24px;background:#fff;border-top:1px solid #d9e4ef;color:#1e1e1e;font:400 16px/1.5 'Sofia Pro',Arial,sans-serif}
.platform-explainer *{box-sizing:border-box}
.platform-explainer-inner{max-width:1040px;margin:0 auto}
.platform-explainer h2{font:400 clamp(28px,3vw,40px)/1.2 'Chronicle Deck',Georgia,serif;color:#4780c8;max-width:820px;margin:0 0 20px}
.platform-explainer p{font:inherit;margin:12px 0 0}
.platform-explainer .explainer-intro{max-width:760px;font-size:18px}
.platform-explainer h3{font:400 23px/1.25 'Chronicle Deck',Georgia,serif;margin:16px 0 8px;color:#1e1e1e}
.platform-explainer .explainer-services{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;margin:32px 0}
.platform-explainer .explainer-service{min-width:0;padding:28px;background:#eef4fa;border-top:4px solid #4780c8}
.platform-explainer .explainer-service>h3{margin-top:0}
.platform-explainer .explainer-routes{display:grid;gap:18px;list-style:none;padding:0;margin:28px 0 0}
.platform-explainer .explainer-routes li{border-left:3px solid #d2ae37;padding-left:16px}
.platform-explainer .explainer-routes h4{font:600 18px/1.35 'Sofia Pro',Arial,sans-serif;margin:0}
.platform-explainer .explainer-routes p{margin-top:4px}
.platform-explainer .explainer-sequence{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:32px 0}
.platform-explainer .explainer-sequence>li{position:relative;min-width:0;padding:24px;background:#eef4fa;border-top:4px solid #4780c8}
.platform-explainer .explainer-number{display:grid;place-items:center;width:36px;height:36px;background:#d2ae37;border-radius:50%;font-size:16px;line-height:1;color:#1e1e1e}
.platform-explainer .explainer-sequence>li+li:before{content:'';position:absolute;width:20px;height:2px;left:-20px;top:43px;background:#4780c8}
.platform-explainer .explainer-note{padding-left:16px;border-left:3px solid #d2ae37;max-width:820px}
.platform-explainer .explainer-transcript{margin-top:28px;background:#f7f9fc;padding:20px 24px}
.platform-explainer .explainer-transcript summary{cursor:pointer;min-height:24px;color:#24609d;font-size:18px}
.platform-explainer .explainer-transcript p{max-width:820px}
.platform-explainer :focus-visible{outline:3px solid #24609d;outline-offset:5px}
@media(max-width:800px){.platform-explainer .explainer-services{grid-template-columns:1fr}.platform-explainer .explainer-sequence{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-explainer .explainer-sequence>li:nth-child(3):before{display:none}}
@media(max-width:480px){.platform-explainer{padding:40px 24px}.platform-explainer .explainer-sequence{grid-template-columns:1fr;gap:18px}.platform-explainer .explainer-sequence>li+li:before{display:block;width:2px;height:18px;left:40px;top:-22px}.platform-explainer .explainer-service,.platform-explainer .explainer-sequence>li{padding:20px}.platform-explainer .explainer-intro{font-size:16px}}

/* Illustrated teaching modules: text remains available separately. */
.platform-explainer .explainer-art{margin:32px 0 24px}
.platform-explainer .explainer-art img{display:block;width:100%;height:auto;border-radius:12px}
.platform-explainer .explainer-text-version{margin:20px 0}
.platform-explainer .explainer-text-version summary{cursor:pointer;color:#24609d;font-size:18px;padding:12px 0}
@media(max-width:600px){.platform-explainer .explainer-art img{aspect-ratio:auto}.platform-explainer .explainer-art{margin:24px 0}}

/* Reading copy is always visible. These headings have no disclosure behavior. */
.platform-explainer .explainer-text-version>h3,.platform-explainer .explainer-transcript>h3{margin:0 0 16px;font:400 24px/1.25 'Chronicle Deck',Georgia,serif;color:#345f93}
.comparison-heading{margin:36px 0 20px;font:400 28px/1.25 'Chronicle Deck',Georgia,serif;color:#345f93}
.platform-explainer .explainer-service-map{position:relative}
.explainer-service-map .explainer-map-link{position:absolute;display:block;min-height:44px;border-radius:14px;cursor:pointer;background:transparent;color:#17304a}
.explainer-service-map .explainer-map-link:hover{outline:3px solid #345f93;outline-offset:2px;background:#ffffff14}
.explainer-service-map .explainer-map-link:focus-visible{outline:4px solid #17304a;outline-offset:3px;background:#ffffff24}
.explainer-service-map .map-link-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.explainer-service-map .map-custom{left:3.3%;top:12.5%;width:42.5%;height:10.2%}
.explainer-service-map .map-uncovery{left:5.8%;top:83.8%;width:35%;height:9.8%}
.explainer-service-map .map-box{left:50%;top:12.5%;width:46.6%;height:10.2%}
.explainer-service-map .map-existing{left:49%;top:58%;width:15.5%;height:34.5%}
.explainer-service-map .map-writing{left:65.2%;top:58%;width:16.4%;height:34.5%}
.explainer-service-map .map-studio{left:82.3%;top:58%;width:16.4%;height:34.5%}
@media(max-width:600px){.explainer-service-map .map-custom{left:3.3%;top:6.4%;width:93.4%;height:6.3%}.explainer-service-map .map-uncovery{left:17.8%;top:47%;width:64.5%;height:5.3%}.explainer-service-map .map-box{left:3.4%;top:54%;width:93.4%;height:5.8%}.explainer-service-map .map-existing{left:3.4%;top:77.8%;width:29.4%;height:18.8%}.explainer-service-map .map-writing{left:34.2%;top:77.8%;width:31.4%;height:18.8%}.explainer-service-map .map-studio{left:67%;top:77.8%;width:29.4%;height:18.8%}}