/* Mr Thai approved home mockup — DEV-only styling, scoped to the home hero. */
.editorial-home .home-hero-mockup{background:radial-gradient(ellipse at 85% 28%,#ffca68 0%,#fff0d5 31%,transparent 57%),linear-gradient(115deg,#fffefa 10%,#fff9ed 65%,#ffce76 100%);border-bottom:0;overflow:hidden}
.editorial-home .home-hero-mockup .hero-inner{max-width:1520px;grid-template-columns:minmax(0,1.05fr) minmax(0,1.1fr);min-height:570px;gap:8px;padding:28px 40px 0}
.editorial-home .home-hero-mockup .hero-copy{padding:38px 0 60px;align-self:center}
.editorial-home .home-hero-mockup .eyebrow{display:inline-block;background:#fff1d8;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:600;letter-spacing:0;color:#a24d12;margin-bottom:24px}
.editorial-home .home-hero-mockup .eyebrow strong{color:#ed7115}
.editorial-home .home-hero-mockup h1{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(43px,4.65vw,76px);line-height:1.12;letter-spacing:-2.6px;font-weight:850;margin:0 0 24px;color:#081a3a}
.editorial-home .home-hero-mockup h1 span{display:inline-block;white-space:nowrap;color:#ff7515;background:linear-gradient(110deg,#ffad17,#ff5a13);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.editorial-home .home-hero-mockup .hero-copy p{font-size:clamp(15px,1.15vw,18px);line-height:1.65;max-width:620px;color:#526782;margin:0 0 26px}
.editorial-home .home-hero-mockup .hero-actions{gap:16px;flex-wrap:wrap}
.editorial-home .home-hero-mockup .button{font-family:'Segoe UI',Arial,sans-serif;border-radius:11px;padding:17px 24px;font-size:15px;font-weight:750;min-height:60px}
.editorial-home .home-hero-mockup .button.primary{background:linear-gradient(120deg,#ff9b0b,#ff7415);border:0;box-shadow:0 8px 18px #ed8a2430}
.editorial-home .home-hero-mockup .button.secondary{background:#fff9ef;border:1px solid #f7d9b1;color:#7c441e}
.editorial-home .home-hero-mockup .hero-highlights{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;font-size:12px;font-weight:600;color:#526782}
.editorial-home .home-hero-mockup .hero-highlights span:first-child{color:#198c48}
.editorial-home .home-hero-mockup .hero-highlights span:nth-child(2){color:#6750c9}
.editorial-home .home-hero-mockup .hero-highlights span:nth-child(3){color:#e34b57}
.editorial-home .home-hero-mockup .hero-photo{position:relative;align-self:stretch;width:100%;height:auto;min-height:540px;overflow:visible;isolation:isolate}
.editorial-home .home-hero-mockup .hero-photo::before{content:"";position:absolute;z-index:-2;inset:10px -65px -15px -15px;border-radius:48% 0 0 16%;background:linear-gradient(135deg,#ffefd6 8%,#ffbf4d 100%);height:auto}
.editorial-home .home-hero-mockup .hero-photo img{position:absolute;inset:auto -50px 0 -10px;width:calc(100% + 65px);height:100%;max-width:none;object-fit:cover;object-position:center center;transform:none;mask-image:linear-gradient(to bottom,#000 0%,#000 83%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 83%,transparent 100%);border-radius:40% 0 0 0}
.editorial-home .home-hero-mockup .hero-spark{position:absolute;color:#ff9a00;font-size:33px;font-weight:700;z-index:3;pointer-events:none}
.editorial-home .home-hero-mockup .spark-one{top:12%;left:11%}.editorial-home .home-hero-mockup .spark-two{top:25%;left:4%}.editorial-home .home-hero-mockup .spark-three{top:16%;right:4%;font-size:54px;color:#fff}
.editorial-home .home-content{position:relative}
.editorial-home .quick-grid{position:relative;z-index:3;margin-top:-14px}
.editorial-home .quick-card{border-radius:16px;box-shadow:0 8px 24px #9b6e3212}
@media(max-width:1100px){.editorial-home .home-hero-mockup .hero-inner{grid-template-columns:1.05fr 1fr;min-height:460px;padding:20px 26px 0}.editorial-home .home-hero-mockup h1{font-size:clamp(38px,4.7vw,56px)}.editorial-home .home-hero-mockup .hero-photo{min-height:440px}.editorial-home .home-hero-mockup .button{padding:13px 16px;min-height:50px;font-size:13px}.editorial-home .home-hero-mockup .hero-highlights{gap:9px}}
@media(max-width:900px){.editorial-home .home-hero-mockup .hero-inner{grid-template-columns:1fr;min-height:0;padding:26px 24px 0}.editorial-home .home-hero-mockup .hero-copy{padding:8px 0 20px}.editorial-home .home-hero-mockup h1{font-size:clamp(37px,7vw,56px)}.editorial-home .home-hero-mockup .hero-photo{width:min(100%,660px);height:400px;min-height:0;margin:0 auto}.editorial-home .home-hero-mockup .hero-photo::before{inset:0 -20px -15px}.editorial-home .home-hero-mockup .hero-photo img{inset:0 -10px 0 0;width:100%;height:100%;border-radius:26% 26% 0 0}.editorial-home .home-hero-mockup .hero-highlights{gap:12px}.editorial-home .quick-grid{margin-top:12px}}
@media(max-width:600px){.editorial-home .home-hero-mockup .hero-inner{padding:22px 18px 0}.editorial-home .home-hero-mockup .eyebrow{font-size:11px;padding:8px 12px;margin-bottom:16px}.editorial-home .home-hero-mockup h1{font-size:clamp(32px,8.1vw,44px);line-height:1.16;letter-spacing:-1.2px}.editorial-home .home-hero-mockup .hero-copy p{font-size:13px;line-height:1.65}.editorial-home .home-hero-mockup .hero-actions{gap:9px}.editorial-home .home-hero-mockup .button{font-size:12px;padding:12px 14px;min-height:47px}.editorial-home .home-hero-mockup .hero-highlights{font-size:11px;gap:10px;margin-top:20px}.editorial-home .home-hero-mockup .hero-photo{height:270px;width:100%}.editorial-home .home-hero-mockup .hero-photo img{object-position:center 40%}.editorial-home .home-hero-mockup .hero-spark{font-size:23px}.editorial-home .home-hero-mockup .spark-three{font-size:33px}}
@media(max-width:380px){.editorial-home .home-hero-mockup h1{font-size:30px}.editorial-home .home-hero-mockup .hero-photo{height:230px}.editorial-home .home-hero-mockup .hero-actions{flex-direction:column;align-items:stretch}}

/* V2: mockup-integrated photo, decorative SVGs and floating feature cards */
.editorial-home .home-hero-mockup{position:relative;overflow:hidden;background:linear-gradient(107deg,#fffefa 0%,#fffdfa 32%,#fff2d9 64%,#ffc45c 100%)}
.editorial-home .home-hero-mockup::after{content:"";position:absolute;pointer-events:none;bottom:-2px;left:-4%;width:108%;height:78px;background:#fff;clip-path:polygon(0 64%,11% 89%,25% 97%,43% 83%,58% 75%,72% 86%,88% 70%,100% 42%,100% 100%,0 100%);z-index:2}
.editorial-home .home-hero-mockup .hero-inner{max-width:1640px;grid-template-columns:minmax(0,1.02fr) minmax(0,1.12fr);gap:0;min-height:615px;padding:24px 5% 0}
.editorial-home .home-hero-mockup .hero-copy{padding-bottom:92px}
.editorial-home .home-hero-mockup .hero-photo{min-height:590px;margin-left:-52px;width:calc(100% + 80px);z-index:1}
.editorial-home .home-hero-mockup .hero-photo::before{inset:0 -55px -2px -5px;border-radius:45% 0 0 0;background:linear-gradient(140deg,#fff4dd,#ffb947)}
.editorial-home .home-hero-mockup .hero-photo img{inset:0 -40px 0 0;width:calc(100% + 40px);height:100%;object-fit:cover;object-position:52% 50%;border-radius:46% 0 0 0;mask-image:linear-gradient(to bottom,#000 0%,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 84%,transparent 100%)}
.editorial-home .home-hero-mockup .hero-doodle{position:absolute;z-index:4;pointer-events:none;color:#ff9b15}
.editorial-home .home-hero-mockup .hero-doodle svg{width:100%;height:100%}
.editorial-home .home-hero-mockup .doodle-bulb{width:57px;height:70px;top:4%;left:32%;transform:rotate(-13deg)}
.editorial-home .home-hero-mockup .doodle-english{font-family:cursive;font-size:25px;font-style:italic;top:25%;left:16%;transform:rotate(-17deg)}
.editorial-home .home-hero-mockup .doodle-rays{width:55px;height:55px;top:6%;left:5%}
.editorial-home .home-hero-mockup .doodle-growth{width:74px;height:74px;top:12%;right:3%;color:#fff}
.editorial-home .home-hero-mockup .doodle-star{font-size:38px;top:23%;left:9%}
.editorial-home .home-hero-mockup .hero-highlights{gap:18px}
.editorial-home .home-hero-mockup .hero-highlights span{display:inline-flex;align-items:center;gap:6px}
.editorial-home .home-content{max-width:1540px;padding-left:4%;padding-right:4%}
.editorial-home .quick-grid-mockup{margin-top:-55px;margin-bottom:38px;gap:18px;position:relative;z-index:6}
.editorial-home .quick-grid-mockup .quick-card{border:1px solid #f3ede7;border-radius:17px;min-height:123px;padding:18px 19px;background:#fff;box-shadow:0 10px 27px #8e6a2c19;gap:15px;align-items:center}
.editorial-home .quick-grid-mockup .quick-card:hover{transform:translateY(-3px);border-color:#ffd3a2;box-shadow:0 13px 28px #8e6a2c24}
.editorial-home .quick-grid-mockup .quick-card strong{font-family:'Segoe UI',Arial,sans-serif;font-size:15px;font-weight:750;letter-spacing:-.3px;line-height:1.35}
.editorial-home .quick-grid-mockup .quick-card small{font-size:11px;line-height:1.6;color:#576c87}
.editorial-home .quick-grid-mockup .quick-card .chevron{color:#f57912;font-size:28px}
.editorial-home .quick-grid-mockup .quick-icon{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center;border-radius:50%}
.editorial-home .quick-grid-mockup .quick-icon .icon{width:34px;height:34px}
.editorial-home .quick-grid-mockup .quick-ielts{background:#fff0d9;color:#f29a00}
.editorial-home .quick-grid-mockup .quick-lessons{background:#e9edff;color:#5751f3}
.editorial-home .quick-grid-mockup .quick-tests{background:#ffe7eb;color:#f44568}
.editorial-home .quick-grid-mockup .quick-manage{background:#e2f6e9;color:#26b05c}
@media(max-width:1200px){.editorial-home .home-hero-mockup .hero-inner{min-height:500px;padding-left:4%;padding-right:4%}.editorial-home .home-hero-mockup .hero-photo{min-height:485px;margin-left:-30px;width:calc(100% + 48px)}.editorial-home .home-hero-mockup .hero-copy{padding-bottom:78px}.editorial-home .quick-grid-mockup{gap:12px}.editorial-home .quick-grid-mockup .quick-card{padding:15px 12px;gap:9px}.editorial-home .quick-grid-mockup .quick-icon{width:48px;height:48px;flex-basis:48px}.editorial-home .quick-grid-mockup .quick-icon .icon{width:28px;height:28px}.editorial-home .quick-grid-mockup .quick-card strong{font-size:13px}}
@media(max-width:900px){.editorial-home .home-hero-mockup .hero-inner{grid-template-columns:1fr;padding:25px 24px 0}.editorial-home .home-hero-mockup .hero-copy{padding-bottom:15px}.editorial-home .home-hero-mockup .hero-photo{min-height:0;height:390px;width:min(100%,640px);margin:0 auto}.editorial-home .home-hero-mockup .hero-photo img{inset:0;width:100%;object-position:center 45%;border-radius:32% 32% 0 0}.editorial-home .home-hero-mockup .hero-photo::before{inset:0 -12px}.editorial-home .home-hero-mockup .hero-doodle{transform:scale(.8)}.editorial-home .home-hero-mockup::after{height:50px}.editorial-home .quick-grid-mockup{margin-top:-20px;grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-home .quick-grid-mockup .quick-card{min-height:104px}}
@media(max-width:600px){.editorial-home .home-hero-mockup .hero-inner{padding:20px 18px 0}.editorial-home .home-hero-mockup .hero-photo{height:275px}.editorial-home .home-hero-mockup .doodle-bulb{width:37px;height:46px}.editorial-home .home-hero-mockup .doodle-english{font-size:17px}.editorial-home .home-hero-mockup .doodle-growth{width:42px;height:42px}.editorial-home .home-hero-mockup .doodle-rays{width:35px;height:35px}.editorial-home .quick-grid-mockup{margin-top:-10px;gap:10px}.editorial-home .quick-grid-mockup .quick-card{padding:13px 10px;min-height:108px;gap:8px}.editorial-home .quick-grid-mockup .quick-icon{width:38px;height:38px;flex-basis:38px}.editorial-home .quick-grid-mockup .quick-icon .icon{width:24px;height:24px}.editorial-home .quick-grid-mockup .quick-card strong{font-size:12px}.editorial-home .quick-grid-mockup .quick-card small{font-size:10px}.editorial-home .quick-grid-mockup .quick-card .chevron{font-size:19px}}
@media(max-width:380px){.editorial-home .quick-grid-mockup{grid-template-columns:1fr}.editorial-home .quick-grid-mockup .quick-card{min-height:78px}}

/* Approved artwork mode: pixel-faithful desktop hero with real accessible links.
   Activates ONLY after the matching WebP has loaded; previous live layout is fallback. */
.editorial-home .mockup-hotspots{display:none}
@media(min-width:1200px){
 .editorial-home.has-approved-mockup .home-hero-mockup{display:block;position:relative;aspect-ratio:1672 / 815;min-height:0;background:#fff5e5 url('/assets/home/home-hero-approved-mockup.webp') center center / 100% 100% no-repeat;overflow:visible;border:0}
 .editorial-home.has-approved-mockup .home-hero-mockup::after{display:none}
 .editorial-home.has-approved-mockup .home-hero-mockup .hero-inner{position:absolute;inset:0;min-height:0;padding:0;visibility:hidden;pointer-events:none}
 .editorial-home.has-approved-mockup .home-hero-mockup .mockup-hotspots{display:block;position:absolute;inset:0;z-index:8}
 .editorial-home.has-approved-mockup .mockup-hotspot{position:absolute;display:block;border-radius:14px;outline-offset:3px}
 .editorial-home.has-approved-mockup .mockup-hotspot:hover{background:rgba(255,255,255,.09)}
 .editorial-home.has-approved-mockup .mockup-hotspot:focus-visible{outline:3px solid #173f87;background:rgba(255,255,255,.15)}
 .editorial-home.has-approved-mockup .hotspot-start{left:4.5%;top:55.7%;width:19.6%;height:9.2%}
 .editorial-home.has-approved-mockup .hotspot-teacher{left:25%;top:55.7%;width:19.5%;height:9.2%}
 .editorial-home.has-approved-mockup .hotspot-ielts{left:3.4%;top:82.2%;width:22%;height:14.6%}
 .editorial-home.has-approved-mockup .hotspot-courses{left:26.3%;top:82.2%;width:23%;height:14.6%}
 .editorial-home.has-approved-mockup .hotspot-tests{left:50.4%;top:82.2%;width:22.5%;height:14.6%}
 .editorial-home.has-approved-mockup .hotspot-management{left:73.8%;top:82.2%;width:22.8%;height:14.6%}
 .editorial-home.has-approved-mockup .quick-grid-mockup{display:none}
 .editorial-home.has-approved-mockup .home-content{padding-top:20px}
}

/* V3 — balance the complete mockup with the site content width.
   All hit areas remain percentage-based so they track the scaled artwork. */
@media(min-width:1200px){
 .editorial-home.has-approved-mockup{background:#fff}
 .editorial-home.has-approved-mockup .home-hero-mockup{
   width:min(100%,1340px);max-width:1340px;margin:0 auto;
   box-shadow:none;overflow:hidden;
 }
 .editorial-home.has-approved-mockup .mockup-hotspot{
   box-sizing:border-box;cursor:pointer;border:2px solid transparent;
   border-radius:clamp(8px,1vw,15px);
   transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
   -webkit-tap-highlight-color:transparent;
 }
 .editorial-home.has-approved-mockup .mockup-hotspot:hover{
   background:rgba(255,255,255,.13);
   border-color:rgba(255,255,255,.83);
   box-shadow:0 0 0 2px rgba(246,147,37,.38),0 9px 24px rgba(122,70,9,.19),inset 0 0 18px rgba(255,190,83,.13);
   transform:translateY(-3px);
 }
 .editorial-home.has-approved-mockup .hotspot-start:hover{
   background:rgba(255,179,38,.2);border-color:rgba(255,255,255,.88);
   box-shadow:0 0 0 2px rgba(255,133,16,.36),0 9px 23px rgba(202,94,11,.25);
 }
 .editorial-home.has-approved-mockup .hotspot-teacher:hover{
   background:rgba(255,237,204,.28);border-color:#f5a448;
 }
 .editorial-home.has-approved-mockup .mockup-hotspot:active{
   transform:translateY(0);box-shadow:inset 0 2px 10px rgba(108,70,28,.2);
 }
 .editorial-home.has-approved-mockup .mockup-hotspot:focus-visible{
   outline:3px solid #174a93;outline-offset:3px;
   background:rgba(255,255,255,.16);border-color:#fff;
 }
 .editorial-home.has-approved-mockup .home-content{padding-top:22px;max-width:1340px}
}
@media(prefers-reduced-motion:reduce){
 .editorial-home .mockup-hotspot,.editorial-home .quick-card,.editorial-home .program-card{transition:none!important}
 .editorial-home .mockup-hotspot:hover,.editorial-home .quick-card:hover{transform:none!important}
}
/* Consistent interactive feedback below the hero, on every viewport. */
.editorial-home .program-card,.editorial-home .quick-card,.editorial-home .exam-home-grid>a,
.editorial-home .skill-grid>a,.editorial-home .home-news-grid>a{
 transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
}
.editorial-home .program-card:hover,.editorial-home .quick-card:hover,
.editorial-home .exam-home-grid>a:hover,.editorial-home .skill-grid>a:hover,
.editorial-home .home-news-grid>a:hover{
 transform:translateY(-3px);box-shadow:0 12px 26px rgba(28,52,82,.12);
 border-color:#f5b977;
}
.editorial-home .program-card:focus-visible,.editorial-home .quick-card:focus-visible,
.editorial-home .exam-home-grid>a:focus-visible,.editorial-home .skill-grid>a:focus-visible,
.editorial-home .home-news-grid>a:focus-visible{outline:3px solid #ef8b20;outline-offset:3px}

/* V4: hotspot outlines must remain exactly over the buttons baked into the artwork.
   Moving the hotspot alone exposes a visibly misaligned border. */
@media(min-width:1200px){
 .editorial-home.has-approved-mockup .mockup-hotspot:hover,
 .editorial-home.has-approved-mockup .mockup-hotspot:active,
 .editorial-home.has-approved-mockup .mockup-hotspot:focus-visible{
   transform:none!important;
 }
 .editorial-home.has-approved-mockup .mockup-hotspot{
   transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease!important;
 }
}

/* V5: measured against 1535px screenshot: image top 153px, bottom 675px.
   Previous hitboxes began 5–8px above painted controls. Adjust Y only. */
@media(min-width:1200px){
 .editorial-home.has-approved-mockup .hotspot-start,
 .editorial-home.has-approved-mockup .hotspot-teacher{top:56.7%;height:8.7%}
 .editorial-home.has-approved-mockup .hotspot-ielts,
 .editorial-home.has-approved-mockup .hotspot-courses,
 .editorial-home.has-approved-mockup .hotspot-tests,
 .editorial-home.has-approved-mockup .hotspot-management{top:83.5%;height:14.4%}
 .editorial-home.has-approved-mockup .hotspot-teacher{left:25.3%}
 .editorial-home.has-approved-mockup .hotspot-courses{left:26.6%}
}

/* V6: artwork buttons are rasterized and cannot track a separate CSS outline pixel-perfectly.
   Keep invisible accessible click targets; use inner glow rather than offset outlines. */
@media(min-width:1200px){
 .editorial-home.has-approved-mockup .mockup-hotspot,
 .editorial-home.has-approved-mockup .mockup-hotspot:hover,
 .editorial-home.has-approved-mockup .mockup-hotspot:active{
   border:0!important;outline:0!important;outline-offset:0!important;
   box-shadow:none!important;transform:none!important;
   background:transparent!important;
 }
 .editorial-home.has-approved-mockup .mockup-hotspot:hover{
   box-shadow:inset 0 0 20px rgba(255,255,255,.24)!important;
   background:rgba(255,255,255,.065)!important;
 }
 .editorial-home.has-approved-mockup .hotspot-start:hover{
   box-shadow:inset 0 0 16px rgba(255,255,255,.32)!important;
 }
 .editorial-home.has-approved-mockup .mockup-hotspot:focus-visible{
   outline:2px dashed #173f87!important;outline-offset:2px!important;
 }
}

/* V7 — final restrained hover polish: no exterior rings, no offset motion.
   The artwork already contains the orange button border; do not duplicate it. */
@media(min-width:1200px){
 .editorial-home.has-approved-mockup .mockup-hotspot{
   border-radius:10px;
   transition:background-color .16s ease,box-shadow .16s ease,filter .16s ease!important;
 }
 .editorial-home.has-approved-mockup .mockup-hotspot:hover{
   background:rgba(255,255,255,.055)!important;
   box-shadow:inset 0 0 14px rgba(255,255,255,.13)!important;
 }
 .editorial-home.has-approved-mockup .hotspot-start:hover{
   background:rgba(255,255,255,.035)!important;
   box-shadow:inset 0 0 11px rgba(255,255,255,.14)!important;
 }
 .editorial-home.has-approved-mockup .hotspot-ielts:hover,
 .editorial-home.has-approved-mockup .hotspot-courses:hover,
 .editorial-home.has-approved-mockup .hotspot-tests:hover,
 .editorial-home.has-approved-mockup .hotspot-management:hover{
   background:rgba(255,248,229,.13)!important;
   box-shadow:inset 0 0 16px rgba(255,165,45,.13)!important;
 }
 .editorial-home.has-approved-mockup .mockup-hotspot:active{
   background:rgba(255,184,65,.11)!important;
   box-shadow:inset 0 0 15px rgba(123,76,18,.14)!important;
 }
}

/* Mobile: the decorative English word overlaps the boy's hair.
   Keep desktop artwork unchanged. */
@media(max-width:900px){
 .editorial-home .home-hero-mockup .doodle-english{display:none!important}
}

/* V8 — compact, readable mobile hero. Desktop approved mockup untouched. */
@media(max-width:600px){
 .editorial-home .home-hero-mockup .hero-inner{
   display:grid;grid-template-columns:minmax(0,1fr);
   gap:0;min-height:0;padding:16px 16px 0;
 }
 .editorial-home .home-hero-mockup .hero-copy{
   width:100%;max-width:100%;padding:0 0 10px;min-width:0;
 }
 .editorial-home .home-hero-mockup .eyebrow{
   font-size:10px;padding:7px 11px;margin-bottom:12px;
   letter-spacing:0;
 }
 .editorial-home .home-hero-mockup h1{
   font-size:clamp(29px,7.6vw,39px);line-height:1.13;
   letter-spacing:-1.1px;margin:0 0 12px;
 }
 .editorial-home .home-hero-mockup h1 span{white-space:normal}
 .editorial-home .home-hero-mockup .hero-copy p{
   font-size:12.5px;line-height:1.5;margin:0 0 15px;
   max-width:100%;
 }
 .editorial-home .home-hero-mockup .hero-actions{
   display:grid;grid-template-columns:1fr 1fr;gap:8px;
   align-items:stretch;
 }
 .editorial-home .home-hero-mockup .hero-actions .button{
   width:100%;min-width:0;min-height:45px;
   padding:10px 7px;font-size:11px;gap:5px;
   line-height:1.3;text-align:center;border-radius:11px;
 }
 .editorial-home .home-hero-mockup .hero-actions .button .icon{
   width:16px;height:16px;
 }
 .editorial-home .home-hero-mockup .hero-highlights{display:none}
 .editorial-home .home-hero-mockup .hero-photo{
   height:clamp(205px,56vw,280px);min-height:0;
   width:100%;max-width:100%;margin:14px auto 0;
   overflow:hidden;border-radius:24% 24% 0 0;
 }
 .editorial-home .home-hero-mockup .hero-photo img{
   inset:0!important;width:100%!important;height:100%!important;
   object-fit:cover;object-position:50% 42%;
   border-radius:24% 24% 0 0;
   mask-image:linear-gradient(to bottom,#000 0%,#000 89%,transparent 100%);
   -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 89%,transparent 100%);
 }
 .editorial-home .home-hero-mockup .hero-photo::before{
   inset:0!important;border-radius:24% 24% 0 0;
 }
 .editorial-home .home-hero-mockup .doodle-english{display:none!important}
 .editorial-home .home-hero-mockup .doodle-growth{display:none}
 .editorial-home .home-hero-mockup::after{height:30px}
 .editorial-home .quick-grid-mockup{
   display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
   gap:9px;margin-top:6px;margin-bottom:22px;
 }
 .editorial-home .quick-grid-mockup .quick-card{
   min-width:0;min-height:84px;padding:10px 8px;
   gap:7px;border-radius:12px;
 }
 .editorial-home .quick-grid-mockup .quick-icon{
   width:34px;height:34px;flex:0 0 34px;
 }
 .editorial-home .quick-grid-mockup .quick-icon .icon{
   width:21px;height:21px;
 }
 .editorial-home .quick-grid-mockup .quick-card strong{
   font-size:11px;line-height:1.25;
 }
 .editorial-home .quick-grid-mockup .quick-card small{
   font-size:9px;line-height:1.3;
 }
 .editorial-home .quick-grid-mockup .quick-card .chevron{
   font-size:15px;
 }
 .editorial-home .home-content{padding:16px 14px 24px}
}
@media(max-width:380px){
 .editorial-home .quick-grid-mockup{grid-template-columns:repeat(2,minmax(0,1fr))}
 .editorial-home .home-hero-mockup .hero-actions{grid-template-columns:1fr 1fr}
 .editorial-home .home-hero-mockup h1{font-size:clamp(27px,7.3vw,32px)}
}
