body[data-solution-key="teacher"]{
  --teacher-red:#e6001c;
  --teacher-red-soft:#fff0f2;
  --teacher-ink:#0c1628;
  --teacher-muted:#596579;
  --teacher-line:#dce3eb;
  --teacher-soft:#f3f6fa;
  --teacher-card:#fff;
  --teacher-radius:22px;
  --teacher-shadow:0 18px 44px rgb(15 23 42/.065);
  --teacher-shadow-hover:0 24px 54px rgb(15 23 42/.10);
  background:#fff;
  color:var(--teacher-ink);
}
body[data-solution-key="teacher"] main.site{overflow:visible}
body[data-solution-key="teacher"] .container{width:var(--site-content);max-width:var(--site-content)}

/* Hero: same 420px geometry and typography as education-digitalization v23. */
.teacher-v3-hero{min-height:0;padding:0 0 56px;background:#f5f7fa}
.teacher-v3-breadcrumb-row{padding-top:158px}
.teacher-v3-hero .detail-breadcrumb{margin:0 0 20px;color:#7a8596;font-size:16px!important;line-height:1.4!important}
.teacher-v3-hero .detail-breadcrumb a{color:#7a8596}
.teacher-v3-hero .detail-breadcrumb span:last-child{color:#3f4b5e;font-weight:750}
.teacher-v3-hero-card{position:relative;display:block;min-height:420px;overflow:hidden;border:1px solid #e0e6ed;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgb(28 44 68/.08)}
.teacher-v3-hero-card .detail-hero-copy{position:relative;z-index:2;width:47%;min-height:420px;display:flex;flex-direction:column;justify-content:center;padding:48px 18px 46px 64px;background:transparent}
.teacher-v3-hero-card .detail-hero-visual{position:absolute;inset:0;min-height:420px;margin:0;background:#fff}
.teacher-v3-hero-card .detail-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:none}
.teacher-v3-hero h1{max-width:560px;margin:0;color:var(--teacher-ink);font-size:clamp(44px,3.35vw,54px);font-weight:900;line-height:1.12;letter-spacing:-.045em}
.teacher-v3-hero .detail-hero-lead{max-width:510px;margin:20px 0 0;color:#465267;font-size:15px;line-height:1.78}
.teacher-v3-hero .detail-audience{margin-top:34px}

/* Final v23 chapter rail. */
body[data-solution-key="teacher"] .detail-anchor-wrap,
body[data-solution-key="teacher"] .detail-anchor-wrap.is-pinned{position:sticky;z-index:50;top:66px;height:66px!important;min-height:66px!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid #e3e8ef!important;background:#fff!important;box-shadow:none!important;backdrop-filter:none!important;transition:none!important}
body[data-solution-key="teacher"] .detail-anchor-nav,
body[data-solution-key="teacher"] .detail-anchor-wrap.is-pinned .detail-anchor-nav{width:var(--site-content)!important;max-width:var(--site-content)!important;height:66px!important;min-height:66px!important;display:flex;align-items:stretch;justify-content:center!important;gap:clamp(18px,2.1vw,40px);overflow-x:auto;margin-inline:auto!important;padding:0!important;scrollbar-width:none}
body[data-solution-key="teacher"] .detail-anchor-nav::-webkit-scrollbar{display:none}
body[data-solution-key="teacher"] .detail-anchor-nav a,
body[data-solution-key="teacher"] .detail-anchor-wrap.is-pinned .detail-anchor-nav a{position:relative;height:66px!important;min-height:66px!important;display:inline-flex;flex:0 0 auto;align-items:center;padding:0;border-radius:0;color:#667085;background:transparent;font-size:16px;font-weight:700;white-space:nowrap;transition:color .18s ease!important}
body[data-solution-key="teacher"] .detail-anchor-nav a::after{position:absolute;right:28%;bottom:0;left:28%;height:4px;border-radius:3px 3px 0 0;background:var(--teacher-red);content:"";opacity:0;transform:scaleX(.3);transition:opacity .18s ease,transform .18s ease}
body[data-solution-key="teacher"] .detail-anchor-nav a:hover,
body[data-solution-key="teacher"] .detail-anchor-nav a[aria-current="true"]{color:var(--teacher-red)}
body[data-solution-key="teacher"] .detail-anchor-nav a[aria-current="true"]::after{opacity:1;transform:scaleX(1)}

.teacher-v3-section,.teacher-v3-cases,.teacher-v3-related{padding:118px 0;scroll-margin-top:146px}
.teacher-v3-section:nth-of-type(even),.teacher-v3-related{background:var(--teacher-soft)}
.teacher-v3-heading{max-width:880px;margin:0 auto 50px;text-align:center}
.teacher-v3-heading>span{display:none}
.teacher-v3-heading h2{margin:0;color:var(--teacher-ink);font-size:clamp(34px,3.2vw,48px);font-weight:900;line-height:1.18;letter-spacing:-.035em}
.teacher-v3-heading p{max-width:760px;margin:20px auto 0;color:var(--teacher-muted);font-size:17px;line-height:1.82}

/* Overview: layered three-card progression from the approved reference. */
.teacher-v3-overview-grid{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:520px;padding:42px 34px 28px;border:0;background:transparent;box-shadow:none;perspective:1100px}
.teacher-v3-overview-grid article{position:relative;flex:0 0 35.5%;height:440px;overflow:hidden;border:1px solid var(--teacher-line);border-radius:24px;background:#fff;box-shadow:0 22px 52px rgb(15 23 42/.09);transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease,filter .25s ease}
.teacher-v3-overview-grid article+article{margin-left:-3.5%}
.teacher-v3-overview-grid article:nth-child(1){z-index:1;transform:translateX(26px) rotateY(10deg) rotateZ(-1.2deg) scale(.94);transform-origin:right center}
.teacher-v3-overview-grid article:nth-child(2){z-index:3;height:478px;transform:translateY(-18px) scale(1.025)}
.teacher-v3-overview-grid article:nth-child(3){z-index:1;transform:translateX(-26px) rotateY(-10deg) rotateZ(1.2deg) scale(.94);transform-origin:left center}
.teacher-v3-overview-grid article:hover{z-index:6;border-color:#e8aab3;box-shadow:0 30px 68px rgb(15 23 42/.14)}
.teacher-v3-overview-grid article:nth-child(1):hover{transform:translateX(20px) translateY(-5px) rotateY(6deg) rotateZ(-.5deg) scale(.97)}
.teacher-v3-overview-grid article:nth-child(2):hover{transform:translateY(-23px) scale(1.04)}
.teacher-v3-overview-grid article:nth-child(3):hover{transform:translateX(-20px) translateY(-5px) rotateY(-6deg) rotateZ(.5deg) scale(.97)}
.teacher-v3-overview-grid figure,.teacher-v3-overview-grid figure img{position:absolute;inset:0;width:100%;height:100%}
.teacher-v3-overview-grid figure{margin:0;background:#f7f9fc}
.teacher-v3-overview-grid figure img{object-fit:cover;transition:transform .42s ease,filter .42s ease}
.teacher-v3-overview-grid article:hover figure img{transform:scale(1.025)}
.teacher-v3-overview-grid article>div{position:absolute;z-index:2;right:0;bottom:0;left:0;min-height:154px;padding:62px 28px 24px;background:linear-gradient(180deg,rgb(255 255 255/0) 0%,rgb(255 255 255/.76) 26%,rgb(255 255 255/.96) 58%,#fff 100%);backdrop-filter:blur(5px)}
.teacher-v3-overview-grid article>div>span{color:var(--teacher-red);font-size:12px;font-weight:800;letter-spacing:.08em}
.teacher-v3-overview-grid h3{margin:9px 0 0;color:var(--teacher-ink);font-size:20px;line-height:1.4}
.teacher-v3-overview-grid p{margin:7px 0 0;color:var(--teacher-muted);font-size:13px;line-height:1.65}

/* Shared Image2 sprite crops. 3x2 sheets use a 2:3 crop to preserve aspect ratio. */
.teacher-v4-sprite{display:block;flex:0 0 auto;background-repeat:no-repeat;background-color:transparent}
.teacher-v4-platform-icon{width:112px;height:168px;background-image:url("/assets/teacher-v4-platform-icons-transparent-DbV2VKDg.webp");background-size:300% 200%}
.teacher-v4-growth-icon{width:96px;height:144px;background-image:url("/assets/teacher-v4-growth-icons-transparent-7E-JfH6o.webp");background-size:300% 200%}
.teacher-v4-ai-icon{width:108px;height:162px;background-image:url("/assets/teacher-v4-ai-icons-transparent-DMagHmEZ.webp");background-size:300% 200%}
.teacher-v4-value-icon{width:126px;height:126px;background-image:url("/assets/teacher-v4-value-icons-transparent-DZzhegc5.webp");background-size:200% 200%}
.teacher-v4-icon-1{background-position:0 0}
.teacher-v4-icon-2{background-position:50% 0}
.teacher-v4-icon-3{background-position:100% 0}
.teacher-v4-icon-4{background-position:0 100%}
.teacher-v4-icon-5{background-position:50% 100%}
.teacher-v4-icon-6{background-position:100% 100%}
.teacher-v4-value-icon.teacher-v4-icon-1{background-position:0 0}
.teacher-v4-value-icon.teacher-v4-icon-2{background-position:100% 0}
.teacher-v4-value-icon.teacher-v4-icon-3{background-position:0 100%}
.teacher-v4-value-icon.teacher-v4-icon-4{background-position:100% 100%}

/* Platform capabilities: 3x2, larger 3D visual zone. */
.teacher-v3-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.teacher-v3-capability-grid article{position:relative;min-height:330px;display:grid;grid-template-rows:178px auto;padding:20px 30px 30px;border:1px solid var(--teacher-line);border-radius:22px;background:#fff;box-shadow:var(--teacher-shadow);text-align:center;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.teacher-v3-capability-grid article:hover{transform:translateY(-5px);border-color:#e8aab3;box-shadow:var(--teacher-shadow-hover)}
.teacher-v3-capability-grid .teacher-v4-sprite{align-self:center;justify-self:center}
.teacher-v3-capability-grid article>i,.teacher-v3-ai-grid article>i,.teacher-v3-value-grid article>i{position:absolute;top:24px;right:26px;color:#cbd3de;font-size:13px;font-style:normal;font-weight:800;letter-spacing:.08em}
.teacher-v3-capability-grid h3{margin:0;color:var(--teacher-ink);font-size:20px;line-height:1.35}
.teacher-v3-capability-grid p{margin:11px 0 0;color:var(--teacher-muted);font-size:14px;line-height:1.72}

/* Growth journey: six tactile 3D steps replace the radial diagram. */
.teacher-v3-loop-stage{position:relative;overflow:hidden;padding:34px 24px;border:1px solid var(--teacher-line);border-radius:30px;background:linear-gradient(145deg,#fbfcfe 0%,#f2f5f8 100%);box-shadow:var(--teacher-shadow)}
.teacher-v3-loop-stage::before{position:absolute;top:51%;right:5%;left:5%;height:2px;background:linear-gradient(90deg,transparent,#f1aab3 10%,#d4dde7 38%,#e6001c 50%,#d4dde7 62%,#f1aab3 90%,transparent);content:"";opacity:.9}
.teacher-v3-loop{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.teacher-v3-loop li{position:relative;min-height:306px;display:flex;flex-direction:column;align-items:center;padding:18px 16px 22px;border:1px solid var(--teacher-line);border-radius:20px;background:rgb(255 255 255/.94);box-shadow:0 14px 34px rgb(15 23 42/.06);text-align:center;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.teacher-v3-loop li:hover{transform:translateY(-5px);border-color:#e8aab3;box-shadow:var(--teacher-shadow-hover)}
.teacher-v3-loop li em{position:absolute;top:18px;right:18px;color:#c7d0dc;font-size:12px;font-style:normal;font-weight:800}
.teacher-v3-loop li strong{display:block;margin:0;color:var(--teacher-ink);font-size:17px;line-height:1.35}
.teacher-v3-loop li p{margin:9px 0 0;color:var(--teacher-muted);font-size:12px;line-height:1.62}

/* Four systems: one desktop row, full image and edge-to-edge compact glass strip. */
.teacher-v3-system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.teacher-v3-system-grid article{position:relative;height:350px;overflow:hidden;border:1px solid var(--teacher-line);border-radius:22px;background:#edf2f7;box-shadow:var(--teacher-shadow);isolation:isolate;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.teacher-v3-system-grid article:hover{transform:translateY(-5px);border-color:#e8aab3;box-shadow:var(--teacher-shadow-hover)}
.teacher-v3-system-grid figure,.teacher-v3-system-grid figure img{position:absolute;inset:0;width:100%;height:100%}
.teacher-v3-system-grid figure{margin:0}
.teacher-v3-system-grid figure img{object-fit:cover;transition:transform .38s ease}
.teacher-v3-system-grid article:hover figure img{transform:scale(1.025)}
.teacher-v3-system-grid article>div{position:absolute;z-index:2;right:0;bottom:0;left:0;height:128px;padding:15px 18px 14px;border-top:1px solid rgb(255 255 255/.86);background:rgb(255 255 255/.94);box-shadow:inset 0 1px 0 rgb(255 255 255/.5);backdrop-filter:blur(14px)}
.teacher-v3-system-grid article>div>i{display:none}
.teacher-v3-system-grid h3{margin:0;color:var(--teacher-ink);font-size:20px;line-height:1.28;white-space:nowrap}
.teacher-v3-system-grid ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;margin:11px 0 0;padding:0;list-style:none}
.teacher-v3-system-grid li{position:relative;padding-left:9px;color:#566174;font-size:14px;line-height:1.35}
.teacher-v3-system-grid li::before{position:absolute;top:.55em;left:0;width:4px;height:4px;border-radius:50%;background:var(--teacher-red);content:""}

/* AI: one disciplined five-column row. */
.teacher-v3-ai-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.teacher-v3-ai-grid article{position:relative;min-height:320px;display:grid;grid-template-rows:174px auto;padding:20px 24px 26px;border:1px solid var(--teacher-line);border-radius:22px;background:#fff;box-shadow:var(--teacher-shadow);text-align:center;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.teacher-v3-ai-grid article:hover{transform:translateY(-5px);border-color:#e8aab3;box-shadow:var(--teacher-shadow-hover)}
.teacher-v3-ai-grid .teacher-v4-sprite{align-self:center;justify-self:center}
.teacher-v3-ai-grid h3{margin:0;color:var(--teacher-ink);font-size:19px;line-height:1.35}
.teacher-v3-ai-grid p{margin:10px 0 0;color:var(--teacher-muted);font-size:13px;line-height:1.68}

/* Value: light Image2 backdrop and compact 3D value cards. */
.teacher-v3-section.teacher-v3-value{position:relative;overflow:hidden;background-color:#f7f9fc;background-image:linear-gradient(90deg,rgb(255 255 255/.48),rgb(255 255 255/.22)),url("/assets/teacher-v3-value-background-image2-DKe0w8HY.webp");background-position:center;background-size:cover}
.teacher-v3-value::before{position:absolute;inset:0;background:rgb(244 247 250/.12);content:""}
.teacher-v3-value .container{position:relative;z-index:1}
.teacher-v3-heading-invert h2{color:var(--teacher-ink)}
.teacher-v3-heading-invert p{color:var(--teacher-muted)}
.teacher-v3-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.teacher-v3-value-grid article{position:relative;min-height:278px;display:grid;grid-template-rows:142px auto;padding:18px 24px 24px;border:1px solid var(--teacher-line);border-radius:22px;background:#fff;box-shadow:var(--teacher-shadow);text-align:center;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.teacher-v3-value-grid article:hover{transform:translateY(-5px);border-color:#e8aab3;box-shadow:var(--teacher-shadow-hover)}
.teacher-v3-value-grid .teacher-v4-sprite{align-self:center;justify-self:center}
.teacher-v3-value-grid h3{margin:0;color:var(--teacher-ink);font-size:19px;line-height:1.35;text-align:center}
.teacher-v3-value-grid p{margin:9px 0 0;color:var(--teacher-muted);font-size:13px;line-height:1.66;text-align:center}

/* Cases: same side-image card proportion as the digital page. */
.teacher-v3-cases{background:#fff}
.teacher-v3-cases .detail-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.teacher-v3-cases .detail-case{min-height:480px;display:grid;grid-template-rows:260px auto;overflow:hidden;padding:0!important;border:1px solid var(--teacher-line);border-radius:22px;background:#fff;box-shadow:var(--teacher-shadow);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.teacher-v3-cases .detail-case:hover{transform:translateY(-5px);border-color:#e8aab3;box-shadow:var(--teacher-shadow-hover)}
.teacher-v3-cases .detail-case>img{width:100%;height:260px;min-height:0;object-fit:cover;transition:transform .38s ease}
.teacher-v3-cases .detail-case:hover>img{transform:scale(1.025)}
.teacher-v3-cases .detail-case>div{display:flex;flex-direction:column;justify-content:center;padding:28px 30px}
.teacher-v3-cases .detail-case h3{margin:0;font-size:20px;line-height:1.4}
.teacher-v3-cases .detail-case p{margin:12px 0 0;color:var(--teacher-muted);font-size:13px;line-height:1.68}
.teacher-v3-cases .detail-case a{margin-top:18px;color:var(--teacher-red);font-size:13px;font-weight:800}

/* Related solutions: new Image2 backgrounds and digital-page height. */
.teacher-v3-related .detail-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.teacher-v3-related .detail-related>a{position:relative;min-height:225px;overflow:hidden;display:block;padding:0!important;border:1px solid var(--teacher-line);border-radius:22px;background:#f3f6fa;box-shadow:var(--teacher-shadow);isolation:isolate;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.teacher-v3-related .detail-related>a:hover{transform:translateY(-5px);border-color:#e8aab3;box-shadow:var(--teacher-shadow-hover)}
.teacher-v3-related .detail-related>a::after{display:none}
.teacher-v3-related .detail-related>a>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .42s ease}
.teacher-v3-related .detail-related>a:hover>img{transform:scale(1.025)}
.teacher-v3-related .detail-related-copy{position:relative;z-index:2;width:56%;min-height:225px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:30px 14px 28px 34px;background:#fff}
.teacher-v3-related .detail-related small{color:var(--teacher-red);font-size:12px;font-weight:800;letter-spacing:.08em}
.teacher-v3-related .detail-related strong{margin-top:12px;color:var(--teacher-ink);font-size:22px;line-height:1.4}
.teacher-v3-related .related-link{margin-top:20px;color:var(--teacher-ink);font-size:13px;font-weight:800}
.teacher-v3-related .related-link img{width:17px;margin-left:7px}

/* CTA: same light card and vertical rhythm as education digitalization. */
body[data-solution-key="teacher"] .detail-cta{padding:0 0 118px;background:#fff}
body[data-solution-key="teacher"] .detail-cta-box{min-height:0;padding:42px 46px;border:0;border-radius:20px;color:var(--teacher-ink);background:linear-gradient(135deg,#fff 0%,#fff 72%,#f8fafc 100%);box-shadow:0 20px 58px rgb(28 46 70/.11)}
body[data-solution-key="teacher"] .detail-cta-box::before,body[data-solution-key="teacher"] .detail-cta-box::after{display:none!important}
body[data-solution-key="teacher"] .detail-cta-box h2{font-size:30px}
body[data-solution-key="teacher"] .detail-cta-box p{color:var(--teacher-muted)}
body[data-solution-key="teacher"] .detail-cta-box .btn{min-height:48px;border-radius:10px;box-shadow:0 12px 28px rgb(230 0 28/.18)}
body[data-solution-key="teacher"] .detail-cta-box .btn::after{display:none}
body[data-solution-key="teacher"] a:focus-visible,body[data-solution-key="teacher"] button:focus-visible{outline:3px solid rgb(230 0 28/.72);outline-offset:3px}

@media(max-width:1200px){
  .teacher-v3-section,.teacher-v3-cases,.teacher-v3-related{padding:96px 0}
  .teacher-v3-hero-card .detail-hero-copy{width:50%;padding-left:46px}
  body[data-solution-key="teacher"] .detail-anchor-nav,body[data-solution-key="teacher"] .detail-anchor-wrap.is-pinned .detail-anchor-nav{justify-content:flex-start!important;gap:28px}
  .teacher-v3-overview-grid{padding-inline:18px}
  .teacher-v3-overview-grid article{flex-basis:37%}
  .teacher-v3-capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .teacher-v3-loop-stage::before{display:none}
  .teacher-v3-loop{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .teacher-v3-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .teacher-v3-system-grid article{height:410px}
  .teacher-v3-system-grid article>div{height:136px;padding:16px 22px}
  .teacher-v3-system-grid h3{font-size:19px}
  .teacher-v3-system-grid li{font-size:12px}
  .teacher-v3-ai-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .teacher-v3-ai-grid article:nth-child(4){grid-column:1/span 1}
  .teacher-v3-ai-grid article:nth-child(5){grid-column:2/span 1}
}

@media(max-width:900px){
  .teacher-v3-breadcrumb-row{padding-top:132px}
  .teacher-v3-hero-card{min-height:330px}
  .teacher-v3-hero-card .detail-hero-copy{width:100%;min-height:330px;padding:46px 42px 38px;background:transparent}
  .teacher-v3-hero-card .detail-hero-visual{min-height:330px}
  .teacher-v3-hero-card .detail-hero-visual img{object-position:65% center}
  .teacher-v3-hero .detail-audience{margin-top:24px}
  body[data-solution-key="teacher"] .detail-anchor-wrap,body[data-solution-key="teacher"] .detail-anchor-wrap.is-pinned{top:62px;height:58px!important;min-height:58px!important}
  body[data-solution-key="teacher"] .detail-anchor-nav,body[data-solution-key="teacher"] .detail-anchor-wrap.is-pinned .detail-anchor-nav{width:100%!important;max-width:100%!important;height:58px!important;min-height:58px!important;justify-content:flex-start!important;gap:24px;padding-inline:18px!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%)}
  body[data-solution-key="teacher"] .detail-anchor-nav a,body[data-solution-key="teacher"] .detail-anchor-wrap.is-pinned .detail-anchor-nav a{height:58px!important;min-height:58px!important;font-size:14px}
  .teacher-v3-overview-grid{display:grid;grid-template-columns:1fr;gap:1px;min-height:0;padding:10px;perspective:none}
  .teacher-v3-overview-grid article,.teacher-v3-overview-grid article:nth-child(n){width:100%;height:390px;margin:0;transform:none;border-radius:0}
  .teacher-v3-overview-grid article:first-child{border-radius:18px 18px 0 0}
  .teacher-v3-overview-grid article:last-child{border-radius:0 0 18px 18px}
  .teacher-v3-overview-grid article:nth-child(n):hover{transform:translateY(-4px)}
  .teacher-v3-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .teacher-v3-loop{grid-template-columns:repeat(2,minmax(0,1fr))}
  .teacher-v3-system-grid{grid-template-columns:1fr}
  .teacher-v3-system-grid article{height:390px}
  .teacher-v3-ai-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .teacher-v3-ai-grid article:nth-child(n){grid-column:auto}
  .teacher-v3-ai-grid article:last-child{grid-column:1/-1}
  .teacher-v3-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .teacher-v3-cases .detail-cases,.teacher-v3-related .detail-related{grid-template-columns:1fr}
}

@media(max-width:760px){
  .teacher-v3-breadcrumb-row{padding-top:112px}
  .teacher-v3-hero{padding-bottom:36px}
  .teacher-v3-hero .detail-breadcrumb{margin-bottom:14px}
  .teacher-v3-hero-card .detail-hero-copy{min-height:390px;padding:38px 24px 34px;background:transparent}
  .teacher-v3-hero h1{max-width:320px;font-size:40px}
  .teacher-v3-hero .detail-hero-lead{max-width:88%;font-size:15px}
  .teacher-v3-section,.teacher-v3-cases,.teacher-v3-related{padding:72px 0}
  .teacher-v3-heading{margin-bottom:36px}
  .teacher-v3-heading h2{font-size:30px}
  .teacher-v3-heading p{margin-top:15px;font-size:15px}
  .teacher-v3-overview-grid article,.teacher-v3-overview-grid article:nth-child(n){height:360px}
  .teacher-v3-overview-grid article>div{padding:58px 22px 22px}
  .teacher-v3-capability-grid,.teacher-v3-loop,.teacher-v3-ai-grid,.teacher-v3-value-grid{grid-template-columns:1fr}
  .teacher-v3-capability-grid article,.teacher-v3-ai-grid article{min-height:300px}
  .teacher-v3-ai-grid article:last-child{grid-column:auto}
  .teacher-v3-loop-stage{padding:18px;border-radius:22px}
  .teacher-v3-loop li{min-height:280px}
  .teacher-v3-system-grid article{height:360px}
  .teacher-v3-system-grid article>div{height:132px;padding:15px 18px}
  .teacher-v3-system-grid h3{font-size:18px}
  .teacher-v3-value-grid article{min-height:260px}
  .teacher-v3-cases .detail-case{grid-template-columns:1fr;min-height:0}
  .teacher-v3-cases .detail-case>img{height:210px;min-height:0}
  .teacher-v3-related .detail-related>a{min-height:210px}
  .teacher-v3-related .detail-related-copy{width:72%;min-height:210px;padding:28px 12px 26px 24px}
  .teacher-v3-related .detail-related strong{font-size:20px}
  body[data-solution-key="teacher"] .detail-cta{padding-bottom:72px}
  body[data-solution-key="teacher"] .detail-cta-box{padding:30px 24px;border-radius:16px}
  body[data-solution-key="teacher"] .detail-cta-box h2{font-size:25px}
}

@media(prefers-reduced-motion:reduce){
  body[data-solution-key="teacher"] *,body[data-solution-key="teacher"] *::before,body[data-solution-key="teacher"] *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  .teacher-v3-overview-grid article:nth-child(n),.teacher-v3-overview-grid article:nth-child(n):hover,.teacher-v3-overview-grid article:hover figure img,.teacher-v3-capability-grid article:hover,.teacher-v3-loop li:hover,.teacher-v3-system-grid article:hover,.teacher-v3-system-grid article:hover figure img,.teacher-v3-ai-grid article:hover,.teacher-v3-value-grid article:hover,.teacher-v3-cases .detail-case:hover,.teacher-v3-cases .detail-case:hover>img,.teacher-v3-related .detail-related>a:hover,.teacher-v3-related .detail-related>a:hover>img{transform:none}
}
@media(prefers-reduced-transparency:reduce){
  .teacher-v3-hero-card .detail-hero-copy{background:#fff}
  .teacher-v3-overview-grid article>div,.teacher-v3-system-grid article>div,.teacher-v3-value-grid article{background:#fff;backdrop-filter:none}
}

/* v5: align shared teacher components with the education-digitalization page. */
.teacher-v3-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;min-height:0;padding:14px;overflow:hidden;border:1px solid #d8e0e9;border-radius:30px;background:linear-gradient(145deg,rgb(255 255 255/.96),rgb(242 246 250/.96));box-shadow:0 26px 70px rgb(15 23 42/.075);perspective:none}
.teacher-v3-overview-grid article,.teacher-v3-overview-grid article:nth-child(n){position:relative;width:auto;height:430px;margin:0;overflow:hidden;border:0;border-radius:0;background:#fff;box-shadow:none;transform:none;transition:transform .24s ease,box-shadow .24s ease}
.teacher-v3-overview-grid article:first-child{border-radius:21px 0 0 21px}
.teacher-v3-overview-grid article:last-child{border-radius:0 21px 21px 0}
.teacher-v3-overview-grid article::before{position:absolute;z-index:4;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,transparent 10%,#cbd4df 50%,transparent 90%);content:""}
.teacher-v3-overview-grid article:nth-child(2)::before{background:linear-gradient(90deg,transparent 8%,#ef7a89 50%,transparent 92%)}
.teacher-v3-overview-grid article:nth-child(3)::before{background:linear-gradient(90deg,transparent 8%,#e6001c 50%,transparent 92%)}
.teacher-v3-overview-grid article::after{position:absolute;z-index:5;top:47%;right:-20px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #f0a9b2;border-radius:50%;background:#fff;color:#e6001c;box-shadow:0 9px 22px rgb(230 0 28/.12);content:"?";font-size:18px}
.teacher-v3-overview-grid article:last-child::after{display:none}
.teacher-v3-overview-grid article:hover,.teacher-v3-overview-grid article:nth-child(n):hover{z-index:4;transform:translateY(-4px);box-shadow:0 22px 46px rgb(15 23 42/.1)}
.teacher-v3-overview-grid figure{position:absolute;inset:0;margin:0;background:#fff}
.teacher-v3-overview-grid figure::after{position:absolute;inset:0;background:rgb(255 255 255/.14);content:"";pointer-events:none}
.teacher-v3-overview-grid figure img{width:100%;height:100%;object-fit:cover;filter:brightness(1.12) contrast(.84) saturate(.72);transition:transform .42s ease,filter .42s ease}
.teacher-v3-overview-grid article:hover figure img{transform:scale(1.025)}
.teacher-v3-overview-grid article>div{position:absolute;z-index:2;right:0;bottom:0;left:0;min-height:132px;display:grid;grid-template-columns:48px 1fr;align-items:center;padding:64px 28px 24px;background:linear-gradient(180deg,rgb(255 255 255/0) 0%,rgb(255 255 255/.72) 28%,rgb(255 255 255/.94) 58%,#fff 100%);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.teacher-v3-overview-grid article>div::before{grid-row:1/4;align-self:center;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#fff1f3;color:var(--teacher-red);content:counter(teacher-overview,decimal-leading-zero);counter-increment:teacher-overview;font-size:13px;font-weight:850}
.teacher-v3-overview-grid{counter-reset:teacher-overview}
.teacher-v3-overview-grid article>div>span,.teacher-v3-overview-grid h3,.teacher-v3-overview-grid p{grid-column:2}
.teacher-v3-overview-grid article>div>span{font-size:11px}
.teacher-v3-overview-grid h3{margin:4px 0 0;font-size:18px;line-height:1.35}
.teacher-v3-overview-grid p{margin:6px 0 0;font-size:13px;line-height:1.58}

.teacher-v3-loop-stage{overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.teacher-v3-loop-stage::before{display:none}

.teacher-v3-system-grid article{height:330px}
.teacher-v3-system-grid article>div{height:108px;padding:13px 18px 12px;border-top:1px solid rgb(255 255 255/.72);background:linear-gradient(135deg,rgb(255 255 255/.76),rgb(244 248 252/.62));box-shadow:inset 0 1px 0 rgb(255 255 255/.56);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.teacher-v3-system-grid h3{font-size:19px}
.teacher-v3-system-grid ul{gap:3px 10px;margin-top:8px}
.teacher-v3-system-grid li{font-size:12px}

.teacher-v3-cases .detail-case{min-height:0;display:block;overflow:hidden;border:1px solid var(--teacher-line);border-radius:22px;background:#fff;box-shadow:0 16px 40px rgb(15 23 42/.06)}
.teacher-v3-cases .detail-case>img{display:block;width:100%;height:310px;min-height:0;object-fit:cover}
.teacher-v3-cases .detail-case>div{min-height:190px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:34px 36px 38px}
.teacher-v3-cases .detail-case h3{font-size:24px}
.teacher-v3-cases .detail-case p{font-size:16px;line-height:1.75}

.teacher-v3-related .detail-related>a{position:relative;min-height:225px;display:block;overflow:hidden;padding:0!important;border:1px solid #d8e0e9;border-radius:22px;background:#f3f6fa;isolation:isolate}
.teacher-v3-related .detail-related>a::after{position:absolute;z-index:1;inset:0;display:block;background:linear-gradient(90deg,rgb(255 255 255/.98) 0%,rgb(255 255 255/.92) 35%,rgb(255 255 255/.36) 60%,rgb(255 255 255/.04) 100%);content:""}
.teacher-v3-related .detail-related>a>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:none}
.teacher-v3-related .detail-related>a:hover>img{transform:scale(1.025)}
.teacher-v3-related .detail-related-copy{position:relative;z-index:2;width:56%;min-height:225px;padding:30px 14px 28px 34px;background:transparent}

@media(max-width:1200px){
  .teacher-v3-system-grid article{height:350px}
  .teacher-v3-system-grid article>div{height:108px;padding:13px 20px 12px}
  .teacher-v3-system-grid li{font-size:12px}
}
@media(max-width:900px){
  .teacher-v3-system-grid{grid-template-columns:1fr}
  .teacher-v3-overview-grid{grid-template-columns:1fr;gap:1px;padding:10px;border-radius:22px}
  .teacher-v3-overview-grid article,.teacher-v3-overview-grid article:nth-child(n){height:380px;border-radius:0;transform:none}
  .teacher-v3-overview-grid article:first-child{border-radius:18px 18px 0 0}
  .teacher-v3-overview-grid article:last-child{border-radius:0 0 18px 18px}
  .teacher-v3-overview-grid article::after{top:auto;right:50%;bottom:-18px;transform:translateX(50%) rotate(90deg)}
  .teacher-v3-system-grid article{height:350px}
}
@media(max-width:760px){
  .teacher-v3-overview-grid article,.teacher-v3-overview-grid article:nth-child(n){height:350px}
  .teacher-v3-overview-grid article>div{min-height:120px;padding:58px 22px 22px}
  .teacher-v3-system-grid article{height:330px}
  .teacher-v3-system-grid article>div{height:108px;padding:13px 18px 12px}
  .teacher-v3-cases .detail-case>img{height:220px}
  .teacher-v3-cases .detail-case>div{min-height:0;padding:26px 24px 30px}
  .teacher-v3-related .detail-related>a{min-height:210px}
  .teacher-v3-related .detail-related-copy{width:72%;min-height:210px;padding:28px 12px 26px 24px}
}

/* v6: spatial overview, stacked system cards, and a single CTA arrow. */
.teacher-v3-overview-grid{
  position:relative;
  min-height:540px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:0;
  overflow:visible;
  padding:44px 18px 24px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  perspective:1400px;
  counter-reset:teacher-overview;
}
.teacher-v3-overview-grid article,
.teacher-v3-overview-grid article:nth-child(n){
  position:relative;
  flex:0 0 36%;
  width:auto;
  height:430px;
  margin:0;
  overflow:hidden;
  border:1px solid #dde4ec;
  border-radius:22px;
  background:#fff;
  box-shadow:0 24px 56px rgb(15 23 42/.085);
  isolation:isolate;
  transition:transform .3s cubic-bezier(.2,.75,.25,1),box-shadow .3s ease,border-color .3s ease;
}
.teacher-v3-overview-grid article+article{margin-left:-5%}
.teacher-v3-overview-grid article:nth-child(1){
  z-index:1;
  transform:translateX(12px) rotateY(6deg) rotateZ(-1.15deg) scale(.96);
  transform-origin:right center;
}
.teacher-v3-overview-grid article:nth-child(2){
  z-index:3;
  height:482px;
  border-color:#efb4bc;
  box-shadow:0 32px 76px rgb(37 45 60/.13);
  transform:translateY(-18px) scale(1.035);
}
.teacher-v3-overview-grid article:nth-child(3){
  z-index:1;
  transform:translateX(-12px) rotateY(-6deg) rotateZ(1.15deg) scale(.96);
  transform-origin:left center;
}
.teacher-v3-overview-grid article::before,
.teacher-v3-overview-grid article::after{display:none}
.teacher-v3-overview-grid article:nth-child(n):hover{
  z-index:5;
  border-color:#eaa4ae;
  box-shadow:0 34px 82px rgb(25 35 52/.15);
  transform:translateY(-12px) scale(1.015);
}
.teacher-v3-overview-grid article:nth-child(2):hover{transform:translateY(-28px) scale(1.05)}
.teacher-v3-overview-grid figure{
  position:absolute;
  inset:0;
  margin:0;
  background:#fff;
}
.teacher-v3-overview-grid figure::after{display:none}
.teacher-v3-overview-grid figure img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center top;
  filter:none;
  transition:transform .42s ease;
}
.teacher-v3-overview-grid article:hover figure img{transform:scale(1.018)}
.teacher-v3-overview-grid article>div{
  position:absolute;
  z-index:2;
  right:0;
  bottom:0;
  left:0;
  min-height:142px;
  display:grid;
  grid-template-columns:50px 1fr;
  align-items:center;
  padding:62px 26px 24px;
  background:linear-gradient(180deg,rgb(255 255 255/0) 0%,rgb(255 255 255/.78) 27%,rgb(255 255 255/.97) 57%,#fff 100%);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.teacher-v3-overview-grid article>div::before{
  grid-row:1/4;
  align-self:center;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#fff0f2;
  color:var(--teacher-red);
  content:counter(teacher-overview,decimal-leading-zero);
  counter-increment:teacher-overview;
  font-size:13px;
  font-weight:850;
}
.teacher-v3-overview-grid article>div>span,
.teacher-v3-overview-grid h3,
.teacher-v3-overview-grid p{grid-column:2}
.teacher-v3-overview-grid article>div>span{font-size:11px}
.teacher-v3-overview-grid h3{margin:4px 0 0;font-size:19px;line-height:1.34}
.teacher-v3-overview-grid p{margin:7px 0 0;font-size:13px;line-height:1.62}

.teacher-v3-system-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.teacher-v3-system-grid article,
.teacher-v3-system-grid article:nth-child(n){
  position:relative;
  min-height:430px;
  height:auto;
  display:grid;
  grid-template-rows:280px auto;
  overflow:hidden;
  border:1px solid var(--teacher-line);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--teacher-shadow);
}
.teacher-v3-system-grid figure,
.teacher-v3-system-grid figure img{
  position:relative;
  inset:auto;
  width:100%;
  height:280px;
}
.teacher-v3-system-grid figure{margin:0;overflow:hidden;background:#f5f7fa}
.teacher-v3-system-grid figure img{display:block;object-fit:cover;object-position:center}
.teacher-v3-system-grid article>div{
  position:static;
  z-index:auto;
  min-height:150px;
  height:auto;
  padding:22px 26px 26px;
  border-top:1px solid #e4e9ef;
  background:#fff;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.teacher-v3-system-grid h3{
  margin:0;
  color:var(--teacher-ink);
  font-size:23px;
  line-height:1.3;
  white-space:normal;
}
.teacher-v3-system-grid ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px 18px;
  margin:14px 0 0;
}
.teacher-v3-system-grid li{font-size:14px;line-height:1.5}

body[data-solution-key="teacher"] .detail-cta-box .btn::after{
  display:inline-block!important;
}

@media(max-width:1200px){
  .teacher-v3-overview-grid{min-height:520px;padding-inline:8px}
  .teacher-v3-overview-grid article,.teacher-v3-overview-grid article:nth-child(n){flex-basis:37%;height:410px}
  .teacher-v3-overview-grid article:nth-child(2){height:458px}
  .teacher-v3-system-grid article,.teacher-v3-system-grid article:nth-child(n){min-height:420px;grid-template-rows:270px auto}
  .teacher-v3-system-grid figure,.teacher-v3-system-grid figure img{height:270px}
}
@media(max-width:900px){
  .teacher-v3-system-grid{grid-template-columns:1fr}
  .teacher-v3-overview-grid{
    min-height:0;
    display:grid;
    grid-template-columns:1fr;
    gap:16px;
    padding:0;
    perspective:none;
  }
  .teacher-v3-overview-grid article,
  .teacher-v3-overview-grid article:nth-child(n){
    width:100%;
    height:390px;
    margin:0;
    border-radius:20px;
    transform:none;
  }
  .teacher-v3-overview-grid article:nth-child(2){height:410px;transform:none}
  .teacher-v3-overview-grid article:nth-child(n):hover,
  .teacher-v3-overview-grid article:nth-child(2):hover{transform:translateY(-5px)}
  .teacher-v3-system-grid article,.teacher-v3-system-grid article:nth-child(n){min-height:410px;grid-template-rows:260px auto}
  .teacher-v3-system-grid figure,.teacher-v3-system-grid figure img{height:260px}
}
@media(max-width:760px){
  .teacher-v3-overview-grid article,
  .teacher-v3-overview-grid article:nth-child(n),
  .teacher-v3-overview-grid article:nth-child(2){height:370px}
  .teacher-v3-overview-grid article>div{min-height:128px;padding:56px 20px 20px}
  .teacher-v3-system-grid{grid-template-columns:1fr;gap:18px}
  .teacher-v3-system-grid article,.teacher-v3-system-grid article:nth-child(n){min-height:370px;grid-template-rows:220px auto}
  .teacher-v3-system-grid figure,.teacher-v3-system-grid figure img{height:220px}
  .teacher-v3-system-grid article>div{min-height:150px;padding:20px 22px 24px}
  .teacher-v3-system-grid h3{font-size:21px}
}
@media(prefers-reduced-motion:reduce){
  .teacher-v3-overview-grid article:nth-child(n),
  .teacher-v3-overview-grid article:nth-child(n):hover,
  .teacher-v3-overview-grid article:nth-child(2):hover{transform:none}
}
/* v7: digital-page scene cards, four-column systems, centered icons, shared reveal. */
.teacher-v3-overview-grid{
  min-height:520px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:center!important;
  overflow:visible!important;
  padding:26px 12px 38px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  perspective:1100px!important;
  perspective-origin:50% 48%!important;
}
.teacher-v3-overview-grid article,
.teacher-v3-overview-grid article:nth-child(n){
  position:relative!important;
  width:auto!important;
  min-height:430px!important;
  height:430px!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid #d9e1ea!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 24px 54px rgb(27 43 64/.1)!important;
  transform-style:preserve-3d!important;
  transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .3s ease!important;
}
.teacher-v3-overview-grid article:nth-child(1){
  transform:translateX(34px) translateZ(-52px) rotateY(18deg) scale(.92)!important;
  transform-origin:right center!important;
}
.teacher-v3-overview-grid article:nth-child(2){
  z-index:2!important;
  transform:translateZ(82px) scale(1.035)!important;
  border-color:#e9aab3!important;
  box-shadow:0 34px 78px rgb(27 43 64/.15)!important;
}
.teacher-v3-overview-grid article:nth-child(3){
  transform:translateX(-34px) translateZ(-52px) rotateY(-18deg) scale(.92)!important;
  transform-origin:left center!important;
}
.teacher-v3-overview-grid article:is(:hover,:focus-visible),
.teacher-v3-overview-grid article:nth-child(n):is(:hover,:focus-visible){
  z-index:4!important;
  outline:0!important;
  transform:translateX(0) translateY(-12px) translateZ(112px) rotateY(0) scale(1.045)!important;
  border-color:#e6001c!important;
  box-shadow:0 36px 78px rgb(27 43 64/.17)!important;
}
.teacher-v3-overview-grid:has(article:nth-child(1):is(:hover,:focus-visible)) article:nth-child(2){
  z-index:1!important;
  transform:translateX(-10px) translateZ(-58px) rotateY(-14deg) scale(.92)!important;
  border-color:#d9e1ea!important;
  box-shadow:0 24px 54px rgb(27 43 64/.1)!important;
}
.teacher-v3-overview-grid:has(article:nth-child(1):is(:hover,:focus-visible)) article:nth-child(3){transform:translateX(-34px) translateZ(-72px) rotateY(-18deg) scale(.9)!important}
.teacher-v3-overview-grid:has(article:nth-child(3):is(:hover,:focus-visible)) article:nth-child(1){transform:translateX(34px) translateZ(-72px) rotateY(18deg) scale(.9)!important}
.teacher-v3-overview-grid:has(article:nth-child(3):is(:hover,:focus-visible)) article:nth-child(2){
  z-index:1!important;
  transform:translateX(10px) translateZ(-58px) rotateY(14deg) scale(.92)!important;
  border-color:#d9e1ea!important;
  box-shadow:0 24px 54px rgb(27 43 64/.1)!important;
}
.teacher-v3-overview-grid article::before,
.teacher-v3-overview-grid article::after{content:none!important;display:none!important}
.teacher-v3-overview-grid figure{
  position:absolute!important;
  inset:0!important;
  height:100%!important;
  margin:0!important;
  background:#fff!important;
}
.teacher-v3-overview-grid figure::after{
  content:""!important;
  position:absolute!important;
  inset:35% 0 0!important;
  display:block!important;
  background:linear-gradient(180deg,transparent 0%,rgb(255 255 255/.9) 55%,#fff 100%)!important;
  pointer-events:none!important;
}
.teacher-v3-overview-grid figure img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 32%!important;
  mix-blend-mode:normal!important;
  filter:saturate(.93) contrast(1.02)!important;
  transition:transform .42s ease,filter .42s ease!important;
}
.teacher-v3-overview-grid article:is(:hover,:focus-visible) figure img{transform:scale(1.045)!important}
.teacher-v3-overview-grid article>div{
  position:absolute!important;
  z-index:3!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  min-height:138px!important;
  display:grid!important;
  grid-template-columns:48px 1fr!important;
  padding:52px 28px 26px!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.teacher-v3-overview-grid article>div::before{
  grid-row:1/4!important;
  width:44px!important;
  height:44px!important;
}
.teacher-v3-overview-grid h3{font-size:20px!important}
.teacher-v3-overview-grid p{font-size:14px!important}

.teacher-v3-system-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
.teacher-v3-system-grid article,
.teacher-v3-system-grid article:nth-child(n){
  min-height:420px!important;
  height:auto!important;
  display:grid!important;
  grid-template-rows:190px auto!important;
}
.teacher-v3-system-grid figure,
.teacher-v3-system-grid figure img{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:190px!important;
}
.teacher-v3-system-grid figure img{object-fit:cover!important;object-position:center!important}
.teacher-v3-system-grid article>div{
  position:static!important;
  min-height:230px!important;
  height:auto!important;
  padding:21px 18px 24px!important;
  border-top:1px solid #e4e9ef!important;
  background:#fff!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.teacher-v3-system-grid h3{
  font-size:20px!important;
  line-height:1.34!important;
  white-space:normal!important;
}
.teacher-v3-system-grid ul{
  grid-template-columns:1fr!important;
  gap:7px!important;
  margin-top:15px!important;
}
.teacher-v3-system-grid li{font-size:13px!important;line-height:1.5!important}

.teacher-v3-capability-grid article,
.teacher-v3-ai-grid article,
.teacher-v3-value-grid article{justify-items:center!important;text-align:center!important}
.teacher-v3-capability-grid .teacher-v4-sprite,
.teacher-v3-loop .teacher-v4-sprite,
.teacher-v3-ai-grid .teacher-v4-sprite,
.teacher-v3-value-grid .teacher-v4-sprite{
  justify-self:center!important;
  margin-inline:auto!important;
  transform-origin:center!important;
  transition:transform .38s cubic-bezier(.16,1,.3,1),filter .38s ease!important;
}
.teacher-v3-capability-grid article:is(:hover,:focus-within) .teacher-v4-sprite,
.teacher-v3-loop li:is(:hover,:focus-within) .teacher-v4-sprite,
.teacher-v3-ai-grid article:is(:hover,:focus-within) .teacher-v4-sprite,
.teacher-v3-value-grid article:is(:hover,:focus-within) .teacher-v4-sprite{
  transform:translateY(-6px) scale(1.045)!important;
  filter:drop-shadow(0 14px 18px rgb(32 48 68/.12))!important;
}

body[data-solution-key="teacher"].page-reveal-ready [data-page-reveal]{
  opacity:0;
  transform:translate3d(0,24px,0);
  transition:opacity .66s cubic-bezier(.16,1,.3,1),transform .66s cubic-bezier(.16,1,.3,1);
  transition-delay:var(--page-reveal-delay,0ms);
  will-change:opacity,transform;
}
body[data-solution-key="teacher"].page-reveal-ready [data-page-reveal].is-page-visible{
  opacity:1;
  transform:translate3d(0,0,0);
}

@media(max-width:900px){
  .teacher-v3-overview-grid{grid-template-columns:1fr!important;gap:16px!important;min-height:0!important;padding-inline:0!important;perspective:none!important}
  .teacher-v3-overview-grid article,
  .teacher-v3-overview-grid article:nth-child(1),
  .teacher-v3-overview-grid article:nth-child(2),
  .teacher-v3-overview-grid article:nth-child(3){min-height:390px!important;height:390px!important;transform:none!important}
  .teacher-v3-overview-grid:has(article:is(:hover,:focus-visible)) article{transform:none!important}
  .teacher-v3-overview-grid article:is(:hover,:focus-visible){transform:translateY(-6px)!important}
  .teacher-v3-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
}
@media(max-width:600px){
  .teacher-v3-overview-grid article,
  .teacher-v3-overview-grid article:nth-child(n){min-height:350px!important;height:350px!important}
  .teacher-v3-system-grid{grid-template-columns:1fr!important}
  .teacher-v3-system-grid article,.teacher-v3-system-grid article:nth-child(n){min-height:390px!important;grid-template-rows:210px auto!important}
  .teacher-v3-system-grid figure,.teacher-v3-system-grid figure img{height:210px!important}
  .teacher-v3-system-grid article>div{min-height:180px!important}
}
@media(prefers-reduced-motion:reduce){
  body[data-solution-key="teacher"].page-reveal-ready [data-page-reveal]{opacity:1!important;transform:none!important;transition:none!important;will-change:auto!important}
  .teacher-v3-overview-grid article,
  .teacher-v3-overview-grid article:nth-child(n),
  .teacher-v3-capability-grid .teacher-v4-sprite,
  .teacher-v3-loop .teacher-v4-sprite,
  .teacher-v3-ai-grid .teacher-v4-sprite,
  .teacher-v3-value-grid .teacher-v4-sprite{transition:none!important;transform:none!important}
}
/* v8: optical sprite centering, compact systems, visible Iconify CTA arrow. */
.teacher-v3-loop .teacher-v4-growth-icon,
.teacher-v3-ai-grid .teacher-v4-ai-icon{
  display:block!important;
  justify-self:center!important;
  align-self:center!important;
  margin-right:auto!important;
  margin-left:auto!important;
}
.teacher-v3-loop .teacher-v4-growth-icon.teacher-v4-icon-1{background-position:-3px 0!important}
.teacher-v3-loop .teacher-v4-growth-icon.teacher-v4-icon-2{background-position:calc(50% + 2px) 0!important}
.teacher-v3-loop .teacher-v4-growth-icon.teacher-v4-icon-3{background-position:calc(100% + 5px) 0!important}
.teacher-v3-loop .teacher-v4-growth-icon.teacher-v4-icon-4{background-position:1px 100%!important}
.teacher-v3-loop .teacher-v4-growth-icon.teacher-v4-icon-5{background-position:calc(50% + 1px) 100%!important}
.teacher-v3-loop .teacher-v4-growth-icon.teacher-v4-icon-6{background-position:calc(100% + 4px) 100%!important}
.teacher-v3-ai-grid .teacher-v4-ai-icon.teacher-v4-icon-1{background-position:-2px 0!important}
.teacher-v3-ai-grid .teacher-v4-ai-icon.teacher-v4-icon-2{background-position:calc(50% + 1px) 0!important}
.teacher-v3-ai-grid .teacher-v4-ai-icon.teacher-v4-icon-3{background-position:calc(100% + 4px) 0!important}
.teacher-v3-ai-grid .teacher-v4-ai-icon.teacher-v4-icon-4{background-position:-5px 100%!important}
.teacher-v3-ai-grid .teacher-v4-ai-icon.teacher-v4-icon-5{background-position:50% 100%!important}

.teacher-v3-system-grid article,
.teacher-v3-system-grid article:nth-child(n){min-height:380px!important}
.teacher-v3-system-grid article>div{
  min-height:190px!important;
  padding:18px 16px 20px 24px!important;
}
.teacher-v3-system-grid ul{margin-top:12px!important}

body[data-solution-key="teacher"] .detail-cta-box .btn::after{
  display:none!important;
  content:none!important;
}
body[data-solution-key="teacher"] .detail-cta-box .detail-cta-arrow{
  display:block!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  margin-left:9px!important;
  object-fit:contain!important;
  transition:transform .2s ease!important;
}
body[data-solution-key="teacher"] .detail-cta-box .btn:hover .detail-cta-arrow{transform:translateX(4px)!important}
@media(max-width:600px){
  .teacher-v3-system-grid article,
  .teacher-v3-system-grid article:nth-child(n){min-height:370px!important}
  .teacher-v3-system-grid article>div{min-height:160px!important}
}
/* v9: raise growth and AI card artwork by the requested 21px. */
.teacher-v3-loop .teacher-v4-growth-icon,
.teacher-v3-ai-grid .teacher-v4-ai-icon{
  position:relative!important;
  top:-21px!important;
}
/* v10: keep the overview title visible before scroll reveal. */
body[data-solution-key="teacher"] #overview .teacher-v3-heading h2,
body[data-solution-key="teacher"].page-reveal-ready #overview .teacher-v3-heading h2[data-page-reveal]{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
  transition-delay:0ms!important;
  will-change:auto!important;
}

/* v11: Iconify arrows and digital-page related-link colors. */
.teacher-v3-cases .detail-case a,
.teacher-v3-related .related-link{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content;
  color:var(--teacher-red)!important;
  text-decoration-color:transparent;
  text-underline-offset:4px;
  transition:color .22s ease,text-decoration-color .22s ease;
}
.teacher-v3-cases .detail-case a::after,
.teacher-v3-related .related-link::after{
  content:"";
  display:block;
  flex:0 0 15px;
  width:15px;
  height:15px;
  margin-left:7px;
  background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='none'%20stroke='%23ffffff'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20d='M5%2012h14m-7-7l7%207l-7%207'/%3e%3c/svg%3e") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='none'%20stroke='%23ffffff'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20d='M5%2012h14m-7-7l7%207l-7%207'/%3e%3c/svg%3e") center/contain no-repeat;
  transition:transform .24s cubic-bezier(.16,1,.3,1);
}
.teacher-v3-cases .detail-case a:hover,
.teacher-v3-cases .detail-case a:focus-visible,
.teacher-v3-related .detail-related>a:hover .related-link,
.teacher-v3-related .detail-related>a:focus-visible .related-link{
  color:#c70019!important;
  text-decoration-color:currentColor;
}
.teacher-v3-cases .detail-case a:hover::after,
.teacher-v3-cases .detail-case a:focus-visible::after,
.teacher-v3-related .detail-related>a:hover .related-link::after,
.teacher-v3-related .detail-related>a:focus-visible .related-link::after{
  transform:translateX(4px);
}
.teacher-v3-related .related-link>img{display:none!important}
.teacher-v3-related .detail-related small{color:#7a8596!important}
@media(prefers-reduced-motion:reduce){
  .teacher-v3-cases .detail-case a::after,
  .teacher-v3-related .related-link::after{
    transition:none!important;
    transform:none!important;
  }
}

/* Browser review 20260728: lower the selected second-row sprite artwork by 21px. */
.teacher-v3-loop li:nth-child(n+4) .teacher-v4-growth-icon,
.teacher-v3-ai-grid article:nth-child(n+4) .teacher-v4-ai-icon{
  top:0!important;
}

/* Self-contained Iconify lucide:arrow-right links for local file pages. */
.teacher-v3-cases .detail-case a,
.teacher-v3-related .related-link{
  gap:8px!important;
  text-decoration:none!important;
  transition:color .22s ease,transform .24s cubic-bezier(.16,1,.3,1)!important;
}
.teacher-v3-cases .detail-case a::after,
.teacher-v3-related .related-link::after{
  content:""!important;
  display:inline-block!important;
  flex:0 0 17px!important;
  width:17px!important;
  height:17px!important;
  margin-left:0!important;
  background:currentColor!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-7-7 7 7-7 7'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-7-7 7 7-7 7'/%3E%3C/svg%3E")!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  opacity:1!important;
  visibility:visible!important;
  transition:transform .28s cubic-bezier(.16,1,.3,1)!important;
}
.teacher-v3-cases .detail-case{
  transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .24s ease,box-shadow .3s ease!important;
}
.teacher-v3-cases .detail-case:is(:hover,:focus-within){
  transform:translateY(-6px)!important;
  border-color:rgb(230 0 28/.28)!important;
  box-shadow:0 24px 54px rgb(25 42 63/.13)!important;
}
.teacher-v3-cases .detail-case a:is(:hover,:focus-visible),
.teacher-v3-related .detail-related>a:is(:hover,:focus-visible) .related-link{
  transform:translateX(2px)!important;
}
.teacher-v3-cases .detail-case a:is(:hover,:focus-visible)::after,
.teacher-v3-related .detail-related>a:is(:hover,:focus-visible) .related-link::after{
  transform:translateX(5px)!important;
}
.teacher-v3-related .detail-related>a{
  transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .24s ease,box-shadow .32s ease!important;
}
.teacher-v3-related .detail-related>a:is(:hover,:focus-visible){
  transform:translateY(-7px)!important;
  border-color:rgb(230 0 28/.3)!important;
  box-shadow:0 25px 56px rgb(25 42 63/.14)!important;
}
.teacher-v3-cases .detail-case a:focus-visible,
.teacher-v3-related .detail-related>a:focus-visible{
  outline:2px solid rgb(230 0 28/.35)!important;
  outline-offset:5px!important;
}
@media(prefers-reduced-motion:reduce){
  .teacher-v3-cases .detail-case,
  .teacher-v3-related .detail-related>a,
  .teacher-v3-cases .detail-case a,
  .teacher-v3-related .related-link,
  .teacher-v3-cases .detail-case a::after,
  .teacher-v3-related .related-link::after{transition:none!important}
}

/* Browser review 20260728: intentional desktop hero copy wrap. */
.teacher-v3-hero .teacher-hero-lead-break{display:block}
@media(max-width:600px){
  .teacher-v3-hero .teacher-hero-lead-break{display:none}
}

/* Browser review 20260728: match the digital page's white/soft section rhythm. */
body[data-solution-key="teacher"] #overview,
body[data-solution-key="teacher"] #model,
body[data-solution-key="teacher"] #delivery,
body[data-solution-key="teacher"] #cases{
  background-color:#fff!important;
}
body[data-solution-key="teacher"] #content,
body[data-solution-key="teacher"] #scenes,
body[data-solution-key="teacher"] #related{
  background-color:var(--teacher-soft,#f4f7fa)!important;
}
/* Keep the value section's purpose-built art while retaining the alternating soft tone. */
body[data-solution-key="teacher"] #value{
  background-color:var(--teacher-soft,#f4f7fa)!important;
}

/* Align all card descriptions to the top of a consistent copy area. */
body[data-solution-key="teacher"] .teacher-v3-loop li strong{
  display:flex!important;
  min-height:46px!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
body[data-solution-key="teacher"] .teacher-v3-loop li p{
  width:100%!important;
  min-height:60px!important;
  align-self:flex-start!important;
  margin-top:10px!important;
}
body[data-solution-key="teacher"] .teacher-v3-ai-grid h3,
body[data-solution-key="teacher"] .teacher-v3-value-grid h3{
  display:flex!important;
  width:100%!important;
  min-height:52px!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
body[data-solution-key="teacher"] .teacher-v3-ai-grid p,
body[data-solution-key="teacher"] .teacher-v3-value-grid p{
  width:100%!important;
  min-height:66px!important;
  align-self:start!important;
  margin-top:10px!important;
}
@media(max-width:600px){
  body[data-solution-key="teacher"] .teacher-v3-loop li strong,
  body[data-solution-key="teacher"] .teacher-v3-ai-grid h3,
  body[data-solution-key="teacher"] .teacher-v3-value-grid h3{min-height:0!important}
  body[data-solution-key="teacher"] .teacher-v3-loop li p,
  body[data-solution-key="teacher"] .teacher-v3-ai-grid p,
  body[data-solution-key="teacher"] .teacher-v3-value-grid p{min-height:0!important}
}

/* Browser review 20260728: wide hero title and the requested lead-line break. */
@media(min-width:1101px){
  body[data-solution-key="teacher"] .teacher-v3-hero-card .detail-hero-copy{width:52%!important}
  body[data-solution-key="teacher"] .teacher-v3-hero h1{
    max-width:none!important;
    white-space:nowrap!important;
    font-size:clamp(42px,3.15vw,50px)!important;
  }
  body[data-solution-key="teacher"] .teacher-hero-lead-first{white-space:nowrap}
}
@media(max-width:1100px){
  body[data-solution-key="teacher"] .teacher-hero-lead-first{white-space:normal}
}
/* Browser review 20260728: standardize all requested card descriptions. */
body[data-solution-key="teacher"] .teacher-v3-capability-grid p,
body[data-solution-key="teacher"] .teacher-v3-loop li p,
body[data-solution-key="teacher"] .teacher-v3-system-grid li,
body[data-solution-key="teacher"] .teacher-v3-ai-grid p,
body[data-solution-key="teacher"] .teacher-v3-value-grid p{
  font-size:14px!important;
}

/* Browser review 20260728: final anchor and card typography. */
body[data-solution-key="teacher"] .detail-anchor-nav a::after{
  height:4px!important;
  border-radius:0!important;
}
body[data-solution-key="teacher"] .teacher-v3-loop li strong,
body[data-solution-key="teacher"] .teacher-v3-ai-grid h3,
body[data-solution-key="teacher"] .teacher-v3-value-grid h3{
  font-size:20px!important;
}
body[data-solution-key="teacher"] .teacher-v3-loop li p,
body[data-solution-key="teacher"] .teacher-v3-ai-grid p,
body[data-solution-key="teacher"] .teacher-v3-value-grid p{
  font-size:14px!important;
}

/* Browser review 20260728: restore the teacher CTA above the shared footer. */
body[data-solution-key="teacher"] .detail-cta{
  padding-bottom:88px!important;
  background:var(--teacher-soft,#f4f7fa)!important;
}
body[data-solution-key="teacher"] .detail-cta .detail-cta-box{
  transform:translateY(-30px)!important;
}
@media(max-width:760px){
  body[data-solution-key="teacher"] .detail-cta{padding-bottom:42px!important}
}
/* Browser annotation 20260730: numbered case copy and uncropped site covers. */
body[data-solution-key="teacher"] .teacher-v3-cases .detail-case>img{
  height:auto!important;
  aspect-ratio:1850/920;
  object-fit:contain;
  object-position:center top;
  background:#f5f7fa;
}
body[data-solution-key="teacher"] .teacher-v3-cases .detail-case>div{
  min-height:0;
  padding:22px 30px 24px;
}
body[data-solution-key="teacher"] .teacher-case-title-row{
  display:flex;
  min-width:0;
  min-height:0!important;
  align-items:center;
  padding:0!important;
}
body[data-solution-key="teacher"] .teacher-case-index{
  flex:0 0 auto;
  margin-right:16px;
  padding-right:16px;
  border-right:2px solid var(--teacher-red);
  color:var(--teacher-red);
  font-size:28px;
  font-weight:500;
  letter-spacing:-.04em;
  line-height:1;
}
body[data-solution-key="teacher"] .teacher-case-title-row h3{
  min-width:0;
  margin:0;
  font-size:23px;
  line-height:1.35;
}
body[data-solution-key="teacher"] .teacher-v3-cases .detail-case p{
  margin:12px 0 0;
}
body[data-solution-key="teacher"] .teacher-v3-cases .detail-case a{
  margin-top:14px;
}
body[data-solution-key="teacher"] .teacher-v3-cases .detail-case a::after{
  background:var(--teacher-red)!important;
}
@media(max-width:760px){
  body[data-solution-key="teacher"] .teacher-v3-cases .detail-case>div{
    min-height:0;
    padding:20px 22px 22px;
  }
  body[data-solution-key="teacher"] .teacher-case-title-row{align-items:flex-start}
  body[data-solution-key="teacher"] .teacher-case-index{
    margin-right:12px;
    padding-right:12px;
    font-size:24px;
  }
  body[data-solution-key="teacher"] .teacher-case-title-row h3{font-size:20px}
}
/* Browser annotation 20260730: clone the education-digital customer-case module and interaction. */
body[data-solution-key="teacher"] #cases{
  padding:112px 0 118px;
  background:#fff!important;
}
body[data-solution-key="teacher"] #cases .detail-section-heading{
  max-width:920px;
  margin:0 auto 46px;
  text-align:center;
}
body[data-solution-key="teacher"] #cases .detail-section-heading::after,
body[data-solution-key="teacher"] #cases .detail-section-heading h2::after{display:none!important;content:none!important}
body[data-solution-key="teacher"] #cases .detail-section-heading h2{
  margin:0;
  color:var(--teacher-ink);
  font-size:40px;
  line-height:1.25;
  letter-spacing:-.035em;
}
body[data-solution-key="teacher"] #cases .detail-section-heading p{
  max-width:760px;
  margin:18px auto 0;
  color:var(--teacher-muted);
  font-size:16px;
  line-height:1.8;
}
body[data-solution-key="teacher"] #cases .detail-cases{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:42px;
}
body[data-solution-key="teacher"] #cases a.detail-case{
  position:relative;
  display:block!important;
  min-width:0;
  overflow:hidden;
  padding:14px 14px 30px!important;
  border:1px solid #e1e7ee;
  border-radius:24px;
  color:inherit;
  background:#fff!important;
  box-shadow:0 18px 46px rgb(15 23 42/.09);
  cursor:pointer;
  isolation:isolate;
  text-decoration:none;
  transform:none;
  transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .25s ease;
}
body[data-solution-key="teacher"] #cases a.detail-case:hover{
  border-color:#d4dde8!important;
  box-shadow:0 28px 62px rgb(15 23 42/.14)!important;
  transform:translateY(-6px)!important;
}
body[data-solution-key="teacher"] #cases .detail-case-browser{
  margin:0;
  overflow:hidden;
  border:1px solid #d8e0ea;
  border-radius:15px;
  background:#fff;
  box-shadow:0 9px 24px rgb(15 23 42/.07);
}
body[data-solution-key="teacher"] #cases .detail-case-browser-bar{
  display:grid;
  grid-template-columns:1fr 18px;
  align-items:center;
  gap:18px;
  height:42px;
  padding:0 16px!important;
  border-bottom:1px solid #e5eaf0;
  background:#fbfcfe;
}
body[data-solution-key="teacher"] #cases .detail-case-browser-bar>span{
  width:min(52%,280px);
  height:12px;
  justify-self:center;
  border-radius:999px;
  background:#f0f3f7;
}
body[data-solution-key="teacher"] #cases .detail-case-browser-bar>img{
  display:block;
  width:17px;
  height:17px;
  margin:0;
  opacity:.38;
}
body[data-solution-key="teacher"] #cases .detail-case-browser>.detail-case-screen{
  display:block;
  width:100%;
  height:320px!important;
  min-height:0;
  margin:0;
  border-radius:0;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center top;
  background:#f5f7fa;
  transform:none;
}
body[data-solution-key="teacher"] #cases .detail-case-copy{
  display:block;
  min-height:0;
  padding:28px 12px 0!important;
}
body[data-solution-key="teacher"] #cases .detail-case-title-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:18px;
  min-height:0!important;
  padding:0!important;
}
body[data-solution-key="teacher"] #cases .detail-case-index{
  margin:0;
  padding-right:18px;
  border-right:2px solid #e6001c;
  color:#e6001c;
  font-size:30px;
  font-weight:850;
  letter-spacing:-.04em;
  line-height:1;
}
body[data-solution-key="teacher"] #cases .detail-case h3{
  min-width:0;
  margin:0;
  color:var(--teacher-ink);
  font-size:23px;
  line-height:1.35;
  letter-spacing:-.02em;
}
body[data-solution-key="teacher"] #cases .detail-case p{
  max-width:none;
  margin:15px 0 0;
  color:var(--teacher-muted);
  font-size:15px;
  line-height:1.75;
}
body[data-solution-key="teacher"] #cases .detail-case-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:22px;
  color:#e6001c;
  font-weight:600;
  transition:color .22s ease,transform .22s ease,gap .22s ease;
}
body[data-solution-key="teacher"] #cases .detail-case-link img{
  width:18px;
  height:18px;
  object-fit:contain;
  transition:transform .28s cubic-bezier(.16,1,.3,1),filter .22s ease;
}
body[data-solution-key="teacher"] #cases a.detail-case:is(:hover,:focus-visible) .detail-case-link{
  gap:14px;
  color:#bd0017;
  transform:translateX(3px);
}
body[data-solution-key="teacher"] #cases a.detail-case:is(:hover,:focus-visible) .detail-case-link img{
  filter:brightness(0) saturate(100%) invert(9%) sepia(98%) saturate(6365%) hue-rotate(348deg) brightness(82%) contrast(115%);
  transform:translateX(6px);
}
body[data-solution-key="teacher"] #cases a.detail-case:focus-visible{
  outline:3px solid rgb(230 0 28/.24)!important;
  outline-offset:4px!important;
}
body[data-solution-key="teacher"] #cases + .detail-cta{
  margin-top:-30px;
  padding:6px 0 112px!important;
  background:#fff!important;
}
body[data-solution-key="teacher"] #cases + .detail-cta .detail-cta-box{
  transform:none!important;
}
body[data-solution-key="teacher"] #related{
  background:var(--teacher-soft,#f4f7fa)!important;
}
@media(max-width:1200px){
  body[data-solution-key="teacher"] #cases .detail-case-browser>.detail-case-screen{height:292px!important}
  body[data-solution-key="teacher"] #cases .detail-case h3{font-size:21px}
}
@media(max-width:900px){
  body[data-solution-key="teacher"] #cases .detail-cases{grid-template-columns:1fr;gap:58px}
  body[data-solution-key="teacher"] #cases .detail-case-browser>.detail-case-screen{height:auto!important;aspect-ratio:1.72/1}
}
@media(max-width:760px){
  body[data-solution-key="teacher"] #cases{padding:72px 0 80px}
  body[data-solution-key="teacher"] #cases .detail-section-heading{margin-bottom:34px}
  body[data-solution-key="teacher"] #cases .detail-section-heading h2{font-size:30px}
  body[data-solution-key="teacher"] #cases .detail-section-heading p{margin-top:15px;font-size:15px}
  body[data-solution-key="teacher"] #cases a.detail-case{padding:10px 10px 24px!important;border-radius:18px}
  body[data-solution-key="teacher"] #cases .detail-case-browser{border-radius:14px}
  body[data-solution-key="teacher"] #cases .detail-case-browser-bar{height:36px;padding-inline:12px!important}
  body[data-solution-key="teacher"] #cases .detail-case-copy{padding:22px 10px 0!important}
  body[data-solution-key="teacher"] #cases .detail-case-title-row{align-items:start;gap:13px}
  body[data-solution-key="teacher"] #cases .detail-case-index{padding-right:13px;font-size:25px}
  body[data-solution-key="teacher"] #cases .detail-case h3{font-size:20px}
  body[data-solution-key="teacher"] #cases .detail-case p{font-size:14px}
  body[data-solution-key="teacher"] #cases + .detail-cta{padding-bottom:74px!important}
}
@media(prefers-reduced-motion:reduce){
  body[data-solution-key="teacher"] #cases a.detail-case,
  body[data-solution-key="teacher"] #cases .detail-case-link,
  body[data-solution-key="teacher"] #cases .detail-case-link img{transition:none!important}
  body[data-solution-key="teacher"] #cases a.detail-case:is(:hover,:focus-visible),
  body[data-solution-key="teacher"] #cases a.detail-case:is(:hover,:focus-visible) .detail-case-link,
  body[data-solution-key="teacher"] #cases a.detail-case:is(:hover,:focus-visible) .detail-case-link img{transform:none!important}
}
/* Align teacher chapter-tab footprints with the digital solution. */
@media(min-width:901px){
  body[data-solution-key="teacher"] .detail-anchor-nav a,
  body[data-solution-key="teacher"] .detail-anchor-wrap.is-pinned .detail-anchor-nav a{
    min-width:4em!important;
    justify-content:center!important;
  }
}
/* Compact teacher card title-to-description rhythm. */
body[data-solution-key="teacher"] .teacher-v3-capability-grid h3,
body[data-solution-key="teacher"] .teacher-v3-loop li strong,
body[data-solution-key="teacher"] .teacher-v3-ai-grid h3,
body[data-solution-key="teacher"] .teacher-v3-value-grid h3{
  display:flex!important;
  width:100%!important;
  align-items:flex-end!important;
  justify-content:center!important;
}
body[data-solution-key="teacher"] .teacher-v3-capability-grid p,
body[data-solution-key="teacher"] .teacher-v3-loop li p,
body[data-solution-key="teacher"] .teacher-v3-ai-grid p,
body[data-solution-key="teacher"] .teacher-v3-value-grid p{
  margin-top:6px!important;
}
/* Fine-tune teacher card icon and copy positions from browser review. */
@media(min-width:901px){
  body[data-solution-key="teacher"] .teacher-v3-capability-grid article:nth-child(n+4) .teacher-v4-sprite{
    translate:0 35px!important;
  }
  body[data-solution-key="teacher"] .teacher-v3-capability-grid :is(h3,p){
    translate:0 -10px!important;
  }

  body[data-solution-key="teacher"] .teacher-v3-loop .teacher-v4-growth-icon{
    translate:0 10px!important;
  }
  body[data-solution-key="teacher"] .teacher-v3-loop li :is(strong,p){
    translate:0 -10px!important;
  }

  body[data-solution-key="teacher"] .teacher-v3-ai-grid .teacher-v4-ai-icon{
    translate:0 10px!important;
  }
  body[data-solution-key="teacher"] .teacher-v3-ai-grid article :is(h3,p){
    translate:0 -10px!important;
  }

  body[data-solution-key="teacher"] .teacher-v3-value-grid .teacher-v4-value-icon{
    translate:0 6px!important;
  }
  body[data-solution-key="teacher"] .teacher-v3-value-grid article :is(h3,p){
    translate:0 -6px!important;
  }
}