/* Room for the 150% typography without scaling the entire page. */
.header{height:auto;min-height:120px;flex-wrap:wrap;gap:20px;padding-top:24px;padding-bottom:24px}.header nav{flex-wrap:wrap;justify-content:center}.header-phone{white-space:nowrap}.hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);padding-top:55px;gap:45px}.hero-copy{overflow-wrap:break-word}.hero .hero-title .orange{display:inline}.hero .hero-title svg{display:none}.hero .actions{gap:20px}.hero-notes{flex-wrap:wrap}.hero-art .floating-tag{left:15px}.hero-art .window-bar{gap:5px}.hero-art .code-content{overflow:hidden}.section-head{align-items:start}.section-head>p{max-width:35%;flex-shrink:1}.ticker-inner{justify-content:center;gap:20px 30px}.course-top{height:auto;min-height:60px}.course h3{min-height:0}.course>p{min-height:0}.course-ages{min-height:0;margin-top:auto}.course-collage{margin-top:24px}.course-collage .collage-label{font-size:10.5px}.course-top .pill{max-width:80%}.course .course-collage{flex-shrink:0}.planned{min-height:0}.planned-list{margin-bottom:20px}.teachers{grid-template-columns:1fr 1fr}.teachers>div:first-child{grid-column:1/-1}.about-grid{gap:40px}.pricing{row-gap:20px}.price-card{grid-row:span 5;grid-template-rows:subgrid;row-gap:20px;padding:35px}.price-card h3,.price-card>p{margin:0}.price-card .price{white-space:normal;margin:15px 0}.price-card>.button{height:auto;min-height:81px;width:100%;white-space:normal}.price-card>.pill{align-self:start}.button{padding:22px 25px}.contact-rearranged{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px}.contact-messengers .button{max-width:none;min-height:81px;padding:20px 15px}.contact-strip{flex-wrap:wrap}.contact-strip h3{overflow-wrap:break-word}.video-placeholder{aspect-ratio:auto;min-height:280px;text-align:center}.footer{flex-wrap:wrap;padding-top:30px;padding-bottom:30px}.entrance-guide figcaption{padding:20px}.entrance-guide h3{font-size:27px}.map-with-entrance{grid-template-columns:minmax(0,1fr) 340px}.entrance-help a{font-size:21px}.faq summary{align-items:center}.photo-note{left:0}
@media(max-width:1200px){.header nav{order:3;width:100%}.header-phone{display:block;margin-left:auto}.hero{grid-template-columns:minmax(0,1fr)}.hero-art{width:min(100%,530px);justify-self:center;margin-top:30px}.hero .hero-title{font-size:clamp(54px,7.5vw,81px)}.about-grid{grid-template-columns:1fr}.photo-composition{width:min(100%,600px);justify-self:center}.section-head{flex-wrap:wrap}.section-head>p{max-width:100%}.contact-rearranged{grid-template-columns:1fr}.contact-messengers{padding-top:0}.contact-messengers .actions{grid-template-columns:1fr 1fr}.contact-rearranged .contact-strip{grid-column:1}}
@media(max-width:760px){.header{min-height:90px;gap:10px;padding-top:20px;padding-bottom:20px}.header-phone{display:none}.brand{font-size:27px}.header nav{width:auto;order:initial}.header .menu{flex-shrink:0}.hero{padding-top:25px}.hero .hero-title{font-size:clamp(54px,13.5vw,73.5px)}.hero .lead{font-size:22.5px}.hero .eyebrow{font-size:13.5px}.hero-art{height:420px}.hero-art .code-content{font-size:10.5px}.hero-art .floating-tag{font-size:13px}.hero-art .window-bar{font-size:11px}.hero-art .sticker{font-size:15px}.hero-notes{gap:15px}.section-head>p{max-width:100%}h2{overflow-wrap:break-word}.teachers{grid-template-columns:1fr}.teachers>div:first-child{grid-column:auto}.course h3{font-size:36px}.price-card{padding:25px}.price-card h3{font-size:31.5px}.contact-messengers .actions{grid-template-columns:1fr}.contact-messengers .button{font-size:19.5px}.map-with-entrance{grid-template-columns:1fr}.entrance-guide{display:flex}.entrance-guide>img{max-height:400px;object-fit:contain}.contact-strip .phone{font-size:25px}.footer .brand{font-size:27px}.course-help{font-size:16.5px}.ticker-inner{font-size:16.5px}.ticker-inner span{font-size:15px}}
.course .exam-books{height:auto;min-height:340px;padding:48px 20px 20px;margin-top:24px}.book-covers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:end}.book-covers figure{margin:0;min-width:0}.book-covers figure:first-child{transform:rotate(-3deg)}.book-covers figure:last-child{transform:rotate(3deg)}.book-covers img{display:block;width:100%;height:auto;max-height:290px;object-fit:contain;filter:drop-shadow(0 5px 5px #24252b18)}.book-covers figcaption{text-align:center;font-size:14px;font-weight:600;margin-top:12px}.exam-books .collage-label{right:12px;line-height:1.5}@media(max-width:760px){.course .exam-books{min-height:0;padding:50px 15px 20px}.book-covers{gap:15px}.book-covers img{max-height:270px}.book-covers figcaption{font-size:13px}}
.course .exam-books{padding:55px 20px 15px;overflow:hidden}.exam-books .book-covers{display:block;position:relative;height:355px}.exam-books .book-covers figure{position:absolute;width:min(56%,215px);padding:7px;background:#fff;border:1px solid #24252b15;border-radius:8px;box-shadow:0 5px 14px #24252b10;transition:transform .25s ease}.exam-books .book-covers figure:first-child{left:3%;top:0;transform:rotate(-8deg);z-index:1}.exam-books .book-covers figure:last-child{right:3%;top:25px;transform:rotate(7deg);z-index:2}.exam-books .book-covers img{width:100%;height:auto;max-height:none;filter:none;object-fit:contain}.exam-books .book-covers figcaption{font-size:12px;line-height:1.5;margin:7px 0 1px}.exam-books .book-covers figure:hover{transform:rotate(0deg);z-index:3}@media(max-width:1050px) and (min-width:761px){.exam-books .book-covers{height:300px}}@media(max-width:760px){.exam-books .book-covers{height:340px}.course .exam-books{padding:50px 15px 12px}}@media(max-width:430px){.exam-books .book-covers{height:280px}.exam-books .book-covers figure{width:56%;padding:5px}.exam-books .book-covers figure:first-child{left:1%}.exam-books .book-covers figure:last-child{right:1%}.exam-books .book-covers figcaption{font-size:10px}}@media(prefers-reduced-motion:reduce){.exam-books .book-covers figure{transition:none}}
.course .future-collage{height:400px;min-height:400px;margin:24px 0;overflow:hidden;background:#ffffff40}.future-screen{position:absolute;margin:0;padding:6px;background:#fff;border:1px solid #24252b20;border-radius:9px;box-shadow:0 5px 12px #24252b12;transition:transform .25s ease}.future-screen figcaption{font-size:11px;line-height:1.4;font-weight:600;padding:4px 5px 7px}.future-screen img{display:block;width:100%;height:auto;border-radius:3px}.future-blender{left:14px;top:46px;width:68%;transform:rotate(-5deg);z-index:1}.future-printer{right:12px;top:112px;width:39%;transform:rotate(6deg);z-index:2}.future-printer img{height:170px;object-fit:cover;object-position:center}.future-animation{left:25px;bottom:18px;width:65%;transform:rotate(3deg);z-index:3}.future-screen:hover{transform:rotate(0);z-index:4}.planned .planned-note{margin-top:0}@media(max-width:1050px) and (min-width:761px){.course .future-collage{height:350px;min-height:350px}.future-screen figcaption{font-size:9px}.future-printer img{height:140px}}@media(max-width:430px){.course .future-collage{height:340px;min-height:340px}.future-screen figcaption{font-size:9px}.future-printer img{height:145px}.future-blender{left:10px}.future-animation{left:15px;bottom:20px}}@media(prefers-reduced-motion:reduce){.future-screen{transition:none}}
.brand .brand-icon{flex:0 0 46px;width:46px;height:46px;padding:5px;font-size:20px;line-height:1;letter-spacing:0;border-radius:13px;overflow:hidden}.brand-icon svg{display:block;width:36px;height:36px;flex-shrink:0}.footer .brand .brand-icon{flex-basis:38px;width:38px;height:38px;padding:4px;border-radius:11px}.footer .brand-icon svg{width:30px;height:30px}

/* First-screen offer and a clear, separate address below the map heading. */
.hero .lead { margin: 0 0 12px; line-height: 1.5; }
.hero .lead br { display: initial; }
.hero-format { margin: 0 0 20px; font-size: 18px; color: var(--muted); }
.hero-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 18px; margin: 0 0 26px; font-size: 17px; }
.hero-price strong { font-family: 'Manrope', sans-serif; font-size: 29px; letter-spacing: -.03em; white-space: nowrap; }
.hero-price small { font-family: 'Golos Text', sans-serif; font-size: 16px; font-weight: 400; color: var(--muted); letter-spacing: 0; }
.studio-map .section-head { display: block; }
.studio-map .section-head > p { max-width: none; margin: 16px 0 0; line-height: 1.65; }

/* Messenger choice: native modal, two direct links, an optional text copy. */
html.enquiry-open { overflow: hidden; }
.enquiry-dialog { width: min(540px, calc(100% - 32px)); max-height: calc(100dvh - 32px); padding: 32px; border: 1px solid var(--line); border-radius: 24px; background: var(--bg); color: var(--ink); overflow: auto; overscroll-behavior: contain; }
.enquiry-dialog::backdrop { background: rgb(28 30 37 / 55%); backdrop-filter: blur(4px); }
.enquiry-dialog .eyebrow { padding-right: 35px; margin: 0 0 18px; font-size: 10px; }
.enquiry-dialog h2 { margin: 0 0 12px; font-size: 34px; letter-spacing: -.04em; }
.enquiry-dialog #enquiry-description { font-size: 17px; line-height: 1.5; margin: 0 0 18px; color: var(--muted); }
.dialog-close { position: absolute; top: 12px; right: 12px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: transparent; color: var(--ink); font-size: 30px; cursor: pointer; }
.dialog-close:hover { background: #24252b0a; }
.enquiry-context { margin: 0 0 18px; padding: 11px 14px; border-radius: 12px; background: #e9e4f6; font-size: 15px; font-weight: 600; line-height: 1.45; }
.draft-label { display: block; font-size: 13px; color: var(--muted); margin-bottom: 8px; }
.enquiry-message { display: block; width: 100%; min-height: 142px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: var(--ink); font: 16px/1.5 'Golos Text', Arial, sans-serif; resize: none; overflow: hidden; }
.enquiry-message:focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }
.copy-message { display: flex; justify-content: space-between; align-items: center; gap: 12px; width: 100%; min-height: 44px; margin: 4px 0 18px; padding: 6px 2px; border: 0; background: none; color: var(--ink); font-size: 14px; cursor: pointer; text-align: left; }
.copy-message:hover { color: var(--orange); }
.enquiry-channels { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.enquiry-channels .button { min-height: 56px; padding: 14px 18px; font-size: 18px; gap: 12px; }
.enquiry-status { min-height: 42px; font-size: 13px; line-height: 1.5; color: var(--muted); margin: 14px 0 6px; }
.enquiry-phone { display: block; width: fit-content; font-size: 14px; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; }
.mobile-contact { display: none; }

/* Mobile uses its own type and spacing scale; all course examples stay visible. */
@media (max-width: 760px) {
 .wrap { padding-left: 20px; padding-right: 20px; }
 .header { min-height: 76px; padding-top: 16px; padding-bottom: 16px; gap: 8px; }
 .brand, .footer .brand { font-size: 24px; }
 .brand .brand-icon { flex-basis: 38px; width: 38px; height: 38px; padding: 4px; border-radius: 11px; margin-right: 8px; }
 .brand-icon svg { width: 30px; height: 30px; }
 .header .menu { width: 44px; height: 44px; font-size: 26px; }
 .hero { min-height: 0; padding-top: 25px; padding-bottom: 28px; gap: 0; }
 .hero .hero-title { font-size: clamp(40px, 11.2vw, 66px); line-height: 1.1; letter-spacing: -.055em; margin-bottom: 22px; }
 .hero .eyebrow { font-size: 11px; letter-spacing: 1px; margin-bottom: 20px; }
 .hero .lead { font-size: 19px; line-height: 1.5; margin-bottom: 10px; }
 .hero-format { font-size: 15px; line-height: 1.5; margin-bottom: 16px; }
 .hero-price { gap: 4px 12px; margin-bottom: 20px; font-size: 14px; }
 .hero-price strong { font-size: 25px; }
 .hero-price small { font-size: 14px; }
 .hero .actions { display: grid; grid-template-columns: auto 1fr; gap: 12px; }
 .hero .button { font-size: 15px; padding: 15px 12px; gap: 8px; white-space: nowrap; }
 .hero .text-link { font-size: 13px; justify-self: end; }
 .hero .text-link span { margin-left: 4px; }
 .hero-notes { margin-top: 22px; gap: 8px 20px; font-size: 13px; }
 .hero-notes b { font-size: 19px; }
 .hero-art { width: min(100%, 350px); height: 320px; margin-top: 18px; }
 .hero-art .code-content { font-size: 10px; padding-bottom: 15px; gap: 5px; }
 .hero-art .window-bar { font-size: 10px; padding-bottom: 8px; }
 .hero-art .game-preview { height: 155px; }
 .hero-art .game-caption { font-size: 8px; }
 .hero-art .floating-tag { font-size: 10px; padding: 8px 12px; left: 24px; top: 2px; }
 .hero-art .sticker { font-size: 12px; padding: 10px 15px; bottom: 5px; }
 .hero-art .sticker span { font-size: 28px; }
 .hero-art .spark { font-size: 48px; }
 .hero-art .orbit { width: 80%; height: 82%; }
 .hero-art .orbit-two { width: 80%; height: 70%; }
 .hero-art .bot { scale: .78; transform-origin: bottom left; left: 65px; }
 .hero-art .game-message { font-size: 10px; padding: 5px 7px; }
 .ticker-inner { gap: 8px 12px; padding-top: 14px; padding-bottom: 14px; }
 .ticker-inner span { font-size: 12px; }
 .ticker-inner i { font-size: 21px; }
 .section { padding-top: 42px; padding-bottom: 42px; }
 h2, .teachers h2, .studio-map h2 { font-size: clamp(30px, 8vw, 40px); line-height: 1.18; letter-spacing: -.04em; }
 .eyebrow { font-size: 10px; letter-spacing: 1.2px; margin-bottom: 14px; }
 .section-head { display: block; margin-bottom: 24px; }
 .section-head .eyebrow { margin-bottom: 12px; }
 .section-head > p { margin-top: 14px; font-size: 16px; line-height: 1.55; }
 .courses { gap: 18px; }
 .course { padding: 22px; min-height: 0; border-radius: 18px; }
 .course-top { min-height: 32px; margin-bottom: 16px; gap: 12px; }
 .course-top .pill { padding: 6px 9px; font-size: 10px; line-height: 1.5; }
 .course-symbol { font-size: 30px; }
 .course h3 { font-size: clamp(25px, 7vw, 32px); line-height: 1.2; margin-bottom: 14px; }
 .course h3 br { display: none; }
 .course > p { font-size: 17px; line-height: 1.6; margin-bottom: 16px; }
 .course-ages { font-size: 15px; line-height: 1.6; gap: 4px; margin: 0 0 16px; }
 .course .course-collage { margin: 0 0 20px; width: 100%; max-width: 360px; align-self: center; }
 .course .real-collage { height: 255px; }
 .course .collage-label { font-size: 9px; letter-spacing: .7px; line-height: 1.5; right: 12px; }
 .screen-panel figcaption { font-size: 11px; padding-bottom: 5px; }
 .screen-kumir { top: 38px; left: 10px; }
 .screen-piktomir { top: 65px; right: 10px; }
 .real-basics .screen-python { left: 14px; bottom: 12px; }
 .real-games .screen-python { right: 12px; bottom: 12px; }
 .real-basics .screen-python img { height: 86px; }
 .real-games .screen-python img { height: 100px; }
 .screen-rpg { top: 38px; left: 12px; }
 .course .exam-books { min-height: 0; height: auto; padding: 45px 12px 12px; }
 .exam-books .book-covers { height: clamp(220px, 64vw, 280px); }
 .exam-books .book-covers figure { width: min(55%, 168px); padding: 5px; }
 .exam-books .book-covers figcaption { font-size: 10px; }
 .course .future-collage { height: 285px; min-height: 285px; }
 .future-blender { top: 50px; left: 10px; }
 .future-printer { top: 95px; right: 10px; }
 .future-printer img { height: 125px; }
 .future-animation { left: 15px; bottom: 14px; }
 .future-screen figcaption { font-size: 9px; }
 .planned-list { font-size: 16px; line-height: 1.5; gap: 8px; margin-bottom: 20px; }
 .course > .planned-note { font-size: 15px; line-height: 1.6; margin: 0 0 18px; }
 .course > a { font-size: 16px; padding-top: 15px; min-height: 44px; }
 .course-help { font-size: 15px; padding-top: 22px; }
 .about-grid { gap: 24px; }
 .body-copy, .teachers .body-copy { font-size: 17px; line-height: 1.65; margin-top: 18px; max-width: none; }
 .about-features { margin-top: 22px; }
 .about-features > div { gap: 14px; margin-top: 18px; }
 .about-features b { font-size: 14px; }
 .about-features span { font-size: 15px; }
 .about-features strong { font-size: 17px; }
 .photo-composition { min-height: 310px; margin-top: 0; }
 .studio-main { height: 265px; border-top-left-radius: 65px; }
 .studio-detail { height: 175px; }
 .photo-note { font-size: 16px; padding: 12px 16px; bottom: 20px; }
 .photo-note b { font-size: 23px; }
 .teachers { gap: 26px; }
 .teacher { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 14px; align-items: start; }
 .teacher .initials { width: 42px; height: 42px; margin: 0; font-size: 19px; }
 .teacher h3 { font-size: 19px; margin: 0 0 10px; }
 .teacher p { font-size: 15px; line-height: 1.65; margin: 0; }
 .price-card { grid-row: auto; grid-template-rows: auto minmax(58px, auto) minmax(54px, 1fr) auto auto; gap: 16px; padding: 24px; min-height: 380px; }
 .price-card > .pill { font-size: 10px; }
 .price-card h3 { font-size: 26px; line-height: 1.25; }
 .price-card > p { font-size: 17px; line-height: 1.55; }
 .price-card .price { font-size: 46px; margin: 4px 0; }
 .price span { font-size: 15px; }
 .price-card > .button { font-size: 16px; min-height: 54px; padding: 14px 18px; }
 .reviews, .faq { padding-top: 0; }
 .video-grid { gap: 12px; }
 .video-placeholder { min-height: 150px; padding: 18px; }
 .video-mark { width: 34px; height: 34px; font-size: 27px; margin-bottom: 10px; }
 .video-label { font-size: 16px; }
 .video-placeholder small { font-size: 13px; }
 .faq h2 { margin-bottom: 20px; }
 .faq summary { font-size: 17px; line-height: 1.5; padding: 18px 0; gap: 14px; }
 .faq details p { font-size: 16px; line-height: 1.65; margin-bottom: 20px; }
 .contact-section { padding: 42px 0; }
 .contact-rearranged { gap: 24px; }
 .contact-section h2 { font-size: 34px; line-height: 1.2; }
 .contact-section p { font-size: 17px; line-height: 1.65; margin-top: 18px; }
 .contact-intro > p br { display: none; }
 .contact-messengers .button { min-height: 54px; font-size: 17px; padding: 14px 18px; }
 .contact-section .contact-hint { font-size: 13px; margin-top: 12px; }
 .contact-rearranged .contact-strip { padding: 22px; gap: 18px; }
 .contact-strip h3 { font-size: 24px; margin-top: 8px; }
 .contact-strip .eyebrow { font-size: 10px; }
 .contact-strip .phone { font-size: 23px; }
 .contact-section .contact-strip > p { font-size: 15px; }
 .studio-map { padding-top: 42px; padding-bottom: 30px; }
 .studio-map .section-head > p { font-size: 16px; margin-top: 12px; }
 .map-with-entrance { gap: 18px; }
 .map-with-entrance .map-frame iframe { height: 300px; min-height: 300px; }
 .entrance-guide h3 { font-size: 24px; }
 .entrance-guide .eyebrow { font-size: 10px; }
 .entrance-guide figcaption p, .entrance-help { font-size: 15px; }
 .entrance-guide > img { max-height: 300px; }
 .entrance-help a { font-size: 20px; }
 .footer { padding-top: 22px; padding-bottom: 22px; }
 .footer p, .footer > span { font-size: 14px; }
 .credits-note { font-size: 12px; padding-bottom: 90px; }
 .mobile-contact:not([hidden]) { display: inline-flex; align-items: center; gap: 18px; position: fixed; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom)); z-index: 30; background: var(--orange); color: #fff; padding: 13px 20px; border: 2px solid var(--bg); border-radius: 30px; font-size: 16px; font-weight: 600; box-shadow: 0 4px 16px #24252b26; }
 .enquiry-dialog { padding: 24px 20px; border-radius: 20px; }
 .enquiry-dialog h2 { font-size: 28px; }
 .enquiry-dialog #enquiry-description { font-size: 16px; }
 .enquiry-channels .button { font-size: 17px; padding: 14px; }
}
@media (max-width: 380px) {
 .wrap { padding-left: 16px; padding-right: 16px; }
 .brand, .footer .brand { font-size: 21px; }
 .brand .brand-icon { flex-basis: 34px; width: 34px; height: 34px; padding: 3px; }
 .brand-icon svg { width: 28px; height: 28px; }
 .hero .actions { grid-template-columns: 1fr; gap: 14px; }
 .hero .text-link { justify-self: center; }
 .course { padding: 18px; }
 .hero-art .code-content { font-size: 9px; }
}

/* Teacher portraits and the new AI direction. */
.teacher { display: grid; grid-template-columns: 144px minmax(0, 1fr); align-items: start; gap: 22px; padding: 24px; min-width: 0; background: #fff9; border: 1px solid var(--line); border-radius: 22px; }
.teacher-photo { display: block; width: 144px; height: 144px; object-fit: cover; border-radius: 17px; }
.teacher h3 { margin: 0 0 14px; line-height: 1.3; }
.teacher p { margin: 0; line-height: 1.7; }
.course .ai-collage { position: relative; align-self: center; width: 100%; max-width: 480px; height: 430px; margin: 8px 0 24px; background: #ffffff40; overflow: hidden; }
.ai-prompt, .ai-local { position: absolute; border-radius: 14px; box-shadow: 0 8px 20px #24252b12; }
.ai-card-caption { display: block; font-size: 9px; font-weight: 700; letter-spacing: 1px; margin-bottom: 10px; }
.ai-prompt { top: 51px; left: 6%; width: 79%; padding: 20px; background: #fff; border: 1px solid #24252b15; transform: rotate(-4deg); }
.ai-prompt strong { display: block; font: 700 20px/1.3 'Manrope', sans-serif; letter-spacing: -.4px; }
.ai-prompt-parts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.ai-prompt-parts span { padding: 5px 9px; border-radius: 6px; background: #e9e4f6; font-size: 11px; }
.ai-local { top: 212px; right: 5%; width: 78%; display: grid; grid-template-columns: 48px 1fr; align-items: center; gap: 0 14px; padding: 18px; background: #292c34; color: #fff; transform: rotate(4deg); }
.ai-local svg { width: 48px; height: 42px; fill: none; stroke: #d9eaa7; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.ai-local .ai-card-caption { color: #c0c6d4; margin-bottom: 5px; }
.ai-local strong { display: block; font: 700 21px/1.3 'Manrope', sans-serif; }
.ai-local p { grid-column: 1/-1; margin: 13px 0 0; color: #d9eaa7; font-size: 11px; line-height: 1.5; }
.ai-result { position: absolute; left: 8%; bottom: 16px; display: flex; align-items: center; gap: 14px; max-width: 85%; padding: 9px 12px; border-radius: 8px; background: #dfeab7; font-size: 12px; font-weight: 600; transform: rotate(-2deg); }
.ai-result b { font-size: 21px; line-height: 1; }
@media (min-width: 761px) and (max-width: 1050px) {
 .teachers { grid-template-columns: 1fr; }
 .teacher { grid-template-columns: 160px minmax(0, 1fr); }
 .teacher-photo { width: 160px; height: 160px; }
 .ai-prompt strong { font-size: 17px; }
 .ai-local { grid-template-columns: 36px 1fr; gap: 0 10px; }
 .ai-local svg { width: 36px; }
 .ai-local strong { font-size: 18px; }
 .ai-result { font-size: 10px; gap: 8px; }
}
@media (max-width: 760px) {
 .teacher { grid-template-columns: 104px minmax(0, 1fr); gap: 16px; padding: 18px; border-radius: 18px; }
 .teacher-photo { width: 104px; height: 104px; border-radius: 13px; }
 .teacher > div { display: contents; }
 .teacher h3 { margin: 0; align-self: center; }
 .teacher p { grid-column: 1 / -1; font-size: 15px; line-height: 1.65; }
 .course .ai-collage { height: 370px; margin: 0 0 20px; }
 .ai-prompt { top: 44px; padding: 14px; width: 84%; left: 5%; }
 .ai-prompt strong { font-size: 16px; }
 .ai-prompt-parts { margin-top: 10px; gap: 4px; }
 .ai-prompt-parts span { padding: 4px 7px; font-size: 10px; }
 .ai-card-caption { font-size: 8px; letter-spacing: .7px; margin-bottom: 8px; }
 .ai-local { top: 185px; right: 5%; width: 84%; grid-template-columns: 36px 1fr; gap: 0 10px; padding: 14px; }
 .ai-local svg { width: 36px; }
 .ai-local strong { font-size: 17px; }
 .ai-local p { font-size: 9px; margin-top: 10px; }
 .ai-result { font-size: 10px; gap: 8px; bottom: 14px; padding: 7px 9px; }
}
@media (max-width: 380px) {
 .teacher { grid-template-columns: 1fr; }
 .teacher-photo { width: 120px; height: 120px; }
 .ai-prompt strong { font-size: 15px; }
 .ai-result { font-size: 9px; gap: 5px; }
}