/* EL Yoga v1.3 — real studio, interior pages, mobile footer */
html{min-height:100%}body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;margin:0}body>.el-site.el-main,body>.el-site.el-detail-page,body>.el-site:has(>.el-page),body>.el-site:has(>.el-woocommerce){flex:1 0 auto}body>.el-site:has(>.el-footer){margin-top:auto;flex-shrink:0;width:100%}body>.el-site .el-footer{position:relative;bottom:auto;width:100%}
.el-detail-page{background:#fffdf9;color:#493024}.el-inner-hero{height:clamp(330px,38vw,500px);position:relative;display:flex;align-items:flex-end;overflow:hidden}.el-inner-hero-image{position:absolute;inset:0;background-position:center 48%;background-size:cover}.el-inner-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#39271a25,#291a15c2)}.el-inner-hero-text{position:relative;z-index:1;color:white;padding-bottom:58px}.el-inner-hero-text h1{font-size:clamp(34px,5vw,60px);color:white;margin:8px 0 14px;line-height:1.3}.el-inner-hero-text p{color:#fff9f0;max-width:570px}.el-kicker,.el-section-intro span{font-size:12px;letter-spacing:.08em;color:#ad8267}.el-inner-hero .el-kicker{color:#f2d8bd}.el-inner-section{padding-block:75px}.el-section-intro{margin-bottom:30px}.el-section-intro h2{font-size:clamp(27px,3.5vw,40px);margin:9px 0 10px;color:#493024}.el-section-intro p{color:#816e61;max-width:720px}.el-inner-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.el-inner-card{overflow:hidden;background:#f9f3ec;border:1px solid #eee4d9;border-radius:20px;transition:transform .2s,box-shadow .2s}.el-inner-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #49302412}.el-inner-card img{width:100%;height:265px;object-fit:cover;display:block}.el-inner-card>div{padding:22px}.el-inner-card h3{font-size:21px;color:#493024;margin:0 0 8px}.el-inner-card p{font-size:14px;line-height:1.9;color:#7b6556;min-height:52px}.el-inner-card a,.el-teacher-placeholder a{color:#6b4635;font-weight:700;text-decoration:none}.el-about-split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.el-about-split>img{width:100%;height:550px;object-fit:cover;border-radius:22px}.el-about-split h2{font-size:clamp(29px,3.4vw,45px)}.el-about-split p{line-height:2.2;color:#6f594c}.el-gallery-section{padding-bottom:90px}.el-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.el-gallery-grid a{display:block;overflow:hidden;border-radius:16px;background:#eee4db}.el-gallery-grid a:first-child{grid-column:span 2;grid-row:span 2}.el-gallery-grid img{display:block;width:100%;height:100%;min-height:160px;aspect-ratio:1.1;object-fit:cover;transition:transform .35s}.el-gallery-grid a:hover img{transform:scale(1.04)}.el-inner-cta{background:#4d3529;color:#fff;padding:65px 0;text-align:center}.el-inner-cta h2{color:white;font-size:clamp(26px,3vw,39px);margin:10px 0}.el-inner-cta p{color:#f0dfd1}.el-inner-cta span{font-size:12px;color:#d7b8a1}.el-inner-cta .el-btn{margin-top:12px}.el-teacher-placeholder{display:flex;align-items:center;gap:28px;background:#f8f1e9;border-radius:20px;padding:28px}.el-teacher-avatar{width:130px;height:130px;flex:0 0 130px;border-radius:50%;background:#e5d6c8;color:#775a47;display:grid;place-items:center;font:700 40px Georgia,serif}.el-teacher-placeholder h3{margin:0 0 10px}.el-teacher-placeholder p{color:#7c6658}
@media(max-width:780px){body>.el-site:has(>.el-footer){margin-top:auto}.el-inner-hero{height:390px}.el-inner-hero-shade{background:linear-gradient(0deg,#291a15d9,#291a1545)}.el-inner-hero-text{padding-bottom:36px}.el-inner-section{padding-block:45px}.el-inner-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.el-inner-card img{height:185px}.el-inner-card>div{padding:13px}.el-inner-card h3{font-size:17px}.el-inner-card p{font-size:12px;min-height:75px}.el-inner-card a{font-size:12px}.el-about-split{grid-template-columns:1fr;gap:25px}.el-about-split>img{height:330px}.el-gallery-section{padding-bottom:45px}.el-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.el-gallery-grid a:first-child{grid-column:span 2;grid-row:span 1}.el-gallery-grid img{min-height:145px;aspect-ratio:1}.el-gallery-grid a:first-child img{aspect-ratio:1.6}.el-inner-cta{padding:45px 0}.el-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px}.el-footer-grid>div:first-child{grid-column:1/-1}.el-footer{padding-bottom:env(safe-area-inset-bottom,0px)}.el-copyright{margin-top:25px}.el-teacher-placeholder{padding:18px;gap:15px}.el-teacher-avatar{width:75px;height:75px;flex-basis:75px;font-size:26px}}
@media(max-width:430px){.el-inner-cards{grid-template-columns:1fr}.el-inner-card{display:grid;grid-template-columns:42% 58%;align-items:stretch}.el-inner-card img{height:100%;min-height:180px}.el-inner-card>div{padding:16px}.el-inner-card p{min-height:0}.el-inner-hero{height:350px}}


/* v1.7 -- the actual /blog/ page uses .el-inner-card, not .el-post-card */
@media (max-width: 780px) {
 .el-site .el-detail-page .el-blog-listing .el-inner-cards {
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important;
 }
 .el-site .el-detail-page .el-blog-listing .el-inner-card {
   display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;
   overflow:hidden!important;border-radius:20px!important;
 }
 .el-site .el-detail-page .el-blog-listing .el-inner-card > a {
   display:block!important;width:100%!important;flex:none!important;overflow:hidden!important;
 }
 .el-site .el-detail-page .el-blog-listing .el-inner-card > a > img {
   display:block!important;width:100%!important;height:auto!important;min-height:0!important;
   aspect-ratio:16 / 10!important;object-fit:cover!important;
 }
 .el-site .el-detail-page .el-blog-listing .el-inner-card > div {
   width:100%!important;max-width:none!important;box-sizing:border-box!important;padding:20px!important;
 }
 .el-site .el-detail-page .el-blog-listing .el-inner-card h3 {
   font-size:21px!important;line-height:1.7!important;overflow-wrap:anywhere!important;
 }
 .el-site .el-detail-page .el-blog-listing .el-inner-card p {
   font-size:14px!important;line-height:2!important;min-height:0!important;
 }
 .el-site .el-global-header .el-menu-button {
   display:inline-flex!important;visibility:visible!important;opacity:1!important;
   min-width:44px!important;min-height:44px!important;align-items:center!important;justify-content:center!important;
   color:#49382e!important;background:#fffaf4!important;
 }
}


/* v1.8: blog is a PAGE, and .el-site.el-detail-page is the SAME element */
@media (max-width: 780px) {
  body .el-site.el-detail-page .el-blog-listing .el-inner-cards {
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    gap:20px!important;width:100%!important;
  }
  body .el-site.el-detail-page .el-blog-listing article.el-inner-card {
    display:flex!important;flex-direction:column!important;
    width:100%!important;min-width:0!important;
    max-width:100%!important;overflow:hidden!important;
  }
  body .el-site.el-detail-page .el-blog-listing article.el-inner-card > a:first-child {
    display:block!important;width:100%!important;flex:none!important;
    max-width:100%!important;padding:0!important;margin:0!important;
  }
  body .el-site.el-detail-page .el-blog-listing article.el-inner-card > a:first-child img {
    display:block!important;width:100%!important;max-width:100%!important;
    height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important;
    border-radius:0!important;
  }
  body .el-site.el-detail-page .el-blog-listing article.el-inner-card > div {
    display:block!important;flex:none!important;width:100%!important;
    max-width:100%!important;padding:20px!important;box-sizing:border-box!important;
  }
  body .el-site.el-detail-page .el-blog-listing article.el-inner-card h3 {
    font-size:20px!important;line-height:1.7!important;overflow-wrap:anywhere!important;
  }
  body .el-site.el-detail-page .el-blog-listing article.el-inner-card p {
    font-size:14px!important;line-height:2!important;min-height:0!important;
  }
  body .el-site.el-detail-page .el-inner-hero {margin-top:0!important}
  body .el-site.el-detail-page .el-blog-listing {padding-top:28px!important}
}

/* EL Yoga v1.9: actual page markup is main.el-site.el-detail-page */
@media(max-width:780px){
 main.el-blog-page .el-blog-listing .el-inner-cards{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
 main.el-blog-page .el-blog-listing article.el-inner-card{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-width:0!important}
 main.el-blog-page .el-blog-listing article.el-inner-card>a:first-child{display:block!important;width:100%!important;min-width:0!important}
 main.el-blog-page .el-blog-listing article.el-inner-card>a:first-child img{display:block!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/10!important;object-fit:cover!important}
 main.el-blog-page .el-blog-listing article.el-inner-card>div{width:100%!important;padding:20px!important;box-sizing:border-box!important}
 main.el-blog-page .el-blog-listing article.el-inner-card h3{font-size:21px!important;line-height:1.65!important}
 main.el-blog-page .el-blog-listing article.el-inner-card p{font-size:14px!important;line-height:1.9!important;min-height:0!important}
}
/* No duplicate outer frame/space around blog header */
main.el-blog-page{margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;max-width:none!important}
main.el-blog-page .el-inner-hero{margin:0!important}
body.page .el-global-header{z-index:9999!important;position:relative!important}
body.page .el-global-header .el-menu-button{position:relative!important;z-index:10001!important;pointer-events:auto!important}
body.page .el-global-header .el-mobile-nav:not([hidden]){z-index:10000!important}

/* EL Yoga 2.1: correct selectors for the actual blog page markup */
body:has(main.el-blog-page) {display:block!important;background:#fffdf9!important}
body:has(main.el-blog-page) > .el-site:first-of-type {margin:0!important;padding:0!important;flex:none!important}
body:has(main.el-blog-page) main.el-blog-page {display:block!important;clear:both;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-height:0!important}
body:has(main.el-blog-page) main.el-blog-page > .el-inner-hero {margin:0!important}
body:has(main.el-blog-page) .el-global-header {margin:0!important;position:relative!important;z-index:1000!important}
main.el-blog-page .el-blog-listing .el-inner-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
main.el-blog-page .el-blog-listing article.el-inner-card{display:flex;flex-direction:column;min-width:0;overflow:hidden}
main.el-blog-page .el-blog-listing article.el-inner-card>a:first-child{display:block;overflow:hidden}
main.el-blog-page .el-blog-listing article.el-inner-card>a:first-child img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
main.el-blog-page .el-blog-listing article.el-inner-card>div{display:flex;flex-direction:column;flex:1;padding:22px}
main.el-blog-page .el-blog-listing article.el-inner-card>div>a{margin-top:auto}
@media(max-width:780px){
 body:has(main.el-blog-page) main.el-blog-page .el-blog-listing .el-inner-cards{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
 body:has(main.el-blog-page) main.el-blog-page .el-blog-listing article.el-inner-card{display:flex!important;flex-direction:column!important}
 body:has(main.el-blog-page) main.el-blog-page .el-blog-listing article.el-inner-card>a:first-child img{aspect-ratio:16/10!important;height:auto!important;min-height:0!important}
 body:has(main.el-blog-page) main.el-blog-page .el-blog-listing article.el-inner-card>div{padding:20px!important}
}

/* v2.2: desktop blog full-width repair, scoped only to the blog page */
@media (min-width: 781px) {
 body:has(main.el-blog-page) { display:block!important; width:100%!important; max-width:none!important; }
 body:has(main.el-blog-page) > .el-site { width:100%!important; max-width:none!important; margin:0!important; padding:0!important; }
 body:has(main.el-blog-page) main.el-blog-page { width:100%!important; max-width:none!important; margin:0!important; padding:0!important; border:0!important; box-shadow:none!important; }
 body:has(main.el-blog-page) main.el-blog-page .el-inner-hero { width:100%!important; margin:0!important; border-radius:0!important; }
 body:has(main.el-blog-page) main.el-blog-page .el-blog-listing { width:min(1320px,calc(100% - 64px))!important; max-width:none!important; margin-inline:auto!important; }
 body:has(main.el-blog-page) main.el-blog-page .el-blog-listing .el-inner-cards { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:26px!important; }
}
@media (min-width:781px) and (max-width:1020px) {
 body:has(main.el-blog-page) main.el-blog-page .el-blog-listing .el-inner-cards {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
