/* School-only media and existing page blocks. Standard component frames stay intact. */
.ntsp-hero--split .webai-demo-hero{z-index:2;display:flex;align-items:center;overflow:visible;box-shadow:none;border-radius:0}
.webai-demo-hero__figure{position:relative;width:100%;margin:0;padding:28px 20px 24px}
.webai-demo-hero__figure::before{content:"";position:absolute;inset:0 0 0 8px;background:#e4ebf5;border-radius:26px;transform:rotate(-3deg)}
.webai-demo-hero__devices{position:relative;padding:0 46px 16px 0}
.webai-demo-hero__desktop{position:relative;overflow:hidden;border:1px solid #cbd5e3;border-radius:10px;background:#fff;box-shadow:0 18px 38px rgba(32,52,70,.12)}
.webai-demo-hero__bar{display:flex;align-items:center;justify-content:center;position:relative;min-height:30px;padding:5px 36px;background:#f8fafc;border-bottom:1px solid #e2e7ee;color:#63718b;font-size:10px;line-height:1.5}
.webai-demo-hero__dots{position:absolute;left:11px;display:flex;gap:4px}
.webai-demo-hero__dots i{display:block;width:5px;height:5px;border-radius:50%;background:#aeb9cb}
.webai-demo-hero img{display:block;width:100%;height:auto}
.webai-demo-hero__mobile{position:absolute;right:0;bottom:0;width:23%;overflow:hidden;border:5px solid #fff;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(32,52,70,.18)}
.webai-demo-hero__caption{position:relative;display:grid;gap:3px;margin-top:14px;color:var(--ntsp-muted);font-size:12px;line-height:1.8}
.webai-demo-hero__caption a{justify-self:start;display:inline-flex;align-items:center;gap:6px;min-height:36px;color:var(--ntsp-primary);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.webai-demo-hero__caption a:focus-visible{outline:3px solid var(--ntsp-primary);outline-offset:4px;border-radius:2px}
@media(max-width:1024px){.ntsp-hero--split .webai-demo-hero{height:auto;min-height:0;padding:38px 20px 0}.webai-demo-hero__figure{max-width:640px;margin-inline:auto;padding:24px 20px 18px}}
@media(max-width:600px){.ntsp-hero--split .webai-demo-hero{padding-top:28px}.webai-demo-hero__figure{padding:20px 10px 12px}.webai-demo-hero__figure::before{border-radius:18px;transform:rotate(-2deg)}.webai-demo-hero__devices{padding-right:32px;padding-bottom:12px}.webai-demo-hero__bar{min-height:24px;font-size:9px;padding-inline:26px}.webai-demo-hero__dots{left:8px;gap:3px}.webai-demo-hero__dots i{width:4px;height:4px}.webai-demo-hero__mobile{width:25%;border-width:3px;border-radius:13px}.webai-demo-hero__caption{font-size:11px;margin-top:12px}.webai-demo-hero__caption a{min-height:40px}}
.webai-native-service-extension .ntsp-thumb{object-position:center top}
.webai-skip-link{position:fixed;top:-100px;left:16px;z-index:100000;padding:12px 18px;background:#fff;color:var(--ntsp-ink);border:2px solid var(--ntsp-primary)}
.webai-skip-link:focus{top:10px}
.webai-page .wp-block-group__inner-container{display:contents}
.webai-page .webai-section{margin-top:3rem}
.webai-page .webai-intro{font-size:1.05em;line-height:1.9}
.webai-page .webai-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px;margin-block:24px}
.webai-page .webai-card{padding:24px;border:1px solid var(--ntsp-line);border-radius:var(--ntsp-radius);background:var(--ntsp-bg)}
.webai-page .webai-card h3:first-child{margin-top:0}
.webai-page .webai-price-value{font-size:1.7em;font-weight:700;color:var(--ntsp-primary)}
.webai-page .webai-cta{padding:28px;background:var(--ntsp-tint);border-radius:var(--ntsp-radius)}
.webai-page .webai-cta h2:first-child{margin-top:0}
.webai-page .webai-inline-links{line-height:2}
.webai-page .webai-instructor-photo{max-width:460px;margin-inline:auto}
.webai-page .webai-instructor-photo img{width:100%;height:auto;border-radius:var(--ntsp-radius)}
.webai-page .wp-block-table{overflow-x:auto}
.webai-page .wp-block-table td,.webai-page .wp-block-table th{padding:16px;vertical-align:top;border-color:var(--ntsp-line);overflow-wrap:anywhere}
.webai-page .wp-block-table td:first-child{min-width:8em;font-weight:700}
.webai-page .wp-block-details{padding:20px 0;border-bottom:1px solid var(--ntsp-line)}
.webai-page .wp-block-details summary{cursor:pointer;font-weight:700;line-height:1.7}
.webai-page .wp-block-details p:last-child{margin-bottom:0}
@media(max-width:600px){.webai-page .webai-card,.webai-page .webai-cta{padding:20px}.webai-page .webai-section{margin-top:2rem}.webai-page .wp-block-table td,.webai-page .wp-block-table th{padding:12px}}