:root{
  --maria-purple:#5B4F96;
}
:root{
  --ink:#102831;--ink-soft:#4c6269;--paper:#f6f4ef;--white:#fffdf9;--accent:#55b9bb;
  --accent-deep:#217f86;--line:rgba(16,40,49,.12);--shadow:0 24px 70px rgba(16,40,49,.10);
  --radius:22px;--content:min(1120px,calc(100% - 40px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Poppins,system-ui,sans-serif;line-height:1.7}
button,a{font:inherit}
button{cursor:pointer}
.site-header{height:76px;padding:0 max(20px,calc((100% - 1200px)/2));display:flex;align-items:center;gap:38px;background:rgba(246,244,239,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}
.brand{font:600 20px/1 Jost,sans-serif;letter-spacing:.16em;color:var(--ink);text-decoration:none}.brand span{font-weight:400}
.site-header .site-nav{display:flex;gap:24px;margin-left:auto;font-size:13px}.site-header .site-nav a,.nav-current{color:var(--ink-soft);text-decoration:none}.nav-current{color:var(--ink);font-weight:600}
.language-switcher{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px}.language-switcher button{border:0;background:transparent;padding:6px 9px;border-radius:999px;color:var(--ink-soft);font-size:11px;font-weight:600}.language-switcher button[aria-pressed=true]{background:var(--ink);color:var(--white)}
.content-width{width:var(--content);margin-inline:auto}
.hero{min-height:690px;position:relative;overflow:hidden;background:linear-gradient(160deg,#0b2732 0%,#16444e 48%,#2a7377 100%);color:#fff;display:grid;place-items:center}
.hero-content{position:relative;z-index:2;width:min(800px,calc(100% - 40px));text-align:center;padding:100px 0 120px}.eyebrow,.section-kicker{font:600 11px/1.2 Jost,sans-serif;letter-spacing:.25em}.eyebrow{color:#a8e2df}.hero h1{font:500 clamp(48px,7vw,86px)/1.02 Jost,sans-serif;letter-spacing:-.035em;margin:24px 0}.hero-lead{max-width:680px;margin:0 auto;color:rgba(255,255,255,.83);font-size:clamp(16px,2vw,20px);line-height:1.65}.primary-cta{margin-top:38px;border:1px solid rgba(255,255,255,.34);background:var(--white);color:var(--ink);border-radius:999px;padding:15px 22px 15px 27px;display:inline-flex;gap:22px;align-items:center;font-weight:600;box-shadow:0 16px 40px rgba(0,0,0,.16);transition:transform .2s,box-shadow .2s}.primary-cta:hover{transform:translateY(-2px);box-shadow:0 20px 48px rgba(0,0,0,.2)}.hero-note{font-size:12px;color:rgba(255,255,255,.55);margin-top:18px}
.hero-atmosphere{position:absolute;inset:0;overflow:hidden}.sun{position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(222,238,210,.14);right:8%;top:5%;filter:blur(2px)}.ridge{position:absolute;left:-5%;right:-5%;height:46%;bottom:-10%;border-radius:50% 50% 0 0/100% 100% 0 0;transform:rotate(-3deg)}.ridge-a{background:rgba(7,31,39,.48)}.ridge-b{bottom:-20%;background:rgba(5,25,32,.6);transform:rotate(3deg)}.ocean-line{position:absolute;left:0;right:0;bottom:19%;height:1px;background:rgba(255,255,255,.18)}
.intro-copy{padding:100px 0 70px;max-width:850px}.section-kicker{color:var(--accent-deep);margin:0 0 16px}.intro-copy h2,.editorial-grid h2,.faq h2{font:500 clamp(32px,4vw,50px)/1.1 Jost,sans-serif;letter-spacing:-.025em;margin:0 0 20px}.intro-copy p{color:var(--ink-soft);max-width:760px;font-size:16px}
.planner-shell,.result-shell{background:var(--white);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);padding:clamp(28px,5vw,58px);margin-bottom:100px}.planner-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.planner-top h2{font:500 36px/1.15 Jost,sans-serif;margin:6px 0 0}.text-button{border:0;background:transparent;color:var(--ink-soft);text-decoration:underline;text-underline-offset:4px;padding:8px}.progress{height:3px;background:#e6e4de;margin-top:38px;border-radius:99px}.progress-bar{height:100%;width:0;background:var(--accent-deep);transition:width .35s ease}.progress-label{font-size:11px;color:var(--ink-soft);margin:10px 0 30px}
.question h3{font:500 clamp(30px,4vw,46px)/1.12 Jost,sans-serif;max-width:760px;margin:0 0 28px}.question-sub{color:var(--ink-soft);max-width:700px;margin:-12px 0 28px}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice{min-height:92px;text-align:left;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);transition:.2s}.choice:hover,.choice.selected{border-color:var(--accent-deep);background:#f0f8f7;transform:translateY(-1px)}.choice strong{display:block;font:600 18px/1.25 Jost,sans-serif}.choice small{display:block;color:var(--ink-soft);margin-top:5px;font-size:12px;line-height:1.5}.multi-note{font-size:12px;color:var(--ink-soft);margin:0 0 16px}.question-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.secondary-button,.next-button{border-radius:999px;padding:12px 19px;border:1px solid var(--line);background:transparent;color:var(--ink);font-weight:600}.next-button{background:var(--ink);color:var(--white);border-color:var(--ink)}
.result-kicker{color:var(--accent-deep);font:600 11px/1.2 Jost,sans-serif;letter-spacing:.25em}.result h2{font:500 clamp(40px,5vw,62px)/1.05 Jost,sans-serif;letter-spacing:-.03em;margin:18px 0 12px}.result-lead{color:var(--ink-soft);max-width:800px;font-size:17px}.matches{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:14px;margin-top:42px}.match-card{border:1px solid var(--line);border-radius:20px;padding:25px;background:var(--paper)}.match-card.primary{background:var(--ink);color:var(--white);border-color:var(--ink);padding:32px}.match-rank{font:600 10px/1 Jost,sans-serif;letter-spacing:.18em;text-transform:uppercase;opacity:.62}.match-card h3{font:500 30px/1.1 Jost,sans-serif;margin:16px 0 10px}.match-card p{font-size:13px;color:var(--ink-soft)}.primary p{color:rgba(255,255,255,.72)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px}.why-card{padding:22px;border-top:1px solid var(--line)}.why-card span{font:600 11px Jost,sans-serif;letter-spacing:.15em;color:var(--accent-deep)}.why-card h4{font:600 18px Jost,sans-serif;margin:12px 0 6px}.why-card p{font-size:13px;color:var(--ink-soft);margin:0}.result-actions{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}.result-actions a,.result-actions button{border-radius:999px;padding:12px 19px;text-decoration:none}.result-actions a{background:var(--ink);color:var(--white)}.result-actions button{border:1px solid var(--line);background:transparent;color:var(--ink)}
.editorial-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:20px 0 110px}.editorial-points{display:grid;grid-template-columns:1fr;gap:22px}.editorial-points article{border-top:1px solid var(--line);padding-top:20px}.editorial-points span{font:600 11px Jost;color:var(--accent-deep);letter-spacing:.15em}.editorial-points h3{font:600 20px Jost;margin:10px 0 5px}.editorial-points p{color:var(--ink-soft);font-size:13px;margin:0}
.faq{padding-bottom:120px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font:600 18px Jost,sans-serif}.faq details p{color:var(--ink-soft);max-width:800px;font-size:14px;padding-top:8px}.site-footer{background:var(--ink);color:rgba(255,255,255,.7);padding:32px 0;font-size:12px}.site-footer .content-width{display:flex;justify-content:space-between}
[hidden]{display:none!important}
@media(max-width:760px){
  :root{--content:min(100% - 28px,1120px)}.site-header{height:66px;padding:0 14px;gap:12px}.brand{font-size:17px}.site-header .site-nav{display:none}.language-switcher{margin-left:auto}.hero{min-height:650px}.hero-content{padding:90px 0}.hero h1{font-size:48px}.intro-copy{padding:70px 0 45px}.planner-shell,.result-shell{padding:24px;border-radius:24px;margin-bottom:70px}.planner-top h2{font-size:30px}.choices{grid-template-columns:1fr}.choice{min-height:82px}.matches,.why-grid,.editorial-grid{grid-template-columns:1fr}.editorial-grid{gap:38px;padding-bottom:80px}.faq{padding-bottom:80px}.site-footer .content-width{flex-direction:column;gap:8px}
}
@media(min-width:761px) and (max-width:1050px){.matches{grid-template-columns:1fr 1fr}.match-card.primary{grid-column:1/-1}.editorial-grid{gap:40px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* V2 — premium editorial result layer */
.profile-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.profile-summary span{font:600 10px/1 Jost,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);background:rgba(255,255,255,.58)}
.why-heading{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.why-heading h3{font:500 clamp(28px,3.5vw,40px)/1.12 Jost,sans-serif;margin:8px 0 0;letter-spacing:-.02em}
.result-note{display:flex;gap:14px;align-items:flex-start;margin-top:30px;padding:18px 20px;border-left:2px solid var(--accent-deep);background:rgba(85,185,187,.07);font-size:12px;color:var(--ink-soft)}
.result-note strong{font:600 13px Jost,sans-serif;color:var(--ink);white-space:nowrap}
@media(max-width:760px){
  .profile-summary{margin-top:22px}
  .result-note{display:block}.result-note strong{display:block;margin-bottom:4px}
}

/* V4 — seasonal layer */
.season-choice{max-width:860px;margin:0 auto 52px;padding:30px 0 0}
.season-intro{max-width:650px;color:var(--ink-soft);font-size:15px;line-height:1.65}
.season-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:22px}
.season-grid button{border:1px solid var(--line);background:rgba(255,255,255,.55);padding:12px 8px;border-radius:12px;font:600 11px Jost,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);cursor:pointer}
.season-grid button:hover,.season-grid button.is-selected{border-color:var(--accent-deep);background:rgba(85,185,187,.09);color:var(--ink)}
.season-summary{display:flex;gap:12px;align-items:center;margin-top:18px;padding:12px 14px;border-left:2px solid var(--accent-deep);background:rgba(85,185,187,.06)}
.season-summary span{font:600 10px Jost,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.season-summary p{margin:0;color:var(--ink-soft);font-size:12px}
@media(max-width:760px){.season-grid{grid-template-columns:repeat(4,1fr)}.season-choice{padding:20px 0 0}.season-summary{display:block}.season-summary span{display:block;margin-bottom:4px}}

.editorial-rationale{margin:30px 0 8px;padding:24px 26px;background:rgba(255,255,255,.48);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.editorial-rationale p:last-child{max-width:760px;margin:7px 0 0;font:400 clamp(17px,2vw,21px)/1.55 Jost,sans-serif;letter-spacing:-.01em;color:var(--ink)}

.confidence-note{margin:0 0 14px;color:var(--ink-soft);font-size:12px;line-height:1.55}

/* V19 — isolated premium result presentation hooks. */
.plan-premium-result{display:grid;gap:1rem}
.plan-premium-result__choice{display:grid;gap:.35rem}
.plan-premium-result__why{max-width:62ch;line-height:1.6}
.plan-premium-result__mobility{display:grid;gap:.35rem;padding:1rem;border-radius:1rem}
.plan-premium-result__mobility-label{font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.plan-premium-result__next{display:flex;flex-wrap:wrap;gap:.65rem}
.plan-premium-result__confidence{font-size:.82rem;opacity:.72}
@media (max-width:700px){
  .plan-premium-result{gap:.8rem}
  .plan-premium-result__mobility{padding:.85rem}
}

/* V20 — premium result card visual implementation. */
.plan-premium-result{
  max-width:760px;
  margin:0 auto;
  padding:clamp(1.25rem,3vw,2.25rem);
  border:1px solid rgba(0,0,0,.08);
  border-radius:24px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 55px rgba(0,0,0,.08);
}
.plan-premium-result__eyebrow,
.plan-premium-result__next-label{
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.62;
}
.plan-premium-result h2{
  margin:.15rem 0 0;
  font-size:clamp(2rem,5vw,3.4rem);
  line-height:1.02;
  letter-spacing:-.035em;
}
.plan-premium-result h3{
  margin:1.5rem 0 .45rem;
  font-size:1rem;
}
.plan-premium-result__why p,
.plan-premium-result__mobility p{
  margin:.25rem 0 0;
  max-width:62ch;
  line-height:1.65;
}
.plan-premium-result__mobility{
  margin-top:1.35rem;
  padding:1rem 1.1rem;
  border-radius:16px;
  background:rgba(0,0,0,.035);
}
.plan-premium-result__mobility strong{display:block;margin-top:.2rem}
.plan-premium-result__confidence{
  display:block;
  margin-top:.65rem;
  font-size:.8rem;
  opacity:.65;
}
.plan-premium-result__next{
  margin-top:1.25rem;
  padding-top:1rem;
  border-top:1px solid rgba(0,0,0,.08);
}
@media (max-width:700px){
  .plan-premium-result{
    padding:1.1rem;
    border-radius:18px;
    box-shadow:none;
  }
  .plan-premium-result h2{font-size:2.1rem}
}

/* V21 — seasonal advice, intentionally secondary to the island choice. */
.plan-premium-result__season{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.08)}
.plan-premium-result__season-label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;opacity:.62}
.plan-premium-result__season p{margin:.35rem 0 0;line-height:1.55}

/* V22 — trip-intent seasonal advice. */
.plan-premium-result__season-intent{margin-top:.8rem;padding:.9rem 0 0;border-top:1px solid rgba(0,0,0,.06)}
.plan-premium-result__season-intent-label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;opacity:.62}
.plan-premium-result__season-intent p{margin:.35rem 0 0;line-height:1.55}

/* V23 — practical advice list. */
.plan-premium-result__next ul{margin:.65rem 0 0;padding-left:1.15rem;display:grid;gap:.45rem}
.plan-premium-result__next li{line-height:1.5}

/* V24 — island-specific editorial advice. */
.plan-premium-result__island-advice{margin-top:.8rem;padding:.9rem 0 0;border-top:1px solid rgba(0,0,0,.06)}
.plan-premium-result__island-advice-label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;opacity:.62}
.plan-premium-result__island-advice p{margin:.35rem 0 0;line-height:1.55}

/* V25 — editorial text rhythm. */
.plan-premium-result__next li{max-width:66ch}

.season-advice,.practical-advice{margin-top:1.25rem;padding:1.15rem 1.25rem;border:1px solid rgba(0,0,0,.08);border-radius:18px;background:rgba(255,255,255,.72)}
.season-advice p,.practical-advice li{line-height:1.6}
.practical-advice ul{margin:.55rem 0 0;padding-left:1.15rem}

.preparation-only{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;opacity:.58;margin:0 0 .65rem}

.comparison-note{margin:1.25rem 0;padding:1rem 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;opacity:.88}
.comparison-note p{margin:.35rem 0}
.comparison-alternative{opacity:.72}

/* V46 — Premium trade-off: explicit decision cost, kept visually restrained. */
.tradeoff-note{margin:1.15rem 0 0;padding:1rem 1.15rem;border-left:2px solid var(--accent-deep);background:rgba(0,0,0,.025)}
.tradeoff-note p{margin:.25rem 0;line-height:1.6}
.tradeoff-note .section-kicker{margin-bottom:.35rem}

/* V47 — Recommendation confidence: transparent, editorial, deliberately understated. */
.confidence-note{margin:1.25rem 0;padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.confidence-note p{margin:.25rem 0;line-height:1.55}
.confidence-note .section-kicker{margin-bottom:.4rem}
.confidence-note strong{font:600 14px Jost,sans-serif}

/* V48 — Maria™ Journey Simulator: premium decision lab, not a dashboard. */
.journey-simulator{margin:2rem 0 0;padding:1.4rem 0;border-top:1px solid var(--line)}
.simulator-heading h3{margin:.2rem 0 .45rem}
.simulator-heading>p:not(.section-kicker){max-width:44rem;line-height:1.6}
.simulator-options{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}
.simulator-option{appearance:none;border:1px solid var(--line);background:transparent;border-radius:999px;padding:.65rem .9rem;font:500 13px Jost,sans-serif;cursor:pointer}
.simulator-option:hover,.simulator-option.is-active{border-color:var(--accent-deep)}
.simulator-output{margin-top:1rem;padding:1rem 1.1rem;background:rgba(0,0,0,.025);border-left:2px solid var(--accent-deep);line-height:1.6}
.simulator-output p{margin:.2rem 0}
.simulator-status{font-weight:600}
.simulator-from{font-size:.9em;opacity:.8}
@media (max-width:640px){.simulator-options{display:grid;grid-template-columns:1fr}.simulator-option{text-align:left}}

/* V49 — Maria™ Lucide system: thin, calm, semantic; no emoji or ad-hoc icon glyphs. */
[data-maria-icon]{width:17px;height:17px;stroke-width:1.7;flex:0 0 auto;vertical-align:-3px}
.primary-cta [data-maria-icon],.next-button [data-maria-icon]{margin-left:.45rem}
.secondary-button [data-maria-icon],#result-restart [data-maria-icon]{margin-right:.4rem}
.simulator-option{display:inline-flex;align-items:center;gap:.55rem}
.simulator-option [data-maria-icon]{width:16px;height:16px}

.section-kicker-icon{display:flex;align-items:center;gap:.45rem}
.section-kicker-icon [data-maria-icon]{width:14px;height:14px;vertical-align:0}

/* V50 — Decision Breakpoint: premium editorial insight, deliberately quieter than the primary result. */
.decision-breakpoint{margin:2.1rem 0 0;padding:1.35rem 0;border-top:1px solid var(--line)}
.decision-breakpoint h3{margin:.25rem 0 .45rem}
.decision-breakpoint>p:not(.section-kicker):not(.breakpoint-caveat){max-width:44rem;line-height:1.6}
.breakpoint-answer{margin:1rem 0;padding:1rem 1.1rem;border-left:2px solid var(--accent-deep);line-height:1.55}
.breakpoint-caveat{font-size:.86rem;line-height:1.5;opacity:.72;max-width:44rem}

/* V51 — Decision Sensitivity: a restrained editorial diagnostic, not a data dashboard. */
.decision-sensitivity{margin:2.1rem 0 0;padding:1.35rem 0;border-top:1px solid var(--line)}
.decision-sensitivity h3{margin:.25rem 0 .45rem}
.decision-sensitivity>p:not(.section-kicker):not(.sensitivity-summary){max-width:44rem;line-height:1.6}
.sensitivity-list{margin:1rem 0 0;border-top:1px solid var(--line)}
.sensitivity-row{display:grid;grid-template-columns:24px minmax(130px,1fr) minmax(150px,1.6fr);align-items:center;gap:.65rem;padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.9rem}
.sensitivity-row.is-leading{font-weight:600}
.sensitivity-icon [data-maria-icon]{width:16px;height:16px;vertical-align:0}
.sensitivity-state{opacity:.72;line-height:1.4}
.sensitivity-summary{margin-top:1rem;font-size:.9rem;line-height:1.5}
@media(max-width:640px){.sensitivity-row{grid-template-columns:24px 1fr}.sensitivity-state{grid-column:2}.sensitivity-label{grid-column:2}}

/* V52 — Seasonal Robustness: premium seasonal intelligence, kept editorial and quiet. */
.seasonal-robustness{margin:2.1rem 0 0;padding:1.35rem 0;border-top:1px solid var(--line)}
.seasonal-robustness h3{margin:.25rem 0 .45rem}
.seasonal-robustness>p:not(.section-kicker):not(.seasonal-robustness-note){max-width:44rem;line-height:1.6}
.seasonal-robustness-answer{margin:1rem 0;padding:1rem 1.1rem;border-left:2px solid var(--accent-deep);display:flex;flex-direction:column;gap:.35rem;line-height:1.55}
.seasonal-robustness-answer span{font-size:.9rem;opacity:.78}
.seasonal-robustness-note{font-size:.86rem;line-height:1.5;opacity:.72;max-width:44rem}

/* V53 — Maria™ Decision Brief: synthesis layer, visually above diagnostics but below the primary recommendation. */
.decision-brief{margin:2.5rem 0 0;padding:1.55rem 0;border-top:1px solid var(--line)}
.decision-brief h3{margin:.25rem 0 .5rem;font-size:clamp(1.2rem,2vw,1.45rem)}
.decision-brief>p:not(.section-kicker):not(.decision-brief-note){max-width:47rem;line-height:1.65}
.decision-brief-main{margin:1.05rem 0 .65rem;padding:1.05rem 1.15rem;border-left:2px solid var(--accent-deep);display:flex;flex-direction:column;gap:.4rem;line-height:1.55}
.decision-brief-main span{font-size:.9rem;opacity:.78}
.decision-brief-secondary{padding:.8rem 1.15rem;border:1px solid var(--line);font-size:.9rem;line-height:1.5}
.decision-brief-note{margin-top:.85rem;font-size:.84rem;line-height:1.5;opacity:.68;max-width:47rem}

/* V54 — Decision Brief hierarchy: one premium synthesis card, no dashboard feeling. */
.decision-brief{margin:2.7rem 0 0;padding:1.65rem 0;border-top:1px solid var(--line)}
.decision-brief h3{margin:.25rem 0 .5rem;font-size:clamp(1.22rem,2vw,1.5rem)}
.decision-brief>p:not(.section-kicker):not(.decision-brief-note){max-width:47rem;line-height:1.65}
.decision-brief-hero{margin:1.15rem 0 .75rem;padding:1.2rem 1.25rem;border-left:2px solid var(--accent-deep);display:flex;flex-direction:column;gap:.32rem}
.decision-brief-label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;opacity:.58}
.decision-brief-island{font-size:clamp(1.45rem,3vw,2rem);font-weight:650;letter-spacing:-.02em}
.decision-brief-hero strong{font-size:.96rem;line-height:1.5}
.decision-brief-secondary{margin-top:.55rem;padding:.78rem 1.1rem;border:1px solid var(--line);font-size:.9rem;line-height:1.5}
.decision-brief-note{margin-top:.85rem;font-size:.84rem;line-height:1.5;opacity:.68;max-width:47rem}

/* V55 — Credible Alternative: restrained Plan B, not a list of recommendations. */
.plan-b{margin:2rem 0 0;padding:1.4rem 0;border-top:1px solid var(--line)}
.plan-b h3{margin:.25rem 0 .45rem;font-size:clamp(1.18rem,2vw,1.42rem)}
.plan-b>p:not(.section-kicker):not(.plan-b-note){max-width:44rem;line-height:1.6}
.plan-b-card{margin:1rem 0 .7rem;padding:1rem 1.1rem;border:1px solid var(--line);display:flex;flex-direction:column;gap:.28rem}
.plan-b-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;opacity:.56}
.plan-b-card strong{font-size:1.3rem;font-weight:650}
.plan-b-card span:last-child{font-size:.88rem;line-height:1.45;opacity:.76}
.plan-b-note{font-size:.83rem;line-height:1.5;opacity:.67;max-width:44rem}

/* V56 — Trade-off: editorial comparison, deliberately not a score table. */
.plan-b-contrast{margin:1.65rem 0 0;padding:1.3rem 0;border-top:1px solid var(--line)}
.plan-b-contrast h3{margin:.25rem 0 .45rem;font-size:clamp(1.15rem,2vw,1.4rem)}
.plan-b-contrast>p:not(.section-kicker):not(.plan-b-contrast-note){max-width:45rem;line-height:1.6}
.plan-b-contrast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0 .7rem}
.plan-b-contrast-grid article{padding:1rem 1.05rem;border:1px solid var(--line)}
.plan-b-contrast-grid article>span{display:block;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;opacity:.55}
.plan-b-contrast-grid strong{display:block;margin:.28rem 0 .65rem;font-size:1.15rem;font-weight:650}
.plan-b-contrast-grid ul{margin:0;padding-left:1.05rem;font-size:.88rem;line-height:1.5}
.plan-b-contrast-grid li+li{margin-top:.25rem}
.plan-b-contrast-note,.plan-b-contrast-empty{font-size:.83rem;line-height:1.5;opacity:.67}
@media(max-width:640px){.plan-b-contrast-grid{grid-template-columns:1fr}}

/* V57 — Editorial Trade-off Reading: one conclusion, two experiential directions. */
.decision-tradeoff{margin:1.75rem 0 0;padding:1.35rem 0;border-top:1px solid var(--line)}
.decision-tradeoff h3{margin:.25rem 0 .5rem;font-size:clamp(1.18rem,2vw,1.43rem)}
.decision-tradeoff-framing{max-width:46rem;line-height:1.62}
.decision-tradeoff-reading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0 .7rem}
.decision-tradeoff-reading>div{padding:.95rem 1rem}
.decision-tradeoff-reading>div:first-child{border-left:2px solid var(--accent-deep)}
.decision-tradeoff-reading>div:last-child{border-left:1px solid var(--line)}
.decision-tradeoff-reading span{display:block;font-size:1.05rem;font-weight:650}
.decision-tradeoff-reading p{margin:.35rem 0 0;font-size:.88rem;line-height:1.52;opacity:.76}
.decision-tradeoff-note{font-size:.82rem;line-height:1.5;opacity:.66;max-width:46rem}
@media(max-width:640px){.decision-tradeoff-reading{grid-template-columns:1fr;gap:.35rem}.decision-tradeoff-reading>div{padding:.85rem .95rem}}

/* V58 — From decision to preparation: restrained actionable guidance. */
.preparation-note{margin:1.8rem 0 0;padding:1.35rem 0;border-top:1px solid var(--line)}
.preparation-note h3{margin:.25rem 0 .5rem;font-size:clamp(1.18rem,2vw,1.43rem)}
.preparation-note>p:not(.section-kicker):not(.preparation-note-foot){max-width:46rem;line-height:1.6}
.preparation-note ol{margin:1rem 0 .8rem;padding:0;list-style:none;counter-reset:prep}
.preparation-note li{counter-increment:prep;display:grid;grid-template-columns:1.7rem 1fr;gap:.7rem;max-width:48rem;padding:.72rem 0;border-top:1px solid var(--line);font-size:.91rem;line-height:1.55}
.preparation-note li::before{content:counter(prep,decimal-leading-zero);font-size:.72rem;letter-spacing:.06em;opacity:.48;padding-top:.12rem}
.preparation-note-foot{font-size:.81rem;line-height:1.5;opacity:.64;max-width:46rem}

/* V59 — One-line editorial synthesis: human, quiet, non-dashboard. */
.maria-one-line{margin:1.9rem 0 0;padding:1.45rem 0;border-top:1px solid var(--line)}
.maria-one-line h3{margin:.25rem 0 .55rem;font-size:clamp(1.08rem,1.8vw,1.28rem);font-weight:500;opacity:.78}
.maria-one-line blockquote{margin:.8rem 0 .7rem;padding:0 0 0 1.05rem;border-left:2px solid var(--accent-deep);max-width:53rem;font-size:clamp(1.02rem,2vw,1.32rem);line-height:1.62;letter-spacing:-.01em}
.maria-one-line-note{font-size:.8rem;line-height:1.5;opacity:.62;max-width:46rem}

/* V60 — Maria™ Decision Card: a quiet, memorable planning artifact. */
.maria-decision-card{margin:1.9rem 0 0;padding:1.35rem 1.15rem;border:1px solid var(--line);background:var(--surface)}
.maria-decision-card h3{margin:.25rem 0 .45rem;font-size:clamp(1.18rem,2vw,1.42rem)}
.maria-decision-card-intro{max-width:45rem;line-height:1.58;opacity:.75}
.maria-decision-card-main{display:grid;grid-template-columns:1.2fr 1fr;gap:0;margin:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.maria-decision-card-main>div{padding:.9rem 1rem}
.maria-decision-card-main>div+div{border-left:1px solid var(--line)}
.maria-decision-card-main span,.maria-decision-card-focus span,.maria-decision-card-prep>span{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;opacity:.52}
.maria-decision-card-main strong{display:block;margin:.25rem 0 .1rem;font-size:1.15rem;font-weight:650}
.maria-decision-card-main small{font-size:.76rem;opacity:.58}
.maria-decision-card-focus{margin:.9rem 0;font-size:.9rem;line-height:1.5}
.maria-decision-card-focus span{display:inline;margin-right:.45rem}
.maria-decision-card-prep{margin-top:1rem}
.maria-decision-card-prep ul{margin:.4rem 0 0;padding-left:1.1rem;font-size:.84rem;line-height:1.5}
.maria-decision-card-note{margin:.95rem 0 0;font-size:.75rem;line-height:1.45;opacity:.58}
@media(max-width:640px){
  .maria-decision-card{padding:1.15rem .95rem}
  .maria-decision-card-main{grid-template-columns:1fr}
  .maria-decision-card-main>div+div{border-left:0;border-top:1px solid var(--line)}
}

/* V61 — Decision strength: explain confidence without exposing algorithmic mechanics. */
.confidence-strength{margin-top:.85rem;padding-top:.75rem;border-top:1px solid var(--line)}
.confidence-strength>span{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;opacity:.55}
.confidence-strength p{margin:.28rem 0 0;font-size:.82rem;line-height:1.5;opacity:.78}

/* V62 — lightweight sharing action, kept secondary to the decision. */
.maria-share-decision{display:flex;align-items:center;gap:.7rem;margin:1rem 0 0;padding-top:.8rem;border-top:1px solid var(--line)}
.maria-share-decision button{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--line);background:transparent;padding:.62rem .82rem;border-radius:999px;font:inherit;font-size:.8rem;cursor:pointer}
.maria-share-decision span{font-size:.72rem;opacity:.55}
.maria-share-decision svg{width:1rem;height:1rem}
@media(max-width:640px){
  .maria-share-decision{align-items:flex-start;flex-direction:column;gap:.5rem}
}

/* V63 — decision leverage: transparent without exposing scoring mechanics. */
.maria-decision-leverage{margin:1rem 0 0;padding:1rem 1.05rem;border-left:2px solid currentColor;background:var(--surface)}
.maria-decision-leverage .section-kicker{display:flex;align-items:center;gap:.42rem;margin-bottom:.35rem}
.maria-decision-leverage .section-kicker svg{width:.95rem;height:.95rem}
.maria-decision-leverage>p:last-child{margin:0;font-size:.83rem;line-height:1.52;opacity:.78}

/* V65 — evidence basis: editorial proof layer, deliberately quieter than the decision. */
.maria-evidence-basis{margin:1rem 0 0;padding:1rem 1.05rem;border-top:1px solid var(--line)}
.maria-evidence-basis .section-kicker{display:flex;align-items:center;gap:.42rem;margin-bottom:.35rem}
.maria-evidence-basis .section-kicker svg{width:.95rem;height:.95rem}
.maria-evidence-basis>p:not(.section-kicker){margin:0;font-size:.83rem;line-height:1.52;opacity:.8}
.maria-evidence-chips{display:flex;flex-wrap:wrap;gap:.42rem;margin:.72rem 0 .55rem}
.maria-evidence-chips span{font-size:.7rem;padding:.34rem .55rem;border:1px solid var(--line);border-radius:999px;opacity:.72}
.maria-evidence-basis small{display:block;font-size:.68rem;line-height:1.45;opacity:.52}

/* V66 — annual decision calendar: compact, editorial, mobile-safe. */
.maria-season-calendar{margin:1rem 0 0;padding:1rem 1.05rem;border-top:1px solid var(--line)}
.maria-season-calendar .section-kicker{display:flex;align-items:center;gap:.42rem;margin-bottom:.35rem}
.maria-season-calendar .section-kicker svg{width:.95rem;height:.95rem}
.maria-calendar-summary{margin:0 0 .75rem;font-size:.83rem;line-height:1.48;opacity:.8}
.maria-calendar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}
.maria-calendar-cell{min-width:0;padding:.5rem .4rem;border:1px solid var(--line);border-radius:.65rem;text-align:center}
.maria-calendar-cell b,.maria-calendar-cell em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.maria-calendar-cell b{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;opacity:.55}
.maria-calendar-cell em{font-style:normal;font-size:.68rem;margin-top:.18rem}
.maria-calendar-cell.is-current{outline:1.5px solid currentColor;outline-offset:-1px}
.maria-season-calendar small{display:block;margin-top:.65rem;font-size:.67rem;line-height:1.45;opacity:.5}
@media(min-width:900px){.maria-calendar-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* V67 — seasonal robustness status, concise and non-technical. */
.maria-seasonal-status{margin:1rem 0 0;padding:1rem 1.05rem;border-top:1px solid var(--line)}
.maria-seasonal-status .section-kicker{display:flex;align-items:center;gap:.42rem;margin-bottom:.35rem}
.maria-seasonal-status .section-kicker svg{width:.95rem;height:.95rem}
.maria-seasonal-status>p:last-child{margin:0;font-size:.83rem;line-height:1.52;opacity:.8}

/* V68 — decision pivot: premium counterfactual, compact and non-technical. */
.maria-decision-pivot{margin:1rem 0 0;padding:1rem 1.05rem;border-top:1px solid var(--line)}
.maria-decision-pivot .section-kicker{display:flex;align-items:center;gap:.42rem;margin-bottom:.35rem}
.maria-decision-pivot .section-kicker svg{width:.95rem;height:.95rem}
.maria-decision-pivot>p:not(.section-kicker){margin:0;font-size:.83rem;line-height:1.52;opacity:.84}
.maria-decision-pivot small{display:block;margin-top:.55rem;font-size:.67rem;line-height:1.45;opacity:.5}

/* V69 — evidence argumentation: editorial hierarchy without source-wall effect. */
.maria-evidence-list{list-style:none;margin:.55rem 0 .7rem;padding:0;display:grid;gap:.6rem}
.maria-evidence-list li{display:grid;grid-template-columns:.42rem 1fr;gap:.55rem;align-items:start}
.maria-evidence-dot{width:.32rem;height:.32rem;border-radius:50%;margin-top:.42rem;background:currentColor;opacity:.42}
.maria-evidence-list b{font-size:.76rem;font-weight:600}
.maria-evidence-list p{margin:.14rem 0 0;font-size:.76rem;line-height:1.45;opacity:.68}
.maria-evidence-traveler{margin:.25rem 0 .55rem!important;font-size:.75rem!important;line-height:1.45;opacity:.76!important}

/* V70 — Maria™ verdict: the single synthesis layer. */
.maria-verdict{margin:0 0 1rem;padding:1.15rem 1.1rem;border:1px solid var(--line);border-radius:1rem}
.maria-verdict .section-kicker{display:flex;align-items:center;gap:.42rem;margin:0 0 .4rem}
.maria-verdict .section-kicker svg{width:.95rem;height:.95rem}
.maria-verdict h3{margin:0;font-size:1.12rem;line-height:1.25;font-weight:500}
.maria-verdict h3 strong{font-weight:700}
.maria-verdict-focus{margin:.4rem 0 0;font-size:.82rem;line-height:1.45;opacity:.78}
.maria-verdict ul{margin:.7rem 0;padding-left:1.05rem;display:grid;gap:.35rem}
.maria-verdict li{font-size:.76rem;line-height:1.4;opacity:.76}
.maria-verdict-season,.maria-verdict-pivot,.maria-verdict-alt{margin:.45rem 0 0;font-size:.75rem;line-height:1.42;opacity:.7}
.maria-verdict-alt{padding-top:.45rem;border-top:1px solid var(--line)}

/* V71 — personal fit: concise bridge between verdict and detailed reasoning. */
.maria-personal-fit{display:flex;align-items:flex-start;gap:.5rem;margin:-.35rem 0 1rem;padding:0 1.1rem;font-size:.78rem;line-height:1.5;opacity:.72}
.maria-personal-fit span{display:inline-flex;flex:0 0 auto;margin-top:.08rem}
.maria-personal-fit svg{width:.9rem;height:.9rem}

/* V72 — qualitative decision confidence. No numeric probability is shown. */
.maria-confidence{display:flex;align-items:flex-start;gap:.5rem;margin:-.45rem 1.1rem .75rem;font-size:.74rem;line-height:1.4}
.maria-confidence>span:first-child{display:inline-flex;margin-top:.06rem;opacity:.68}
.maria-confidence svg{width:.9rem;height:.9rem}
.maria-confidence b{display:block;font-weight:600}
.maria-confidence small{display:block;margin-top:.1rem;font-size:.68rem;opacity:.58}
.maria-confidence-strong{opacity:.82}.maria-confidence-balanced{opacity:.7}.maria-confidence-conditional{opacity:.64}

/* V73 — qualitative stress-test layer. */
.maria-stress-test{margin:0 1.1rem .9rem;padding:.75rem .85rem;border:1px solid var(--line);border-radius:.8rem}
.maria-stress-test .section-kicker{display:flex;align-items:center;gap:.4rem;margin:0 0 .3rem;font-size:.68rem}
.maria-stress-test .section-kicker svg{width:.85rem;height:.85rem}
.maria-stress-test>b{display:block;font-size:.77rem;font-weight:600}
.maria-stress-test>p:not(.section-kicker){margin:.25rem 0 0;font-size:.73rem;line-height:1.42;opacity:.72}
.maria-stress-test small{display:block;margin-top:.38rem;font-size:.65rem;line-height:1.4;opacity:.55}

/* V74 — trip project: decision translated into a preparation brief. */
.maria-trip-project{margin:0 1.1rem 1rem;padding:1rem 1rem 1.05rem;border:1px solid var(--line);border-radius:.95rem}
.maria-trip-project .section-kicker{display:flex;align-items:center;gap:.4rem;margin:0 0 .35rem;font-size:.68rem}
.maria-trip-project .section-kicker svg{width:.88rem;height:.88rem}
.maria-trip-project h3{margin:0;font-size:1rem;line-height:1.3;font-weight:650}
.maria-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:.75rem 0}
.maria-project-grid span{display:flex;flex-direction:column;gap:.12rem;font-size:.72rem;line-height:1.35}
.maria-project-grid b,.maria-project-priority b,.maria-project-prep>b{font-size:.63rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.52}
.maria-project-priority,.maria-project-principle{margin:.55rem 0 0;font-size:.73rem;line-height:1.45;opacity:.72}
.maria-project-principle{padding-top:.55rem;border-top:1px solid var(--line)}
.maria-project-prep{margin-top:.7rem}
.maria-project-prep ul{margin:.35rem 0 0;padding-left:1rem;display:grid;gap:.28rem}
.maria-project-prep li{font-size:.7rem;line-height:1.4;opacity:.68}

