/* Teaching copy stays editable while retaining the original three icons and pink artwork. */
.method-copy>.container>.method-template-banner{display:none}
.method-copy .mobile-method{display:block;padding:38px 0}
.method-copy .mobile-template-heading{font-size:clamp(28px,3.1vw,42px);line-height:1.4;letter-spacing:-.035em;text-align:center;margin:0 0 25px;font-weight:900;color:#0a1c50}
.method-copy .mobile-template-heading:after{content:'';display:block;width:210px;height:5px;background:#ffe867;margin:9px auto 0;border-radius:50%;transform:rotate(-1deg)}
.method-copy .mobile-method-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.method-copy .mobile-method-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 23px;background:#fff;border:1px solid #f3d4e2;border-radius:22px;text-align:center}
.method-copy .mobile-method-card .mobile-original-icon{width:130px;height:auto;display:block;margin:0;flex-shrink:0}
.method-copy .mobile-method-card>div{display:block}
.method-copy .mobile-method-card h3{color:var(--pink);font-size:36px;font-weight:900;line-height:1.35;margin:0 0 8px}
.method-copy .mobile-method-card strong{font-size:18px;line-height:1.6;color:#122c58}
.method-copy .mobile-method-card p{font-size:17px;line-height:1.85;color:#435a7b;margin:13px 0 0;text-align:left}
/* Readable chat excerpts: no click-to-open interaction and no fragmented image crops. */
.chat-reviews .carousel{max-width:800px;background:#f5f1e9;border-color:#c2d4e9;box-shadow:0 16px 40px #224e7c14;border-radius:22px}
.chat-reviews .review-stage .review-slide{padding:0;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;min-height:0;gap:0;align-items:stretch}
.chat-reviews .review-chat{height:100%;display:flex;flex-direction:column;min-width:0}
.chat-header{padding:18px 24px;display:flex;align-items:center;gap:12px;background:#e1efe8;border-bottom:1px solid #d3e0d9}
.chat-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#178a56;color:#fff;flex-shrink:0}
.chat-avatar svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.chat-header>div{display:grid;gap:3px}.chat-header b{font-size:16px;color:#214d3b}.chat-header div>span{font-size:11px;color:#527466}
.chat-quote{margin-left:auto;align-self:center;color:#75a78d;font-size:52px;line-height:1;font-family:Georgia,serif;height:36px}
.chat-body{flex:1;padding:22px 28px 20px;background-color:#f5f1e9;background-image:radial-gradient(#ccd1c64d .8px,transparent .8px);background-size:17px 17px;display:flex;flex-direction:column}
.chat-context{font-size:12px;color:#667f78;line-height:1.6;text-align:center;margin:0 0 19px;letter-spacing:.015em}
.chat-messages{display:grid;gap:12px;flex:1;align-content:center;padding-left:7px}
.chat-reviews .chat-bubble{position:relative;margin:0;padding:19px 23px;background:#fff;border-radius:0 17px 17px 17px;border:1px solid #e5e5da;box-shadow:0 2px 3px #173a2208;font-size:24px;line-height:1.8;color:#172e30;overflow-wrap:anywhere;font-weight:500;text-align:left}
.chat-bubble:before{content:'';position:absolute;width:0;height:0;left:-9px;top:-1px;border-top:12px solid #fff;border-left:10px solid transparent}
.chat-bubble mark{padding:0 2px;background:linear-gradient(transparent 51%,#ffe768 51%,#ffe768 96%,transparent 96%);color:#143c30;font-weight:800;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.chat-source{font-size:10px;color:#73837b;text-align:right;margin:17px 0 0;line-height:1.6}
.chat-reviews .carousel-controls{background:#f9fbf9;border-top:1px solid #d8e3df;padding:7px 18px}
.chat-reviews .carousel-controls>button{color:#386753}.chat-reviews [data-count]{color:#527568;font-size:13px}
@media(max-width:760px){
 .method-copy .mobile-method{padding-block:32px}
 .method-copy .mobile-template-heading{font-size:27px;line-height:1.4}
 .method-copy .mobile-method-cards{grid-template-columns:1fr;gap:14px}
 .method-copy .mobile-method-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px 14px;padding:21px;text-align:left}
 .method-copy .mobile-method-card .mobile-original-icon{grid-column:1;grid-row:1/3;width:112px;align-self:center}
 .method-copy .mobile-method-card>div{display:contents}
 .method-copy .mobile-method-card h3{grid-column:2;align-self:end;font-size:29px;margin:0;color:var(--pink)}
 .method-copy .mobile-method-card strong{grid-column:2;align-self:start;font-size:15px;line-height:1.6}
 .method-copy .mobile-method-card p{grid-column:1/-1;font-size:16px;line-height:1.85;margin:8px 0 0}
 .chat-header{padding:15px 18px;gap:10px}.chat-avatar{width:38px;height:38px}.chat-header b{font-size:15px}
 .chat-body{padding:17px 15px 16px}.chat-context{font-size:11px;margin-bottom:16px}
 .chat-messages{gap:11px;padding-left:6px}
 .chat-reviews .chat-bubble{font-size:20px;line-height:1.85;padding:16px 16px;letter-spacing:.005em}
 .chat-source{font-size:9px;line-height:1.7;margin-top:15px}
 .chat-reviews .carousel-controls{padding:6px 12px}
}
@media(max-width:360px){
 .mobile-hero-photo{margin-right:-16px}
 .method-copy .mobile-method-card{grid-template-columns:96px minmax(0,1fr);gap:8px 11px;padding:17px}
 .method-copy .mobile-method-card .mobile-original-icon{width:96px}
 .method-copy .mobile-method-card h3{font-size:27px}.method-copy .mobile-method-card strong{font-size:14px}
 .chat-header{padding-inline:14px}.chat-body{padding-inline:12px}
 .chat-reviews .chat-bubble{font-size:19px;padding:14px;line-height:1.8}
}
