/* Dibia layout architecture: site-scoped content setting; applies to editor previews and static exports. */
body.dibia-hero-split .hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(2rem,4vw,5rem)}
body.dibia-hero-centered .hero-grid{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:1060px;margin:auto;gap:1.8rem}
body.dibia-hero-centered .hero-copy{max-width:820px;margin-inline:auto}
body.dibia-hero-centered .hero-copy h1{max-width:18ch;margin-inline:auto}
body.dibia-hero-centered .hero-visual{width:min(100%,920px);min-height:260px;max-height:470px;overflow:hidden;border-radius:28px}
body.dibia-hero-centered .hero-actions,body.dibia-hero-centered .quick-facts{justify-content:center}
body.dibia-hero-centered .page-hero{text-align:center}
body.dibia-hero-centered .page-hero .container{max-width:860px}
body.dibia-hero-minimal .hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);align-items:end;gap:clamp(2rem,6vw,7rem);min-height:420px}
body.dibia-hero-minimal .hero{background:transparent}
body.dibia-hero-minimal .hero-copy h1{font-size:clamp(2.9rem,6.4vw,6.2rem);letter-spacing:-.055em;line-height:1.03}
body.dibia-hero-minimal .hero-visual{aspect-ratio:3/4;max-height:520px;overflow:hidden;border-radius:6px}
body.dibia-hero-minimal .hero-visual img{width:100%;height:100%;object-fit:cover}
body.dibia-hero-minimal .quick-facts{border-top:1px solid currentColor;padding-top:1rem;opacity:.8}
body.dibia-hero-minimal .page-hero .container{max-width:1120px}
body.dibia-hero-minimal .page-hero h1{max-width:18ch;font-size:clamp(2.8rem,6vw,5.5rem)}
@media(max-width:760px){body.dibia-hero-split .hero-grid,body.dibia-hero-minimal .hero-grid{grid-template-columns:1fr;min-height:0}body.dibia-hero-minimal .hero-visual{max-height:320px;aspect-ratio:16/9}body.dibia-hero-centered .hero-visual{min-height:160px}body.dibia-hero-minimal .hero-copy h1{font-size:clamp(2.3rem,10vw,4rem)}}
.dibia-layout-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 18px}
.dibia-layout-options label{display:flex;flex-direction:column;gap:7px;border:1px solid #b8c9d5;border-radius:12px;padding:12px;cursor:pointer}
.dibia-layout-options label:has(input:checked){outline:3px solid var(--brand,#16817d)}
.dibia-layout-options small{opacity:.7}.dibia-layout-thumb{background:#f0f5f8;border-radius:8px;padding:10px;display:flex;gap:5px;height:70px}.dibia-layout-thumb i{display:block;background:#81b9bb;border-radius:3px;flex:1}.dibia-layout-thumb i:first-child{background:#234f6e}
.db-centered{flex-direction:column;align-items:center}.db-centered i{width:65%;flex:1}.db-minimal i:first-child{flex:2}.db-minimal i:last-child{flex:.6}
.dibia-create-dialog{width:min(560px,94vw);max-height:90vh;overflow:auto}.dibia-create-dialog form{display:grid;gap:16px}.dibia-create-dialog label{display:grid;gap:7px}.dibia-create-dialog input[type=text],.dibia-create-dialog input:not([type]),.dibia-create-dialog select{width:100%}.dibia-create-dialog fieldset label{display:inline-flex;align-items:center;margin:6px 15px 6px 0}.dibia-create-dialog [hidden]{display:none!important}
@media(max-width:580px){.dibia-layout-options{grid-template-columns:1fr}}

/* Theme family section architecture, consistent on saved previews and exported websites. */
body[data-dibia-family="saas-tech"] .section.alt,body[data-dibia-family="saas-tech"] .page-hero{background:var(--navy,#17263d);color:#fff}
body[data-dibia-family="creative-agency"] .page-hero h1,body[data-dibia-family="creative-agency"] .section h2{letter-spacing:-.055em;text-transform:uppercase}
body[data-dibia-family="creative-agency"] .card,body[data-dibia-family="creative-agency"] .service-card{border-radius:0!important}
body[data-dibia-family="care"] .card,body[data-dibia-family="care"] .service-card{border-radius:24px!important}
body[data-dibia-family="e-commerce-boutique"] .page-hero,body[data-dibia-family="e-commerce-boutique"] .section{text-align:center}
body[data-dibia-family="e-commerce-boutique"] .page-hero h1{font-family:Georgia,serif;letter-spacing:-.03em}
body[data-dibia-style="1"] .card,body[data-dibia-style="1"] .service-card{border-radius:22px!important}
body[data-dibia-style="2"] .card,body[data-dibia-style="2"] .service-card{border-left:5px solid var(--brand,#247baf)}
body[data-dibia-style="3"] .card,body[data-dibia-style="3"] .service-card{box-shadow:0 14px 36px #0002}
body[data-dibia-style="4"] .section.alt{border-block:3px solid var(--brand,#247baf)}