/* V75 — pre-booking action plan. */
.maria-action-plan{margin:0 1.1rem 1rem;padding:.9rem 1rem;border-radius:.9rem;border:1px solid var(--line)}
.maria-action-plan .section-kicker{display:flex;align-items:center;gap:.4rem;margin:0 0 .3rem;font-size:.68rem}
.maria-action-plan .section-kicker svg{width:.88rem;height:.88rem}
.maria-action-plan h3{margin:0;font-size:.95rem;line-height:1.3;font-weight:650}
.maria-action-plan ol{margin:.65rem 0 0;padding-left:1.2rem;display:grid;gap:.45rem}
.maria-action-plan li{padding-left:.15rem;font-size:.72rem;line-height:1.45;opacity:.72}

/* V76 — booking gate: explicit boundary between advice and booking. */
.maria-booking-gate{margin:0 1.1rem 1rem;padding:1rem;border-radius:.95rem;border:1px solid var(--line)}
.maria-booking-gate .section-kicker{display:flex;align-items:center;gap:.4rem;margin:0 0 .3rem;font-size:.68rem}
.maria-booking-gate .section-kicker svg{width:.88rem;height:.88rem}
.maria-booking-gate h3{margin:0;font-size:.95rem;line-height:1.3;font-weight:650}
.maria-booking-intro{margin:.35rem 0 0;font-size:.7rem;line-height:1.45;opacity:.58}
.maria-booking-gate ol{margin:.7rem 0 0;padding-left:1.2rem;display:grid;gap:.5rem}
.maria-booking-gate li{padding-left:.12rem;display:grid;gap:.12rem;font-size:.72rem;line-height:1.4}
.maria-booking-gate li b{font-weight:650}
.maria-booking-gate li span{opacity:.65}

/* V77 — expert editorial island reading. */
.maria-editorial-profile{margin:0 1.1rem 1rem;padding:1rem;border-radius:.95rem;border:1px solid var(--line)}
.maria-editorial-profile .section-kicker{display:flex;align-items:center;gap:.4rem;margin:0 0 .3rem;font-size:.68rem}
.maria-editorial-profile .section-kicker svg{width:.88rem;height:.88rem}
.maria-editorial-profile h3{margin:0;font-size:.95rem;line-height:1.3;font-weight:650}
.maria-editorial-voice{margin:.5rem 0 0;font-size:.75rem;line-height:1.5;opacity:.72}
.maria-editorial-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.75rem}
.maria-editorial-columns>div,.maria-editorial-season{font-size:.7rem;line-height:1.4}
.maria-editorial-columns b,.maria-editorial-season>b{display:block;margin-bottom:.25rem;font-size:.62rem;text-transform:uppercase;letter-spacing:.04em;opacity:.52}
.maria-editorial-profile ul{margin:.25rem 0 0;padding-left:1rem;display:grid;gap:.22rem}
.maria-editorial-profile li{font-size:.69rem;line-height:1.4;opacity:.68}
.maria-editorial-season{margin-top:.7rem;padding-top:.65rem;border-top:1px solid var(--line)}


/* V88 — Maria™ Signature: visible proof of decision intelligence, editorial not dashboard-like. */
.maria-signature{
  margin:1.8rem 0 2.1rem;
  padding:clamp(1.2rem,3vw,1.8rem);
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,246,241,.72));
  box-shadow:0 12px 38px rgba(0,0,0,.055);
}
.maria-signature-head{
  display:flex;
  justify-content:space-between;
  gap:1.2rem;
  align-items:flex-start;
  margin-bottom:1.15rem;
}
.maria-signature-head h3{
  margin:.2rem 0 .45rem;
  font:600 clamp(1.35rem,2.5vw,1.8rem)/1.18 Jost,sans-serif;
  letter-spacing:-.015em;
  max-width:650px;
}
.maria-signature-head .section-kicker{margin:0}
.maria-signature-lead{
  max-width:700px;
  margin:0;
  color:var(--ink-soft);
  line-height:1.6;
  font-size:.93rem;
}
.maria-signature-badge{
  flex:none;
  border:1px solid var(--line);
  border-radius:999px;
  padding:.42rem .68rem;
  font:600 .66rem/1 Jost,sans-serif;
  letter-spacing:.11em;
  white-space:nowrap;
  color:var(--accent-deep);
}
.maria-signature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.maria-signature-grid article{
  padding:1rem 1rem 1rem 0;
  min-height:150px;
}
.maria-signature-grid article+article{
  padding-left:1rem;
  border-left:1px solid var(--line);
}
.maria-signature-icon{
  display:inline-flex;
  width:28px;height:28px;
  align-items:center;justify-content:center;
  margin-bottom:.55rem;
  color:var(--accent-deep);
}
.maria-signature-icon svg{width:17px;height:17px}
.maria-signature-label{
  margin:0 0 .3rem;
  font:600 .66rem/1.2 Jost,sans-serif;
  letter-spacing:.11em;
  color:var(--ink-soft);
  text-transform:uppercase;
}
.maria-signature-grid strong{
  display:block;
  margin-bottom:.42rem;
  font:600 1rem/1.25 Jost,sans-serif;
}
.maria-signature-grid article>p:last-child{
  margin:0;
  color:var(--ink-soft);
  font-size:.82rem;
  line-height:1.55;
}
.maria-signature-evidence{
  display:flex;
  gap:.65rem;
  align-items:flex-start;
  padding:.85rem 0 .15rem;
}
.maria-signature-evidence svg{
  width:16px;height:16px;
  color:var(--accent-deep);
  flex:none;
  margin-top:.1rem;
}
.maria-signature-evidence p{
  margin:0;
  font-size:.78rem;
  line-height:1.5;
  color:var(--ink-soft);
}
.maria-signature-foot{
  margin:.7rem 0 0;
  padding-top:.7rem;
  border-top:1px dashed var(--line);
  font-size:.74rem;
  line-height:1.5;
  color:var(--ink-soft);
  opacity:.82;
}
@media(max-width:700px){
  .maria-signature{border-radius:18px;padding:1rem}
  .maria-signature-head{display:block}
  .maria-signature-badge{display:inline-block;margin-top:.7rem}
  .maria-signature-grid{display:block}
  .maria-signature-grid article,
  .maria-signature-grid article+article{
    padding:1rem 0;
    min-height:0;
    border-left:0;
  }
  .maria-signature-grid article+article{border-top:1px solid var(--line)}
}

/* V89 — Maria™ Decision Challenge */
.maria-decision-challenge{
  margin:1.15rem 0 .2rem;
  padding:1rem 0 .85rem;
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.9rem 1.4rem;
  align-items:center;
}
.maria-decision-challenge .section-kicker{margin:0 0 .25rem}
.challenge-copy h4{
  margin:0 0 .35rem;
  font:600 1rem/1.3 Jost,sans-serif;
}
.challenge-copy>p:last-child{
  margin:0;
  max-width:640px;
  color:var(--ink-soft);
  font-size:.8rem;
  line-height:1.5;
}
.challenge-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:.38rem;
}
.challenge-button{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  border:1px solid var(--ink);
  border-radius:999px;
  background:transparent;
  padding:.58rem .82rem;
  font:600 .72rem/1 Jost,sans-serif;
  cursor:pointer;
}
.challenge-button:hover{transform:translateY(-1px)}
.challenge-button svg{width:15px;height:15px}
.challenge-actions small{
  color:var(--ink-soft);
  font-size:.68rem;
  text-align:right;
}
.challenge-stable{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  color:var(--accent-deep);
  font:600 .74rem/1.3 Jost,sans-serif;
  text-align:right;
}
.challenge-stable svg{width:15px;height:15px}
.challenge-output{
  grid-column:1/-1;
  padding:.8rem .9rem;
  border-radius:14px;
  background:rgba(255,255,255,.7);
  border:1px solid var(--line);
}
.challenge-output strong{
  font:600 .9rem/1.3 Jost,sans-serif;
}
.challenge-output p{
  margin:.25rem 0;
  font-size:.8rem;
  line-height:1.5;
  color:var(--ink-soft);
}
.challenge-output small{font-size:.67rem;color:var(--ink-soft)}
@media(max-width:700px){
  .maria-decision-challenge{display:block}
  .challenge-actions{align-items:flex-start;margin-top:.8rem}
  .challenge-actions small{text-align:left}
  .challenge-output{margin-top:.8rem}
}

/* V90 — Maria™ Decision Timeline: editorial proof, not an analytics dashboard. */
.maria-decision-timeline{
  margin:1.2rem 0 .2rem;
  padding:1rem 0 1.1rem;
  border-top:1px solid var(--line);
}
.maria-timeline-head{margin-bottom:.9rem}
.maria-timeline-head .section-kicker{margin:0 0 .25rem}
.maria-timeline-head h4{
  margin:0 0 .35rem;
  font:600 1rem/1.3 Jost,sans-serif;
}
.maria-timeline-head>p:last-child{
  margin:0;
  max-width:680px;
  color:var(--ink-soft);
  font-size:.8rem;
  line-height:1.5;
}
.maria-decision-timeline ol{
  list-style:none;
  margin:0;
  padding:.15rem 0;
  display:grid;
  grid-template-columns:repeat(6,1fr);
}
.maria-timeline-step{
  position:relative;
  min-width:0;
  padding:.65rem .7rem .15rem 0;
}
.maria-timeline-step:not(:last-child)::after{
  content:"";
  position:absolute;
  top:1.02rem;
  left:25px;
  right:.5rem;
  border-top:1px solid var(--line);
}
.maria-timeline-dot{
  position:relative;
  z-index:1;
  display:flex;
  width:25px;height:25px;
  align-items:center;justify-content:center;
  margin-bottom:.48rem;
  border:1px solid var(--line);
  border-radius:50%;
  background:var(--paper,#fff);
  font:600 .65rem/1 Jost,sans-serif;
}
.maria-timeline-step.decisive .maria-timeline-dot,
.maria-timeline-step.pivot .maria-timeline-dot,
.maria-timeline-step.validated .maria-timeline-dot{
  border-color:var(--accent-deep);
}
.maria-timeline-step p{
  margin:0 0 .22rem;
  font:600 .62rem/1.2 Jost,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ink-soft);
}
.maria-timeline-step strong{
  display:block;
  font:600 .78rem/1.35 Jost,sans-serif;
}
@media(max-width:900px){
  .maria-decision-timeline ol{
    grid-template-columns:repeat(3,1fr);
    row-gap:.55rem;
  }
  .maria-timeline-step:nth-child(3)::after,
  .maria-timeline-step:last-child::after{display:none}
}
@media(max-width:700px){
  .maria-decision-timeline ol{display:block}
  .maria-timeline-step{
    display:grid;
    grid-template-columns:25px 1fr;
    gap:.65rem;
    padding:.45rem 0;
  }
  .maria-timeline-dot{margin:0}
  .maria-timeline-step:not(:last-child)::after{
    top:25px;left:12px;right:auto;height:calc(100% - 3px);
    border-top:0;border-left:1px solid var(--line);
  }
}

/* V92 — Maria™: calm editorial proof, never a technical dashboard. */
.maria-timeline-pivot{
  margin-top:.85rem;
  padding:.72rem .85rem;
  display:flex;
  align-items:flex-start;
  gap:.55rem;
  border-left:2px solid var(--accent-deep);
  background:rgba(255,255,255,.48);
}
.maria-timeline-pivot svg{width:16px;height:16px;flex:0 0 auto;margin-top:.08rem}
.maria-timeline-pivot p{margin:0;font-size:.76rem;line-height:1.45;color:var(--ink-soft)}
.maria-timeline-pivot strong{font:600 .72rem/1.2 Jost,sans-serif;color:var(--ink)}

/* V94 — Progressive disclosure: Maria stays calm, depth remains available. */
.maria-result-more{
  margin-top:1.15rem;
  display:grid;
  gap:.65rem;
}
.maria-result-details{
  border-top:1px solid var(--line);
}
.maria-result-details:last-child{border-bottom:1px solid var(--line)}
.maria-result-details>summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:.55rem;
  padding:.9rem .15rem;
  font:600 .78rem/1.25 Jost,sans-serif;
  letter-spacing:.02em;
}
.maria-result-details>summary::-webkit-details-marker{display:none}
.maria-result-details>summary::after{
  content:"⌄";
  margin-left:auto;
  font-size:1rem;
  transform:rotate(0deg);
  transition:transform .18s ease;
}
.maria-result-details[open]>summary::after{transform:rotate(180deg)}
.maria-result-details>summary svg{width:16px;height:16px;flex:0 0 auto}
.maria-result-details-body{
  padding:0 0 .85rem;
}
.maria-result-details-body> :first-child{margin-top:.15rem}
@media(max-width:700px){
  .maria-result-more{margin-top:1rem}
  .maria-result-details>summary{padding:.85rem 0}
}

/* V95 — responsive visual guardrails for Maria™ result proof. */
.maria-signature-head{min-width:0}
.maria-signature-head>*{min-width:0}
.maria-signature-grid article{min-width:0}
.maria-timeline-step strong,
.maria-timeline-step p{overflow-wrap:anywhere}
@media(max-width:760px){
  .maria-signature{
    margin:1.25rem 0 1.45rem;
    padding:1rem;
    border-radius:18px;
  }
  .maria-signature-head{
    display:block;
    margin-bottom:.85rem;
  }
  .maria-signature-badge{
    display:inline-flex;
    margin-top:.65rem;
  }
  .maria-signature-grid{
    grid-template-columns:1fr;
  }
  .maria-signature-grid article{
    min-height:0;
    padding:.8rem 0;
  }
  .maria-signature-grid article+article{
    padding-left:0;
    border-left:0;
    border-top:1px solid var(--line);
  }
  .maria-decision-timeline ol{
    grid-template-columns:1fr;
    gap:.15rem;
  }
  .maria-timeline-step{
    display:grid;
    grid-template-columns:25px 1fr;
    column-gap:.65rem;
    padding:.35rem 0 .45rem;
  }
  .maria-timeline-step:not(:last-child)::after{
    top:25px;
    left:12px;
    right:auto;
    bottom:-.1rem;
    border-top:0;
    border-left:1px solid var(--line);
  }
  .maria-timeline-dot{margin-bottom:0}
  .maria-timeline-step>div{min-width:0}
}
@media(min-width:761px) and (max-width:1100px){
  .maria-signature{
    padding:1.2rem;
  }
  .maria-signature-grid article{min-height:125px}
  .maria-decision-timeline ol{grid-template-columns:repeat(3,1fr)}
  .maria-timeline-step:not(:last-child)::after{
    display:none;
  }
}
@media(max-width:380px){
  .maria-signature-head h3{font-size:1.28rem}
  .maria-signature-lead{font-size:.86rem}
  .maria-result-details>summary{font-size:.75rem}
}


/* V98 — Maria™ Mobile UX Foundation */

:root{
  --header-height:76px;
  --mobile-gutter:18px;
}
html{scroll-padding-top:calc(var(--header-height) + 14px)}
[id]{scroll-margin-top:calc(var(--header-height) + 14px)}

.skip-link{
  position:fixed;
  left:16px;
  top:8px;
  z-index:100;
  transform:translateY(-180%);
  padding:10px 14px;
  border-radius:999px;
  background:var(--ink);
  color:var(--white);
  text-decoration:none;
  font:600 12px/1 Jost,sans-serif;
}
.skip-link:focus{transform:none}

.season-choice{
  margin:0 auto;
  padding:clamp(54px,8vw,90px) 0 36px;
}
.season-choice h2{
  max-width:780px;
  margin:0 0 18px;
  font:500 clamp(34px,5vw,58px)/1.06 Jost,sans-serif;
  letter-spacing:-.035em;
}
.season-intro{margin:0;max-width:700px}
.season-grid button{min-height:58px;touch-action:manipulation}
.season-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  margin-top:22px;
}
.season-required{
  margin:0 auto 0 0;
  color:var(--accent-deep);
  font-size:12px;
}
.season-continue{
  min-height:52px;
  padding:12px 18px 12px 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  border:1px solid var(--ink);
  border-radius:999px;
  background:var(--ink);
  color:var(--white);
  font-weight:600;
}
.season-continue svg{width:18px;height:18px}

#planner{scroll-margin-top:calc(var(--header-height) + 14px)}
#question-view{scroll-margin-top:calc(var(--header-height) + 14px)}
.question-step-label{
  margin:0 0 12px;
  color:var(--accent-deep);
  font:600 11px/1 Jost,sans-serif;
  letter-spacing:.18em;
}
.question h3{text-wrap:balance}
.choice{touch-action:manipulation}
.question-actions button{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.question-actions svg{width:18px;height:18px;flex:0 0 auto}

@media(max-width:760px){
  :root{--header-height:66px;--mobile-gutter:16px}
  html{scroll-padding-top:calc(var(--header-height) + 10px)}
  body{overflow-x:hidden}
  .site-header{height:var(--header-height);padding-inline:var(--mobile-gutter)}
  .brand{white-space:nowrap}
  .language-switcher button{min-width:40px;min-height:38px}

  .hero{min-height:min(620px,calc(100svh - var(--header-height)))}
  .hero-content{width:min(100% - 36px,720px);padding:72px 0 76px}
  .hero h1{
    font-size:clamp(42px,12vw,58px);
    line-height:1.01;
    text-wrap:balance;
  }
  .hero-lead{font-size:16px;line-height:1.55}
  .primary-cta{min-height:54px;margin-top:30px;padding:14px 20px 14px 23px}

  .season-choice{
    width:calc(100% - 2 * var(--mobile-gutter));
    padding:54px 0 28px;
  }
  .season-choice h2{
    font-size:clamp(34px,10vw,46px);
    line-height:1.04;
    margin-bottom:16px;
  }
  .season-intro{font-size:15px;line-height:1.55}
  .season-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    margin-top:22px;
  }
  .season-grid button{
    min-height:54px;
    padding:10px 6px;
    border-radius:15px;
    font-size:11px;
  }
  .season-actions{
    position:sticky;
    bottom:0;
    z-index:12;
    margin:18px calc(var(--mobile-gutter) * -1) 0;
    padding:12px var(--mobile-gutter) calc(12px + env(safe-area-inset-bottom));
    background:linear-gradient(to bottom,rgba(246,244,239,0),rgba(246,244,239,.94) 28%,rgba(246,244,239,.98));
  }
  .season-required{max-width:48%;line-height:1.35}
  .season-continue{min-height:52px;flex:0 0 auto}

  .planner-shell{
    width:calc(100% - 2 * var(--mobile-gutter));
    margin-bottom:54px;
    padding:20px 16px calc(20px + env(safe-area-inset-bottom));
    border-radius:22px;
  }
  .planner-top{display:block}
  .planner-top h2{font-size:27px;line-height:1.08;max-width:15ch}
  .planner-top .text-button{margin-top:10px;padding:5px 0;font-size:12px}
  .progress{margin-top:22px}
  .progress-label{margin:8px 0 22px}
  .question-step-label{margin-bottom:10px}
  .question h3{
    font-size:clamp(31px,8.6vw,40px);
    line-height:1.07;
    margin-bottom:16px;
  }
  .question-sub{margin:-2px 0 20px;font-size:15px;line-height:1.5}
  .multi-note{margin-bottom:12px}
  .choices{gap:9px}
  .choice{min-height:0;padding:16px 16px;border-radius:16px}
  .choice strong{font-size:17px;line-height:1.2}
  .choice small{margin-top:4px;font-size:12px;line-height:1.42}
  .choice.selected{transform:none}
  .question-actions{
    position:sticky;
    bottom:0;
    z-index:11;
    margin:18px -16px -20px;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom));
    background:linear-gradient(to bottom,rgba(255,253,249,0),rgba(255,253,249,.94) 28%,rgba(255,253,249,.98));
  }
  .question-actions button{min-height:52px}
  .secondary-button{padding-inline:15px}
  .next-button{min-width:138px;padding-inline:17px}

  .intro-copy{padding:58px 0 38px}
  .editorial-grid{padding-top:8px}
}

@media(max-width:380px){
  .site-header{padding-inline:12px}
  .brand{font-size:16px;letter-spacing:.13em}
  .language-switcher button{min-width:36px;padding-inline:7px}
  .season-grid{gap:7px}
  .season-grid button{min-height:51px;font-size:10px}
  .planner-shell{padding-inline:13px}
  .question-actions{margin-inline:-13px;padding-inline:13px}
  .next-button{min-width:126px}
}

@media(prefers-reduced-motion:reduce){
  .primary-cta:hover,.choice:hover,.choice.selected{transform:none}
}


/* V100 — Premium result hierarchy */
.premium-result{max-width:980px;margin-inline:auto;padding-bottom:70px}
.premium-result>h2{max-width:850px;margin-top:18px;font-size:clamp(42px,5.4vw,72px);line-height:1.02;letter-spacing:-.045em}
.premium-result>h2 strong{font-weight:600}
.premium-result .result-lead{max-width:720px;font-size:18px;line-height:1.55}
.premium-profile{margin-top:30px;padding:18px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.premium-profile .profile-summary{margin-top:12px}
.premium-why{margin-top:54px}
.premium-why>h3{max-width:720px;margin:10px 0 0;font:500 clamp(30px,4vw,44px)/1.08 Jost,sans-serif;letter-spacing:-.025em}
.premium-reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:28px;border-top:1px solid var(--line)}
.premium-reason{padding:24px 24px 24px 0;border-bottom:1px solid var(--line)}
.premium-reason+ .premium-reason{padding-left:24px;border-left:1px solid var(--line)}
.premium-reason>span{font:600 11px/1 Jost,sans-serif;letter-spacing:.16em;color:var(--accent-deep)}
.premium-reason h4{margin:14px 0 8px;font:600 20px/1.16 Jost,sans-serif}
.premium-reason p{margin:0;max-width:28ch;color:var(--ink-soft);font-size:14px;line-height:1.55}
.premium-season,.premium-change,.premium-alternative,.premium-practical{margin-top:26px;padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.55)}
.premium-season p,.premium-change p,.premium-alternative p{margin:7px 0 0;line-height:1.55}
.premium-season small{display:block;margin-top:8px;color:var(--ink-soft)}
.premium-change{display:grid;grid-template-columns:1fr;position:relative;overflow:hidden;background:var(--ink);color:var(--white);border-color:var(--ink);padding:28px 28px 30px}
.premium-change .section-kicker{color:#a9dfe0}
.premium-change-copy{max-width:760px}
.premium-change h3{margin:9px 0 0;font:500 clamp(28px,3.5vw,42px)/1.08 Jost,sans-serif;letter-spacing:-.025em}
.premium-change p{color:rgba(255,255,255,.78)}
.premium-change-threshold{padding-top:12px;border-top:1px solid rgba(255,255,255,.2)}
.premium-alternative{display:flex;align-items:center;justify-content:space-between;gap:24px;text-decoration:none;color:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.premium-alternative:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(13,50,58,.08)}.premium-alternative:focus-visible{outline:3px solid rgba(37,130,139,.35);outline-offset:3px}.premium-alternative-copy{display:block;min-width:0}.premium-alternative-copy strong{display:block}.premium-alternative-copy>span:last-child{display:block}
.premium-alternative h3{margin:8px 0 4px;font:500 30px/1.1 Jost,sans-serif}
.premium-alternative p{max-width:700px;color:var(--ink-soft)}
.premium-alternative-arrow{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;flex:0 0 auto}.premium-alternative-arrow svg{pointer-events:none}
.premium-alternative-arrow svg{width:18px}
.premium-practical ul{margin:10px 0 0;padding-left:18px}.premium-practical li{margin:7px 0;color:var(--ink-soft);line-height:1.5}
.premium-more{margin-top:34px;display:grid;gap:10px}
.premium-details{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.42);overflow:hidden}
.premium-details[open]{background:rgba(255,255,255,.66)}
.premium-details>summary{min-height:58px;padding:16px 18px;display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;font:600 14px/1.25 Jost,sans-serif}
.premium-details>summary::-webkit-details-marker{display:none}
.premium-details>summary svg{width:18px;flex:0 0 auto}.premium-details>summary::after{content:'+';margin-left:auto;font-size:20px;font-weight:400}.premium-details[open]>summary::after{content:'−'}
.premium-details-body{padding:0 18px 20px}
.premium-details-body>*:first-child{margin-top:6px}
.premium-result .maria-signature{margin-top:0}
.premium-result .maria-result-details{border:0;background:transparent}
.premium-result .maria-result-more{margin-top:0}
.premium-result .maria-result-more .maria-result-details{border:0}
.premium-result .result-actions{justify-content:flex-start}
.premium-result .result-actions button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 20px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:600 13px/1 Jost,sans-serif}
.premium-result .result-actions svg{width:17px}

@media(max-width:900px){
  .premium-result{padding-bottom:48px}
  .premium-reasons{grid-template-columns:1fr}
  .premium-reason,.premium-reason+.premium-reason{padding:20px 0;border-left:0}
  .premium-reason p{max-width:none}
}
@media(max-width:760px){
  .premium-result{width:calc(100% - 32px);padding-bottom:40px}
  .premium-result>h2{font-size:clamp(38px,11vw,52px);line-height:1.01;margin-top:14px}
  .premium-result .result-lead{font-size:16px;line-height:1.52}
  .premium-profile{margin-top:24px;padding:15px 0 17px}
  .premium-profile .profile-summary{gap:6px}
  .premium-profile .profile-summary span{font-size:9px;padding:7px 9px}
  .premium-why{margin-top:38px}
  .premium-why>h3{font-size:31px;line-height:1.08}
  .premium-reasons{margin-top:20px}
  .premium-reason{padding:18px 0}
  .premium-reason h4{font-size:18px;margin:10px 0 5px}
  .premium-reason p{font-size:13px}
  .premium-season,.premium-change,.premium-alternative,.premium-practical{margin-top:14px;padding:17px 16px;border-radius:16px}
  .premium-change{padding:21px 18px 22px}
  .premium-change h3{font-size:29px}
  .premium-alternative{align-items:flex-start;padding-right:15px}
  .premium-alternative h3{font-size:26px}
  .premium-alternative-arrow{margin-top:4px}
  .premium-more{margin-top:24px;gap:8px}
  .premium-details{border-radius:15px}
  .premium-details>summary{min-height:54px;padding:14px 14px;font-size:13px}
  .premium-details-body{padding:0 14px 16px}
}
@media(max-width:380px){
  .premium-result{width:calc(100% - 24px)}
  .premium-result>h2{font-size:37px}
  .premium-result .result-lead{font-size:15px}
  .premium-profile .profile-summary span{font-size:8.5px}
}
@media(min-width:1200px){
  .premium-result{max-width:1060px}
  .premium-result>h2{font-size:76px}
}

