:root{--bg:#f6f8fa;--surface:#fff;--surface-2:#f2f6f8;--text:#10202e;--muted:#607384;--accent:#0d8db8;--border:#e3eaee;--shadow-1:0 8px 18px rgba(15,23,42,.06);--shadow-2:0 14px 34px rgba(15,23,42,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.container{max-width:1120px;margin:0 auto;padding:0 18px}body>header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(8px) saturate(140%);border-bottom:1px solid var(--border)}.topbar{min-height:64px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:800;text-decoration:none}.brand img{width:38px;height:38px;border-radius:8px;box-shadow:var(--shadow-1)}.navlinks{display:flex;gap:16px;margin-left:auto;align-items:center}.navlinks a{color:var(--text);text-decoration:none;font-weight:700}.assistant-btn,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border-radius:999px;border:0;background:var(--accent);color:#fff;text-decoration:none;font-weight:800}.hamb{display:none;margin-left:auto;background:#fff;border:1px solid var(--border);border-radius:12px;width:42px;height:38px}.hamb span{display:block;width:18px;height:2px;background:var(--text);margin:4px auto}.content-wrap,.editorial-article{max-width:1020px;margin:0 auto;padding:24px 18px 56px}.back,.article-back{display:inline-flex;align-items:center;gap:8px;margin:10px 0 18px;color:var(--accent);font-weight:700;text-decoration:none}.article-shell{background:var(--surface);border:1px solid color-mix(in oklab,var(--text) 10%,transparent);border-radius:24px;box-shadow:var(--shadow-2);padding:clamp(22px,3.2vw,34px)}.article-header{display:flex;flex-direction:column;gap:12px}.article-meta{color:var(--muted);font-size:14px;line-height:1.5}.article-kicker{margin:0;color:var(--accent);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.article-title,.article-hero h1{margin:0;max-width:14ch;font-size:clamp(38px,6vw,62px);line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.article-lead,.lead{margin:0;max-width:760px;font-size:clamp(18px,2.4vw,22px);line-height:1.6;color:color-mix(in oklab,var(--text) 72%,var(--muted) 28%)}figure.article-hero,.article-image{margin:24px 0 0;border-radius:20px;overflow:hidden;background:color-mix(in oklab,var(--text) 4%,var(--surface))}figure.article-hero img,.article-hero-image,.article-image img{display:block;width:100%;min-height:320px;max-height:520px;aspect-ratio:16/9;object-fit:cover}.article-body{max-width:760px;margin-top:28px;font-size:18px;line-height:1.8;color:var(--text)}.article-body>:first-child{margin-top:0}.article-body>:last-child{margin-bottom:0}.article-body p,.article-body ul,.article-body ol,.article-body blockquote{margin:0 0 1.15em}.article-body ul,.article-body ol{padding-left:1.4em}.article-body li+li{margin-top:.4em}.article-body h2,.article-body h3,.article-faq h2,.article-cta h2{margin:1.6em 0 .55em;line-height:1.2;letter-spacing:-.02em}.article-body h2,.article-faq h2,.article-cta h2{font-size:clamp(28px,3.2vw,36px)}.article-body h3{font-size:clamp(22px,2.4vw,28px)}.article-body a{color:var(--accent);font-weight:750;word-break:break-word}.article-body img{display:block;width:100%;height:auto;border-radius:18px;margin:1.4em 0}.article-faq,.article-cta{max-width:760px;margin-top:28px;font-size:17px;line-height:1.75;color:var(--text)}.article-faq-item{border:1px solid var(--border);border-radius:14px;padding:13px 14px;background:color-mix(in oklab,var(--surface) 92%,var(--surface-2));margin-bottom:10px}.article-faq-item summary{cursor:pointer;font-weight:800}.article-faq-item p{margin:9px 0 0;color:var(--muted);line-height:1.65}.article-cta p{color:var(--muted);line-height:1.65}.article-cta .btn{margin-top:4px}.editorial-article>header.article-hero{background:var(--surface);border:1px solid color-mix(in oklab,var(--text) 10%,transparent);border-bottom:0;border-radius:24px 24px 0 0;box-shadow:var(--shadow-2);padding:clamp(22px,3.2vw,34px);margin:0}.editorial-article>header.article-hero+.article-body{background:var(--surface);border:1px solid color-mix(in oklab,var(--text) 10%,transparent);border-top:0;border-radius:0 0 24px 24px;box-shadow:var(--shadow-2);max-width:none;margin-top:0;padding:0 clamp(22px,3.2vw,34px) clamp(22px,3.2vw,34px)}.editorial-article>header.article-hero+.article-body>*{max-width:760px}.editorial-article>header.article-hero~.article-faq,.editorial-article>header.article-hero~.article-cta{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-1);max-width:none;padding:20px clamp(22px,3.2vw,34px)}.panel{position:fixed;right:16px;bottom:16px;width:min(420px,calc(100vw - 32px));max-height:80vh;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-2);display:none;z-index:50}.panel.open{display:block}.panel header{position:static;border:0;border-bottom:1px solid var(--border);border-radius:20px 20px 0 0;background:#fff}.panel header,.messages,.settings,.composer,.notice{padding:12px}.row{display:flex;gap:8px;align-items:center}.inline-btn{border:1px solid var(--border);border-radius:999px;background:#fff;padding:6px 10px}.messages{min-height:140px;max-height:280px;overflow:auto}.composer textarea{width:100%;min-height:74px;border:1px solid var(--border);border-radius:14px;padding:10px}.notice,.settings{color:var(--muted);font-size:13px}footer{background:#fff;border-top:1px solid var(--border);padding:24px 0;color:var(--muted)}footer a{color:var(--text)}@media(max-width:860px){.content-wrap,.editorial-article{padding:20px 16px 44px}.article-shell{border-radius:20px}.article-title,.article-hero h1{max-width:none}figure.article-hero img,.article-hero-image,.article-image img{min-height:220px;max-height:360px}.article-body{font-size:17px}.editorial-article>header.article-hero{border-radius:20px 20px 0 0}.editorial-article>header.article-hero+.article-body{border-radius:0 0 20px 20px}}@media(max-width:820px){.navlinks{display:none;position:absolute;left:12px;right:12px;top:66px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:12px;box-shadow:var(--shadow-2);flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.assistant-btn{margin-left:auto}.hamb{display:block}.topbar{position:relative}}@media(max-width:540px){.back,.article-back{margin-bottom:14px}.article-shell{padding:18px}.article-title,.article-hero h1{font-size:clamp(32px,11vw,44px)}.article-lead,.lead{font-size:17px;line-height:1.65}figure.article-hero,.article-image{margin-top:18px;border-radius:16px}figure.article-hero img,.article-hero-image,.article-image img{min-height:0;max-height:none;aspect-ratio:4/3}.article-body{margin-top:22px;font-size:16px;line-height:1.75}.editorial-article>header.article-hero{padding:18px}.editorial-article>header.article-hero+.article-body{padding:0 18px 18px}.editorial-article>header.article-hero~.article-faq,.editorial-article>header.article-hero~.article-cta{padding:18px}}


/* Editorial article header: match Moraira.info site header */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(8px) saturate(140%);border-bottom:1px solid var(--border,color-mix(in oklab,var(--text) 10%,transparent));}
.site-header .container.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;gap:12px;max-width:1120px;margin:0 auto;}
.site-header .brand{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:var(--text);font-weight:800;}
.site-header .brand img{height:36px!important;width:auto!important;border-radius:8px;box-shadow:var(--shadow-2,0 6px 15px rgba(0,0,0,.06));display:block;}
.site-header .navlinks{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-left:auto;}
.site-header .navlinks a{position:relative;padding:10px 6px;border-radius:0;color:color-mix(in oklab,var(--text) 86%,var(--muted,#66798b));text-decoration:none;font-weight:650;transition:color var(--t,180ms) ease;background:transparent;}
.site-header .navlinks a::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:999px;background:transparent;transform:scaleX(.25);transform-origin:left;transition:transform var(--t,180ms) ease,background-color var(--t,180ms) ease;}
.site-header .navlinks a:hover{color:var(--text);background:transparent;}
.site-header .navlinks a:hover::after{background:color-mix(in oklab,var(--turq,var(--accent,#2fa4a9)) 45%,transparent);transform:scaleX(1);}
.site-header .navlinks a[aria-current="page"],.site-header .navlinks a.active{color:var(--text);}
.site-header .navlinks a[aria-current="page"]::after,.site-header .navlinks a.active::after{background:var(--turq,var(--accent,#2fa4a9));transform:scaleX(1);}
.site-header .cta-row{display:flex;gap:8px;align-items:center;}
.site-header #openAssistantBtn,.site-header .lang-select{background:#fff;color:var(--text);border:1px solid var(--border,color-mix(in oklab,var(--text) 10%,transparent));box-shadow:0 10px 22px rgba(15,23,42,.06);}
.site-header #openAssistantBtn.btn,.site-header #openAssistantBtn{padding:10px 14px;border-radius:999px;min-height:40px;}
.site-header #openAssistantBtn:hover{border-color:color-mix(in oklab,var(--turq,var(--accent,#2fa4a9)) 35%,var(--border,transparent));}
.site-header .lang-select-wrap{display:flex;align-items:center;gap:8px;}
.site-header .lang-select{padding:8px 10px;border-radius:10px;min-height:40px;}
.site-header .nav-toggle{display:none;border:1px solid var(--border,color-mix(in oklab,var(--text) 10%,transparent));background:#fff;border-radius:999px;padding:10px 14px;font-weight:600;color:var(--text);}
@media (max-width:860px){.site-header .container.nav{gap:8px;position:relative;z-index:20;padding:12px 16px;}.site-header .nav-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;}.site-header .nav-toggle[aria-expanded="true"]{background:color-mix(in oklab,var(--accent) 12%,transparent)}.site-header .navlinks{display:none;position:absolute;left:0;right:0;top:64px;padding:12px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border,color-mix(in oklab,var(--text) 10%,transparent));box-shadow:0 18px 40px rgba(15,23,42,.10);flex-direction:column;align-items:stretch;gap:8px;border-radius:0 0 18px 18px;z-index:60;margin-left:0;}.site-header .navlinks.is-open,.site-header .navlinks.open,.site-header #mainNav.is-open,.site-header #mainNav.open{display:flex!important;}.site-header .navlinks a{padding:12px;border-radius:10px;}.site-header .navlinks a::after{display:none;}.site-header .container.nav>.cta-row,.site-header .container.nav>.lang-select-wrap{display:none!important;}}


.article-supporting{margin:28px 0;border-radius:18px;overflow:hidden;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 24px rgba(15,23,42,.06)}
.article-supporting img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.article-supporting figcaption{padding:9px 12px;font-size:12px;color:#607384;border-top:1px solid rgba(15,23,42,.08)}

/* editorial-layout-final-fix-v1 */
:root{--mi-container:1120px;--mi-article:1040px;--mi-text:860px;}
.site-header .container.nav{max-width:var(--mi-container)!important;margin:0 auto!important;padding:10px 18px!important;gap:16px!important;}
.site-header .brand img{height:42px!important;width:auto!important;border-radius:0!important;box-shadow:none!important;}
.site-header .navlinks{gap:18px!important;flex-wrap:nowrap!important;}
.site-header .navlinks a{font-size:15px!important;white-space:nowrap!important;padding:10px 4px!important;}
.site-header .cta-row{gap:10px!important;flex-shrink:0!important;}
.site-header #openAssistantBtn{min-height:38px!important;padding:8px 14px!important;white-space:nowrap!important;}
.site-header .lang-select{min-height:38px!important;}
.content-wrap,.editorial-article{max-width:var(--mi-container)!important;width:100%!important;margin:0 auto!important;padding-left:18px!important;padding-right:18px!important;}
.article-shell{max-width:var(--mi-article)!important;margin:0 auto!important;padding:clamp(22px,3vw,36px)!important;}
.article-title,.article-hero h1{max-width:18ch!important;}
.article-lead,.lead{max-width:var(--mi-text)!important;}
.article-body,.article-faq,.article-cta{max-width:var(--mi-text)!important;width:100%!important;}
.article-body{margin-left:0!important;margin-right:auto!important;}
.article-body img{max-width:100%!important;height:auto!important;}
.article-supporting{max-width:var(--mi-text)!important;width:100%!important;margin:30px 0 0!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important;}
.article-supporting img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important;margin:0!important;border-radius:0!important;}
.article-supporting figcaption{padding:9px 12px!important;font-size:12px!important;color:#607384!important;border-top:1px solid rgba(15,23,42,.08)!important;}
@media(max-width:980px){.site-header .navlinks{gap:12px!important}.site-header .navlinks a{font-size:14px!important}.article-title,.article-hero h1{max-width:none!important}.article-shell{max-width:100%!important}}
@media(max-width:860px){.site-header .container.nav{padding:12px 16px!important}.site-header .brand img{height:36px!important}.site-header .navlinks{flex-wrap:wrap!important}.article-supporting{max-width:100%!important}}

/* editorial-mobile-hero-and-width-fix-v3 */
:root{
  --mi-container:1180px;
  --mi-article:1080px;
  --mi-readable:880px;
}
.site-header .container.nav,
.site-header .topbar,
header .container.topbar{
  max-width:var(--mi-container)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.editorial-article,
.content-wrap,
.article-page,
main > .container.editorial-container{
  max-width:var(--mi-container)!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.article-shell,
.article-card,
.editorial-card{
  max-width:var(--mi-article)!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.article-body,
.article-content,
.article-faq,
.article-cta,
.article-lead,
.article-meta,
.article-supporting{
  max-width:var(--mi-readable)!important;
}
.article-body,
.article-content{
  margin-left:0!important;
  margin-right:auto!important;
}

/* hero image: prevent portrait/tall AI image from exploding mobile layout */
.article-shell > figure:first-of-type,
.article-card > figure:first-of-type,
.editorial-card > figure:first-of-type,
.article-hero-figure,
.article-hero-media,
.article-cover,
.article-main-image,
.article-featured-media{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
}
.article-shell > figure:first-of-type img,
.article-card > figure:first-of-type img,
.editorial-card > figure:first-of-type img,
.article-hero-figure img,
.article-hero-media img,
.article-cover img,
.article-main-image img,
.article-featured-media img{
  display:block!important;
  width:100%!important;
  height:clamp(320px,45vw,560px)!important;
  max-height:560px!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:18px!important;
}

/* second/supporting image stays inside text column */
.article-supporting{
  width:100%!important;
  margin:30px 0 0!important;
  overflow:hidden!important;
}
.article-supporting img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
}

@media(max-width:760px){
  .editorial-article,
  .content-wrap,
  main > .container.editorial-container{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .article-shell,
  .article-card,
  .editorial-card{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .article-shell > figure:first-of-type img,
  .article-card > figure:first-of-type img,
  .editorial-card > figure:first-of-type img,
  .article-hero-figure img,
  .article-hero-media img,
  .article-cover img,
  .article-main-image img,
  .article-featured-media img{
    height:clamp(210px,58vw,330px)!important;
    max-height:330px!important;
    border-radius:16px!important;
  }
}