/* MARIA V105 — surgical production fixes + V104 visual layer
   Functional renderer deliberately preserved from V100.
   Engine/scoring untouched.
*/
.premium-result{
 --maria-ink:#26383d;--maria-paper:#fffdf8;--maria-sand:#f3eee4;
 --maria-sea:#6fb8b1;--maria-hydrangea:#7589b7;
 position:relative;overflow:hidden;max-width:980px;margin-inline:auto;padding:18px 0 70px;color:var(--maria-ink)
}
.premium-result::before{
 content:"";position:absolute;width:170px;height:170px;right:-70px;top:80px;
 border:1px solid rgba(117,137,183,.13);border-radius:61% 39% 55% 45% / 46% 58% 42% 54%;
 transform:rotate(18deg);pointer-events:none
}
.premium-result>h2{
 position:relative;width:max-content;max-width:100%;margin:18px 0 0;padding:16px 26px 19px;
 border-radius:38px 38px 38px 12px;background:var(--maria-ink);color:var(--maria-paper);
 box-shadow:0 18px 45px rgba(16,40,49,.12)
}
.premium-result>h2::after{
 content:"";position:absolute;left:25px;bottom:-10px;width:21px;height:21px;background:var(--maria-ink);
 clip-path:polygon(0 0,100% 0,22% 100%);transform:rotate(8deg)
}
.premium-result .result-lead{max-width:700px;margin:25px 0 0 10px;font-size:clamp(17px,2vw,21px);line-height:1.55}
.premium-profile{margin:32px 0 0 8px;padding:20px 0 22px;border:0}
.premium-profile .section-kicker{display:inline-flex;align-items:center;gap:9px}
.premium-profile .section-kicker::before{content:"";width:20px;height:1px;background:var(--maria-sea)}
.premium-profile .profile-summary{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}
.premium-profile .profile-summary span{
 padding:9px 13px;border:0;border-radius:999px 999px 999px 9px;background:rgba(117,137,183,.11);color:var(--maria-ink)
}
.premium-profile .profile-summary span:nth-child(2n){border-radius:999px 999px 9px 999px;background:rgba(99,183,173,.11)}
.premium-why{margin-top:52px}
.premium-reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:27px;border:0}
.premium-reason{
 min-width:0;min-height:190px;padding:20px 19px 22px;border:1px solid rgba(38,56,61,.08);
 border-radius:27px 27px 27px 9px;background:var(--maria-sand);box-shadow:0 9px 26px rgba(38,56,61,.045)
}
.premium-reason+.premium-reason{padding-left:19px;border-left:1px solid rgba(38,56,61,.08)}
.premium-reason:nth-child(2){margin-top:20px;border-radius:27px 27px 9px 27px;background:rgba(99,183,173,.09)}
.premium-reason:nth-child(3){margin-top:6px;border-radius:9px 27px 27px 27px;background:rgba(117,137,183,.10)}
.premium-reason>span{
 display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;
 background:var(--maria-paper);font:700 11px/1 Jost,sans-serif;letter-spacing:.08em
}
.premium-reason h4{display:block;visibility:visible;opacity:1;position:relative;z-index:1;margin:13px 0 8px;font:600 20px/1.16 Jost,sans-serif;color:var(--maria-ink)}
.premium-reason p{display:block;visibility:visible;opacity:1;position:relative;z-index:1;margin:0;max-width:none;color:#53676d;font-size:14px;line-height:1.55}
.premium-season{margin:30px 7% 0 0;padding:19px 21px 20px;border:1px solid rgba(117,137,183,.16);border-radius:28px 28px 10px 28px;background:linear-gradient(145deg,rgba(117,137,183,.08),rgba(255,253,248,.8))}
.premium-season p{margin:6px 0 0;line-height:1.55}.premium-season small{display:block;margin-top:7px;color:#53676d}
.premium-change{margin:30px 0 0 5%;border:0;border-radius:10px 28px 28px 28px;background:var(--maria-ink)}
.premium-alternative{margin:25px 0 0 5%;border:0;border-radius:10px 28px 28px 28px;background:rgba(99,183,173,.085)}
.premium-practical{margin:25px 5% 0 0;border:0;border-radius:28px 28px 28px 9px;background:var(--maria-sand)}
@media(max-width:900px){
 .premium-result{padding:15px 0 48px}.premium-reasons{grid-template-columns:1fr;gap:9px}
 .premium-reason,.premium-reason+.premium-reason,.premium-reason:nth-child(2),.premium-reason:nth-child(3){margin:0;padding:19px 17px 20px;min-height:0}
 .premium-reason:nth-child(2){margin-left:4%;width:96%}.premium-reason:nth-child(3){margin-right:3%;width:97%}
 .premium-season{margin-right:0}.premium-change,.premium-alternative{margin-left:3%}.premium-practical{margin-right:3%}
}
@media(max-width:420px){
 .premium-result{padding-inline:1px}.premium-result>h2{width:auto;padding:14px 18px 17px;border-radius:29px 29px 29px 10px;font-size:clamp(34px,9.5vw,50px)}
 .premium-result .result-lead{margin-left:5px;font-size:17px}.premium-profile{margin-left:5px}
 .premium-reason:nth-child(2),.premium-reason:nth-child(3){width:100%;margin-left:0;margin-right:0}
 .premium-change,.premium-alternative,.premium-practical{margin-left:0;margin-right:0}
}

/* ============================================================
   V109 — HOME MARIA™ — MAQUETTE APPROUVÉE
   Règle : ne jamais retoucher les deux photos source. Elles sont
   affichées directement depuis /images/ et uniquement cadrées par CSS.
   Header/footer volontairement absents jusqu'à l'intégration DHT.
   ============================================================ */
.maria-page{background:#f5f1e9;color:#0f2d36;overflow-x:hidden}
.maria-page .skip-link{position:fixed;top:10px;left:10px;z-index:1000;transform:translateY(-160%);background:#0d4d55;color:#fff;padding:10px 16px;border-radius:999px;text-decoration:none;font-weight:600}
.maria-page .skip-link:focus{transform:translateY(0)}
.maria-page main{position:relative}
.maria-home-hero{position:relative;min-height:680px;display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);align-items:stretch;max-width:1280px;margin:0 auto;padding:42px 36px 0;background:#faf8f3;overflow:hidden}
.maria-hero-copy{position:relative;z-index:3;padding:36px 28px 68px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.maria-brand{font:500 clamp(38px,4.1vw,58px)/.95 Georgia,'Times New Roman',serif;letter-spacing:.055em;margin:0 0 10px;color:#0e3540}
.maria-brand sup{font:500 .28em/1 Arial,sans-serif;vertical-align:top;position:relative;top:-.15em;margin-left:4px;letter-spacing:0}
.maria-tagline{font:700 10px/1.3 Jost,Poppins,sans-serif;letter-spacing:.18em;color:#0b5260;margin:0 0 54px;text-transform:uppercase}
.maria-home-hero .eyebrow{font:700 10px/1.2 Jost,Poppins,sans-serif;letter-spacing:.22em;color:#1d7e86;margin:0 0 16px;text-transform:uppercase}
.maria-home-hero h1{font:500 clamp(47px,5.1vw,72px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.045em;color:#103742;max-width:8.5ch;margin:0 0 22px}
.maria-home-hero .hero-lead{max-width:560px;margin:0;color:#3f535a;font-size:16px;line-height:1.7}
.maria-primary-cta{margin:27px 0 33px;min-height:56px;border:0;background:#0b5961;color:#fffdf9;border-radius:999px;padding:14px 23px 14px 29px;display:inline-flex;align-items:center;gap:25px;font-weight:600;box-shadow:0 12px 28px rgba(9,65,72,.18);transition:transform .2s ease,box-shadow .2s ease}
.maria-primary-cta:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(9,65,72,.22)}
.maria-primary-cta svg{width:23px;height:23px;stroke-width:1.7}
.maria-feature-row{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:auto}
.maria-feature-row article{min-width:0}
.maria-feature-row article>svg{width:34px;height:34px;stroke:#0d4250;stroke-width:1.45;margin-bottom:15px}
.maria-feature-row h2{font:600 12px/1.35 Jost,Poppins,sans-serif;margin:0 0 5px;color:#0e3540}
.maria-feature-row p{font:400 11px/1.55 Poppins,sans-serif;color:#56686e;margin:0;max-width:150px}
.maria-hero-photo{position:relative;z-index:2;min-height:650px;margin:-42px -36px 0 0;overflow:hidden;border-bottom-left-radius:38% 18%;border-top-left-radius:48% 10%;border-bottom-right-radius:4% 4%}
.maria-hero-photo img{display:block;width:100%;height:100%;min-height:650px;object-fit:cover;object-position:center 55%;border-radius:inherit}
.maria-hero-photo::before{content:"";position:absolute;z-index:3;left:-13%;top:8%;width:34%;height:78%;background:#faf8f3;border-radius:0 58% 58% 0 / 0 50% 50% 0;pointer-events:none}.maria-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 55%,rgba(10,49,55,.08) 100%);pointer-events:none}
.maria-hero-badge{position:absolute;right:8%;bottom:55px;z-index:6;display:flex;align-items:center;gap:17px;width:min(320px,52%);padding:19px 22px;border-radius:23px;background:rgba(255,253,249,.96);box-shadow:0 12px 32px rgba(15,40,47,.15);color:#123b45;font-size:12px;line-height:1.45}
.maria-hero-badge>svg{flex:0 0 auto;width:32px;height:32px;stroke:#0c5360;stroke-width:1.5}
.maria-badge-copy{display:flex;flex-direction:column;white-space:normal}
.maria-badge-copy strong{font-weight:700}
.maria-season-choice{position:relative;z-index:4;width:min(1120px,calc(100% - 72px));max-width:none;margin:0 auto;padding:55px 58px 45px;background:#faf8f3;border:0;border-radius:62px;box-shadow:0 18px 48px rgba(23,43,48,.055);text-align:center}
.maria-season-choice::before{content:"";position:absolute;inset:-18px 4% auto 4%;height:30px;background:#f5f1e9;border-radius:50%;z-index:-1}
.maria-season-choice .section-kicker{display:inline-flex;align-items:center;gap:7px;margin:0 0 13px;font:700 10px/1.2 Jost,Poppins,sans-serif;letter-spacing:.17em;color:#176c75}
.maria-season-choice .section-kicker svg{width:15px;height:15px;stroke-width:1.6}
.maria-season-choice h2{font:500 clamp(31px,3.1vw,43px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.025em;color:#103b46;margin:0 auto 10px}
.maria-season-choice .season-intro{max-width:690px;margin:0 auto 25px;color:#66757a;font-size:12px;line-height:1.65}
.maria-season-grid{width:min(930px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 13px}
.maria-season-grid button{min-height:67px;border:1px solid rgba(15,45,54,.055);background:#fffdfa;border-radius:17px;display:flex;align-items:center;justify-content:center;gap:11px;color:#153e48;font:600 12px/1 Jost,Poppins,sans-serif;box-shadow:0 5px 18px rgba(15,45,54,.055);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.maria-season-grid button svg{width:27px;height:27px;stroke-width:1.55}
.maria-season-grid button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,45,54,.08)}
.maria-season-grid button.is-selected{background:#e7f4f1;border-color:#7bb9b4;box-shadow:0 7px 20px rgba(15,92,96,.11)}
.maria-season-choice .season-actions{margin-top:17px;display:flex;justify-content:center;align-items:center;min-height:22px}
.maria-season-choice .season-continue{display:none}
.maria-experience{width:min(1120px,calc(100% - 72px));max-width:none;margin:28px auto 0;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(350px,.9fr);gap:22px}
.maria-process-card,.maria-approach-card{position:relative;overflow:hidden;background:#fbfaf6;border:1px solid rgba(15,45,54,.045);border-radius:27px;box-shadow:0 11px 34px rgba(15,45,54,.06)}
.maria-process-card{padding:30px 34px 34px}
.maria-process-card .section-kicker,.maria-approach-copy .section-kicker{font:700 10px/1.2 Jost,Poppins,sans-serif;letter-spacing:.16em;color:#1b6971;margin:0 0 9px}
.maria-process-card h2,.maria-approach-card h2{font:500 clamp(26px,2.8vw,38px)/1.03 Georgia,'Times New Roman',serif;letter-spacing:-.025em;color:#123d48;margin:0}
.maria-process{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr;align-items:start;margin-top:28px}
.maria-process article{text-align:center;min-width:0}
.maria-step-icon{width:61px;height:61px;margin:0 auto 8px;border-radius:50%;background:#f1eee5;display:grid;place-items:center}
.maria-step-icon svg{width:29px;height:29px;stroke:#103f4c;stroke-width:1.45}
.maria-process article b{display:grid;place-items:center;width:20px;height:20px;margin:-1px auto 8px;border-radius:50%;background:#0b5961;color:#fff;font:700 9px/1 Poppins,sans-serif}
.maria-process article p{margin:0;color:#3f555c;font-size:10px;line-height:1.55;white-space:pre-line}
.maria-step-line{height:1px;border-top:2px dotted #d8d1c0;margin-top:30px}
.maria-approach-card{display:grid;grid-template-columns:minmax(0,1fr) 150px;min-height:100%}
.maria-approach-copy{padding:30px 0 28px 30px;position:relative;z-index:2}
.maria-approach-card>img{width:100%;height:100%;min-height:330px;object-fit:cover;object-position:center center;align-self:stretch;clip-path:ellipse(74% 72% at 88% 52%)}
.maria-approach-list{display:grid;gap:11px;margin-top:24px}
.maria-approach-list article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:start}
.maria-approach-list article>span{width:36px;height:36px;border-radius:50%;background:#f1eee5;display:grid;place-items:center}
.maria-approach-list svg{width:18px;height:18px;stroke:#164552;stroke-width:1.45}
.maria-approach-list p{margin:0;font-size:10px;line-height:1.5;color:#51636a}
.maria-approach-list strong{color:#143e48;font-weight:700}
.maria-highlights{width:min(1120px,calc(100% - 72px));max-width:none;margin:22px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.maria-highlights article{min-width:0}
.maria-highlight-photo{position:relative;overflow:hidden;height:145px;border-radius:22px;background:#ddd}
.maria-highlight-photo img{width:100%;height:100%;display:block;object-fit:cover}
.maria-highlight-photo>span{position:absolute;left:12px;bottom:10px;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#0b5961;color:#fff}
.maria-highlight-photo svg{width:20px;height:20px;stroke-width:1.45}
.maria-highlights h3{font:600 13px/1.3 Jost,Poppins,sans-serif;color:#123d48;margin:8px 0 3px}
.maria-highlights p{font-size:10px;line-height:1.55;color:#56676d;margin:0;max-width:220px}
.maria-privacy{width:min(1120px,calc(100% - 72px));max-width:none;margin:22px auto 12px;padding:15px 22px;border-radius:28px;background:#f0ece3;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:15px;color:#567078}
.maria-privacy>div{display:flex;align-items:center;gap:14px;min-width:0}
.maria-privacy>div>svg{width:29px;height:29px;flex:0 0 auto;stroke:#123f4b;stroke-width:1.5}
.maria-privacy p{margin:0;font-size:10px;line-height:1.45;white-space:pre-line}
.maria-privacy a{color:#123e49;text-decoration:none;font:600 11px/1.3 Jost,Poppins,sans-serif;white-space:nowrap}
.maria-approach-link{display:inline-flex;align-items:center;justify-content:flex-end;gap:12px;cursor:pointer;position:relative;z-index:2}
.maria-approach-link svg{width:20px;height:20px;flex:0 0 auto;stroke:#123e49;stroke-width:1.5}
#approach{scroll-margin-top:94px}
.maria-privacy>svg{width:20px;height:20px;stroke:#123e49;stroke-width:1.5}
/* Existing interactive planner/result components remain available below the approved home.
   The home presentation never changes the Maria decision engine or its scoring. */
.maria-page .planner-shell,.maria-page .result-shell{width:min(1120px,calc(100% - 72px));margin-left:auto;margin-right:auto}

@media (max-width:980px){
  .maria-home-hero{grid-template-columns:1fr;min-height:0;padding:22px 24px 0}
  .maria-hero-copy{padding:30px 18px 44px}
  .maria-tagline{margin-bottom:34px}
  .maria-home-hero h1{max-width:10ch;font-size:clamp(45px,9vw,68px)}
  .maria-hero-photo{min-height:520px;margin:0 -24px;border-radius:0 0 42% 10%;clip-path:none}
  .maria-hero-photo img{min-height:520px}
  .maria-hero-badge{right:7%;bottom:30px;width:min(330px,72%)}
  .maria-season-choice,.maria-experience,.maria-highlights,.maria-privacy{width:min(100% - 40px,760px)}
  .maria-experience{grid-template-columns:1fr}
  .maria-approach-card{min-height:360px}
}
@media (max-width:760px){
  .maria-home-hero{padding-inline:15px}
  .maria-hero-copy{padding:27px 10px 40px}
  .maria-feature-row{gap:13px}
  .maria-feature-row article>svg{width:29px;height:29px;margin-bottom:10px}
  .maria-feature-row h2{font-size:11px}
  .maria-feature-row p{font-size:9.5px}
  .maria-hero-photo{margin-inline:-15px;min-height:430px}.maria-hero-photo::before{display:none}
  .maria-hero-photo img{min-height:430px}
  .maria-hero-badge{right:5%;bottom:22px;width:80%;padding:15px 17px;font-size:10px}
  .maria-hero-badge>svg{width:27px;height:27px}
  .maria-season-choice{width:calc(100% - 24px);padding:39px 15px 28px;border-radius:36px}
  .maria-season-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  .maria-season-grid button{min-height:59px;gap:6px;font-size:10px;flex-direction:column}
  .maria-season-grid button svg{width:23px;height:23px}
  .maria-experience,.maria-highlights,.maria-privacy{width:calc(100% - 24px)}
  .maria-process-card{padding:25px 16px 28px}
  .maria-process{grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;margin-top:23px}
  .maria-step-icon{width:48px;height:48px}
  .maria-step-icon svg{width:23px;height:23px}
  .maria-process article p{font-size:8.5px}
  .maria-process article b{width:18px;height:18px;font-size:8px}
  .maria-step-line{margin-top:24px}
  .maria-approach-card{grid-template-columns:1fr 105px}
  .maria-approach-copy{padding:25px 0 24px 20px}
  .maria-approach-card>img{min-height:360px}
  .maria-highlights{grid-template-columns:1fr 1fr;gap:18px 12px}
  .maria-highlight-photo{height:120px}
  .maria-privacy{grid-template-columns:1fr;gap:11px;border-radius:22px}
  .maria-privacy a{white-space:normal}
  .maria-privacy>svg{display:none}
}
@media (max-width:480px){
  .maria-brand{font-size:39px}
  .maria-home-hero h1{font-size:43px}
  .maria-hero-lead{font-size:14px}
  .maria-feature-row{grid-template-columns:1fr 1fr 1fr}
  .maria-feature-row article:nth-child(3){display:none}
  .maria-feature-row{grid-template-columns:1fr 1fr}
  .maria-season-grid button{min-height:55px}
  .maria-highlights{grid-template-columns:1fr}
  .maria-highlight-photo{height:150px}
}

/* ============================================================
   V110 — HERO RESPONSIVE SURGICAL FIX
   Objectif : rétablir la composition validée du Hero sur desktop,
   tablette et mobile sans modifier les fichiers image.
   Les images restent servies directement depuis /images/.
   ============================================================ */

/* Desktop large : deux colonnes réellement équilibrées, contenu à gauche,
   IMG_0627.jpeg à droite. Le Hero reste contenu dans une largeur premium. */
@media (min-width: 1100px){
  .maria-home-hero{
    width:min(100%,1320px);
    min-height:720px;
    grid-template-columns:minmax(0, .98fr) minmax(0, 1.02fr);
    padding:42px 42px 0;
  }
  .maria-hero-copy{
    padding:42px 34px 72px 38px;
  }
  .maria-brand{font-size:clamp(44px,4vw,60px)}
  .maria-tagline{margin-bottom:58px}
  .maria-home-hero h1{
    font-size:clamp(52px,5vw,76px);
    max-width:8.8ch;
    margin-bottom:24px;
  }
  .maria-home-hero .hero-lead{font-size:16px;max-width:540px}
  .maria-primary-cta{margin-top:29px;margin-bottom:36px;min-height:58px}
  .maria-hero-photo{
    min-height:678px;
    margin:-42px -42px 0 0;
    border-top-left-radius:52% 11%;
    border-bottom-left-radius:40% 19%;
    border-bottom-right-radius:5% 5%;
  }
  .maria-hero-photo img{
    min-height:678px;
    object-position:center center;
  }
  .maria-hero-photo::before{
    left:-15%;
    top:8%;
    width:35%;
    height:76%;
    border-radius:0 62% 62% 0 / 0 52% 52% 0;
  }
  .maria-hero-badge{
    right:7%;
    bottom:56px;
    width:min(340px,54%);
  }
}

/* Desktop compact / tablette paysage : conserver le Hero en deux colonnes.
   C'est volontaire : le passage brutal en colonne unique était la principale
   cause de perte de la composition de la maquette sur tablette. */
@media (min-width: 768px) and (max-width: 1099px){
  .maria-home-hero{
    width:min(100%,1100px);
    min-height:600px;
    grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr);
    padding:28px 24px 0;
  }
  .maria-hero-copy{padding:30px 20px 52px 22px}
  .maria-brand{font-size:clamp(38px,5vw,52px)}
  .maria-tagline{font-size:9px;margin-bottom:38px;letter-spacing:.15em}
  .maria-home-hero .eyebrow{font-size:9px;margin-bottom:12px}
  .maria-home-hero h1{
    font-size:clamp(40px,5.6vw,60px);
    max-width:8.8ch;
    margin-bottom:17px;
  }
  .maria-home-hero .hero-lead{font-size:13px;line-height:1.6;max-width:390px}
  .maria-primary-cta{margin:22px 0 25px;min-height:51px;padding:12px 19px 12px 23px;gap:19px;font-size:14px}
  .maria-primary-cta svg{width:21px;height:21px}
  .maria-feature-row{gap:12px}
  .maria-feature-row article>svg{width:29px;height:29px;margin-bottom:10px}
  .maria-feature-row h2{font-size:10.5px}
  .maria-feature-row p{font-size:9px;max-width:125px}
  .maria-hero-photo{
    min-height:572px;
    margin:-28px -24px 0 0;
    border-top-left-radius:50% 10%;
    border-bottom-left-radius:39% 18%;
  }
  .maria-hero-photo img{min-height:572px;object-position:center center}
  .maria-hero-photo::before{
    left:-18%;top:9%;width:38%;height:75%;
    border-radius:0 58% 58% 0 / 0 50% 50% 0;
  }
  .maria-hero-badge{
    right:6%;bottom:36px;width:min(285px,64%);padding:15px 17px;gap:12px;font-size:10px;border-radius:19px
  }
  .maria-hero-badge>svg{width:28px;height:28px}
}

/* Mobile : composition verticale de la maquette, avec une vraie respiration
   entre le texte et la photo. Aucun overlay décoratif ne doit écraser la photo. */
@media (max-width: 767px){
  .maria-home-hero{
    width:100%;
    min-height:0;
    grid-template-columns:1fr;
    padding:18px 14px 0;
  }
  .maria-hero-copy{
    padding:27px 12px 38px;
  }
  .maria-brand{font-size:clamp(39px,11vw,47px);letter-spacing:.045em}
  .maria-tagline{font-size:9px;letter-spacing:.15em;margin-bottom:38px}
  .maria-home-hero .eyebrow{font-size:9px;letter-spacing:.19em;margin-bottom:13px}
  .maria-home-hero h1{
    font-size:clamp(43px,11.5vw,54px);
    line-height:.99;
    max-width:9.2ch;
    margin-bottom:20px;
  }
  .maria-home-hero .hero-lead{font-size:15px;line-height:1.6;max-width:100%}
  .maria-primary-cta{
    width:min(100%,510px);
    justify-content:space-between;
    margin:25px 0 37px;
    min-height:57px;
    padding:14px 24px 14px 28px;
    gap:18px;
    font-size:17px;
  }
  .maria-primary-cta svg{width:25px;height:25px}
  .maria-feature-row{margin-top:0;gap:22px}
  .maria-feature-row article>svg{width:30px;height:30px;margin-bottom:10px}
  .maria-feature-row h2{font-size:11px}
  .maria-feature-row p{font-size:9.5px;line-height:1.55;max-width:145px}
  .maria-hero-photo{
    min-height:0;
    height:clamp(430px,118vw,570px);
    margin:0 -14px;
    border-radius:0 0 42% 9%;
  }
  .maria-hero-photo img{
    min-height:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
  }
  .maria-hero-photo::before{
    left:-16%;
    top:7%;
    width:28%;
    height:78%;
    border-radius:0 58% 58% 0 / 0 50% 50% 0;
  }
  .maria-hero-photo::after{background:linear-gradient(180deg,rgba(255,255,255,0) 58%,rgba(10,49,55,.06) 100%)}
  .maria-hero-badge{
    right:5%;
    bottom:22px;
    width:min(360px,84%);
    padding:15px 17px;
    gap:12px;
    border-radius:21px;
    font-size:10.5px;
  }
  .maria-hero-badge>svg{width:28px;height:28px}
}

@media (max-width: 420px){
  .maria-hero-copy{padding-inline:10px;padding-bottom:34px}
  .maria-home-hero h1{font-size:43px;max-width:9.1ch}
  .maria-home-hero .hero-lead{font-size:14px}
  .maria-primary-cta{min-height:55px;font-size:16px;margin-top:23px;margin-bottom:34px}
  .maria-feature-row{gap:17px}
  .maria-feature-row article>svg{width:29px;height:29px}
  .maria-hero-photo{height:clamp(430px,112vw,500px)}
  .maria-hero-photo::before{display:block}
  .maria-hero-badge{width:84%;bottom:19px;padding:14px 15px;font-size:10px}
}

/* ============================================================
   V111 — HERO COMPOSITION MATCH / MAQUETTE SOURCE
   Correction strictement géométrique : le DOM est verrouillé par
   grid-areas afin que le texte reste à gauche et la photo à droite
   sur desktop + tablette. Mobile conserve l'empilement vertical.
   Les deux JPEG source ne sont jamais transformés.
   ============================================================ */
.maria-home-hero{
  grid-template-areas:"copy photo";
  grid-template-columns:minmax(0, .94fr) minmax(0, 1.06fr);
}
.maria-hero-copy{grid-area:copy;}
.maria-hero-photo{grid-area:photo;}

@media (min-width:1100px){
  .maria-home-hero{
    width:min(100%,1320px);
    max-width:1320px;
    min-height:720px;
    padding:30px 30px 0;
    grid-template-areas:"copy photo";
    grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
    align-items:stretch;
  }
  .maria-hero-copy{
    padding:34px 46px 72px 38px;
    justify-content:flex-start;
  }
  .maria-brand{font-size:clamp(46px,4vw,62px);margin-bottom:11px}
  .maria-tagline{font-size:10px;margin-bottom:54px}
  .maria-home-hero .eyebrow{font-size:10px;margin-bottom:16px}
  .maria-home-hero h1{
    font-size:clamp(54px,5.05vw,78px);
    max-width:8.7ch;
    margin-bottom:23px;
  }
  .maria-home-hero .hero-lead{font-size:16px;max-width:530px;line-height:1.68}
  .maria-primary-cta{margin:28px 0 34px;min-height:58px}
  .maria-feature-row{margin-top:auto;gap:25px}
  .maria-hero-photo{
    min-height:690px;
    margin:-30px -30px 0 0;
    border-radius:0 0 5% 5%;
    border-top-left-radius:52% 13%;
    border-bottom-left-radius:42% 20%;
  }
  .maria-hero-photo img{
    min-height:690px;
    object-position:center 53%;
  }
  .maria-hero-photo::before{
    left:-16%;
    top:8%;
    width:36%;
    height:76%;
    border-radius:0 64% 64% 0 / 0 52% 52% 0;
  }
  .maria-hero-badge{
    right:7%;
    bottom:54px;
    width:min(350px,55%);
    padding:19px 22px;
  }
}

@media (min-width:768px) and (max-width:1099px){
  .maria-home-hero{
    width:min(100%,1120px);
    min-height:620px;
    padding:26px 24px 0;
    grid-template-areas:"copy photo";
    grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);
  }
  .maria-hero-copy{padding:30px 22px 52px 24px}
  .maria-brand{font-size:clamp(39px,5vw,53px)}
  .maria-tagline{font-size:9px;margin-bottom:39px}
  .maria-home-hero .eyebrow{font-size:9px;margin-bottom:12px}
  .maria-home-hero h1{font-size:clamp(41px,5.7vw,61px);max-width:8.7ch;margin-bottom:17px}
  .maria-home-hero .hero-lead{font-size:13px;line-height:1.6;max-width:390px}
  .maria-primary-cta{margin:22px 0 25px;min-height:51px;padding:12px 19px 12px 23px;gap:19px;font-size:14px}
  .maria-feature-row{gap:12px}
  .maria-feature-row article>svg{width:29px;height:29px;margin-bottom:10px}
  .maria-feature-row h2{font-size:10.5px}
  .maria-feature-row p{font-size:9px;max-width:125px}
  .maria-hero-photo{
    min-height:594px;
    margin:-26px -24px 0 0;
    border-top-left-radius:52% 12%;
    border-bottom-left-radius:40% 19%;
  }
  .maria-hero-photo img{min-height:594px;object-position:center 53%}
  .maria-hero-photo::before{left:-18%;top:9%;width:38%;height:75%;border-radius:0 60% 60% 0 / 0 50% 50% 0}
  .maria-hero-badge{right:6%;bottom:38px;width:min(290px,66%);padding:15px 17px;gap:12px;font-size:10px;border-radius:19px}
  .maria-hero-badge>svg{width:28px;height:28px}
}

@media (max-width:767px){
  .maria-home-hero{
    grid-template-areas:"copy" "photo";
    grid-template-columns:1fr;
  }
  .maria-hero-copy{grid-area:copy}
  .maria-hero-photo{grid-area:photo}
}

/* ============================================================
   V113 — MOBILE PREMIUM HERO / FEATURES COMPLETS
   Objectif : conserver la composition validée tout en rendant
   les 3 principes Maria™ visibles sur mobile.
   Aucun changement du moteur, des textes, des photos Hero ou
   de la rangée highlights.
   ============================================================ */
@media (max-width:767px){
  .maria-feature-row{
    width:100%;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(12px,4vw,22px);
    align-items:start;
  }
  .maria-feature-row article{
    min-width:0;
  }
  .maria-feature-row article:nth-child(3){
    display:block;
  }
  .maria-feature-row article>svg{
    display:block;
    width:31px;
    height:31px;
    margin:0 0 11px;
    stroke-width:1.4;
  }
  .maria-feature-row h2{
    font-size:clamp(10px,2.7vw,12px);
    line-height:1.28;
    margin:0 0 5px;
    letter-spacing:-.01em;
  }
  .maria-feature-row p{
    font-size:clamp(9px,2.35vw,10.5px);
    line-height:1.48;
    max-width:none;
    margin:0;
  }
}

@media (max-width:420px){
  .maria-feature-row{
    gap:12px;
  }
  .maria-feature-row article>svg{
    width:29px;
    height:29px;
    margin-bottom:9px;
  }
  .maria-feature-row h2{
    font-size:10px;
    line-height:1.25;
  }
  .maria-feature-row p{
    font-size:9px;
    line-height:1.45;
  }
}

/* V117 — complete profile summary: every recorded selection is visible, grouped by dimension. */

.profile-summary--complete{display:grid;gap:14px;margin-top:14px;}
.profile-summary-group{display:grid;gap:7px;min-width:0;}
.profile-summary-label{margin:0;font:600 9px/1.2 Jost,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);opacity:.72;}
.profile-summary-values{display:flex;flex-wrap:wrap;gap:7px;}
.profile-summary-values span{font:600 10px/1.15 Jost,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);background:rgba(255,255,255,.58);}
.profile-summary-group--interests .profile-summary-values{gap:8px;}
@media (max-width:640px){
  .profile-summary--complete{gap:12px;margin-top:12px;}
  .profile-summary-label{font-size:8.5px;}
  .profile-summary-values{gap:6px;}
  .profile-summary-values span{font-size:9px;padding:7px 9px;}
}


/* V121 — MOBILE / TABLET WIDTH SURGICAL FIX
   Objectif : exploiter réellement la largeur disponible pour le questionnaire
   et le résultat Maria™, sans modifier le moteur ni la logique de décision.
*/
@media (min-width:761px) and (max-width:1050px){
  .maria-page .planner-shell,
  .maria-page .result-shell{
    width:calc(100% - 32px);
    max-width:1120px;
  }
}

@media (max-width:760px){
  .maria-page .planner-shell,
  .maria-page .result-shell{
    width:calc(100% - 16px);
    max-width:none;
    padding-left:16px;
    padding-right:16px;
  }
  .maria-page .plan-premium-result,
  .maria-page .premium-result{
    max-width:none;
    width:100%;
  }
}

@media (max-width:380px){
  .maria-page .planner-shell,
  .maria-page .result-shell{
    width:calc(100% - 12px);
    padding-left:13px;
    padding-right:13px;
  }
}


/* V122 — PROFILE SUMMARY GRID / SPACING CORRECTION
   Objectif : aligner les dimensions du profil avec un rythme vertical constant
   tout en conservant la largeur disponible sur desktop, tablette et mobile.
   Aucun changement de données, moteur ou ordre des sélections.
*/
.premium-profile .profile-summary.profile-summary--complete{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  column-gap:16px;
  row-gap:22px;
  align-items:start;
  margin-top:14px;
}
.premium-profile .profile-summary--complete .profile-summary-group{
  display:grid;
  grid-template-rows:auto auto;
  align-content:start;
  gap:8px;
  min-width:0;
}
.premium-profile .profile-summary--complete .profile-summary-label{
  min-height:2.4em;
  display:flex;
  align-items:flex-start;
}
.premium-profile .profile-summary--complete .profile-summary-values{
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:7px;
}
.premium-profile .profile-summary--complete .profile-summary-values span{
  max-width:100%;
  white-space:normal;
  text-align:left;
}
.premium-profile .profile-summary--complete .profile-summary-group--interests{
  grid-column:1 / -1;
}

@media (min-width:761px) and (max-width:1099px){
  .premium-profile .profile-summary.profile-summary--complete{
    grid-template-columns:repeat(3,minmax(0,1fr));
    column-gap:18px;
    row-gap:22px;
  }
}

@media (max-width:760px){
  .premium-profile .profile-summary.profile-summary--complete{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:14px;
    row-gap:20px;
    margin-top:13px;
  }
  .premium-profile .profile-summary--complete .profile-summary-group{
    gap:7px;
  }
  .premium-profile .profile-summary--complete .profile-summary-label{
    min-height:2.4em;
  }
}

@media (max-width:420px){
  .premium-profile .profile-summary.profile-summary--complete{
    column-gap:11px;
    row-gap:18px;
  }
}


/* V124 — PROFILE INTERESTS / VERTICAL GAP SURGICAL FIX
   Objectif : supprimer l’espace excessif entre le libellé « ENVIES »
   et les premières pastilles, sans modifier les autres dimensions du profil.
*/
.premium-profile .profile-summary--complete .profile-summary-group--interests{
  display:flex;
  flex-direction:column;
  align-self:flex-start;
  gap:8px;
}
.premium-profile .profile-summary--complete .profile-summary-group--interests .profile-summary-label{
  min-height:0;
  margin:0;
}
.premium-profile .profile-summary--complete .profile-summary-group--interests .profile-summary-values{
  margin:0;
}
@media (max-width:760px){
  .premium-profile .profile-summary--complete .profile-summary-group--interests{
    gap:7px;
  }
}

/* ============================================================
   V126 — MARIA RESULT / EXACT ISLAND RELIEFS
   Source visuelle : Iles.png fourni pour cette livraison.
   Aucun relief n'est redessiné, généré ou remplacé : les silhouettes
   affichées sont des extractions transparentes des formes source.
   ============================================================ */
.maria-result-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);
  min-height:360px;
  margin:-18px -18px 28px;
  overflow:hidden;
  border-radius:34px;
  background:#12363d;
  color:#fffdf9;
  box-shadow:0 20px 55px rgba(16,40,49,.13);
}
.maria-result-hero-copy{
  position:relative;
  z-index:2;
  padding:46px 38px 42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
.maria-result-hero-copy .section-kicker{color:#8fd1ca;margin:0 0 17px}
.maria-result-hero-copy h2{
  margin:0;
  max-width:10.5ch;
  color:#fffdf9;
  font:500 clamp(38px,4.2vw,64px)/.99 Jost,Poppins,sans-serif;
  letter-spacing:-.045em;
}
.maria-result-hero-copy h2 strong{font-weight:650;color:#8ed4cb}
.maria-result-hero-mode{
  max-width:500px;
  margin:24px 0 0;
  color:rgba(255,253,249,.78);
  font-size:15px;
  line-height:1.6;
}
.maria-result-islands{
  position:relative;
  min-width:0;
  min-height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:35px 30px 55px;
  background:radial-gradient(circle at 52% 44%,rgba(74,154,151,.22),transparent 55%),linear-gradient(145deg,#174952,#0b3038);
  overflow:hidden;
}
.maria-result-islands::before{
  content:"";
  position:absolute;
  width:78%;
  aspect-ratio:1;
  border-radius:50%;
  background:rgba(139,205,194,.08);
  filter:blur(2px);
}
.maria-island-visual-card{
  position:relative;
  z-index:2;
  width:min(92%,560px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  animation:mariaIslandIn .45s ease both;
}
.maria-island-visual-card img{
  display:block;
  width:100%;
  max-height:225px;
  object-fit:contain;
  filter:drop-shadow(0 22px 18px rgba(0,0,0,.24));
}
.maria-island-visual-card span{
  font:700 11px/1 Jost,Poppins,sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#fffdf9;
}
.maria-result-islands.is-multi{gap:8px;padding-inline:22px}
.maria-result-islands.is-multi .maria-island-visual-card{width:48%;gap:9px}
.maria-result-islands.is-multi .maria-island-visual-card img{max-height:150px}
.maria-result-islands.is-multi .maria-island-visual-card:nth-child(2){animation-delay:.08s}
.maria-result-islands.is-multi .maria-island-visual-card:nth-child(3){animation-delay:.16s}
.maria-island-visual-missing{
  width:150px;height:110px;border:1px dashed rgba(255,255,255,.35);border-radius:20px;
  display:grid;place-items:center;color:rgba(255,255,255,.5)
}
.maria-island-visual-missing svg{width:28px;height:28px}
.maria-result-island-badge{
  position:absolute;
  right:22px;
  bottom:18px;
  z-index:4;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 15px;
  border-radius:999px;
  background:#bfe7df;
  color:#103840;
  font:700 10px/1 Jost,Poppins,sans-serif;
  letter-spacing:.08em;
  box-shadow:0 10px 24px rgba(0,0,0,.13)
}
.maria-result-island-badge svg{width:17px;height:17px;stroke-width:1.7}
.premium-result>.maria-result-hero + .result-lead{max-width:820px;margin:0 8px 0}
@keyframes mariaIslandIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.maria-island-visual-card{animation:none}}
@media(max-width:900px){
  .maria-result-hero{grid-template-columns:1fr;min-height:0;margin:-8px -8px 24px}
  .maria-result-hero-copy{padding:34px 28px 25px}
  .maria-result-hero-copy h2{max-width:12ch;font-size:clamp(38px,8vw,58px)}
  .maria-result-hero-mode{margin-top:17px;font-size:14px}
  .maria-result-islands{min-height:260px;padding:26px 20px 52px}
  .maria-result-islands.is-multi{min-height:240px;padding-inline:12px}
  .maria-result-islands.is-multi .maria-island-visual-card img{max-height:105px}
  .maria-result-island-badge{right:14px;bottom:13px}
}
@media(max-width:640px){
  .maria-result-hero{margin:-8px -1px 22px;border-radius:27px}
  .maria-result-hero-copy{padding:29px 21px 22px}
  .maria-result-hero-copy .section-kicker{margin-bottom:13px}
  .maria-result-hero-copy h2{font-size:clamp(35px,10.5vw,49px)}
  .maria-result-hero-mode{font-size:13px;line-height:1.5}
  .maria-result-islands{min-height:215px;padding:18px 13px 45px}
  .maria-result-islands.is-multi{gap:3px;min-height:205px}
  .maria-result-islands.is-multi .maria-island-visual-card{width:49%}
  .maria-result-islands.is-multi .maria-island-visual-card img{max-height:78px}
  .maria-island-visual-card img{max-height:135px}
  .maria-island-visual-card span{font-size:9px;letter-spacing:.14em}
  .maria-result-island-badge{padding:9px 11px;font-size:8px}
  .premium-result>.maria-result-hero + .result-lead{margin:0 4px}
}


/* V127 — result composition aligned with the approved Maria™ mockup.
   Island geometry remains exclusively sourced from Iles.png crops. */
.maria-result-hero{display:block;overflow:hidden;border-radius:28px;background:linear-gradient(120deg,#062d36 0%,#073943 58%,#0b4a53 100%);box-shadow:0 20px 50px rgba(8,47,56,.12);margin:0 0 30px}
.maria-result-hero-main{display:grid;grid-template-columns:minmax(390px,.92fr) minmax(560px,1.08fr);min-height:560px}
.maria-result-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:54px 48px 40px;position:relative;z-index:2}
.maria-result-hero-copy .section-kicker{color:#8fd1ca;margin:0 0 18px;letter-spacing:.18em}
.maria-result-hero-copy h2{margin:0;color:#fff;font:650 clamp(43px,4.8vw,70px)/.99 Jost,sans-serif;letter-spacing:-.045em;max-width:650px}
.maria-result-hero-copy h2 strong{display:block;color:#8ed4cb;font-weight:650;margin-top:7px}
.maria-result-hero-underline{width:108px;height:8px;border-bottom:4px solid #83d2c0;border-radius:50%;transform:rotate(-2deg);margin:11px 0 22px}
.maria-result-hero-lead{max-width:590px;color:rgba(255,255,255,.9);font-size:18px;line-height:1.55;margin:0}
.maria-result-hero-meta{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:auto;padding-top:34px;color:#9fe1d0;font-size:13px;font-weight:600}
.maria-result-hero-meta span{display:inline-flex;align-items:center;gap:7px}
.maria-result-hero-meta svg{width:18px}
.maria-result-hero-visual{position:relative;overflow:hidden;min-height:560px;background:radial-gradient(circle at 58% 30%,rgba(73,142,153,.34),transparent 38%),linear-gradient(145deg,#0d4a57 0%,#0a3440 100%)}
.maria-result-hero-visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 28%,rgba(2,20,27,.28) 100%);pointer-events:none}
.maria-result-hero-island{position:absolute;inset:35px 5% auto 5%;height:280px;display:grid;place-items:center;z-index:1}
.maria-result-hero-island img{display:block;width:auto;height:auto;max-width:94%;max-height:100%;object-fit:contain;filter:drop-shadow(0 20px 16px rgba(0,0,0,.3))}
.maria-result-hero-island .maria-result-island-visual-missing{color:#9fe1d0}
.maria-result-island-stamp{position:absolute;z-index:4;right:30px;top:26px;width:116px;height:116px;border:3px solid #173c45;border-radius:50%;background:#f8f7f0;box-shadow:0 8px 25px rgba(0,0,0,.18);display:grid;place-items:center;color:#18363d;text-align:center}
.maria-result-island-stamp span{position:absolute;top:13px;font-size:11px;font-weight:800;letter-spacing:.08em}
.maria-result-island-stamp b{font-size:34px;font-weight:500;color:#1f8c88}
.maria-result-island-stamp small{position:absolute;bottom:11px;font-size:8px;font-weight:800;letter-spacing:.08em}
.maria-result-hero-insights{position:absolute;z-index:3;left:7%;right:7%;bottom:30px;color:#fff}
.maria-result-hero-badge{display:inline-flex;align-items:center;gap:9px;padding:11px 22px;border-radius:999px;background:#9fe1d0;color:#0b3038;font-weight:800;letter-spacing:.04em;margin-bottom:20px}
.maria-result-hero-badge svg{width:18px}
.maria-result-hero-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.maria-result-hero-insight-grid article{display:grid;grid-template-columns:48px 1fr;gap:12px}
.maria-result-hero-insight-grid article>span{width:48px;height:48px;border-radius:50%;background:#9fe1d0;color:#0b3038;display:grid;place-items:center}
.maria-result-hero-insight-grid svg{width:22px}
.maria-result-hero-insight-grid h3{margin:0 0 4px;font-size:17px}
.maria-result-hero-insight-grid p{margin:0;color:rgba(255,255,255,.84);font-size:14px;line-height:1.45}
.maria-result-alternatives{background:#fbfaf6;padding:27px 34px 30px}
.maria-result-alternatives>h2{margin:0 0 18px;color:#082f38;font-size:21px;letter-spacing:-.02em}
.maria-result-alternatives-grid{display:grid;grid-template-columns:repeat(8,minmax(105px,1fr));gap:10px}
.maria-result-island-card{cursor:pointer;min-width:0;padding:10px 8px 12px;border-radius:17px;background:#f4f2ec;text-align:center;border:1px solid rgba(8,47,56,.04)}
.maria-result-island-card-visual{height:92px;display:grid;place-items:center}
.maria-result-island-card img{display:block;width:auto;height:auto;max-width:100%;max-height:88px;object-fit:contain;filter:drop-shadow(0 8px 7px rgba(8,47,56,.18))}
.maria-result-island-card h3{margin:2px 0 3px;color:#082f38;font-size:17px}
.maria-result-island-card p{min-height:30px;margin:0 0 8px;color:#082f38;font-size:11px;line-height:1.25}
.maria-result-island-card>span{display:inline-flex;padding:5px 10px;border-radius:999px;background:#e4eee9;color:#173c45;font-size:10px;font-weight:700}
.maria-result-island-card-missing{width:48px;height:48px;border:1px dashed rgba(8,47,56,.25);border-radius:50%;display:grid;place-items:center;opacity:.55}
.maria-result-alternatives-dots{display:flex;justify-content:center;gap:9px;margin-top:20px}
.maria-result-alternatives-dots>*{width:9px;height:9px;border-radius:50%;background:#dce3e0;display:block}
.maria-result-alternatives-dots b{background:#123e48}
@media(max-width:1100px){.maria-result-hero-main{grid-template-columns:1fr}.maria-result-hero-copy{padding-bottom:26px}.maria-result-hero-visual{min-height:510px}.maria-result-alternatives-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.maria-result-hero{border-radius:22px;margin-inline:-1px}.maria-result-hero-copy{padding:32px 23px 24px}.maria-result-hero-copy h2{font-size:clamp(37px,10.5vw,51px)}.maria-result-hero-lead{font-size:16px}.maria-result-hero-meta{gap:11px 17px;padding-top:24px}.maria-result-hero-visual{min-height:430px}.maria-result-hero-island{inset:28px 2% auto;height:210px}.maria-result-island-stamp{width:88px;height:88px;right:17px;top:17px}.maria-result-island-stamp span{top:9px;font-size:8px}.maria-result-island-stamp b{font-size:25px}.maria-result-island-stamp small{bottom:8px;font-size:6px}.maria-result-hero-insights{left:5%;right:5%;bottom:18px}.maria-result-hero-badge{padding:9px 16px;margin-bottom:13px;font-size:11px}.maria-result-hero-insight-grid{grid-template-columns:1fr;gap:10px}.maria-result-hero-insight-grid article>span{width:38px;height:38px}.maria-result-hero-insight-grid article{grid-template-columns:38px 1fr}.maria-result-hero-insight-grid h3{font-size:15px}.maria-result-hero-insight-grid p{font-size:12px}.maria-result-alternatives{padding:22px 13px}.maria-result-alternatives-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.maria-result-island-card{flex:0 0 154px;scroll-snap-align:start}.maria-result-alternatives-dots{display:none}}


/* V128 — hero composition refinement from pixel review.
   Desktop/tablet only: mobile (<=700px) remains on the approved V127 layout.
   Island PNGs remain untouched and are only repositioned/scaled at render time. */
@media(min-width:701px){
  .maria-result-hero{margin-bottom:26px}
  .maria-result-hero-main{grid-template-columns:minmax(430px,.96fr) minmax(560px,1.04fr);min-height:505px}
  .maria-result-hero-copy{padding:46px 44px 34px}
  .maria-result-hero-copy h2{font-size:clamp(52px,4.05vw,60px);line-height:1.015;max-width:570px;letter-spacing:-.042em}
  .maria-result-hero-copy h2 strong{margin-top:5px}
  .maria-result-hero-copy .section-kicker{margin-bottom:15px}
  .maria-result-hero-underline{margin:9px 0 18px}
  .maria-result-hero-lead{max-width:520px;font-size:16px;line-height:1.48}
  .maria-result-hero-meta{gap:12px 21px;padding-top:25px;font-size:12px}
  .maria-result-hero-meta svg{width:17px}
  .maria-result-hero-visual{min-height:505px;background:radial-gradient(circle at 58% 29%,rgba(73,142,153,.31),transparent 36%),linear-gradient(145deg,#0d4a57 0%,#0a3440 100%)}
  .maria-result-hero-visual:after{background:radial-gradient(circle at 50% 42%,transparent 31%,rgba(2,20,27,.23) 100%)}
  .maria-result-hero-island{inset:27px 4% auto 4%;height:258px}
  .maria-result-hero-island img{max-width:98%;max-height:100%;filter:drop-shadow(0 15px 13px rgba(0,0,0,.25))}
  .maria-result-island-stamp{width:108px;height:108px;right:27px;top:23px}
  .maria-result-island-stamp span{top:12px;font-size:10px}
  .maria-result-island-stamp b{font-size:32px}
  .maria-result-island-stamp small{bottom:10px;font-size:7px}
  .maria-result-hero-insights{left:6.5%;right:6.5%;bottom:25px}
  .maria-result-hero-badge{padding:10px 20px;margin-bottom:15px;font-size:13px}
  .maria-result-hero-insight-grid{gap:22px}
  .maria-result-hero-insight-grid article{grid-template-columns:44px 1fr;gap:11px}
  .maria-result-hero-insight-grid article>span{width:44px;height:44px}
  .maria-result-hero-insight-grid h3{font-size:16px}
  .maria-result-hero-insight-grid p{font-size:13px;line-height:1.4}
  .premium-result>.maria-result-hero + .result-lead{max-width:760px;margin-top:0}
}

@media(min-width:701px) and (max-width:900px){
  .maria-result-hero-main{grid-template-columns:1fr;min-height:0}
  .maria-result-hero-copy{padding:38px 32px 28px}
  .maria-result-hero-copy h2{max-width:620px;font-size:clamp(46px,7vw,56px)}
  .maria-result-hero-visual{min-height:450px}
  .maria-result-hero-island{height:225px}
  .maria-result-hero-insights{bottom:22px}
}

@media(min-width:901px){
  .maria-result-hero-main{grid-template-columns:minmax(430px,.95fr) minmax(570px,1.05fr)}
}

/* V129 — Responsive Hero 3 formats
   Contract: same Maria data/engine, same exact island PNGs.
   Mobile <=767px intentionally keeps the approved V127/V128 rules.
*/
@media (min-width:1200px){
  /* V133 — desktop-only complete 9-island row.
     All nine cards are visible simultaneously; no horizontal scrolling is used. */
  .maria-result-alternatives{overflow:hidden}
  .maria-result-alternatives-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;min-width:0;overflow:hidden}
  .maria-result-island-card{padding:9px 6px 11px;min-width:0}
  .maria-result-island-card-visual{height:76px}
  .maria-result-island-card img{max-height:72px;max-width:100%}
  .maria-result-island-card h3{font-size:15px;line-height:1.15}
  .maria-result-island-card p{font-size:10px;line-height:1.2;min-height:28px;margin-bottom:7px;overflow-wrap:anywhere}
  .maria-result-island-card>span{padding:4px 7px;font-size:9px;white-space:nowrap}

  /* V131 — desktop-only result refinement from runtime capture.
     The island is intentionally smaller so the complete criteria block remains visible.
     min-width:0 prevents long editorial strings from escaping the right insight column. */
  .maria-result-hero-main{
    grid-template-columns:minmax(500px, .94fr) minmax(610px, 1.06fr);
    min-height:500px;
  }
  .maria-result-hero-copy{padding:44px 48px 32px}
  .maria-result-hero-copy h2{
    max-width:610px;
    font-size:clamp(48px,3.65vw,58px);
    line-height:1.02;
    letter-spacing:-.04em;
  }
  .maria-result-hero-lead{max-width:560px;font-size:16px;line-height:1.5}
  .maria-result-hero-meta{padding-top:22px;gap:12px 24px}
  .maria-result-hero-visual{min-height:500px}
  .maria-result-hero-island{inset:14px 6% auto 6%;height:232px}
  .maria-result-hero-island img{max-width:94%;max-height:100%;filter:drop-shadow(0 11px 10px rgba(0,0,0,.21))}
  .maria-result-island-stamp{width:104px;height:104px;right:26px;top:22px}
  .maria-result-hero-insights{left:6%;right:6%;bottom:22px}
  .maria-result-hero-badge{margin-bottom:11px;padding:9px 18px;font-size:12px}
  .maria-result-hero-insight-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;min-width:0}
  .maria-result-hero-insight-grid article{grid-template-columns:40px minmax(0,1fr);gap:10px;min-width:0}
  .maria-result-hero-insight-grid article>span{width:40px;height:40px}
  .maria-result-hero-insight-grid h3{font-size:15px;line-height:1.25}
  .maria-result-hero-insight-grid p{font-size:12px;line-height:1.35;overflow-wrap:anywhere;word-break:normal}
  .maria-result-hero-insight-grid article>div{min-width:0}
}

@media (min-width:768px) and (max-width:1199px){
  /* V133 — the complete 9-card desktop row is intentionally not forced onto tablet. */
  .maria-result-island-card-primary{display:none}
  .maria-result-hero-main{
    grid-template-columns:1fr;
    min-height:0;
  }
  .maria-result-hero-copy{
    padding:34px 42px 24px;
    text-align:left;
  }
  .maria-result-hero-copy h2{
    max-width:820px;
    font-size:clamp(44px,6.1vw,58px);
    line-height:1.03;
    letter-spacing:-.04em;
  }
  .maria-result-hero-copy .section-kicker{margin-bottom:12px}
  .maria-result-hero-underline{margin:8px 0 14px}
  .maria-result-hero-lead{max-width:760px;font-size:15px;line-height:1.45}
  .maria-result-hero-meta{padding-top:18px;gap:10px 22px;font-size:12px}

  .maria-result-hero-visual{
    min-height:430px;
    background:radial-gradient(circle at 50% 18%,rgba(73,142,153,.32),transparent 35%),linear-gradient(145deg,#0d4a57 0%,#0a3440 100%);
  }
  .maria-result-hero-island{
    inset:12px 8% auto 8%;
    height:230px;
  }
  .maria-result-hero-island img{
    max-width:92%;
    max-height:100%;
    filter:drop-shadow(0 12px 11px rgba(0,0,0,.23));
  }
  .maria-result-island-stamp{width:96px;height:96px;right:22px;top:18px}
  .maria-result-island-stamp span{top:11px;font-size:9px}
  .maria-result-island-stamp b{font-size:29px}
  .maria-result-island-stamp small{bottom:9px;font-size:6.5px}
  .maria-result-hero-insights{left:6%;right:6%;bottom:20px}
  .maria-result-hero-badge{padding:9px 17px;margin-bottom:12px;font-size:12px}
  .maria-result-hero-insight-grid{gap:20px}
  .maria-result-hero-insight-grid article{grid-template-columns:42px 1fr;gap:10px}
  .maria-result-hero-insight-grid article>span{width:42px;height:42px}
  .maria-result-hero-insight-grid h3{font-size:15px}
  .maria-result-hero-insight-grid p{font-size:12px;line-height:1.35}

  .maria-result-alternatives{padding-inline:24px}
  .maria-result-alternatives-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
}

@media (min-width:768px) and (max-width:900px){
  .maria-result-hero-copy{padding-inline:30px}
  .maria-result-hero-copy h2{font-size:clamp(42px,6.8vw,52px)}
  .maria-result-hero-visual{min-height:420px}
  .maria-result-hero-island{height:215px;inset:10px 6% auto 6%}
  .maria-result-hero-insights{left:5%;right:5%;bottom:18px}
  .maria-result-hero-insight-grid{gap:15px}
}

@media (max-width:767px){
  .maria-result-island-card-primary{display:none}
  /* V129 does not alter the approved mobile composition. */
}


/* V130 — interaction-flow privacy strip.
   .maria-privacy uses the native [hidden] attribute while the questionnaire/result is active.
   No geometry/scoring/data rule is changed here. */


/* V137 — RESULT POLISH / REMOVE REDUNDANT RECOMMENDATION STAMP + DOTS
   The nine island cards are already visible on desktop; no pagination cue is needed.
   The circular Maria™ recommendation stamp is removed from the result Hero on every device.
*/
.maria-result-island-stamp{display:none !important}
.maria-result-alternatives-dots{display:none !important}

/* V137 — responsive multi-island hero stage.
   When Maria™ recommends a journey of 2 or 3 islands, all proposed islands are
   visible in the Hero. One-island results retain the large single-island composition.
*/
.maria-result-hero-island.is-multi-hero{
  display:flex; align-items:center; justify-content:center; gap:clamp(8px,1.5vw,22px);
  padding-inline:2%;
}
.maria-result-hero-island.is-multi-hero .maria-hero-island-item{
  position:relative; flex:1 1 0; min-width:0; height:100%; display:grid; place-items:center;
}
.maria-result-hero-island.is-multi-hero .maria-hero-island-item img{
  width:100%; max-width:100%; max-height:100%; object-fit:contain;
}
.maria-result-hero-island.is-multi-hero.count-2 .maria-hero-island-item{max-width:47%}
.maria-result-hero-island.is-multi-hero.count-3 .maria-hero-island-item{max-width:32%}
@media (max-width:1199px){
  .maria-result-hero-island.is-multi-hero{gap:10px;padding-inline:3%}
  .maria-result-hero-island.is-multi-hero.count-2 .maria-hero-island-item{max-width:48%}
  .maria-result-hero-island.is-multi-hero.count-3 .maria-hero-island-item{max-width:31%}
}
@media (max-width:767px){
  .maria-result-hero-island.is-multi-hero{gap:7px;padding-inline:2%}
  .maria-result-hero-island.is-multi-hero.count-2 .maria-hero-island-item{max-width:48%}
  .maria-result-hero-island.is-multi-hero.count-3{flex-wrap:wrap; align-content:center; row-gap:3px}
  .maria-result-hero-island.is-multi-hero.count-3 .maria-hero-island-item{max-width:31%; height:49%}
}


/* V138 — MULTI-ISLAND HERO / RIGHT FRAME COMPOSITION SURGICAL
   Per-island optical scaling keeps the real PNG silhouettes intact while
   giving the right-hand Hero a balanced composition for 1/2/3-island journeys.
*/
@media (min-width:1200px){
  .maria-result-hero-visual{min-width:0}
  .maria-result-hero-island.is-multi-hero{
    inset:18px 4% auto 4%;
    height:255px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0;
    overflow:visible;
  }
  .maria-result-hero-island.is-multi-hero .maria-hero-island-item{
    flex:0 0 31%;
    width:31%;
    height:100%;
    display:grid;
    place-items:center;
    min-width:0;
    overflow:visible;
  }
  .maria-result-hero-island.is-multi-hero.count-2 .maria-hero-island-item{
    flex-basis:40%; width:40%;
  }
  .maria-result-hero-island.is-multi-hero .maria-hero-island-item img{
    display:block;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    transform-origin:center center;
  }
  .maria-result-hero-island.is-multi-hero [data-island="sao-miguel"] img{transform:scale(1)}
  .maria-result-hero-island.is-multi-hero [data-island="terceira"] img{transform:scale(1.08)}
  .maria-result-hero-island.is-multi-hero [data-island="pico"] img{transform:scale(1.12)}
  .maria-result-hero-island.is-multi-hero [data-island="sao-jorge"] img{transform:scale(2.25)}
  .maria-result-hero-island.is-multi-hero [data-island="flores"] img{transform:scale(1.10)}
  .maria-result-hero-island.is-multi-hero [data-island="graciosa"] img{transform:scale(1.18)}
  .maria-result-hero-island.is-multi-hero [data-island="corvo"] img{transform:scale(1.18)}
  .maria-result-hero-island.is-multi-hero [data-island="santa-maria"] img{transform:scale(1.12)}
  .maria-result-hero-island.is-multi-hero [data-island="faial"] img{transform:scale(1.35)}

  .maria-result-hero-insights{left:6%;right:6%;bottom:22px;min-width:0}
  .maria-result-hero-badge{margin-bottom:10px}
  .maria-result-hero-insight-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;min-width:0}
  .maria-result-hero-insight-grid article{min-width:0;grid-template-columns:42px minmax(0,1fr);gap:10px}
  .maria-result-hero-insight-grid article>div{min-width:0;max-width:100%}
  .maria-result-hero-insight-grid h3,.maria-result-hero-insight-grid p{max-width:100%;overflow-wrap:anywhere;word-break:normal}
}

@media (min-width:768px) and (max-width:1199px){
  .maria-result-hero-island.is-multi-hero .maria-hero-island-item img{transform-origin:center center}
  .maria-result-hero-island.is-multi-hero [data-island="sao-jorge"] img{transform:scale(1.65)}
  .maria-result-hero-island.is-multi-hero [data-island="pico"] img{transform:scale(1.08)}
  .maria-result-hero-island.is-multi-hero [data-island="faial"] img{transform:scale(1.25)}
}

@media (max-width:767px){
  .maria-result-hero-island.is-multi-hero .maria-hero-island-item img{transform-origin:center center}
  .maria-result-hero-island.is-multi-hero [data-island="sao-jorge"] img{transform:scale(1.35)}
  .maria-result-hero-island.is-multi-hero [data-island="pico"] img{transform:scale(1.05)}
  .maria-result-hero-island.is-multi-hero [data-island="faial"] img{transform:scale(1.12)}
  .maria-result-hero-insight-grid,.maria-result-hero-insight-grid article,.maria-result-hero-insight-grid article>div{min-width:0}
}


/* V140 — DGT PIXEL-EXACT MASTER / RESPONSIVE HERO COMPOSITION
   The source PNGs are immutable. This layer changes presentation only.
   No image filter, canvas processing, cover-cropping or raster transformation.
   Multi-island layouts use the native master images at CSS display sizes below
   their intrinsic widths, so the browser never needs to upscale the raster data.
*/
@media (min-width:1200px){
  .maria-result-hero-island.is-multi-hero{
    inset:18px 2.5% auto 2.5%;
    height:275px;
    gap:4px;
    padding:0;
  }
  .maria-result-hero-island.is-multi-hero .maria-hero-island-item{
    flex:0 0 36%;
    width:36%;
    height:100%;
  }
  .maria-result-hero-island.is-multi-hero.count-2 .maria-hero-island-item{
    flex-basis:44%; width:44%;
  }
  .maria-result-hero-island.is-multi-hero .maria-hero-island-item img{
    width:100%;
    max-width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
    transform:none;
    filter:none;
  }
  .maria-result-hero-island.is-multi-hero [data-island="sao-miguel"] img{transform:scale(1.45)}
  .maria-result-hero-island.is-multi-hero [data-island="pico"] img{transform:scale(1.18)}
  .maria-result-hero-island.is-multi-hero [data-island="sao-jorge"] img{transform:scale(1.18)}
  .maria-result-hero-island.is-multi-hero [data-island="faial"] img{transform:scale(1.16)}
  .maria-result-hero-island.is-multi-hero [data-island="terceira"] img{transform:scale(1.16)}
  .maria-result-hero-island.is-multi-hero [data-island="flores"] img{transform:scale(1.12)}
  .maria-result-hero-island.is-multi-hero [data-island="graciosa"] img{transform:scale(1.12)}
  .maria-result-hero-island.is-multi-hero [data-island="santa-maria"] img{transform:scale(1.12)}
  .maria-result-hero-island.is-multi-hero [data-island="corvo"] img{transform:scale(1.12)}
}
@media (min-width:768px) and (max-width:1199px){
  .maria-result-hero-island.is-multi-hero{
    height:250px;
    gap:5px;
    padding-inline:1%;
  }
  .maria-result-hero-island.is-multi-hero .maria-hero-island-item{flex-basis:37%;width:37%}
  .maria-result-hero-island.is-multi-hero.count-2 .maria-hero-island-item{flex-basis:45%;width:45%}
  .maria-result-hero-island.is-multi-hero .maria-hero-island-item img{
    width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain;transform:none;filter:none;
  }
  .maria-result-hero-island.is-multi-hero [data-island="sao-miguel"] img{transform:scale(1.28)}
  .maria-result-hero-island.is-multi-hero [data-island="pico"] img{transform:scale(1.10)}
  .maria-result-hero-island.is-multi-hero [data-island="sao-jorge"] img{transform:scale(1.12)}
  .maria-result-hero-island.is-multi-hero [data-island="faial"] img{transform:scale(1.10)}
}
@media (max-width:767px){
  .maria-result-hero-island.is-multi-hero{
    height:220px;
    gap:4px;
    padding-inline:0;
  }
  .maria-result-hero-island.is-multi-hero.count-3{flex-wrap:nowrap;align-content:initial;row-gap:0}
  .maria-result-hero-island.is-multi-hero .maria-hero-island-item,
  .maria-result-hero-island.is-multi-hero.count-3 .maria-hero-island-item{
    flex:0 0 35%;width:35%;height:100%;max-width:none;
  }
  .maria-result-hero-island.is-multi-hero.count-2 .maria-hero-island-item{flex-basis:46%;width:46%;max-width:none}
  .maria-result-hero-island.is-multi-hero .maria-hero-island-item img{
    width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain;transform:none;filter:none;
  }
  .maria-result-hero-island.is-multi-hero [data-island="sao-miguel"] img{transform:scale(1.16)}
  .maria-result-hero-island.is-multi-hero [data-island="pico"] img{transform:scale(1.08)}
  .maria-result-hero-island.is-multi-hero [data-island="sao-jorge"] img{transform:scale(1.10)}
  .maria-result-hero-island.is-multi-hero [data-island="faial"] img{transform:scale(1.08)}
}

/* V140 — pixel-sharp contract: no CSS filter is applied to DGT island pixels. */
.maria-result-hero-island img{filter:none!important}

/* V142 — 9-FRAME ISLAND COMPOSITION / 3 FORM FACTORS
   The nine DGT masters remain immutable. This layer only controls layout.
   The hero visual field is divided into a silent 3×3 optical grid so every
   island receives a predictable presentation frame, regardless of silhouette.
   No image filter, crop, canvas or raster transform is introduced. */
.maria-result-hero-island.is-multi-hero{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:0;
  padding:0;
  height:292px;
  inset:14px 5% auto 5%;
  align-items:stretch;
  justify-items:stretch;
}
.maria-result-hero-island.is-multi-hero .maria-hero-island-item{
  position:relative;
  min-width:0;
  min-height:0;
  width:100%;
  height:100%;
  max-width:none!important;
  flex:none;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.maria-result-hero-island.is-multi-hero .maria-hero-island-item img{
  display:block;
  width:auto;
  height:auto;
  max-width:86%;
  max-height:82%;
  object-fit:contain;
  transform:none!important;
  filter:none!important;
}
/* One island: use the central frame, while allowing the master to breathe
   across the three rows without ever being cropped. */
.maria-result-hero-island.is-multi-hero.count-1 .maria-hero-island-item{
  grid-column:2;
  grid-row:1 / 4;
}
/* Two islands: outer frames leave the central axis deliberately open. */
.maria-result-hero-island.is-multi-hero.count-2 .maria-hero-island-item:nth-child(1){grid-column:1;grid-row:2}
.maria-result-hero-island.is-multi-hero.count-2 .maria-hero-island-item:nth-child(2){grid-column:3;grid-row:2}
/* Three islands: one island per frame on the middle row. */
.maria-result-hero-island.is-multi-hero.count-3 .maria-hero-island-item:nth-child(1){grid-column:1;grid-row:2}
.maria-result-hero-island.is-multi-hero.count-3 .maria-hero-island-item:nth-child(2){grid-column:2;grid-row:2}
.maria-result-hero-island.is-multi-hero.count-3 .maria-hero-island-item:nth-child(3){grid-column:3;grid-row:2}

@media (min-width:1200px){
  .maria-result-hero-visual{min-height:500px}
  .maria-result-hero-island.is-multi-hero{
    height:294px;
    inset:12px 5% auto 5%;
  }
  .maria-result-hero-island.is-multi-hero .maria-hero-island-item img{
    max-width:88%;
    max-height:84%;
  }
  .maria-result-hero-insights{left:6%;right:6%;bottom:22px}
  .maria-result-hero-badge{margin-bottom:11px}
  .maria-result-hero-insight-grid{gap:20px}
  .maria-result-hero-insight-grid article{grid-template-columns:42px minmax(0,1fr);gap:10px}
  .maria-result-hero-insight-grid article>span{width:42px;height:42px}
  .maria-result-hero-insight-grid h3{font-size:15px;line-height:1.25}
  .maria-result-hero-insight-grid p{font-size:12px;line-height:1.35}
}

@media (min-width:768px) and (max-width:1199px){
  .maria-result-hero-visual{min-height:440px}
  .maria-result-hero-island.is-multi-hero{
    height:260px;
    inset:10px 4% auto 4%;
  }
  .maria-result-hero-island.is-multi-hero .maria-hero-island-item img{
    max-width:86%;
    max-height:82%;
  }
  .maria-result-hero-insights{left:5%;right:5%;bottom:18px}
  .maria-result-hero-badge{padding:9px 17px;margin-bottom:10px;font-size:12px}
  .maria-result-hero-insight-grid{gap:16px}
  .maria-result-hero-insight-grid article{grid-template-columns:40px minmax(0,1fr);gap:10px}
  .maria-result-hero-insight-grid article>span{width:40px;height:40px}
  .maria-result-hero-insight-grid h3{font-size:14px;line-height:1.25}
  .maria-result-hero-insight-grid p{font-size:11px;line-height:1.35}
}

@media (max-width:767px){
  .maria-result-hero-island.is-multi-hero{
    height:236px;
    inset:16px 3% auto 3%;
  }
  .maria-result-hero-island.is-multi-hero .maria-hero-island-item img{
    max-width:88%;
    max-height:82%;
  }
  .maria-result-hero-insights{left:5%;right:5%;bottom:17px}
  .maria-result-hero-badge{padding:8px 14px;margin-bottom:10px;font-size:10px}
  .maria-result-hero-insight-grid{gap:8px}
  .maria-result-hero-insight-grid article{grid-template-columns:36px minmax(0,1fr);gap:9px}
  .maria-result-hero-insight-grid article>span{width:36px;height:36px}
  .maria-result-hero-insight-grid h3{font-size:14px;line-height:1.2}
  .maria-result-hero-insight-grid p{font-size:11px;line-height:1.3}
}

/* V142 integrity guard: DGT island pixels are rendered without CSS effects. */
.maria-result-hero-island img{filter:none!important}

/* ============================================================
   V144 — MARIA™ HERO / TRUE 9-FRAME COMPOSITION
   The Hero visual field is a real 3×3 layout contract. Each
   selected island owns one equal frame; the PNG itself is never
   raster-modified. The lower "other islands" row excludes every
   island already used by Maria™ in the journey.
   ============================================================ */
.maria-result-hero-visual{
  position:relative;
  min-width:0;
  min-height:500px;
  overflow:hidden;
}

.maria-result-hero-island.is-multi-hero{
  position:absolute;
  z-index:1;
  inset:16px 5% auto 5%;
  width:90%;
  height:270px;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:0;
  padding:0;
  margin:0;
  align-items:stretch;
  justify-items:stretch;
}

.maria-result-hero-island.is-multi-hero .maria-hero-island-item{
  position:relative;
  display:grid;
  place-items:center;
  min-width:0;
  min-height:0;
  width:100%;
  height:100%;
  overflow:hidden;
  flex:none !important;
}

.maria-result-hero-island.is-multi-hero .maria-hero-island-item img{
  --island-w:178px;
  display:block;
  width:min(var(--island-w),92%);
  height:auto;
  max-width:92%;
  max-height:92%;
  object-fit:contain;
  transform:none !important;
  filter:none !important;
}

/* Optical widths: same frame, different silhouette density. */
.maria-result-hero-island [data-island="sao-miguel"] img{--island-w:188px}
.maria-result-hero-island [data-island="terceira"] img{--island-w:176px}
.maria-result-hero-island [data-island="pico"] img{--island-w:190px}
.maria-result-hero-island [data-island="sao-jorge"] img{--island-w:190px}
.maria-result-hero-island [data-island="flores"] img{--island-w:142px}
.maria-result-hero-island [data-island="graciosa"] img{--island-w:158px}
.maria-result-hero-island [data-island="faial"] img{--island-w:174px}
.maria-result-hero-island [data-island="santa-maria"] img{--island-w:176px}
.maria-result-hero-island [data-island="corvo"] img{--island-w:112px}

/* 1 island = central frame, visually balanced over the full stage. */
.maria-result-hero-island.is-multi-hero.count-1 .maria-hero-island-item:nth-child(1){
  grid-column:2;
  grid-row:1 / 4;
}
/* 2 islands = outer frames, leaving the central axis quiet. */
.maria-result-hero-island.is-multi-hero.count-2 .maria-hero-island-item:nth-child(1){grid-column:1;grid-row:2}
.maria-result-hero-island.is-multi-hero.count-2 .maria-hero-island-item:nth-child(2){grid-column:3;grid-row:2}
/* 3 islands = one equal frame per column on the visual middle line. */
.maria-result-hero-island.is-multi-hero.count-3 .maria-hero-island-item:nth-child(1){grid-column:1;grid-row:2}
.maria-result-hero-island.is-multi-hero.count-3 .maria-hero-island-item:nth-child(2){grid-column:2;grid-row:2}
.maria-result-hero-island.is-multi-hero.count-3 .maria-hero-island-item:nth-child(3){grid-column:3;grid-row:2}

/* Insights occupy their own lower zone; they never share a frame with an island. */
.maria-result-hero-insights{
  position:absolute;
  z-index:3;
  left:6%;
  right:6%;
  bottom:22px;
  min-width:0;
}
.maria-result-hero-insight-grid{
  min-width:0;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:20px;
}
.maria-result-hero-insight-grid article{
  min-width:0;
  grid-template-columns:42px minmax(0,1fr);
  gap:10px;
}
.maria-result-hero-insight-grid article>div{min-width:0}
.maria-result-hero-insight-grid h3,
.maria-result-hero-insight-grid p{max-width:100%;overflow-wrap:anywhere}

/* Alternatives: exactly the islands that are not in the Maria™ journey. */
.maria-result-alternatives-grid{min-width:0;overflow:hidden}
.maria-result-island-card-primary{display:none !important}
@media (min-width:1200px){
  .maria-result-alternatives-grid{gap:8px}
  .maria-result-alternatives.journey-alternatives-count-1 .maria-result-alternatives-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
  .maria-result-alternatives.journey-alternatives-count-2 .maria-result-alternatives-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
  .maria-result-alternatives.journey-alternatives-count-3 .maria-result-alternatives-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .maria-result-island-card{min-width:0}
  .maria-result-island-card-visual{height:84px}
  .maria-result-island-card img{max-width:94%;max-height:78px}
  .maria-result-island-card h3{font-size:15px;line-height:1.12}
  .maria-result-island-card p{font-size:10px;line-height:1.2;min-height:28px}
  .maria-result-island-card>span{font-size:9px;padding:4px 7px}
  .maria-result-hero-visual{min-height:500px}
  .maria-result-hero-island.is-multi-hero{height:270px;inset:14px 5% auto 5%}
}

@media (min-width:768px) and (max-width:1199px){
  .maria-result-hero-visual{min-height:455px}
  .maria-result-hero-island.is-multi-hero{height:245px;inset:12px 4% auto 4%;width:92%}
  .maria-result-hero-island.is-multi-hero .maria-hero-island-item img{max-width:94%;max-height:92%}
  .maria-result-hero-insights{left:5%;right:5%;bottom:18px}
  .maria-result-hero-insight-grid{gap:14px}
  .maria-result-hero-insight-grid article{grid-template-columns:38px minmax(0,1fr);gap:9px}
  .maria-result-hero-insight-grid article>span{width:38px;height:38px}
  .maria-result-hero-insight-grid h3{font-size:14px;line-height:1.2}
  .maria-result-hero-insight-grid p{font-size:11px;line-height:1.3}
  .maria-result-alternatives-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
}

@media (max-width:767px){
  .maria-result-hero-visual{min-height:430px}
  .maria-result-hero-island.is-multi-hero{height:190px;inset:12px 3% auto 3%;width:94%}
  .maria-result-hero-island.is-multi-hero .maria-hero-island-item img{
    width:min(var(--island-w),94%);
    max-width:94%;
    max-height:94%;
  }
  .maria-result-hero-island [data-island="sao-miguel"] img,
  .maria-result-hero-island [data-island="pico"] img,
  .maria-result-hero-island [data-island="sao-jorge"] img{--island-w:112px}
  .maria-result-hero-island [data-island="faial"] img,
  .maria-result-hero-island [data-island="terceira"] img,
  .maria-result-hero-island [data-island="santa-maria"] img{--island-w:102px}
  .maria-result-hero-island [data-island="graciosa"] img{--island-w:94px}
  .maria-result-hero-island [data-island="flores"] img{--island-w:82px}
  .maria-result-hero-island [data-island="corvo"] img{--island-w:68px}
  .maria-result-hero-insights{left:5%;right:5%;bottom:15px}
  .maria-result-hero-badge{padding:8px 13px;margin-bottom:9px;font-size:10px}
  .maria-result-hero-insight-grid{grid-template-columns:1fr;gap:8px}
  .maria-result-hero-insight-grid article{grid-template-columns:34px minmax(0,1fr);gap:8px}
  .maria-result-hero-insight-grid article>span{width:34px;height:34px}
  .maria-result-hero-insight-grid h3{font-size:14px;line-height:1.18}
  .maria-result-hero-insight-grid p{font-size:11px;line-height:1.28}
  .maria-result-alternatives-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
  .maria-result-island-card{flex:0 0 150px;scroll-snap-align:start}
}

/* V144 — deterministic final result anchor. */
.maria-result-hero{scroll-margin-top:12px}

/* ============================================================
   V145 — FINAL RUNTIME CONTRACT
   Unique runtime filename + final cascade. This block intentionally
   sits last so no V128/V129/V140/V142 rule can win the Hero layout.
   ============================================================ */
.maria-page .maria-result-hero-visual{
  position:relative!important;
  min-width:0!important;
  overflow:hidden!important;
}
.maria-page .maria-result-hero-island.is-multi-hero{
  position:absolute!important;
  z-index:1!important;
  left:5%!important;
  right:5%!important;
  top:12px!important;
  bottom:auto!important;
  width:auto!important;
  height:300px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  align-items:stretch!important;
  justify-items:stretch!important;
}
.maria-page .maria-result-hero-island.is-multi-hero .maria-hero-island-item{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  flex:none!important;
}
.maria-page .maria-result-hero-island.is-multi-hero .maria-hero-island-item img{
  display:block!important;
  width:min(var(--island-w,178px),82%)!important;
  height:auto!important;
  max-width:82%!important;
  max-height:82%!important;
  object-fit:contain!important;
  transform:none!important;
  filter:none!important;
}
/* One island: one actual central cell. */
.maria-page .maria-result-hero-island.is-multi-hero.count-1 .maria-hero-island-item:nth-child(1){grid-column:2!important;grid-row:2!important}
/* Two islands: two actual outer cells. */
.maria-page .maria-result-hero-island.is-multi-hero.count-2 .maria-hero-island-item:nth-child(1){grid-column:1!important;grid-row:2!important}
.maria-page .maria-result-hero-island.is-multi-hero.count-2 .maria-hero-island-item:nth-child(2){grid-column:3!important;grid-row:2!important}
/* Three islands: three actual middle-row cells. */
.maria-page .maria-result-hero-island.is-multi-hero.count-3 .maria-hero-island-item:nth-child(1){grid-column:1!important;grid-row:2!important}
.maria-page .maria-result-hero-island.is-multi-hero.count-3 .maria-hero-island-item:nth-child(2){grid-column:2!important;grid-row:2!important}
.maria-page .maria-result-hero-island.is-multi-hero.count-3 .maria-hero-island-item:nth-child(3){grid-column:3!important;grid-row:2!important}

/* Optical presentation widths — CSS only, masters untouched. */
.maria-page .maria-result-hero-island [data-island="sao-miguel"] img{--island-w:188px}
.maria-page .maria-result-hero-island [data-island="terceira"] img{--island-w:176px}
.maria-page .maria-result-hero-island [data-island="pico"] img{--island-w:190px}
.maria-page .maria-result-hero-island [data-island="sao-jorge"] img{--island-w:190px}
.maria-page .maria-result-hero-island [data-island="flores"] img{--island-w:142px}
.maria-page .maria-result-hero-island [data-island="graciosa"] img{--island-w:158px}
.maria-page .maria-result-hero-island [data-island="faial"] img{--island-w:174px}
.maria-page .maria-result-hero-island [data-island="santa-maria"] img{--island-w:176px}
.maria-page .maria-result-hero-island [data-island="corvo"] img{--island-w:112px}

/* Insights get an independent lower band and never clip at the right edge. */
.maria-page .maria-result-hero-insights{
  left:5%!important;
  right:5%!important;
  bottom:18px!important;
  min-width:0!important;
}
.maria-page .maria-result-hero-insight-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:18px!important;
  min-width:0!important;
}
.maria-page .maria-result-hero-insight-grid article{
  min-width:0!important;
  grid-template-columns:42px minmax(0,1fr)!important;
}
.maria-page .maria-result-hero-insight-grid article>div{min-width:0!important}
.maria-page .maria-result-hero-insight-grid h3,
.maria-page .maria-result-hero-insight-grid p{overflow-wrap:anywhere!important;word-break:normal!important}

/* Alternatives are exactly the remaining islands. */
.maria-page .maria-result-alternatives-grid{min-width:0!important;overflow:hidden!important}
@media (min-width:1200px){
  .maria-page .maria-result-hero-visual{min-height:510px!important}
  .maria-page .maria-result-hero-island.is-multi-hero{height:292px!important;top:10px!important}
  .maria-page .maria-result-alternatives.journey-alternatives-count-1 .maria-result-alternatives-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important}
  .maria-page .maria-result-alternatives.journey-alternatives-count-2 .maria-result-alternatives-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important}
  .maria-page .maria-result-alternatives.journey-alternatives-count-3 .maria-result-alternatives-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
@media (min-width:768px) and (max-width:1199px){
  .maria-page .maria-result-hero-visual{min-height:455px!important}
  .maria-page .maria-result-hero-island.is-multi-hero{height:250px!important;top:8px!important}
  .maria-page .maria-result-alternatives-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .maria-page .maria-result-hero-insight-grid{gap:12px!important}
  .maria-page .maria-result-hero-insight-grid article{grid-template-columns:38px minmax(0,1fr)!important}
  .maria-page .maria-result-hero-insight-grid h3{font-size:14px!important}
  .maria-page .maria-result-hero-insight-grid p{font-size:11px!important}
}
@media (max-width:767px){
  .maria-page .maria-result-hero-visual{min-height:430px!important}
  .maria-page .maria-result-hero-island.is-multi-hero{height:190px!important;top:8px!important;left:3%!important;right:3%!important}
  .maria-page .maria-result-hero-island.is-multi-hero .maria-hero-island-item img{max-width:88%!important;max-height:88%!important}
  .maria-page .maria-result-hero-island [data-island="sao-miguel"] img,
  .maria-page .maria-result-hero-island [data-island="pico"] img,
  .maria-page .maria-result-hero-island [data-island="sao-jorge"] img{--island-w:112px}
  .maria-page .maria-result-hero-island [data-island="faial"] img,
  .maria-page .maria-result-hero-island [data-island="terceira"] img,
  .maria-page .maria-result-hero-island [data-island="santa-maria"] img{--island-w:102px}
  .maria-page .maria-result-hero-island [data-island="graciosa"] img{--island-w:94px}
  .maria-page .maria-result-hero-island [data-island="flores"] img{--island-w:82px}
  .maria-page .maria-result-hero-island [data-island="corvo"] img{--island-w:68px}
  .maria-page .maria-result-hero-insight-grid{grid-template-columns:1fr!important;gap:8px!important}
  .maria-page .maria-result-hero-insight-grid article{grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important}
  .maria-page .maria-result-alternatives-grid{display:flex!important;overflow-x:auto!important}
  .maria-page .maria-result-island-card{flex:0 0 150px!important}
}


/* ============================================================
   V146 — TRUE 9-FRAME HERO GRID / FINAL GEOMETRY
   The previous V145 technically used a 3×3 CSS grid, but the
   grid itself was only a short top stage. That made the islands
   look freely positioned instead of belonging to nine equal,
   predictable frames. V146 makes the 3×3 field occupy the full
   upper visual zone of the Hero. Each selected island owns exactly
   one cell; no item spans rows. The frame lines remain invisible.
   ============================================================ */
.maria-page .maria-result-hero-visual{
  position:relative!important;
  min-width:0!important;
  min-height:500px!important;
  overflow:hidden!important;
}
.maria-page .maria-result-hero-island.is-multi-hero{
  position:absolute!important;
  z-index:1!important;
  left:5%!important;
  right:5%!important;
  top:12px!important;
  bottom:158px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  align-items:stretch!important;
  justify-items:stretch!important;
}
.maria-page .maria-result-hero-island.is-multi-hero .maria-hero-island-item{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  flex:none!important;
}
.maria-page .maria-result-hero-island.is-multi-hero .maria-hero-island-item img{
  display:block!important;
  width:min(var(--island-w,178px),76%)!important;
  height:auto!important;
  max-width:76%!important;
  max-height:76%!important;
  object-fit:contain!important;
  transform:none!important;
  filter:none!important;
}
/* One island: exactly the centre cell (row 2, column 2). */
.maria-page .maria-result-hero-island.is-multi-hero.count-1 .maria-hero-island-item:nth-child(1){
  grid-column:2!important;
  grid-row:2!important;
}
/* Two islands: exactly the two outer cells of row 2. */
.maria-page .maria-result-hero-island.is-multi-hero.count-2 .maria-hero-island-item:nth-child(1){
  grid-column:1!important;
  grid-row:2!important;
}
.maria-page .maria-result-hero-island.is-multi-hero.count-2 .maria-hero-island-item:nth-child(2){
  grid-column:3!important;
  grid-row:2!important;
}
/* Three islands: exactly one island in each cell of row 2. */
.maria-page .maria-result-hero-island.is-multi-hero.count-3 .maria-hero-island-item:nth-child(1){
  grid-column:1!important;
  grid-row:2!important;
}
.maria-page .maria-result-hero-island.is-multi-hero.count-3 .maria-hero-island-item:nth-child(2){
  grid-column:2!important;
  grid-row:2!important;
}
.maria-page .maria-result-hero-island.is-multi-hero.count-3 .maria-hero-island-item:nth-child(3){
  grid-column:3!important;
  grid-row:2!important;
}
/* Keep the two insight cards in their own lower zone. */
.maria-page .maria-result-hero-insights{
  left:5%!important;
  right:5%!important;
  bottom:18px!important;
  min-width:0!important;
}
.maria-page .maria-result-hero-insight-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:18px!important;
  min-width:0!important;
}
.maria-page .maria-result-hero-insight-grid article{
  min-width:0!important;
}
@media (min-width:1200px){
  .maria-page .maria-result-hero-visual{min-height:500px!important}
  .maria-page .maria-result-hero-island.is-multi-hero{
    top:10px!important;
    bottom:158px!important;
  }
}
@media (min-width:768px) and (max-width:1199px){
  .maria-page .maria-result-hero-visual{min-height:455px!important}
  .maria-page .maria-result-hero-island.is-multi-hero{
    top:8px!important;
    bottom:132px!important;
    left:4%!important;
    right:4%!important;
  }
  .maria-page .maria-result-hero-island.is-multi-hero .maria-hero-island-item img{
    width:min(var(--island-w,160px),72%)!important;
    max-width:72%!important;
    max-height:72%!important;
  }
  .maria-page .maria-result-hero-insight-grid{gap:12px!important}
  .maria-page .maria-result-hero-insight-grid article{grid-template-columns:38px minmax(0,1fr)!important}
}
@media (max-width:767px){
  .maria-page .maria-result-hero-visual{min-height:430px!important}
  .maria-page .maria-result-hero-island.is-multi-hero{
    top:8px!important;
    bottom:150px!important;
    left:3%!important;
    right:3%!important;
  }
  .maria-page .maria-result-hero-island.is-multi-hero .maria-hero-island-item img{
    width:min(var(--island-w,112px),72%)!important;
    max-width:72%!important;
    max-height:72%!important;
  }
  .maria-page .maria-result-hero-insights{bottom:14px!important}
  .maria-page .maria-result-hero-insight-grid{grid-template-columns:1fr!important;gap:8px!important}
  .maria-page .maria-result-hero-insight-grid article{grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important}
}

/* ============================================================
   V147 — PREMIUM RESULT SYSTEM / 3 FORM FACTORS
   Rebuild of the Maria™ restitution block.
   The island field is a true silent 3×3 composition grid.
   Mobile, tablet and desktop have deliberately different geometry.
   ============================================================ */

/* Shared result foundations */
.maria-page .maria-result-hero{
  border-radius:32px!important;
  overflow:hidden!important;
  background:#07343d!important;
  box-shadow:0 28px 70px rgba(7,45,54,.16)!important;
  margin:0 0 34px!important;
}
.maria-page .maria-result-hero-main{
  min-height:0!important;
}
.maria-page .maria-result-hero-copy{
  background:linear-gradient(145deg,#062e36 0%,#073840 100%)!important;
}
.maria-page .maria-result-hero-copy h2{
  text-wrap:balance;
}
.maria-page .maria-result-hero-lead{
  text-wrap:pretty;
}
.maria-page .maria-result-hero-visual{
  background:
    radial-gradient(circle at 50% 30%,rgba(77,158,166,.28),transparent 40%),
    radial-gradient(circle at 50% 72%,rgba(27,105,111,.18),transparent 48%),
    linear-gradient(145deg,#0b4b56 0%,#07333d 100%)!important;
  min-width:0!important;
  overflow:hidden!important;
}
.maria-page .maria-result-hero-visual:before{
  content:"";
  position:absolute;
  width:54%;
  aspect-ratio:1;
  left:23%;
  top:10%;
  border-radius:50%;
  background:rgba(127,205,196,.08);
  filter:blur(26px);
  pointer-events:none;
}
.maria-page .maria-result-hero-visual:after{
  background:linear-gradient(180deg,transparent 55%,rgba(2,22,28,.28) 100%)!important;
}

/* The nine frames are structural only: no visible borders. */
.maria-page .maria-result-hero-island.is-multi-hero{
  left:4%!important;
  right:4%!important;
  top:20px!important;
  bottom:188px!important;
  width:auto!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  padding:0!important;
  margin:0!important;
  align-items:stretch!important;
  justify-items:stretch!important;
}
.maria-page .maria-result-hero-island.is-multi-hero .maria-hero-island-item{
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:visible!important;
}
.maria-page .maria-result-hero-island.is-multi-hero .maria-hero-island-item img{
  width:min(var(--island-w,170px),78%)!important;
  max-width:78%!important;
  max-height:72%!important;
  height:auto!important;
  object-fit:contain!important;
  transform:none!important;
  filter:none!important;
  drop-shadow:none!important;
}

/* One / two / three selected islands always own individual cells. */
.maria-page .maria-result-hero-island.is-multi-hero.count-1 .maria-hero-island-item:nth-child(1){grid-column:2!important;grid-row:2!important}
.maria-page .maria-result-hero-island.is-multi-hero.count-2 .maria-hero-island-item:nth-child(1){grid-column:1!important;grid-row:2!important}
.maria-page .maria-result-hero-island.is-multi-hero.count-2 .maria-hero-island-item:nth-child(2){grid-column:3!important;grid-row:2!important}
.maria-page .maria-result-hero-island.is-multi-hero.count-3 .maria-hero-island-item:nth-child(1){grid-column:1!important;grid-row:2!important}
.maria-page .maria-result-hero-island.is-multi-hero.count-3 .maria-hero-island-item:nth-child(2){grid-column:2!important;grid-row:2!important}
.maria-page .maria-result-hero-island.is-multi-hero.count-3 .maria-hero-island-item:nth-child(3){grid-column:3!important;grid-row:2!important}

/* Optical widths: preserve silhouette proportions while equalising perceived scale. */
.maria-page .maria-result-hero-island [data-island="sao-miguel"] img{--island-w:188px}
.maria-page .maria-result-hero-island [data-island="terceira"] img{--island-w:174px}
.maria-page .maria-result-hero-island [data-island="pico"] img{--island-w:184px}
.maria-page .maria-result-hero-island [data-island="sao-jorge"] img{--island-w:184px}
.maria-page .maria-result-hero-island [data-island="flores"] img{--island-w:146px}
.maria-page .maria-result-hero-island [data-island="graciosa"] img{--island-w:156px}
.maria-page .maria-result-hero-island [data-island="faial"] img{--island-w:170px}
.maria-page .maria-result-hero-island [data-island="santa-maria"] img{--island-w:172px}
.maria-page .maria-result-hero-island [data-island="corvo"] img{--island-w:112px}

/* Independent insight band. */
.maria-page .maria-result-hero-insights{
  left:6%!important;
  right:6%!important;
  bottom:24px!important;
  z-index:4!important;
}
.maria-page .maria-result-hero-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 16px!important;
  padding:11px 18px!important;
  border-radius:999px!important;
  background:#9ce1d2!important;
  color:#07343d!important;
  font-size:11px!important;
  letter-spacing:.06em!important;
  box-shadow:0 8px 24px rgba(0,0,0,.10)!important;
}
.maria-page .maria-result-hero-insight-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:26px!important;
}
.maria-page .maria-result-hero-insight-grid article{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  min-width:0!important;
}
.maria-page .maria-result-hero-insight-grid article>span{
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#9ce1d2!important;
  color:#07343d!important;
}
.maria-page .maria-result-hero-insight-grid article>div{min-width:0!important}
.maria-page .maria-result-hero-insight-grid h3{
  margin:1px 0 5px!important;
  color:#fff!important;
  font:650 16px/1.2 Jost,sans-serif!important;
  letter-spacing:-.015em!important;
}
.maria-page .maria-result-hero-insight-grid p{
  margin:0!important;
  color:rgba(255,255,255,.78)!important;
  font:400 12px/1.42 Jost,sans-serif!important;
}

/* Alternative cards: clean premium rail/grid, no selected island duplication. */
.maria-page .maria-result-alternatives{
  background:#fbfaf6!important;
  padding:34px 38px 38px!important;
}
.maria-page .maria-result-alternatives>h2{
  margin:0 0 20px!important;
  color:#0a3540!important;
  font:600 clamp(20px,2.1vw,28px)/1.15 Jost,sans-serif!important;
  letter-spacing:-.025em!important;
}
.maria-page .maria-result-alternatives-grid{
  display:grid!important;
  min-width:0!important;
  overflow:visible!important;
  gap:10px!important;
}
.maria-page .maria-result-island-card{
  min-width:0!important;
  padding:12px 10px 13px!important;
  border:1px solid rgba(8,53,64,.08)!important;
  border-radius:18px!important;
  background:#f4f2ec!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}
.maria-page .maria-result-island-card-visual{
  height:86px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.maria-page .maria-result-island-card img{
  max-width:90%!important;
  max-height:76px!important;
  object-fit:contain!important;
  filter:none!important;
}
.maria-page .maria-result-island-card h3{
  margin:5px 0 3px!important;
  color:#0a3540!important;
  font:650 15px/1.1 Jost,sans-serif!important;
  text-align:center!important;
}
.maria-page .maria-result-island-card p{
  min-height:28px!important;
  margin:0!important;
  color:#34515a!important;
  font:400 10px/1.25 Jost,sans-serif!important;
  text-align:center!important;
}
.maria-page .maria-result-island-card>span{
  align-self:center!important;
  margin-top:9px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:#e1eee9!important;
  color:#0a3540!important;
  font:600 9px/1 Jost,sans-serif!important;
}

/* Desktop — composed two-column premium card. */
@media (min-width:1200px){
  .maria-page .maria-result-hero-main{grid-template-columns:minmax(410px,.88fr) minmax(610px,1.12fr)!important;min-height:620px!important}
  .maria-page .maria-result-hero-copy{padding:66px 62px 48px!important}
  .maria-page .maria-result-hero-copy .section-kicker{font-size:11px!important;letter-spacing:.24em!important}
  .maria-page .maria-result-hero-copy h2{font-size:clamp(54px,4.15vw,76px)!important;line-height:.98!important;max-width:620px!important}
  .maria-page .maria-result-hero-lead{font-size:18px!important;max-width:520px!important;line-height:1.5!important}
  .maria-page .maria-result-hero-meta{gap:14px 24px!important;font-size:13px!important}
  .maria-page .maria-result-hero-visual{min-height:620px!important}
  .maria-page .maria-result-hero-island.is-multi-hero{top:20px!important;bottom:205px!important;left:5%!important;right:5%!important}
  .maria-page .maria-result-hero-island.is-multi-hero .maria-hero-island-item img{width:min(var(--island-w,184px),82%)!important;max-width:82%!important;max-height:76%!important}
  .maria-page .maria-result-hero-insights{left:6%!important;right:6%!important;bottom:26px!important}
  .maria-page .maria-result-alternatives-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}

/* Tablet — slightly tighter typography, same deliberate two-zone composition. */
@media (min-width:768px) and (max-width:1199px){
  .maria-page .maria-result-hero-main{grid-template-columns:minmax(310px,.84fr) minmax(430px,1.16fr)!important;min-height:520px!important}
  .maria-page .maria-result-hero-copy{padding:46px 38px 34px!important}
  .maria-page .maria-result-hero-copy h2{font-size:clamp(40px,5.2vw,58px)!important;line-height:1!important}
  .maria-page .maria-result-hero-lead{font-size:15px!important;line-height:1.45!important}
  .maria-page .maria-result-hero-meta{font-size:11px!important;gap:10px 15px!important}
  .maria-page .maria-result-hero-visual{min-height:520px!important}
  .maria-page .maria-result-hero-island.is-multi-hero{top:18px!important;bottom:170px!important;left:4%!important;right:4%!important}
  .maria-page .maria-result-hero-island.is-multi-hero .maria-hero-island-item img{width:min(var(--island-w,160px),78%)!important;max-width:78%!important;max-height:72%!important}
  .maria-page .maria-result-hero-insights{left:5%!important;right:5%!important;bottom:20px!important}
  .maria-page .maria-result-hero-insight-grid{gap:14px!important}
  .maria-page .maria-result-hero-insight-grid article{grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important}
  .maria-page .maria-result-hero-insight-grid article>span{width:38px!important;height:38px!important}
  .maria-page .maria-result-hero-insight-grid h3{font-size:14px!important}
  .maria-page .maria-result-hero-insight-grid p{font-size:11px!important}
  .maria-page .maria-result-alternatives{padding:28px 28px 30px!important}
  .maria-page .maria-result-alternatives-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Tablet portrait — stack, but keep the tablet visual language. */
@media (min-width:768px) and (max-width:899px){
  .maria-page .maria-result-hero-main{grid-template-columns:1fr!important}
  .maria-page .maria-result-hero-copy{padding:44px 42px 36px!important}
  .maria-page .maria-result-hero-copy h2{max-width:11ch!important}
  .maria-page .maria-result-hero-visual{min-height:500px!important}
  .maria-page .maria-result-hero-island.is-multi-hero{bottom:170px!important}
}

/* Mobile — completely reflowed premium restitution. */
@media (max-width:767px){
  .maria-page .maria-result-hero{border-radius:24px!important;margin-bottom:22px!important}
  .maria-page .maria-result-hero-main{grid-template-columns:1fr!important;display:grid!important}
  .maria-page .maria-result-hero-copy{padding:34px 24px 30px!important}
  .maria-page .maria-result-hero-copy .section-kicker{font-size:10px!important;letter-spacing:.19em!important;margin-bottom:13px!important}
  .maria-page .maria-result-hero-copy h2{font-size:clamp(39px,11vw,51px)!important;line-height:.99!important;max-width:10.5ch!important}
  .maria-page .maria-result-hero-underline{width:82px!important;height:7px!important;margin:9px 0 18px!important}
  .maria-page .maria-result-hero-lead{font-size:15px!important;line-height:1.45!important;max-width:32ch!important}
  .maria-page .maria-result-hero-meta{margin-top:22px!important;padding-top:0!important;gap:8px 14px!important;font-size:11px!important}
  .maria-page .maria-result-hero-visual{min-height:500px!important}
  .maria-page .maria-result-hero-visual:before{width:72%;left:14%;top:10%}
  .maria-page .maria-result-hero-island.is-multi-hero{
    top:16px!important;
    bottom:205px!important;
    left:3%!important;
    right:3%!important;
  }
  .maria-page .maria-result-hero-island.is-multi-hero .maria-hero-island-item img{
    width:min(var(--island-w,112px),76%)!important;
    max-width:76%!important;
    max-height:72%!important;
  }
  .maria-page .maria-result-hero-island [data-island="sao-miguel"] img,
  .maria-page .maria-result-hero-island [data-island="pico"] img,
  .maria-page .maria-result-hero-island [data-island="sao-jorge"] img{--island-w:116px}
  .maria-page .maria-result-hero-island [data-island="faial"] img,
  .maria-page .maria-result-hero-island [data-island="terceira"] img,
  .maria-page .maria-result-hero-island [data-island="santa-maria"] img{--island-w:104px}
  .maria-page .maria-result-hero-island [data-island="graciosa"] img{--island-w:96px}
  .maria-page .maria-result-hero-island [data-island="flores"] img{--island-w:84px}
  .maria-page .maria-result-hero-island [data-island="corvo"] img{--island-w:70px}
  .maria-page .maria-result-hero-insights{left:6%!important;right:6%!important;bottom:18px!important}
  .maria-page .maria-result-hero-badge{padding:9px 14px!important;font-size:10px!important;margin-bottom:10px!important}
  .maria-page .maria-result-hero-insight-grid{grid-template-columns:1fr!important;gap:9px!important}
  .maria-page .maria-result-hero-insight-grid article{grid-template-columns:36px minmax(0,1fr)!important;gap:9px!important}
  .maria-page .maria-result-hero-insight-grid article>span{width:36px!important;height:36px!important}
  .maria-page .maria-result-hero-insight-grid h3{font-size:14px!important;line-height:1.18!important}
  .maria-page .maria-result-hero-insight-grid p{font-size:11px!important;line-height:1.3!important}
  .maria-page .maria-result-alternatives{padding:26px 18px 24px!important}
  .maria-page .maria-result-alternatives>h2{font-size:21px!important;line-height:1.12!important;margin-bottom:15px!important}
  .maria-page .maria-result-alternatives-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .maria-page .maria-result-island-card{padding:10px 7px 11px!important;border-radius:15px!important}
  .maria-page .maria-result-island-card-visual{height:70px!important}
  .maria-page .maria-result-island-card img{max-height:62px!important}
  .maria-page .maria-result-island-card h3{font-size:14px!important}
  .maria-page .maria-result-island-card p{font-size:9px!important;min-height:25px!important}
  .maria-page .maria-result-island-card>span{font-size:8px!important;padding:4px 7px!important;margin-top:7px!important}
}

/* ============================================================
   V150 — MARIA™ RECOMMENDATION / EDITORIAL 3-FORM-FACTOR SYSTEM
   Decision → justification → alternatives.
   Island source pixels are never altered: only display geometry changes.
   ============================================================ */
.maria-page .maria-result-v150{
  display:block!important;
  background:#fbfaf6!important;
  border:1px solid rgba(8,53,64,.10)!important;
  border-radius:32px!important;
  overflow:hidden!important;
  box-shadow:0 24px 70px rgba(8,47,56,.12)!important;
  margin:0 0 34px!important;
}
.maria-page .maria-result-v150 .maria-result-recommendation-head{
  padding:42px 48px 22px!important;
  background:linear-gradient(145deg,#062e36 0%,#0a4650 100%)!important;
  color:#fff!important;
}
.maria-page .maria-result-v150 .maria-result-recommendation-head .section-kicker{
  color:#9fe1d0!important;
  margin:0 0 13px!important;
  letter-spacing:.16em!important;
}
.maria-page .maria-result-v150 .maria-result-recommendation-head h2{
  margin:0!important;
  max-width:760px!important;
  font:650 clamp(30px,3.5vw,48px)/1.02 Jost,sans-serif!important;
  letter-spacing:-.04em!important;
}
.maria-page .maria-result-v150 .maria-result-recommendation-head>p:last-child{
  max-width:650px!important;
  margin:13px 0 0!important;
  color:rgba(255,255,255,.80)!important;
  font:400 15px/1.45 Jost,sans-serif!important;
}
.maria-page .maria-featured-islands{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  padding:18px 24px 26px!important;
  background:linear-gradient(180deg,#0a4650 0,#0a4650 8%,#fbfaf6 8%,#fbfaf6 100%)!important;
}
.maria-page .maria-featured-island{
  position:relative!important;
  min-width:0!important;
  min-height:300px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  overflow:hidden!important;
  border:1px solid rgba(8,53,64,.10)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(8,47,56,.09)!important;
}
.maria-page .maria-featured-island-rank{
  position:absolute!important;
  z-index:3!important;
  top:14px!important;
  left:14px!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#07343d!important;
  color:#fff!important;
  font:700 14px/1 Jost,sans-serif!important;
}
.maria-page .maria-featured-island-visual{
  flex:1 1 auto!important;
  min-height:205px!important;
  display:grid!important;
  place-items:center!important;
  padding:20px 18px 8px!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% 48%,rgba(120,199,191,.13),transparent 60%)!important;
}
.maria-page .maria-featured-island-visual img{
  display:block!important;
  width:min(var(--featured-island-w,250px),92%)!important;
  max-width:92%!important;
  max-height:180px!important;
  height:auto!important;
  object-fit:contain!important;
  filter:none!important;
}
.maria-page .maria-featured-island--1 .maria-featured-island-visual img{--featured-island-w:270px}
.maria-page .maria-featured-island--2 .maria-featured-island-visual img{--featured-island-w:245px}
.maria-page .maria-featured-island--3 .maria-featured-island-visual img{--featured-island-w:245px}
.maria-page .maria-featured-island-copy{
  padding:14px 18px 20px!important;
  border-top:1px solid rgba(8,53,64,.08)!important;
}
.maria-page .maria-featured-island-copy h3{
  margin:0!important;
  color:#08333d!important;
  font:650 23px/1.05 Jost,sans-serif!important;
  letter-spacing:-.025em!important;
}
.maria-page .maria-featured-island-copy p{
  margin:5px 0 0!important;
  color:#4e6870!important;
  font:400 13px/1.3 Jost,sans-serif!important;
}
.maria-page .maria-result-v150 .maria-result-alternatives{
  padding:28px 24px 30px!important;
  background:#fbfaf6!important;
}
.maria-page .maria-result-v150 .maria-result-alternatives>h2{
  margin:0 0 17px!important;
  color:#08333d!important;
  font:650 clamp(21px,2vw,28px)/1.15 Jost,sans-serif!important;
  letter-spacing:-.025em!important;
}
.maria-page .maria-result-v150 .maria-result-alternatives-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  overflow:visible!important;
}
.maria-page .maria-result-v150 .maria-result-island-card{
  min-width:0!important;
  min-height:225px!important;
  padding:10px 12px 13px!important;
  border:1px solid rgba(8,53,64,.09)!important;
  border-radius:18px!important;
  background:#f4f2ec!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}
.maria-page .maria-result-v150 .maria-result-island-card-visual{
  height:125px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.maria-page .maria-result-v150 .maria-result-island-card img{
  display:block!important;
  width:min(190px,92%)!important;
  max-width:92%!important;
  max-height:112px!important;
  height:auto!important;
  object-fit:contain!important;
  filter:none!important;
}
.maria-page .maria-result-v150 .maria-result-island-card h3{
  margin:4px 0 2px!important;
  color:#08333d!important;
  font:650 18px/1.08 Jost,sans-serif!important;
}
.maria-page .maria-result-v150 .maria-result-island-card p{
  min-height:32px!important;
  margin:0!important;
  color:#526b72!important;
  font:400 11px/1.25 Jost,sans-serif!important;
}
.maria-page .maria-result-v150 .maria-result-island-card>span{
  align-self:flex-start!important;
  margin-top:auto!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:#dfeeea!important;
  color:#16444d!important;
  font:700 10px/1 Jost,sans-serif!important;
}
.maria-page .maria-result-v150 .maria-result-insight-panel{
  margin:0 24px 24px!important;
  padding:22px 24px!important;
  border-radius:22px!important;
  background:#eef6f5!important;
  border:1px solid rgba(8,53,64,.07)!important;
}
.maria-page .maria-result-v150 .maria-result-insight-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  background:#9fe1d0!important;
  color:#07343d!important;
  font:800 10px/1 Jost,sans-serif!important;
  letter-spacing:.06em!important;
}
.maria-page .maria-result-v150 .maria-result-insight-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:24px!important;
  margin-top:18px!important;
}
.maria-page .maria-result-v150 .maria-result-insight-grid article{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:11px!important;
  min-width:0!important;
}
.maria-page .maria-result-v150 .maria-result-insight-grid article+article{
  border-left:1px solid rgba(8,53,64,.13)!important;
  padding-left:24px!important;
}
.maria-page .maria-result-v150 .maria-result-insight-grid article>span{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#c8ebe3!important;
  color:#07343d!important;
}
.maria-page .maria-result-v150 .maria-result-insight-grid h3{
  margin:0 0 4px!important;
  color:#08333d!important;
  font:650 15px/1.2 Jost,sans-serif!important;
}
.maria-page .maria-result-v150 .maria-result-insight-grid p{
  margin:0!important;
  color:#4e6870!important;
  font:400 12px/1.42 Jost,sans-serif!important;
}

@media (min-width:1200px){
  .maria-page .maria-result-v150 .maria-result-recommendation-head{
    padding:44px 48px 25px!important;
  }
  .maria-page .maria-featured-islands{padding:18px 28px 30px!important;gap:16px!important}
  .maria-page .maria-featured-island{min-height:340px!important}
  .maria-page .maria-featured-island-visual{min-height:245px!important}
  .maria-page .maria-featured-island-visual img{max-height:215px!important}
  .maria-page .maria-result-v150 .maria-result-alternatives{padding-left:28px!important;padding-right:28px!important}
  .maria-page .maria-result-v150 .maria-result-alternatives-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}
  .maria-page .maria-result-v150 .maria-result-island-card{min-height:235px!important;padding:10px 9px 12px!important}
  .maria-page .maria-result-v150 .maria-result-island-card-visual{height:118px!important}
  .maria-page .maria-result-v150 .maria-result-island-card img{max-height:102px!important}
  .maria-page .maria-result-v150 .maria-result-island-card h3{font-size:16px!important}
  .maria-page .maria-result-v150 .maria-result-island-card p{font-size:10px!important}
}

@media (min-width:768px) and (max-width:1199px){
  .maria-page .maria-result-v150 .maria-result-recommendation-head{padding:34px 30px 20px!important}
  .maria-page .maria-result-v150 .maria-result-recommendation-head h2{font-size:34px!important}
  .maria-page .maria-featured-islands{padding:16px 18px 24px!important;gap:10px!important}
  .maria-page .maria-featured-island{min-height:270px!important;border-radius:20px!important}
  .maria-page .maria-featured-island-visual{min-height:180px!important;padding:14px 10px 6px!important}
  .maria-page .maria-featured-island-visual img{max-height:150px!important}
  .maria-page .maria-featured-island-copy{padding:11px 13px 15px!important}
  .maria-page .maria-featured-island-copy h3{font-size:20px!important}
  .maria-page .maria-featured-island-copy p{font-size:11px!important}
  .maria-page .maria-result-v150 .maria-result-alternatives{padding:24px 18px 26px!important}
  .maria-page .maria-result-v150 .maria-result-alternatives-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  .maria-page .maria-result-v150 .maria-result-island-card{min-height:210px!important}
  .maria-page .maria-result-v150 .maria-result-island-card-visual{height:108px!important}
  .maria-page .maria-result-v150 .maria-result-island-card img{max-height:94px!important}
}

@media (max-width:767px){
  .maria-page .maria-result-v150{border-radius:24px!important;margin-bottom:24px!important}
  .maria-page .maria-result-v150 .maria-result-recommendation-head{padding:27px 20px 19px!important}
  .maria-page .maria-result-v150 .maria-result-recommendation-head .section-kicker{font-size:10px!important;letter-spacing:.13em!important}
  .maria-page .maria-result-v150 .maria-result-recommendation-head h2{font-size:29px!important;line-height:1.04!important}
  .maria-page .maria-result-v150 .maria-result-recommendation-head>p:last-child{font-size:13px!important;line-height:1.4!important;margin-top:10px!important}
  .maria-page .maria-featured-islands{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    padding:12px 12px 18px!important;
    background:linear-gradient(180deg,#0a4650 0,#0a4650 6%,#fbfaf6 6%,#fbfaf6 100%)!important;
  }
  .maria-page .maria-featured-island{min-height:210px!important;border-radius:18px!important}
  .maria-page .maria-featured-island--1{grid-column:1 / -1!important;min-height:285px!important}
  .maria-page .maria-featured-island-rank{top:10px!important;left:10px!important;width:30px!important;height:30px!important;font-size:12px!important}
  .maria-page .maria-featured-island-visual{min-height:130px!important;padding:16px 8px 4px!important}
  .maria-page .maria-featured-island--1 .maria-featured-island-visual{min-height:195px!important}
  .maria-page .maria-featured-island-visual img{max-height:120px!important;width:min(var(--featured-island-w,180px),90%)!important}
  .maria-page .maria-featured-island--1 .maria-featured-island-visual img{max-height:175px!important}
  .maria-page .maria-featured-island-copy{padding:10px 12px 14px!important}
  .maria-page .maria-featured-island-copy h3{font-size:19px!important}
  .maria-page .maria-featured-island--1 .maria-featured-island-copy h3{font-size:24px!important}
  .maria-page .maria-featured-island-copy p{font-size:11px!important}
  .maria-page .maria-result-v150 .maria-result-alternatives{padding:22px 12px 20px!important}
  .maria-page .maria-result-v150 .maria-result-alternatives>h2{font-size:22px!important;margin-bottom:14px!important}
  .maria-page .maria-result-v150 .maria-result-alternatives-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .maria-page .maria-result-v150 .maria-result-island-card{min-height:205px!important;padding:8px 8px 11px!important;border-radius:16px!important}
  .maria-page .maria-result-v150 .maria-result-island-card-visual{height:104px!important}
  .maria-page .maria-result-v150 .maria-result-island-card img{max-height:88px!important}
  .maria-page .maria-result-v150 .maria-result-island-card h3{font-size:16px!important}
  .maria-page .maria-result-v150 .maria-result-island-card p{font-size:10px!important;min-height:28px!important}
  .maria-page .maria-result-v150 .maria-result-island-card>span{font-size:9px!important;padding:4px 7px!important}
  .maria-page .maria-result-v150 .maria-result-insight-panel{margin:0 12px 12px!important;padding:17px 14px!important;border-radius:18px!important}
  .maria-page .maria-result-v150 .maria-result-insight-grid{grid-template-columns:1fr!important;gap:12px!important;margin-top:13px!important}
  .maria-page .maria-result-v150 .maria-result-insight-grid article{grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important}
  .maria-page .maria-result-v150 .maria-result-insight-grid article+article{border-left:0!important;border-top:1px solid rgba(8,53,64,.12)!important;padding:12px 0 0!important}
  .maria-page .maria-result-v150 .maria-result-insight-grid article>span{width:34px!important;height:34px!important}
  .maria-page .maria-result-v150 .maria-result-insight-grid h3{font-size:14px!important}
  .maria-page .maria-result-v150 .maria-result-insight-grid p{font-size:11px!important}
}

/* ============================================================
   V151 — EXPLICIT DECISION PATH
   Recommendation → understanding → alternatives.
   The reasoning is part of the primary result, never an afterthought.
   ============================================================ */
.maria-page .maria-result-v151 .maria-result-understanding{
  padding:38px 48px 40px!important;
  background:#fffdf9!important;
  border-top:1px solid rgba(8,53,64,.08)!important;
  border-bottom:1px solid rgba(8,53,64,.08)!important;
}
.maria-page .maria-result-v151 .maria-result-understanding-heading .section-kicker{
  margin:0 0 10px!important;
  color:#217f86!important;
  letter-spacing:.16em!important;
}
.maria-page .maria-result-v151 .maria-result-understanding-heading h2{
  margin:0!important;
  max-width:820px!important;
  color:#102831!important;
  font:650 clamp(28px,3.1vw,42px)/1.08 Jost,sans-serif!important;
  letter-spacing:-.03em!important;
}
.maria-page .maria-result-v151 .maria-result-understanding-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:25px!important;
}
.maria-page .maria-result-v151 .maria-result-understanding-card{
  min-width:0!important;
  min-height:180px!important;
  padding:23px 22px 24px!important;
  border:1px solid rgba(8,53,64,.10)!important;
  border-radius:22px!important;
  background:#f6f4ef!important;
}
.maria-page .maria-result-v151 .maria-result-understanding-card:nth-child(2){
  background:#f0f8f6!important;
  transform:translateY(10px);
}
.maria-page .maria-result-v151 .maria-result-understanding-card:nth-child(3){
  background:#f4f4f6!important;
  transform:translateY(4px);
}
.maria-page .maria-result-v151 .maria-result-understanding-index{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  background:#fffdf9!important;
  color:#217f86!important;
  font:700 12px/1 Jost,sans-serif!important;
  letter-spacing:.05em!important;
}
.maria-page .maria-result-v151 .maria-result-understanding-card h3{
  margin:19px 0 7px!important;
  color:#102831!important;
  font:650 19px/1.16 Jost,sans-serif!important;
}
.maria-page .maria-result-v151 .maria-result-understanding-card p{
  margin:0!important;
  color:#53676d!important;
  font:400 13px/1.55 Jost,sans-serif!important;
}

@media (min-width:1200px){
  .maria-page .maria-result-v151 .maria-result-understanding{padding:44px 48px 48px!important}
  .maria-page .maria-result-v151 .maria-result-understanding-grid{gap:16px!important;margin-top:30px!important}
  .maria-page .maria-result-v151 .maria-result-understanding-card{min-height:205px!important;padding:26px 25px 28px!important}
  .maria-page .maria-result-v151 .maria-result-understanding-card h3{font-size:21px!important}
  .maria-page .maria-result-v151 .maria-result-understanding-card p{font-size:14px!important}
}

@media (min-width:768px) and (max-width:1199px){
  .maria-page .maria-result-v151 .maria-result-understanding{padding:34px 30px 38px!important}
  .maria-page .maria-result-v151 .maria-result-understanding-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  .maria-page .maria-result-v151 .maria-result-understanding-card{min-height:185px!important}
  .maria-page .maria-result-v151 .maria-result-understanding-card:nth-child(2),
  .maria-page .maria-result-v151 .maria-result-understanding-card:nth-child(3){transform:none}
  .maria-page .maria-result-v151 .maria-result-understanding-card:nth-child(3){grid-column:1/-1}
}

@media (max-width:767px){
  .maria-page .maria-result-v151 .maria-result-understanding{padding:29px 18px 31px!important}
  .maria-page .maria-result-v151 .maria-result-understanding-heading .section-kicker{font-size:10px!important;margin-bottom:9px!important}
  .maria-page .maria-result-v151 .maria-result-understanding-heading h2{font-size:29px!important;line-height:1.06!important}
  .maria-page .maria-result-v151 .maria-result-understanding-grid{grid-template-columns:1fr!important;gap:9px!important;margin-top:19px!important}
  .maria-page .maria-result-v151 .maria-result-understanding-card,
  .maria-page .maria-result-v151 .maria-result-understanding-card:nth-child(2),
  .maria-page .maria-result-v151 .maria-result-understanding-card:nth-child(3){min-height:0!important;padding:19px 17px 20px!important;transform:none!important}
  .maria-page .maria-result-v151 .maria-result-understanding-index{width:34px!important;height:34px!important;font-size:11px!important}
  .maria-page .maria-result-v151 .maria-result-understanding-card h3{font-size:17px!important;margin:14px 0 6px!important}
  .maria-page .maria-result-v151 .maria-result-understanding-card p{font-size:12px!important;line-height:1.48!important}
}

#maria-result-alternatives{scroll-margin-top:24px}


/* ============================================================
   V157 — CLICKABLE REASON CARDS + PRECISION EXPLANATION
   Presentation layer only. No scoring/engine changes.
   ============================================================ */
.maria-page .maria-result-v151 .maria-result-understanding-card{
  position:relative!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  text-align:left!important;
  font:inherit!important;
  color:inherit!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.maria-page .maria-result-v151 .maria-result-understanding-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 12px 28px rgba(8,53,64,.08)!important;
  border-color:rgba(33,127,134,.24)!important;
}
.maria-page .maria-result-v151 .maria-result-understanding-card:nth-child(2):hover{transform:translateY(8px)!important}
.maria-page .maria-result-v151 .maria-result-understanding-card:nth-child(3):hover{transform:translateY(2px)!important}
.maria-page .maria-result-v151 .maria-result-understanding-card:focus-visible{
  outline:3px solid rgba(33,127,134,.28)!important;
  outline-offset:3px!important;
}
.maria-page .maria-result-v151 .maria-result-understanding-card-copy{display:block!important}
.maria-page .maria-result-v151 .maria-result-understanding-card-title{
  display:block!important;
  margin:19px 0 7px!important;
  color:#102831!important;
  font:650 19px/1.16 Jost,sans-serif!important;
}
.maria-page .maria-result-v151 .maria-result-understanding-card-body{
  display:block!important;
  margin:0!important;
  color:#53676d!important;
  font:400 13px/1.55 Jost,sans-serif!important;
}
.maria-page .maria-result-v151 .maria-result-understanding-card-action{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:16px!important;
  color:#217f86!important;
  font:650 11px/1 Jost,sans-serif!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.maria-page .maria-result-v151 .maria-result-understanding-card-action svg{width:14px!important;height:14px!important}
.maria-reason-dialog[hidden]{display:none!important}
.maria-reason-dialog{
  position:fixed!important;
  inset:0!important;
  z-index:1000!important;
}
.maria-reason-dialog-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(7,30,36,.48)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
.maria-reason-dialog-panel{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  width:min(680px,calc(100vw - 40px))!important;
  max-height:min(760px,calc(100vh - 48px))!important;
  overflow:auto!important;
  transform:translate(-50%,-50%)!important;
  padding:34px 36px 30px!important;
  border:1px solid rgba(8,53,64,.12)!important;
  border-radius:28px!important;
  background:#fffdf9!important;
  box-shadow:0 28px 80px rgba(8,53,64,.22)!important;
  outline:none!important;
}
.maria-reason-dialog-close{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  padding:0!important;
  border:1px solid rgba(8,53,64,.10)!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#53676d!important;
  cursor:pointer!important;
}
.maria-reason-dialog-close svg{width:17px!important;height:17px!important}
.maria-reason-dialog-close:focus-visible{outline:3px solid rgba(33,127,134,.25)!important;outline-offset:2px!important}
.maria-reason-dialog-panel .section-kicker{margin:0 0 18px!important;color:#217f86!important}
.maria-reason-dialog-index{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  margin-bottom:18px!important;
  border-radius:50%!important;
  background:#f0f8f6!important;
  color:#217f86!important;
  font:700 12px/1 Jost,sans-serif!important;
}
.maria-reason-dialog-panel h3{
  margin:0 48px 10px 0!important;
  color:#102831!important;
  font:650 clamp(25px,3vw,34px)/1.1 Jost,sans-serif!important;
  letter-spacing:-.025em!important;
}
.maria-reason-dialog-body{
  margin:0 0 22px!important;
  color:#53676d!important;
  font:400 16px/1.58 Jost,sans-serif!important;
}
.maria-reason-dialog-detail{display:grid!important;gap:10px!important}
.maria-reason-detail-block{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:15px 16px!important;
  border:1px solid rgba(8,53,64,.09)!important;
  border-radius:16px!important;
  background:#f6f4ef!important;
}
.maria-reason-detail-block>span,.maria-reason-detail-evidence>span{
  color:#217f86!important;
  font:700 10px/1.2 Jost,sans-serif!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.maria-reason-detail-block strong{color:#102831!important;font:600 14px/1.4 Jost,sans-serif!important}
.maria-reason-detail-block--muted{background:#f8f7f4!important}
.maria-reason-detail-block--muted strong{font-weight:450!important;color:#53676d!important}
.maria-reason-detail-evidence{padding:14px 2px 2px!important}
.maria-reason-detail-evidence ul{margin:9px 0 0 18px!important;padding:0!important;color:#53676d!important;font:400 13px/1.5 Jost,sans-serif!important}
.maria-reason-dialog-footer{
  margin-top:22px!important;
  padding-top:17px!important;
  border-top:1px solid rgba(8,53,64,.09)!important;
  color:#718086!important;
  font:400 11px/1.5 Jost,sans-serif!important;
}
body.maria-reason-dialog-open{overflow:hidden!important}
@media (min-width:1200px){
  .maria-page .maria-result-v151 .maria-result-understanding-card-title{font-size:21px!important}
  .maria-page .maria-result-v151 .maria-result-understanding-card-body{font-size:14px!important}
}
@media (max-width:767px){
  .maria-page .maria-result-v151 .maria-result-understanding-card:hover,
  .maria-page .maria-result-v151 .maria-result-understanding-card:nth-child(2):hover,
  .maria-page .maria-result-v151 .maria-result-understanding-card:nth-child(3):hover{transform:none!important;box-shadow:none!important}
  .maria-page .maria-result-v151 .maria-result-understanding-card-action{margin-top:13px!important;font-size:10px!important}
  .maria-reason-dialog-panel{
    top:auto!important;
    left:0!important;
    bottom:0!important;
    width:100%!important;
    max-height:min(82vh,720px)!important;
    padding:27px 20px calc(22px + env(safe-area-inset-bottom))!important;
    border-radius:26px 26px 0 0!important;
    transform:none!important;
  }
  .maria-reason-dialog-close{top:14px!important;right:14px!important}
  .maria-reason-dialog-panel .section-kicker{font-size:10px!important;margin-bottom:15px!important}
  .maria-reason-dialog-index{width:36px!important;height:36px!important;margin-bottom:14px!important;font-size:11px!important}
  .maria-reason-dialog-panel h3{font-size:25px!important;margin-right:40px!important}
  .maria-reason-dialog-body{font-size:14px!important;line-height:1.5!important}
}


/* ============================================================
   V159 — MARIA™ IDENTITY VISUAL
   Maria.png original is preserved in /maria.
   The web variant is transparent and cropped.
   Desktop/tablet only: mobile hero layout remains unchanged.
   ============================================================ */
.maria-brand-lockup{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 13px;
}
.maria-brand-mark{
  display:block;
  width:82px;
  height:82px;
  object-fit:contain;
  flex:0 0 auto;
}
.maria-brand-lockup .maria-brand{
  margin:0;
}
@media (max-width: 767px){
  .maria-brand-lockup{
    gap:10px;
  }
  .maria-brand-mark{
    width:62px;
    height:62px;
  }
}


/* ============================================================
   MARIA™ — V159 COLOR IDENTITY
   Signature: #5B4F96, extracted from Maria compass artwork.
   Only identity/accent roles are recolored. Body text, surfaces,
   borders and system states remain governed by their existing palette.
   ============================================================ */

/* Brand identity */
.maria-brand,
.maria-brand-lockup .maria-brand,
.maria-eyebrow,
.maria-kicker,
.maria-section-title,
.maria-title,
.maria-subtitle strong{
  color:var(--maria-purple);
}

/* Interactive identity */
.maria a,
.maria-link,
.maria-cta,
.maria-button,
.maria-btn,
.maria-reason-card,
.maria-reason-detail-link,
.maria-choice.is-active,
.maria-option.is-selected{
  --maria-accent:var(--maria-purple);
}

/* Active/selected controls: accent without recoloring neutral copy */
.maria-choice.is-active,
.maria-option.is-selected{
  border-color:var(--maria-purple);
}

.maria-choice.is-active .maria-choice-icon,
.maria-option.is-selected .maria-option-icon,
.maria-reason-card .maria-reason-card-icon,
.maria-reason-detail-evidence > span{
  color:var(--maria-purple);
}

/* Links and explicit action text */
.maria a,
.maria-link,
.maria-reason-detail-link{
  color:var(--maria-purple);
}

.maria a:hover,
.maria-link:hover,
.maria-reason-detail-link:hover{
  color:#4D437F;
}

/* Focus ring: accessible, visible, and derived from Maria identity */
.maria :focus-visible{
  outline:2px solid var(--maria-purple);
  outline-offset:3px;
}


/* ============================================================
   V256 — MARIA™ HEADER / HERO SPACING RESPONSIVE FIX
   Mobile:
   - increase breathing room between the persistent header and hero content.
   Tablet:
   - remove the duplicate hero brand lockup so the header is the sole logo.
   - preserve a deliberate top breathing zone below the header.
   No scoring, data, or runtime logic is modified.
   ============================================================ */

/* Tablet: the Maria brand already lives in the persistent header.
   Keeping the hero lockup here created the duplicate logo seen below the header. */
@media (min-width:768px) and (max-width:1099px){
  .maria-brand-lockup{
    display:none !important;
  }
  .maria-hero-copy{
    padding-top:88px;
  }
}

/* Mobile: keep the approved MARIA wordmark in the hero, but give the
   persistent header and hero typography a clearer visual separation. */
@media (max-width:767px){
  .maria-hero-copy{
    padding-top:56px;
  }
}

/* Small mobile: retain the extra breathing room while avoiding excessive
   vertical growth on very short screens. */
@media (max-width:420px){
  .maria-hero-copy{
    padding-top:52px;
  }
}

/* V256 — explicit preference hierarchy */
.priority-order{
  margin:18px 0 6px;
  padding:16px 18px;
  border:1px solid rgba(20,73,82,.14);
  border-radius:18px;
  background:rgba(255,255,255,.62);
}
.priority-order-title{margin:0;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.priority-order-note{margin:5px 0 12px;font-size:.9em;opacity:.78;}
.priority-order-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.priority-order-item{display:flex;align-items:center;gap:10px;min-height:42px;}
.priority-order-rank{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-weight:800;background:rgba(20,73,82,.08);}
.priority-order-name{flex:1;font-weight:700;}
.priority-order-actions{display:flex;gap:5px;}
.priority-move{width:34px;height:34px;border:1px solid rgba(20,73,82,.18);border-radius:10px;background:transparent;font-size:18px;line-height:1;cursor:pointer;}
.priority-move:disabled{opacity:.3;cursor:default;}

/* V256 — live choice-order badges on the interests cards */
.choice{position:relative;}
.choice-priority-badge{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  margin:0 0 8px;
  padding:4px 9px;
  border-radius:999px;
  font-size:.68rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.choice.selected .choice-priority-badge{
  opacity:1;
}
@media (max-width:767px){
  .choice-priority-badge{
    margin-bottom:7px;
    padding:4px 8px;
    font-size:.64rem;
  }
}

/* V256 — inspirational island portraits */
.maria-island-portrait{
  margin:22px 0;
  padding:24px;
  border:1px solid rgba(20,73,82,.14);
  border-radius:24px;
  background:rgba(255,255,255,.72);
}
.maria-island-portrait-copy{max-width:850px;}
.maria-island-portrait h3{margin:4px 0 8px;font-size:clamp(1.45rem,2.6vw,2.15rem);}
.maria-island-portrait-tagline{font-size:1.05rem;font-weight:700;margin:0 0 14px;}
.maria-island-portrait-body{line-height:1.65;margin:0 0 18px;}
.maria-island-portrait-feel{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin:0 0 15px;}
.maria-island-portrait-feel span,.maria-island-portrait-signature span{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.68;}
.maria-island-portrait-signature{margin:0;line-height:1.5;font-style:italic;}
.maria-island-portrait-signature span{display:block;font-style:normal;margin-bottom:4px;}

.maria-result-island-card{
  appearance:none;
  width:100%;
  border:1px solid rgba(20,73,82,.13);
  padding:0;
  text-align:left;
  cursor:pointer;
  border-radius:20px;
  overflow:hidden;
  background:transparent;
  color:inherit;
}
.maria-result-island-card:hover{transform:translateY(-1px);}
.maria-result-island-card-copy{display:flex;flex-direction:column;gap:7px;padding:14px 16px 17px;}
.maria-result-island-card-copy strong{font-size:1.15rem;}
.maria-result-island-card-copy>span:not(.maria-result-island-card-rank){line-height:1.4;}
.maria-result-island-card-copy small{opacity:.7;}
.maria-result-island-card-copy em{font-style:normal;font-weight:800;font-size:.82rem;margin-top:3px;}
.maria-result-island-card-rank{font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;opacity:.7;}

.maria-island-portrait-dialog{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;}
.maria-island-portrait-dialog[hidden]{display:none;}
.maria-island-portrait-dialog-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.42);}
.maria-island-portrait-dialog-panel{position:relative;width:min(760px,100%);max-height:min(86vh,780px);overflow:auto;padding:28px;border-radius:26px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.22);}
.maria-island-portrait-dialog-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:50%;background:transparent;cursor:pointer;}
.maria-island-portrait-dialog-panel h3{margin:6px 45px 8px 0;font-size:clamp(1.55rem,4vw,2.25rem);}
.maria-island-portrait-dialog-tagline{font-weight:750;font-size:1.05rem;}
.maria-island-portrait-dialog-body{line-height:1.7;}
@media (max-width:767px){
  .maria-island-portrait{padding:20px;border-radius:20px;}
  .maria-island-portrait-body{line-height:1.58;}
  .maria-island-portrait-dialog{padding:12px;}
  .maria-island-portrait-dialog-panel{padding:22px 19px;border-radius:22px;max-height:90vh;}
}


/* V256 — at-a-glance journey programme and transfer cost. */
.maria-journey-overview{margin:24px 0 30px;padding:24px;border:1px solid rgba(8,47,56,.12);border-radius:24px;background:linear-gradient(145deg,#f4f8f5,#eef6f4)}
.maria-journey-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.maria-journey-overview-head .section-kicker{margin:0 0 7px}
.maria-journey-overview-head h3{margin:0;color:#082f38;font-size:clamp(22px,3vw,32px);line-height:1.05;letter-spacing:-.025em}
.maria-journey-islands{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.maria-journey-island{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:13px;padding:14px 0}
.maria-journey-island-index{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#082f38;color:#fff;font-weight:800;font-size:15px}
.maria-journey-island strong{display:block;color:#082f38;font-size:18px}
.maria-journey-island span:not(.maria-journey-island-index){display:block;margin-top:3px;color:#527078;font-size:13px;font-weight:700}
.maria-journey-leg{display:grid;grid-template-columns:42px 1fr;gap:13px;min-height:64px}
.maria-journey-leg-line{position:relative;width:2px;margin-left:20px;background:#9db8b4;border-radius:2px}
.maria-journey-leg-line:before,.maria-journey-leg-line:after{content:"";position:absolute;left:50%;width:8px;height:8px;border-radius:50%;background:#237f86;transform:translateX(-50%)}
.maria-journey-leg-line:before{top:0}.maria-journey-leg-line:after{bottom:0}
.maria-journey-leg strong{display:block;color:#174650;font-size:13px;margin:4px 0 3px}
.maria-journey-leg span:not(.maria-journey-leg-line){display:block;color:#237f86;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.maria-journey-leg small{display:block;color:#6a8085;font-size:11px;margin-top:3px}
.maria-journey-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(8,47,56,.12)}
.maria-journey-summary strong{color:#082f38;font-size:14px}
.maria-journey-summary span{color:#60777c;font-size:11px;line-height:1.45}
@media(min-width:701px){
  .maria-journey-overview{padding:26px 30px}
  .maria-journey-islands{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:10px}
  .maria-journey-island{grid-template-columns:38px 1fr;padding:12px 4px}
  .maria-journey-island-index{width:38px;height:38px}
  .maria-journey-leg{grid-template-columns:1fr;min-height:0;align-items:center;min-width:130px}
  .maria-journey-leg-line{width:100%;height:2px;margin:0;background:#9db8b4}
  .maria-journey-leg-line:before{left:0;top:50%;transform:translate(-50%,-50%)}
  .maria-journey-leg-line:after{left:auto;right:0;top:50%;bottom:auto;transform:translate(50%,-50%)}
  .maria-journey-leg>div{padding-top:8px}
}
@media(max-width:700px){
  .maria-journey-overview{margin:20px 0 24px;padding:20px 17px;border-radius:20px}
  .maria-journey-overview-head{margin-bottom:12px}
  .maria-journey-overview-head h3{font-size:22px}
  .maria-journey-summary{display:block}
  .maria-journey-summary span{display:block;margin-top:5px}
}

@media(min-width:701px){.maria-journey-overview--1 .maria-journey-islands{grid-template-columns:1fr}.maria-journey-overview--2 .maria-journey-islands{grid-template-columns:1fr auto 1fr}.maria-journey-overview--2 .maria-journey-leg{min-width:150px}}
@media(min-width:701px){.maria-journey-island strong{white-space:nowrap}}

/* ============================================================
   V257 — RESULT ALTERNATIVES / PREMIUM READABILITY
   Surgical visual correction only.
   Keeps the existing button/link contract and island portrait dialog.
   ============================================================ */
.maria-page .maria-result-v150 .maria-result-alternatives{
  overflow:visible!important;
}

/* The previous generic direct-span rule also matched the visual and copy
   containers. Re-establish two explicit zones so nothing is clipped. */
.maria-page .maria-result-v150 .maria-result-island-card{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  overflow:hidden!important;
  align-items:stretch!important;
  text-align:left!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.maria-page .maria-result-v150 .maria-result-island-card:hover,
.maria-page .maria-result-v150 .maria-result-island-card:focus-visible{
  transform:translateY(-3px)!important;
  border-color:rgba(8,53,64,.18)!important;
  box-shadow:0 14px 30px rgba(8,47,56,.11)!important;
  outline:none!important;
}
.maria-page .maria-result-v150 .maria-result-island-card:focus-visible{
  box-shadow:0 0 0 3px rgba(35,127,134,.22),0 14px 30px rgba(8,47,56,.11)!important;
}

.maria-page .maria-result-v150 .maria-result-island-card-visual{
  position:relative!important;
  width:100%!important;
  height:176px!important;
  flex:0 0 176px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  padding:14px!important;
  background:radial-gradient(circle at 50% 50%,rgba(199,232,226,.78) 0,rgba(224,241,238,.68) 54%,rgba(244,242,236,0) 55%)!important;
}
.maria-page .maria-result-v150 .maria-result-island-card-visual img{
  display:block!important;
  width:min(188px,88%)!important;
  max-width:88%!important;
  max-height:148px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  margin:0 auto!important;
}

.maria-page .maria-result-v150 .maria-result-island-card-copy{
  display:flex!important;
  flex:1 1 auto!important;
  min-width:0!important;
  align-self:stretch!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:7px!important;
  margin:0!important;
  padding:15px 17px 17px!important;
  border:0!important;
  border-top:1px solid rgba(8,53,64,.08)!important;
  border-radius:0!important;
  background:#fff!important;
  color:#0a3540!important;
  text-align:left!important;
  font:inherit!important;
}
.maria-page .maria-result-v150 .maria-result-island-card-copy .maria-result-island-card-rank{
  display:inline-flex!important;
  width:auto!important;
  height:auto!important;
  align-self:flex-start!important;
  margin:0 0 1px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:#e1eee9!important;
  color:#0a3540!important;
  font:800 9px/1 Jost,sans-serif!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  opacity:1!important;
}
.maria-page .maria-result-v150 .maria-result-island-card-copy strong{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#082f38!important;
  font:700 clamp(18px,1.25vw,22px)/1.08 Jost,sans-serif!important;
  letter-spacing:-.02em!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.maria-page .maria-result-v150 .maria-result-island-card-copy>span:not(.maria-result-island-card-rank){
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#526b72!important;
  font:500 12px/1.42 Jost,sans-serif!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.maria-page .maria-result-v150 .maria-result-island-card-copy small{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#237f86!important;
  font:700 10px/1.25 Jost,sans-serif!important;
  white-space:normal!important;
}
.maria-page .maria-result-v150 .maria-result-island-card-copy em{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:auto 0 0!important;
  padding-top:6px!important;
  color:#0a5964!important;
  font:800 11px/1.2 Jost,sans-serif!important;
  font-style:normal!important;
  white-space:normal!important;
}
.maria-page .maria-result-v150 .maria-result-island-card-copy em svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 auto!important;
}

/* Desktop: use the available width instead of leaving an artificial sixth
   column empty. Five alternatives therefore form one balanced row. */
@media (min-width:1200px){
  .maria-page .maria-result-v150 .maria-result-alternatives-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:16px!important;
  }
  .maria-page .maria-result-v150 .maria-result-island-card-visual{
    height:184px!important;
    flex-basis:184px!important;
  }
  .maria-page .maria-result-v150 .maria-result-island-card-visual img{
    width:min(205px,88%)!important;
    max-height:154px!important;
  }
}

/* Large tablets: keep three cards per row, with readable copy. */
@media (min-width:768px) and (max-width:1199px){
  .maria-page .maria-result-v150 .maria-result-alternatives-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .maria-page .maria-result-v150 .maria-result-island-card-visual{
    height:148px!important;
    flex-basis:148px!important;
  }
  .maria-page .maria-result-v150 .maria-result-island-card-visual img{
    width:min(175px,88%)!important;
    max-height:124px!important;
  }
  .maria-page .maria-result-v150 .maria-result-island-card-copy{
    padding:13px 14px 15px!important;
  }
}

/* Mobile: preserve the existing two-column compact layout while fixing the
   copy container that was previously receiving the pill styling. */
@media (max-width:767px){
  .maria-page .maria-result-v150 .maria-result-island-card-visual{
    height:104px!important;
    flex-basis:104px!important;
    padding:8px!important;
    background:radial-gradient(circle at 50% 50%,rgba(199,232,226,.78) 0,rgba(224,241,238,.68) 56%,rgba(244,242,236,0) 57%)!important;
  }
  .maria-page .maria-result-v150 .maria-result-island-card-visual img{
    width:min(130px,88%)!important;
    max-height:88px!important;
  }
  .maria-page .maria-result-v150 .maria-result-island-card-copy{
    padding:10px 10px 12px!important;
    gap:5px!important;
  }
  .maria-page .maria-result-v150 .maria-result-island-card-copy strong{
    font-size:16px!important;
  }
  .maria-page .maria-result-v150 .maria-result-island-card-copy>span:not(.maria-result-island-card-rank){
    font-size:10px!important;
    line-height:1.35!important;
  }
  .maria-page .maria-result-v150 .maria-result-island-card-copy small{
    font-size:9px!important;
  }
  .maria-page .maria-result-v150 .maria-result-island-card-copy em{
    font-size:9px!important;
  }
}


/* ============================================================
   V258 — OPTIONAL EXACT TRAVEL DATES
   Presentation/input layer only. Exact dates enrich the existing
   season context and journey overview; Maria™ scoring is unchanged.
   ============================================================ */
.maria-exact-dates{margin:18px 0 20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.72);overflow:hidden}
.maria-exact-dates summary{display:flex;align-items:center;gap:10px;min-height:56px;padding:14px 18px;cursor:pointer;list-style:none;color:var(--ink);font:600 16px/1.25 Jost,sans-serif}
.maria-exact-dates summary::-webkit-details-marker{display:none}
.maria-exact-dates summary::after{content:"⌄";margin-left:auto;font-size:18px;transition:transform .2s ease}
.maria-exact-dates[open] summary::after{transform:rotate(180deg)}
.maria-exact-dates summary svg{width:20px;height:20px;flex:0 0 auto;color:var(--maria-purple)}
.maria-exact-dates-body{padding:0 18px 18px;border-top:1px solid var(--line)}
.maria-exact-dates-body>p{margin:14px 0 16px;max-width:720px;color:var(--ink-soft);font-size:14px;line-height:1.55}
.maria-exact-auto{font-weight:600;color:var(--ink)!important;margin-top:-7px!important}.maria-exact-dates-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.maria-exact-dates-fields label{display:grid;gap:7px;color:var(--ink);font:600 13px/1.2 Jost,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.maria-exact-dates-fields input{width:100%;min-height:48px;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font:500 15px/1.2 Jost,sans-serif}
.maria-exact-dates-fields input:focus-visible{outline:2px solid var(--maria-purple);outline-offset:2px;border-color:var(--maria-purple)}
.season-exact-continue{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;min-height:44px;padding:10px 17px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--white);font:600 14px/1 Jost,sans-serif;cursor:pointer}
.season-exact-continue svg{width:17px;height:17px}
.maria-journey-exact-dates{margin:4px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.5}
.profile-summary-group--dates{grid-column:1/-1}
@media (max-width:767px){
  .maria-exact-dates{margin:14px 0 18px;border-radius:16px}
  .maria-exact-dates summary{padding:13px 15px;min-height:52px;font-size:15px}
  .maria-exact-dates-body{padding:0 15px 15px}
  .maria-exact-dates-fields{grid-template-columns:1fr}
  .season-exact-continue{width:100%;min-height:50px}
  .maria-journey-exact-dates{font-size:13px}
}
/* V259 — Global icon/text spacing normalization.
   Purpose: ensure every editorial kicker that combines a Lucide icon and text
   has a deliberate visual gap, including legacy kickers that predate
   .section-kicker-icon. Also normalizes icon spacing in island-card CTAs.
   Visual-only: no layout logic, links, data or decision engine changes. */
.maria-page .section-kicker{
  display:flex;
  align-items:center;
  gap:.45rem;
}
.maria-page .section-kicker [data-maria-icon],
.maria-page .section-kicker svg{
  flex:0 0 auto;
  margin-left:0;
  margin-right:0;
  vertical-align:0;
}
.maria-page .maria-result-island-card-copy em{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  width:max-content;
  max-width:100%;
}
.maria-page .maria-result-island-card-copy em [data-maria-icon],
.maria-page .maria-result-island-card-copy em svg{
  flex:0 0 auto;
  margin-left:0;
  margin-right:0;
  vertical-align:0;
}


/* V260 — saved journey / local persistence. */
.maria-saved-journey{margin:22px 0 24px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 10px 30px rgba(16,52,58,.05)}
.maria-saved-journey-copy{min-width:0}.maria-saved-journey .section-kicker{margin:0 0 7px}.maria-saved-journey h3{margin:0 0 5px;font:600 18px/1.2 Jost,sans-serif;color:var(--ink)}.maria-saved-journey-copy>p:last-child{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.45}
#maria-resume-journey{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:44px;padding:10px 17px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--white);font:600 13px/1 Jost,sans-serif;cursor:pointer;white-space:nowrap}.maria-saved-journey svg{width:17px;height:17px;flex:0 0 auto}.maria-saved-journey .section-kicker{display:inline-flex;align-items:center;gap:8px}.maria-saved-journey .section-kicker svg{width:16px;height:16px}
.maria-save-journey-status{display:block;flex:1 1 100%;font-size:13px;line-height:1.4;color:var(--ink-soft)}
.premium-result .result-actions{align-items:center}.premium-result .result-actions #maria-save-journey{display:inline-flex;align-items:center;justify-content:center;gap:9px}.premium-result .result-actions #maria-save-journey.is-saved{background:rgba(24,116,119,.08);border-color:rgba(24,116,119,.35)}.premium-result .result-actions #maria-save-journey svg{width:17px;height:17px;flex:0 0 auto}
@media(max-width:767px){.maria-saved-journey{align-items:stretch;flex-direction:column;gap:14px;padding:16px}.maria-saved-journey #maria-resume-journey{width:100%}.premium-result .result-actions{align-items:stretch}.premium-result .result-actions #maria-save-journey,.premium-result .result-actions #result-restart{width:100%}.maria-save-journey-status{flex-basis:auto}}

/* V261 — shareable journey link actions. */
.maria-share-decision-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}
.maria-share-decision-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}
.maria-share-decision-actions svg{width:1rem;height:1rem;flex:0 0 auto}
@media(max-width:767px){.maria-share-decision-actions{width:100%;align-items:stretch;flex-direction:column}.maria-share-decision-actions button{width:100%}}

/* ============================================================
   V262 — RESULT ALTERNATIVE CARDS / NO TEXT CLIPPING
   Surgical readability correction.
   The card copy must always have a real, shrinkable content width so
   long island descriptions and CTAs wrap instead of being clipped.
   The visual zone keeps its own clipping for the island image.
   No data, scoring, links or interaction logic changed.
   ============================================================ */
.maria-page .maria-result-v150 .maria-result-island-card{
  box-sizing:border-box!important;
  overflow:visible!important;
}
.maria-page .maria-result-v150 .maria-result-island-card-visual{
  box-sizing:border-box!important;
  border-radius:19px 19px 0 0!important;
  overflow:hidden!important;
}
.maria-page .maria-result-v150 .maria-result-island-card-copy{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  flex:1 1 auto!important;
  overflow:visible!important;
}
.maria-page .maria-result-v150 .maria-result-island-card-copy strong,
.maria-page .maria-result-v150 .maria-result-island-card-copy>span:not(.maria-result-island-card-rank),
.maria-page .maria-result-v150 .maria-result-island-card-copy small,
.maria-page .maria-result-v150 .maria-result-island-card-copy em{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.maria-page .maria-result-v150 .maria-result-island-card-copy strong{
  width:auto!important;
}
.maria-page .maria-result-v150 .maria-result-island-card-copy em{
  width:max-content!important;
  max-width:100%!important;
}

@media (min-width:1200px){
  .maria-page .maria-result-v150 .maria-result-island-card-copy{
    padding:16px 17px 18px!important;
  }
  .maria-page .maria-result-v150 .maria-result-island-card-copy>span:not(.maria-result-island-card-rank){
    line-height:1.45!important;
  }
}

@media (max-width:767px){
  .maria-page .maria-result-v150 .maria-result-island-card{
    border-radius:16px!important;
  }
  .maria-page .maria-result-v150 .maria-result-island-card-visual{
    border-radius:15px 15px 0 0!important;
  }
  .maria-page .maria-result-v150 .maria-result-island-card-copy{
    width:100%!important;
    max-width:100%!important;
    padding:11px 10px 13px!important;
  }
  .maria-page .maria-result-v150 .maria-result-island-card-copy>span:not(.maria-result-island-card-rank){
    line-height:1.38!important;
  }
}

/* V266 — exact-date flow: keep departure visible and guide the user to return. */
.maria-exact-dates-fields label{position:relative;transition:transform .18s ease,opacity .18s ease}
.maria-exact-dates-fields label.is-active input{border-color:var(--maria-purple);box-shadow:0 0 0 3px var(--line)}
.maria-exact-dates-fields label.is-complete input{background:rgba(255,255,255,.9)}
.maria-exact-dates-fields input:disabled{cursor:not-allowed;opacity:.58;background:rgba(235,239,238,.72)}
.maria-exact-date-status{margin:10px 0 0;color:var(--ink-soft);font:500 13px/1.45 Jost,sans-serif}
@media (max-width:700px){
  .maria-exact-date-status{margin-top:9px}
}


/* V273 — exact-date calendar inspired by the supplied reference image. */
.maria-exact-dates{margin:18px 0 20px;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
.maria-exact-dates>summary{display:none!important}
.maria-exact-dates-body{padding:0!important;border:0!important}
.maria-date-calendar{border:1px solid rgba(30,30,30,.08);border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.08)}
.maria-date-picker-toggle{width:min(620px,calc(100% - 40px));margin:18px auto 10px;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:#ececec}
.maria-date-picker-toggle button{border:0;background:transparent;border-radius:999px;padding:11px 18px;color:var(--ink);font:600 16px/1.1 Jost,sans-serif;cursor:pointer}
.maria-date-picker-toggle button.is-active{background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.10)}
.maria-date-nav{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:start;padding:18px 18px 0}
.maria-date-nav-btn{width:38px;height:38px;margin-top:30px;border:0;background:transparent;color:var(--ink);font:500 34px/1 Jost,sans-serif;cursor:pointer;border-radius:50%}
.maria-date-nav-btn:hover:not(:disabled){background:#f3f3f3}
.maria-date-nav-btn:disabled{opacity:.18;cursor:default}
.maria-date-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px}
.maria-date-month h3{margin:2px 0 26px;text-align:center;text-transform:capitalize;color:var(--ink);font:600 25px/1.1 Jost,sans-serif}
.maria-date-weekdays,.maria-date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:0}
.maria-date-weekdays{margin-bottom:9px}
.maria-date-weekdays span{text-align:center;color:var(--ink-soft);font:600 12px/1 Jost,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.maria-date-grid{row-gap:3px}
.maria-date-day,.maria-date-empty{min-width:0;height:48px;display:grid;place-items:center}
.maria-date-day{position:relative;border:0;background:transparent;color:var(--ink);font:500 15px/1 Jost,sans-serif;cursor:pointer;border-radius:0;z-index:1}
.maria-date-day:not(:disabled):hover{background:#f2f2f2;border-radius:50%}
.maria-date-day:disabled{color:#d0d0d0;cursor:default}
.maria-date-day.is-range{background:#f5f5f5;border-radius:0}
.maria-date-day.is-start,.maria-date-day.is-end{color:#fff;background:#222;border-radius:50%;font-weight:600;box-shadow:0 0 0 2px #fff}
.maria-date-day.is-start::after,.maria-date-day.is-end::after{content:"";position:absolute;inset:-2px;border:1px solid #777;border-radius:50%;pointer-events:none}
.maria-date-day.is-today:not(.is-start):not(.is-end){font-weight:700}
.maria-date-day.is-today:not(.is-start):not(.is-end)::before{content:"";position:absolute;bottom:7px;width:3px;height:3px;border-radius:50%;background:currentColor}
.maria-date-selection{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 0;padding:0 24px}
.maria-date-selection>div{border:1px solid rgba(30,30,30,.10);border-radius:13px;padding:10px 12px;display:grid;gap:4px}
.maria-date-selection span{color:var(--ink-soft);font:600 11px/1 Jost,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.maria-date-selection strong{color:var(--ink);font:600 14px/1.2 Jost,sans-serif}
.maria-exact-dates .maria-exact-date-status{margin:12px 24px 0!important;color:var(--ink-soft);font:500 12px/1.4 Jost,sans-serif}
.maria-exact-dates .season-exact-continue{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 24px 22px;width:calc(100% - 48px);min-height:46px;border:0;border-radius:12px;background:var(--ink);color:#fff;font:600 14px/1.1 Jost,sans-serif;cursor:pointer}
.maria-exact-dates .season-exact-continue:disabled{opacity:.35;cursor:not-allowed}
.maria-native-date-inputs{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
@media(max-width:800px){
  .maria-date-nav{grid-template-columns:38px minmax(0,1fr) 38px;padding:12px 8px 0}
  .maria-date-months{grid-template-columns:1fr;gap:18px}
  .maria-date-month:nth-child(2){display:none}
  .maria-date-nav-btn{margin-top:28px}
  .maria-date-month h3{font-size:22px;margin-bottom:22px}
  .maria-date-day,.maria-date-empty{height:44px}
}
@media(max-width:520px){
  .maria-date-picker-toggle{width:calc(100% - 24px);margin-top:12px}
  .maria-date-picker-toggle button{padding:10px 12px;font-size:15px}
  .maria-date-selection{padding:0 14px}
  .maria-exact-dates .maria-exact-date-status{margin-left:14px!important;margin-right:14px!important}
  .maria-exact-dates .season-exact-continue{width:calc(100% - 28px);margin-left:14px;margin-right:14px}
}

/* V12 — multi-island result portrait: each selected journey island gets its own
   editorial portrait. The single-island composition remains visually unchanged. */
.maria-island-portrait-head{margin:0 0 12px;}
.maria-island-portrait-card{min-width:0;}
.maria-island-portraits{margin:22px 0;}
.maria-island-portraits-head{margin:0 0 14px;padding:0 4px;}
.maria-island-portraits-head .section-kicker{display:flex;align-items:center;gap:.4rem;margin:0 0 7px;}
.maria-island-portraits-head .section-kicker svg{width:.9rem;height:.9rem;}
.maria-island-portraits-head h3{margin:0;font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.18;}
.maria-island-portraits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.maria-island-portraits--multi .maria-island-portrait-card{padding:22px;border:1px solid rgba(20,73,82,.14);border-radius:24px;background:rgba(255,255,255,.72);}
.maria-island-portraits--multi .maria-island-portrait-copy{max-width:none;}
.maria-island-portrait-island{margin:0 0 7px;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.62;}
@media (max-width:767px){
  .maria-island-portraits-grid{grid-template-columns:1fr;gap:12px;}
  .maria-island-portraits--multi .maria-island-portrait-card{padding:20px;border-radius:20px;}
}

/* V29 — Territorial Reality Layer: read-only, evidence-first, no estimates. */
.maria-territorial-reality{margin-top:18px;padding:18px 20px;border:1px solid rgba(8,47,56,.12);border-radius:18px;background:rgba(255,255,255,.62)}
.maria-territorial-reality-head .section-kicker{margin:0 0 6px}
.maria-territorial-reality h4{margin:0;color:#082f38;font-size:17px;line-height:1.2}
.maria-territorial-reality-head p:not(.section-kicker){margin:7px 0 0;color:#60777c;font-size:12px;line-height:1.5;max-width:760px}
.maria-territorial-reality ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:14px 0 0;padding:0;list-style:none}
.maria-territorial-reality li{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border-radius:12px;background:rgba(238,246,244,.8)}
.maria-territorial-reality li strong{font-size:12px;color:#174650}
.maria-territorial-reality li span{font-size:10px;line-height:1.4;color:#6a8085}
.maria-territorial-reality>small{display:block;margin-top:12px;color:#6a8085;font-size:10px;line-height:1.45}
.maria-journey-leg--reality small{max-width:230px}
@media(max-width:700px){
 .maria-territorial-reality{padding:15px 14px;border-radius:16px}
 .maria-territorial-reality ul{grid-template-columns:1fr;gap:7px}
 .maria-territorial-reality li{padding:8px 9px}
}

/* V30 — Territorial Reality route evidence, read-only. */
.maria-territorial-reality-legend{margin-top:10px;padding-top:9px;border-top:1px solid rgba(8,47,56,.09);color:#6a8085;font-size:10px;line-height:1.45}
.maria-journey-leg--reality small{display:block;margin-top:2px}

/* V30.1 — Territorial Reality readability correction.
   Scoped explicitly because the recommendation shell carries a light-on-dark
   inherited text color. This layer is informational only: no data, scoring,
   ranking, route resolution or decision logic changes. */
.maria-page .maria-result-v150 .maria-territorial-reality{
  color:#082f38!important;
}
.maria-page .maria-result-v150 .maria-territorial-reality .maria-territorial-reality-head h4{
  color:#082f38!important;
  font:650 17px/1.2 Jost,sans-serif!important;
}
.maria-page .maria-result-v150 .maria-territorial-reality .maria-territorial-reality-head p:not(.section-kicker){
  color:#60777c!important;
  font:400 12px/1.5 Jost,sans-serif!important;
}
.maria-page .maria-result-v150 .maria-territorial-reality li{
  color:#082f38!important;
}
.maria-page .maria-result-v150 .maria-territorial-reality li strong{
  display:block!important;
  color:#174650!important;
  font:700 12px/1.25 Jost,sans-serif!important;
}
.maria-page .maria-result-v150 .maria-territorial-reality li span{
  display:block!important;
  color:#5f777c!important;
  font:500 10px/1.4 Jost,sans-serif!important;
}
.maria-page .maria-result-v150 .maria-territorial-reality>small{
  color:#60777c!important;
  font:500 10px/1.45 Jost,sans-serif!important;
}
.maria-page .maria-result-v150 .maria-territorial-reality .maria-territorial-reality-legend{
  color:#60777c!important;
  font:500 10px/1.45 Jost,sans-serif!important;
}
.maria-page .maria-result-v150 .maria-territorial-reality .section-kicker{
  color:#237f86!important;
}
.maria-page .maria-result-v150 .maria-territorial-reality .section-kicker svg{
  color:#237f86!important;
}


/* V32 — Official Action Links.
   Traveler-facing links are restricted to verified official transport operators.
   No tourism portals, aggregators or competing editorial destinations. */
.maria-territorial-official-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.maria-territorial-official-link{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:7px 10px;border-radius:9px;background:#082f38;color:#fff!important;font-size:10px;font-weight:800;line-height:1.15;text-decoration:none!important;letter-spacing:.01em}
.maria-territorial-official-link--secondary{background:rgba(35,127,134,.10);color:#174650!important;border:1px solid rgba(35,127,134,.22)}
.maria-territorial-official-link:hover{text-decoration:none!important;filter:brightness(.96)}
@media(max-width:700px){
 .maria-territorial-official-actions{display:grid;grid-template-columns:1fr;gap:6px}
 .maria-territorial-official-link{width:100%;min-height:34px}
}

/* V33 — Official Action Links contextual metadata. */
.maria-territorial-official-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .55rem;margin-top:.45rem;margin-bottom:.35rem;font-size:.78rem;line-height:1.35;opacity:.88}
.maria-territorial-official-meta strong{font-weight:700}
.maria-territorial-official-meta>span:not(.maria-territorial-official-date):not(.maria-territorial-official-observation){opacity:.72}
.maria-territorial-official-date,.maria-territorial-official-observation{opacity:.82}
.maria-territorial-official-links{display:flex;flex-wrap:wrap;gap:.45rem}

/* V52 — Premium SEO island CTA: additive navigation, portrait interaction preserved. */
.maria-featured-island .maria-island-seo-link,
.maria-result-island-card-shell .maria-island-seo-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:max-content;
  min-height:40px;
  margin-top:12px;
  padding:7px 10px 7px 8px;
  border:1px solid rgba(8,47,56,.16);
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:#0a4650;
  font-size:.76rem;
  font-weight:800;
  line-height:1;
  text-decoration:none;
  box-shadow:0 3px 10px rgba(8,47,56,.07);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
.maria-featured-island .maria-island-seo-link:hover,
.maria-result-island-card-shell .maria-island-seo-link:hover{
  border-color:rgba(8,47,56,.28);
  background:#fff;
  box-shadow:0 6px 16px rgba(8,47,56,.11);
  transform:translateY(-1px);
}
.maria-island-seo-link-icon,
.maria-island-seo-link-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.maria-island-seo-link-icon{width:24px;height:24px;border-radius:50%;background:#0a4650;color:#fff}
.maria-island-seo-link-icon svg{width:13px;height:13px}
.maria-island-seo-link-arrow svg{width:15px;height:15px}
.maria-featured-island .maria-island-seo-link-arrow{margin-left:1px}
.maria-featured-island .maria-island-seo-link:focus-visible,
.maria-result-island-card-shell .maria-island-seo-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.maria-result-island-card-shell{min-width:0;display:flex;flex-direction:column;align-items:stretch}
.maria-result-island-card-shell .maria-result-island-card{width:100%;flex:1 1 auto}
.maria-result-island-card-shell .maria-island-seo-link{
  align-self:center;
  min-height:38px;
  margin-top:8px;
  padding:6px 10px 6px 8px;
  font-size:.7rem;
}
.maria-result-island-card-shell .maria-island-seo-link-icon{width:22px;height:22px}
.maria-result-island-card-shell .maria-island-seo-link-icon svg{width:12px;height:12px}
.maria-result-island-card-shell .maria-island-seo-link-arrow svg{width:14px;height:14px}

/* V51 — exact-date disclosure restoration.
   V273 intentionally hid the native <summary> because the calendar was previously
   always visible. V49 restored a native <details>/<summary> disclosure CTA, so the
   later V273 rule must no longer suppress that control. */
.maria-exact-dates>summary{
  display:flex!important;
  align-items:center;
  gap:10px;
  min-height:56px;
  padding:14px 18px;
  cursor:pointer;
  list-style:none;
  color:var(--ink);
  font:600 16px/1.25 Jost,sans-serif;
}
.maria-exact-dates>summary::-webkit-details-marker{display:none}
.maria-exact-dates>summary svg{width:20px;height:20px;flex:0 0 auto;color:var(--maria-purple)}
.maria-exact-dates>summary::after{content:"⌄";margin-left:auto;font-size:18px;transition:transform .2s ease}
.maria-exact-dates[open]>summary::after{transform:rotate(180deg)}
@media(max-width:767px){
  .maria-exact-dates>summary{padding:13px 15px;min-height:52px;font-size:15px}
}

/* V55 — PREMIUM PROFILE SUMMARY / PRESENTATION ONLY
   Objectif : transformer « CE QUE MARIA A RETENU » en un bloc éditorial
   plus premium et supprimer le vide vertical inutile avant « ENVIES ».
   Aucun changement de données, ordre, moteur, scoring ou décision.
*/
.premium-profile{
  margin:34px 0 0 0;
  padding:24px 26px 26px;
  border:1px solid rgba(16,40,49,.09);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(235,243,240,.56));
  box-shadow:0 14px 38px rgba(16,40,49,.055);
  position:relative;
  overflow:hidden;
}
.premium-profile::after{
  content:"";
  position:absolute;
  width:150px;height:150px;
  right:-75px;top:-80px;
  border:1px solid rgba(99,183,173,.16);
  border-radius:50%;
  pointer-events:none;
}
.premium-profile .section-kicker{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  color:var(--accent-deep);
  font-size:10px;
  letter-spacing:.22em;
}
.premium-profile .section-kicker::before{
  content:"";
  width:24px;height:1px;
  flex:0 0 auto;
  background:var(--accent);
}
.premium-profile .profile-summary.profile-summary--complete{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  column-gap:0;
  row-gap:0;
  margin-top:22px;
}
.premium-profile .profile-summary--complete .profile-summary-group{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:0 15px;
  border-left:1px solid rgba(16,40,49,.08);
}
.premium-profile .profile-summary--complete .profile-summary-group:first-child{padding-left:0;border-left:0}
.premium-profile .profile-summary--complete .profile-summary-group:nth-child(6){padding-right:0}
.premium-profile .profile-summary--complete .profile-summary-label{
  min-height:0;
  margin:0;
  display:block;
  color:var(--ink-soft);
  font-size:8.5px;
  letter-spacing:.16em;
  line-height:1.25;
  opacity:.76;
}
.premium-profile .profile-summary--complete .profile-summary-values{
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:6px;
}
.premium-profile .profile-summary--complete .profile-summary-values span{
  max-width:100%;
  padding:7px 10px;
  border:1px solid rgba(16,40,49,.075);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:var(--ink);
  font-size:9px;
  line-height:1.2;
  letter-spacing:.055em;
  box-shadow:0 2px 8px rgba(16,40,49,.025);
}
.premium-profile .profile-summary--complete .profile-summary-group--interests{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:18px;
  margin-top:22px;
  padding:17px 0 0;
  border-left:0;
  border-top:1px solid rgba(16,40,49,.08);
}
.premium-profile .profile-summary--complete .profile-summary-group--interests .profile-summary-label{
  padding-top:7px;
  white-space:nowrap;
}
.premium-profile .profile-summary--complete .profile-summary-group--interests .profile-summary-values{
  gap:7px;
}
.premium-profile .profile-summary--complete .profile-summary-group--interests .profile-summary-values span{
  background:rgba(99,183,173,.10);
  border-color:rgba(99,183,173,.16);
}
@media (min-width:761px) and (max-width:1099px){
  .premium-profile{padding:22px 22px 24px}
  .premium-profile .profile-summary.profile-summary--complete{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px}
  .premium-profile .profile-summary--complete .profile-summary-group:nth-child(4){padding-left:0;border-left:0}
  .premium-profile .profile-summary--complete .profile-summary-group:nth-child(6){padding-right:15px}
}
@media (max-width:760px){
  .premium-profile{margin-top:25px;padding:19px 17px 20px;border-radius:22px}
  .premium-profile .profile-summary.profile-summary--complete{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:0;row-gap:18px;margin-top:18px}
  .premium-profile .profile-summary--complete .profile-summary-group{padding:0 11px}
  .premium-profile .profile-summary--complete .profile-summary-group:nth-child(odd){padding-left:0;border-left:0}
  .premium-profile .profile-summary--complete .profile-summary-group:nth-child(even){padding-right:0}
  .premium-profile .profile-summary--complete .profile-summary-group--interests{
    grid-column:1/-1;
    grid-template-columns:1fr;
    gap:8px;
    margin-top:2px;
    padding:15px 0 0;
  }
  .premium-profile .profile-summary--complete .profile-summary-group--interests .profile-summary-label{padding-top:0}
}
@media (max-width:420px){
  .premium-profile{padding-inline:15px}
  .premium-profile .profile-summary--complete .profile-summary-values span{font-size:8.5px;padding:7px 9px}
}


/* V56 — PROFILE + ISLAND CTA PREMIUM POLISH / PRESENTATION ONLY
   Objectif : densifier la composition du résumé de profil et rendre les CTA
   SEO des cartes d’îles courts, équilibrés et premium.
   Aucun changement de données, moteur, scoring, sélection ou navigation.
*/
.premium-profile{
  padding:22px 24px 23px;
  border-radius:26px;
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(239,246,243,.66));
  box-shadow:0 10px 28px rgba(16,40,49,.045);
}
.premium-profile .profile-summary.profile-summary--complete{
  margin-top:19px;
}
.premium-profile .profile-summary--complete .profile-summary-group{
  padding-inline:13px;
}
.premium-profile .profile-summary--complete .profile-summary-label{
  font-size:8px;
  letter-spacing:.18em;
}
.premium-profile .profile-summary--complete .profile-summary-values span{
  padding:7px 10px;
  border-color:rgba(16,40,49,.065);
  background:rgba(255,255,255,.84);
  box-shadow:0 2px 7px rgba(16,40,49,.018);
}
.premium-profile .profile-summary--complete .profile-summary-group--interests{
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:15px;
  margin-top:18px;
  padding:14px 0 0;
}
.premium-profile .profile-summary--complete .profile-summary-group--interests .profile-summary-label{
  padding-top:0;
}
.premium-profile .profile-summary--complete .profile-summary-group--interests .profile-summary-values{
  align-items:center;
  gap:6px;
}

/* The SEO destination remains a secondary action: compact, quiet and fully
   contained inside each island card. */
.maria-featured-island .maria-island-seo-link,
.maria-result-island-card-shell .maria-island-seo-link{
  box-sizing:border-box;
  width:max-content!important;
  max-width:calc(100% - 10px);
  min-height:34px;
  margin:7px auto 0;
  padding:5px 8px 5px 6px;
  gap:6px;
  border-color:rgba(8,47,56,.13);
  background:rgba(255,255,255,.9);
  font-size:.66rem;
  letter-spacing:.01em;
  box-shadow:0 2px 8px rgba(8,47,56,.055);
}
.maria-island-seo-link-label{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.maria-result-island-card-shell .maria-island-seo-link{
  min-height:34px;
  margin-top:7px;
  padding:5px 8px 5px 6px;
}
.maria-featured-island .maria-island-seo-link-icon,
.maria-result-island-card-shell .maria-island-seo-link-icon{
  width:20px;height:20px;
}
.maria-featured-island .maria-island-seo-link-icon svg,
.maria-result-island-card-shell .maria-island-seo-link-icon svg{width:11px;height:11px}
.maria-featured-island .maria-island-seo-link-arrow svg,
.maria-result-island-card-shell .maria-island-seo-link-arrow svg{width:13px;height:13px}

@media (min-width:761px) and (max-width:1099px){
  .premium-profile{padding:21px 20px 22px}
  .premium-profile .profile-summary.profile-summary--complete{row-gap:18px}
  .premium-profile .profile-summary--complete .profile-summary-group{padding-inline:11px}
  .premium-profile .profile-summary--complete .profile-summary-group--interests{
    gap:12px;
    margin-top:16px;
  }
}
@media (max-width:760px){
  .premium-profile{padding:18px 16px 19px}
  .premium-profile .profile-summary.profile-summary--complete{margin-top:17px;row-gap:15px}
  .premium-profile .profile-summary--complete .profile-summary-group--interests{
    gap:7px;
    margin-top:0;
    padding-top:13px;
  }
  .maria-featured-island .maria-island-seo-link,
  .maria-result-island-card-shell .maria-island-seo-link{
    min-height:33px;
    font-size:.64rem;
  }
}

/* V57 — PROFILE COMPOSITION / PREMIUM DENSITY
   Presentation-only correction requested after visual review.
   The six retained answers remain in one compact editorial row on desktop;
   ENVIES becomes a single inline attribute rail beneath them. No data, engine,
   scoring, selection, mobility or Decision Trace logic is modified.
*/
.premium-profile{
  padding:24px 26px 22px;
  border-radius:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(242,248,246,.72));
  box-shadow:0 12px 32px rgba(16,40,49,.05);
}
.premium-profile .section-kicker{
  margin-bottom:0;
}
.premium-profile .profile-summary.profile-summary--complete{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  column-gap:0;
  row-gap:0;
  margin-top:20px;
  align-items:start;
}
.premium-profile .profile-summary--complete .profile-summary-group{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:0 16px;
  border-left:1px solid rgba(16,40,49,.075);
}
.premium-profile .profile-summary--complete .profile-summary-group:first-child{
  padding-left:0;
  border-left:0;
}
.premium-profile .profile-summary--complete .profile-summary-group:nth-child(6){
  padding-right:0;
}
.premium-profile .profile-summary--complete .profile-summary-label{
  min-height:0;
  margin:0;
  display:block;
  color:var(--ink-soft);
  font-size:8px;
  letter-spacing:.18em;
  line-height:1.2;
  opacity:.78;
}
.premium-profile .profile-summary--complete .profile-summary-values{
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:6px;
}
.premium-profile .profile-summary--complete .profile-summary-values span{
  max-width:100%;
  padding:7px 10px;
  border:1px solid rgba(16,40,49,.07);
  border-radius:999px;
  background:rgba(255,255,255,.88);
  color:var(--ink);
  font-size:9px;
  line-height:1.15;
  letter-spacing:.045em;
  box-shadow:0 2px 7px rgba(16,40,49,.025);
}
.premium-profile .profile-summary--complete .profile-summary-group--interests{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:18px;
  margin:18px 0 0;
  padding:14px 0 0;
  border-left:0;
  border-top:1px solid rgba(16,40,49,.075);
}
.premium-profile .profile-summary--complete .profile-summary-group--interests .profile-summary-label{
  padding-top:0;
  white-space:nowrap;
}
.premium-profile .profile-summary--complete .profile-summary-group--interests .profile-summary-values{
  align-items:center;
  gap:7px;
}
.premium-profile .profile-summary--complete .profile-summary-group--interests .profile-summary-values span{
  background:rgba(99,183,173,.09);
  border-color:rgba(99,183,173,.15);
}
@media (min-width:761px) and (max-width:1099px){
  .premium-profile{padding:21px 21px 20px}
  .premium-profile .profile-summary.profile-summary--complete{
    grid-template-columns:repeat(3,minmax(0,1fr));
    row-gap:16px;
  }
  .premium-profile .profile-summary--complete .profile-summary-group{padding-inline:12px}
  .premium-profile .profile-summary--complete .profile-summary-group:nth-child(4){
    padding-left:0;
    border-left:0;
  }
  .premium-profile .profile-summary--complete .profile-summary-group:nth-child(6){padding-right:0}
  .premium-profile .profile-summary--complete .profile-summary-group--interests{
    margin-top:16px;
    padding-top:13px;
  }
}
@media (max-width:760px){
  .premium-profile{padding:19px 17px 20px;border-radius:22px}
  .premium-profile .profile-summary.profile-summary--complete{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:0;
    row-gap:17px;
    margin-top:17px;
  }
  .premium-profile .profile-summary--complete .profile-summary-group{padding-inline:10px}
  .premium-profile .profile-summary--complete .profile-summary-group:nth-child(odd){padding-left:0;border-left:0}
  .premium-profile .profile-summary--complete .profile-summary-group:nth-child(even){padding-right:0}
  .premium-profile .profile-summary--complete .profile-summary-group--interests{
    grid-column:1 / -1;
    grid-template-columns:1fr;
    gap:7px;
    margin-top:0;
    padding:13px 0 0;
  }
  .premium-profile .profile-summary--complete .profile-summary-group--interests .profile-summary-values{
    gap:6px;
  }
}


/* V58 — PROFILE EDITORIAL RECOMPOSITION / PRESENTATION ONLY
   Counter-expertise correction: the first six answers remain a single decision
   summary; visited islands + novelty form a dedicated secondary editorial rail;
   interests form a final attribute rail. No values, engine output, scoring,
   selection, mobility or Decision Trace logic is changed.
*/
.premium-profile .profile-summary.profile-summary--complete{
  grid-template-columns:repeat(6,minmax(0,1fr));
  column-gap:0;
  row-gap:0;
  align-items:start;
}
.premium-profile .profile-summary--complete .profile-summary-group--visited,
.premium-profile .profile-summary--complete .profile-summary-group--novelty{
  margin-top:20px;
  padding:17px 16px 0;
  border-top:1px solid rgba(16,40,49,.075);
  border-left:0;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0));
}
.premium-profile .profile-summary--complete .profile-summary-group--visited{
  grid-column:1 / span 3;
  border-right:1px solid rgba(16,40,49,.07);
}
.premium-profile .profile-summary--complete .profile-summary-group--novelty{
  grid-column:4 / span 3;
}
.premium-profile .profile-summary--complete .profile-summary-group--visited .profile-summary-values,
.premium-profile .profile-summary--complete .profile-summary-group--novelty .profile-summary-values{
  align-items:flex-start;
}
.premium-profile .profile-summary--complete .profile-summary-group--visited .profile-summary-values span,
.premium-profile .profile-summary--complete .profile-summary-group--novelty .profile-summary-values span{
  max-width:100%;
}
.premium-profile .profile-summary--complete .profile-summary-group--interests{
  grid-column:1 / -1;
  margin-top:17px;
  padding:16px 0 0;
  border-top:1px solid rgba(16,40,49,.075);
  border-left:0;
}
.premium-profile .profile-summary--complete .profile-summary-group--interests .profile-summary-label{
  padding-top:0;
}

@media (min-width:761px) and (max-width:1099px){
  .premium-profile .profile-summary--complete .profile-summary-group--visited,
  .premium-profile .profile-summary--complete .profile-summary-group--novelty{
    margin-top:17px;
    padding:15px 12px 0;
  }
  .premium-profile .profile-summary--complete .profile-summary-group--visited{
    grid-column:1 / span 3;
  }
  .premium-profile .profile-summary--complete .profile-summary-group--novelty{
    grid-column:4 / span 3;
  }
  .premium-profile .profile-summary--complete .profile-summary-group--interests{
    margin-top:15px;
    padding-top:14px;
  }
}

@media (max-width:760px){
  .premium-profile .profile-summary.profile-summary--complete{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .premium-profile .profile-summary--complete .profile-summary-group--visited,
  .premium-profile .profile-summary--complete .profile-summary-group--novelty{
    margin-top:15px;
    padding:14px 10px 0;
    background:none;
  }
  .premium-profile .profile-summary--complete .profile-summary-group--visited{
    grid-column:1 / -1;
    border-right:0;
    padding-left:0;
  }
  .premium-profile .profile-summary--complete .profile-summary-group--novelty{
    grid-column:1 / -1;
    padding-left:0;
    padding-right:0;
  }
  .premium-profile .profile-summary--complete .profile-summary-group--interests{
    margin-top:13px;
    padding-top:13px;
  }
}

/* V59 — MARIA PROFILE / PREMIUM TRAVEL-PROFILE COMPOSITION
   Presentation-only implementation of the approved visual mockup.
   The existing profile values, ordering and data contracts are preserved.
   Icons are resolved exclusively through Maria's validated DHT/Lucide-aligned registry.
*/
.premium-profile{
  position:relative;
  overflow:hidden;
  margin-top:34px;
  padding:30px 30px 22px;
  border:1px solid rgba(16,40,49,.085);
  border-radius:30px;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,247,244,.72));
  box-shadow:0 16px 42px rgba(16,40,49,.055);
}
.premium-profile::before{
  content:"";
  position:absolute;
  width:210px;
  height:210px;
  right:-82px;
  top:-112px;
  border:1px solid rgba(85,185,187,.16);
  border-radius:50%;
  pointer-events:none;
}
.premium-profile::after{
  content:"";
  position:absolute;
  width:145px;
  height:1px;
  right:38px;
  bottom:24px;
  background:linear-gradient(90deg,transparent,rgba(85,185,187,.28));
  pointer-events:none;
}
.premium-profile-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:32px;
}
.premium-profile-heading{min-width:0}
.premium-profile .section-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  color:var(--accent-deep);
  font-size:10px;
  letter-spacing:.25em;
}
.premium-profile .section-kicker::before{
  content:"";
  width:28px;
  height:1px;
  flex:0 0 auto;
  background:var(--accent);
}
.premium-profile-subtitle{
  max-width:720px;
  margin:10px 0 0;
  color:var(--ink-soft);
  font-size:12px;
  line-height:1.55;
}
.premium-profile-signature{
  flex:0 0 auto;
  max-width:360px;
  margin:0 24px 0 auto;
  color:rgba(33,127,134,.30);
  font:italic 500 25px/1.05 Jost,sans-serif;
  letter-spacing:-.025em;
  text-align:right;
  transform:rotate(-2deg);
}
.premium-profile .profile-summary.profile-summary--complete{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  margin-top:24px;
  align-items:stretch;
}
.premium-profile .profile-summary--complete .profile-summary-group{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:14px;
  padding:17px 16px 16px;
  border:1px solid rgba(16,40,49,.045);
  border-radius:18px;
  background:rgba(242,248,246,.66);
  box-shadow:0 4px 16px rgba(16,40,49,.018);
}
.premium-profile .profile-summary--complete .profile-summary-group-head{
  display:flex;
  align-items:flex-start;
  gap:11px;
  min-width:0;
}
.premium-profile .profile-summary--complete .profile-summary-group-head>svg{
  width:34px;
  height:34px;
  flex:0 0 34px;
  padding:8px;
  border-radius:50%;
  color:var(--accent-deep);
  background:rgba(85,185,187,.11);
  stroke-width:1.7;
}
.premium-profile .profile-summary--complete .profile-summary-group-heading{
  min-width:0;
}
.premium-profile .profile-summary--complete .profile-summary-label{
  margin:1px 0 0;
  color:var(--ink);
  font:600 11px/1.2 Jost,sans-serif;
  letter-spacing:.04em;
  opacity:1;
}
.premium-profile .profile-summary--complete .profile-summary-hint{
  margin:4px 0 0;
  color:var(--ink-soft);
  font-size:9px;
  line-height:1.35;
}
.premium-profile .profile-summary--complete .profile-summary-values{
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:6px;
}
.premium-profile .profile-summary--complete .profile-summary-values span{
  max-width:100%;
  padding:8px 11px;
  border:1px solid rgba(16,40,49,.055);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:var(--ink);
  font:600 9px/1.25 Jost,sans-serif;
  letter-spacing:.045em;
  box-shadow:0 3px 10px rgba(16,40,49,.025);
}
.premium-profile .profile-summary--complete .profile-summary-group--visited,
.premium-profile .profile-summary--complete .profile-summary-group--novelty,
.premium-profile .profile-summary--complete .profile-summary-group--interests{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:19px 20px 18px;
  border:1px solid rgba(16,40,49,.045);
  border-radius:18px;
  background:rgba(247,250,249,.82);
}
.premium-profile .profile-summary--complete .profile-summary-group--visited{
  grid-column:1 / span 2;
}
.premium-profile .profile-summary--complete .profile-summary-group--novelty{
  grid-column:3 / span 2;
  border-left:1px solid rgba(16,40,49,.045);
}
.premium-profile .profile-summary--complete .profile-summary-group--interests{
  grid-column:5 / span 2;
  border-top:1px solid rgba(85,185,187,.13);
}
.premium-profile .profile-summary--complete .profile-summary-group--visited .profile-summary-group-head>svg,
.premium-profile .profile-summary--complete .profile-summary-group--novelty .profile-summary-group-head>svg,
.premium-profile .profile-summary--complete .profile-summary-group--interests .profile-summary-group-head>svg{
  width:38px;
  height:38px;
  flex-basis:38px;
  padding:9px;
  background:rgba(85,185,187,.09);
}
.premium-profile .profile-summary--complete .profile-summary-group--visited .profile-summary-values span,
.premium-profile .profile-summary--complete .profile-summary-group--novelty .profile-summary-values span{
  padding:9px 12px;
}
.premium-profile .profile-summary--complete .profile-summary-group--interests .profile-summary-values{
  gap:7px;
}
.premium-profile .profile-summary--complete .profile-summary-group--interests .profile-summary-values span{
  display:inline-flex;
  align-items:center;
  background:rgba(85,185,187,.08);
  border-color:rgba(85,185,187,.13);
}
.premium-profile-footer{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:22px;
  padding-top:17px;
  border-top:1px solid rgba(16,40,49,.065);
}
.premium-profile-footer-note{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-width:0;
  color:var(--ink-soft);
  font:italic 500 10px/1.4 Jost,sans-serif;
}
.premium-profile-footer-note svg{
  width:19px;
  height:19px;
  flex:0 0 19px;
  color:var(--accent-deep);
}
.premium-profile-footer-motto{
  flex:0 0 auto;
  color:rgba(33,127,134,.62);
  font:600 9px/1.2 Jost,sans-serif;
  letter-spacing:.18em;
  white-space:nowrap;
}
@media (min-width:761px) and (max-width:1099px){
  .premium-profile{padding:26px 24px 20px}
  .premium-profile-signature{font-size:21px;max-width:280px;margin-right:10px}
  .premium-profile .profile-summary.profile-summary--complete{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
  .premium-profile .profile-summary--complete .profile-summary-group--visited{grid-column:1 / span 1}
  .premium-profile .profile-summary--complete .profile-summary-group--novelty{grid-column:2 / span 1}
  .premium-profile .profile-summary--complete .profile-summary-group--interests{grid-column:3 / span 1}
  .premium-profile .profile-summary--complete .profile-summary-group{padding:15px 14px}
  .premium-profile-footer{margin-top:18px}
}
@media (max-width:760px){
  .premium-profile{margin-top:25px;padding:21px 17px 18px;border-radius:23px}
  .premium-profile-head{display:block}
  .premium-profile-signature{display:none}
  .premium-profile .profile-summary.profile-summary--complete{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:19px;
  }
  .premium-profile .profile-summary--complete .profile-summary-group{padding:14px 12px;gap:12px}
  .premium-profile .profile-summary--complete .profile-summary-group-head{gap:9px}
  .premium-profile .profile-summary--complete .profile-summary-group-head>svg{width:30px;height:30px;flex-basis:30px;padding:7px}
  .premium-profile .profile-summary--complete .profile-summary-label{font-size:10px}
  .premium-profile .profile-summary--complete .profile-summary-hint{font-size:8.5px}
  .premium-profile .profile-summary--complete .profile-summary-values span{font-size:8.5px;padding:7px 9px}
  .premium-profile .profile-summary--complete .profile-summary-group--visited,
  .premium-profile .profile-summary--complete .profile-summary-group--novelty,
  .premium-profile .profile-summary--complete .profile-summary-group--interests{
    grid-column:1 / -1;
    padding:15px 14px;
  }
  .premium-profile-footer{align-items:flex-start;flex-direction:column;gap:9px;margin-top:17px;padding-top:14px}
  .premium-profile-footer-note{font-size:9.5px}
  .premium-profile-footer-motto{font-size:8px;letter-spacing:.14em}
  .premium-profile::after{display:none}
}

/* V60 — micro-alignement visuel : icône et libellé centrés sur le même axe.
   Aucun impact sur données, logique, sélection ou moteur. */
.premium-profile .profile-summary--complete .profile-summary-group-head{
  align-items:center;
}

/* V61 — filigrane éditorial Açores / présentation uniquement.
   Utilise l’asset existant /images/filigrane-acores-origami.svg.
   Le filigrane reste décoratif, derrière le contenu, sans interaction.
   Aucun impact sur données, logique, sélection ou moteur. */
.premium-profile::before{
  content:"";
  position:absolute;
  inset:-86px -74px auto auto;
  width:560px;
  height:373px;
  border:0;
  border-radius:0;
  background:url("/images/filigrane-acores-origami.svg") right top / contain no-repeat;
  opacity:.075;
  pointer-events:none;
  z-index:0;
}
@media (max-width:760px){
  .premium-profile::before{
    inset:-54px -92px auto auto;
    width:390px;
    height:260px;
    opacity:.055;
  }
}

/* V64 — PROFILE EDITORIAL REFINEMENT / PREMIUM DOSSIER
   Presentation-only final layer. Replaces the nested "card inside card" feeling
   with a restrained editorial grid while preserving every existing data group,
   value, icon, DOM contract and responsive behavior.
*/
.premium-profile{
  padding:32px 32px 24px;
  border-color:rgba(16,40,49,.10);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.975),rgba(240,247,245,.78));
  box-shadow:0 18px 48px rgba(16,40,49,.06);
}
.premium-profile-head{
  align-items:flex-end;
  gap:28px;
  padding-bottom:2px;
}
.premium-profile .section-kicker{
  gap:11px;
  font-size:10px;
  letter-spacing:.28em;
}
.premium-profile .section-kicker::before{width:34px}
.premium-profile-subtitle{
  max-width:640px;
  margin-top:8px;
  font-size:11px;
  line-height:1.5;
}
.premium-profile-signature{
  max-width:330px;
  margin-right:12px;
  font-size:23px;
  opacity:.92;
}
.premium-profile .profile-summary.profile-summary--complete{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:0;
  margin-top:25px;
  padding:0;
  border-top:1px solid rgba(16,40,49,.085);
  border-bottom:1px solid rgba(16,40,49,.075);
}
.premium-profile .profile-summary--complete .profile-summary-group{
  position:relative;
  min-height:132px;
  justify-content:flex-start;
  gap:17px;
  padding:17px 15px 18px;
  border:0;
  border-right:1px solid rgba(16,40,49,.075);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.premium-profile .profile-summary--complete .profile-summary-group:nth-child(6){border-right:0}
.premium-profile .profile-summary--complete .profile-summary-group-head{
  align-items:center;
  gap:10px;
}
.premium-profile .profile-summary--complete .profile-summary-group-head>svg{
  width:32px;
  height:32px;
  flex-basis:32px;
  padding:7px;
  color:var(--accent-deep);
  background:rgba(85,185,187,.105);
  stroke-width:1.75;
}
.premium-profile .profile-summary--complete .profile-summary-label{
  font-size:10px;
  letter-spacing:.055em;
}
.premium-profile .profile-summary--complete .profile-summary-values{
  margin-top:auto;
  align-items:flex-end;
  gap:5px;
}
.premium-profile .profile-summary--complete .profile-summary-values span{
  width:max-content;
  max-width:100%;
  padding:7px 10px;
  border:1px solid rgba(16,40,49,.075);
  background:rgba(255,255,255,.84);
  box-shadow:none;
  font-size:8.5px;
  line-height:1.25;
}
.premium-profile .profile-summary--complete .profile-summary-group--visited,
.premium-profile .profile-summary--complete .profile-summary-group--novelty,
.premium-profile .profile-summary--complete .profile-summary-group--interests{
  min-height:0;
  justify-content:flex-start;
  gap:14px;
  padding:18px 20px 19px;
  border:0;
  border-radius:0;
  background:rgba(247,250,249,.34);
  box-shadow:none;
}
.premium-profile .profile-summary--complete .profile-summary-group--visited{
  grid-column:1 / span 2;
  border-right:1px solid rgba(16,40,49,.075);
  border-top:1px solid rgba(16,40,49,.075);
}
.premium-profile .profile-summary--complete .profile-summary-group--novelty{
  grid-column:3 / span 2;
  border-right:1px solid rgba(16,40,49,.075);
  border-top:1px solid rgba(16,40,49,.075);
}
.premium-profile .profile-summary--complete .profile-summary-group--interests{
  grid-column:5 / span 2;
  border-top:1px solid rgba(85,185,187,.16);
}
.premium-profile .profile-summary--complete .profile-summary-group--visited .profile-summary-group-head>svg,
.premium-profile .profile-summary--complete .profile-summary-group--novelty .profile-summary-group-head>svg,
.premium-profile .profile-summary--complete .profile-summary-group--interests .profile-summary-group-head>svg{
  width:34px;
  height:34px;
  flex-basis:34px;
  padding:8px;
  background:rgba(85,185,187,.085);
}
.premium-profile .profile-summary--complete .profile-summary-group--visited .profile-summary-values span,
.premium-profile .profile-summary--complete .profile-summary-group--novelty .profile-summary-values span{
  padding:8px 11px;
}
.premium-profile .profile-summary--complete .profile-summary-group--interests .profile-summary-values{
  margin-top:0;
  gap:6px;
}
.premium-profile .profile-summary--complete .profile-summary-group--interests .profile-summary-values span{
  background:rgba(85,185,187,.075);
  border-color:rgba(85,185,187,.12);
}
.premium-profile-footer{
  margin-top:17px;
  padding-top:15px;
  border-top:0;
}
.premium-profile-footer-note{
  font-size:9.5px;
}
.premium-profile-footer-motto{
  font-size:8.5px;
  letter-spacing:.2em;
}
@media (min-width:761px) and (max-width:1099px){
  .premium-profile{padding:27px 25px 21px}
  .premium-profile-head{align-items:flex-end;gap:20px}
  .premium-profile-signature{font-size:20px;max-width:255px;margin-right:5px}
  .premium-profile .profile-summary.profile-summary--complete{grid-template-columns:repeat(3,minmax(0,1fr))}
  .premium-profile .profile-summary--complete .profile-summary-group{min-height:126px;padding:16px 14px 17px}
  .premium-profile .profile-summary--complete .profile-summary-group:nth-child(3){border-right:0}
  .premium-profile .profile-summary--complete .profile-summary-group:nth-child(6){border-right:0}
  .premium-profile .profile-summary--complete .profile-summary-group--visited,
  .premium-profile .profile-summary--complete .profile-summary-group--novelty,
  .premium-profile .profile-summary--complete .profile-summary-group--interests{padding:16px 14px 17px}
  .premium-profile .profile-summary--complete .profile-summary-group--visited{grid-column:1 / span 1}
  .premium-profile .profile-summary--complete .profile-summary-group--novelty{grid-column:2 / span 1}
  .premium-profile .profile-summary--complete .profile-summary-group--interests{grid-column:3 / span 1}
  .premium-profile .profile-summary--complete .profile-summary-group--visited,
  .premium-profile .profile-summary--complete .profile-summary-group--novelty{border-top:1px solid rgba(16,40,49,.075)}
}
@media (max-width:760px){
  .premium-profile{padding:22px 17px 19px;border-radius:22px}
  .premium-profile-head{align-items:flex-start;gap:0}
  .premium-profile-subtitle{max-width:100%;font-size:10px}
  .premium-profile .profile-summary.profile-summary--complete{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:0;
    row-gap:0;
    margin-top:19px;
  }
  .premium-profile .profile-summary--complete .profile-summary-group{
    min-height:112px;
    padding:14px 12px 15px;
    border-right:1px solid rgba(16,40,49,.075);
    border-bottom:1px solid rgba(16,40,49,.075);
  }
  .premium-profile .profile-summary--complete .profile-summary-group:nth-child(2n){border-right:0}
  .premium-profile .profile-summary--complete .profile-summary-group:nth-child(5),
  .premium-profile .profile-summary--complete .profile-summary-group:nth-child(6){border-bottom:0}
  .premium-profile .profile-summary--complete .profile-summary-group-head>svg{width:30px;height:30px;flex-basis:30px;padding:7px}
  .premium-profile .profile-summary--complete .profile-summary-label{font-size:9.5px}
  .premium-profile .profile-summary--complete .profile-summary-values span{font-size:8.5px;padding:7px 9px}
  .premium-profile .profile-summary--complete .profile-summary-group--visited,
  .premium-profile .profile-summary--complete .profile-summary-group--novelty,
  .premium-profile .profile-summary--complete .profile-summary-group--interests{
    grid-column:1 / -1;
    min-height:0;
    padding:15px 13px 16px;
    border-right:0;
    border-bottom:0;
    border-top:1px solid rgba(16,40,49,.075);
  }
  .premium-profile .profile-summary--complete .profile-summary-group--visited,
  .premium-profile .profile-summary--complete .profile-summary-group--novelty{background:rgba(247,250,249,.30)}
  .premium-profile .profile-summary--complete .profile-summary-group--interests{border-top-color:rgba(85,185,187,.14)}
  .premium-profile .profile-summary--complete .profile-summary-group--visited .profile-summary-group-head>svg,
  .premium-profile .profile-summary--complete .profile-summary-group--novelty .profile-summary-group-head>svg,
  .premium-profile .profile-summary--complete .profile-summary-group--interests .profile-summary-group-head>svg{width:32px;height:32px;flex-basis:32px;padding:8px}
  .premium-profile-footer{margin-top:15px;padding-top:13px}
}

/* V65 — PROFILE EDITORIAL / SECONDARY GROUP FLOW
   Micro-correctif visuel uniquement : les groupes secondaires occupent leur
   première position disponible au lieu de laisser un bloc isolé à droite.
   Aucun changement de données, logique, moteur, sélection ou interaction.
*/
.premium-profile .profile-summary--complete .profile-summary-group--visited,
.premium-profile .profile-summary--complete .profile-summary-group--novelty,
.premium-profile .profile-summary--complete .profile-summary-group--interests{
  grid-column:span 2;
}
@media (min-width:761px) and (max-width:1099px){
  .premium-profile .profile-summary--complete .profile-summary-group--visited,
  .premium-profile .profile-summary--complete .profile-summary-group--novelty,
  .premium-profile .profile-summary--complete .profile-summary-group--interests{
    grid-column:span 1;
  }
}
@media (max-width:760px){
  .premium-profile .profile-summary--complete .profile-summary-group--visited,
  .premium-profile .profile-summary--complete .profile-summary-group--novelty,
  .premium-profile .profile-summary--complete .profile-summary-group--interests{
    grid-column:1 / -1;
  }
}

