/* RC26R192 — Public Software Viewport Integrity. Visual-only delta over RC26R191. */
body.ottoni-public-software-surface,
body.ottoni-public-software-surface .wp-site-blocks,
body.ottoni-public-software-surface .ottoni-platform-main,
.ottoni-public-software191{max-width:100%;min-width:0}

/* R191 used width + padding on content-box elements. Make every public software box truthful. */
body.ottoni-public-software-surface *,
body.ottoni-public-software-surface *::before,
body.ottoni-public-software-surface *::after{box-sizing:border-box}

body.ottoni-public-software-surface img,
body.ottoni-public-software-surface video,
body.ottoni-public-software-surface iframe{max-width:100%}

/* The WhatsApp link is the public contact contract; avoid a duplicate CTA in the app bar. */
body.ottoni-public-software-surface .ottoni-header-060__contact{display:none!important}
body.ottoni-public-software-surface .ottoni-header-060__bar{width:100%;max-width:1480px;min-width:0}
body.ottoni-public-software-surface .ottoni-header-060__public,
body.ottoni-public-software-surface .ottoni-header-060__actions{min-width:0}

/* First viewport: software entrance, not editorial poster. */
.otsw191-hero{
  width:min(1400px,100%);
  min-height:calc(100svh - 68px);
  padding:clamp(26px,3.2vw,48px) clamp(18px,3.2vw,48px);
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);
  gap:clamp(28px,3.6vw,54px);
  overflow:clip;
}
.otsw191-hero>*{min-width:0;max-width:100%}
.otsw191-copy{max-width:560px;min-width:0}
.otsw191-copy h1{font-size:clamp(44px,4.55vw,64px);line-height:.99;max-width:560px}
.otsw191-copy>p{font-size:clamp(15px,1.25vw,18px);line-height:1.55;margin-top:20px}
.otsw191-status{margin-bottom:18px}
.otsw191-actions{margin-top:24px}
.otsw191-quiet-links{margin-top:18px}

.otsw191-product{width:100%;max-width:100%;min-width:0}
.otsw191-product__chrome{min-width:0;grid-template-columns:minmax(82px,1fr) minmax(0,auto) minmax(112px,1fr);gap:10px}
.otsw191-product__chrome>span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;justify-self:center}
.otsw191-product__chrome>b{white-space:nowrap}
.otsw191-product__body{min-height:clamp(430px,54vh,520px);min-width:0}
.otsw191-product__canvas,.otsw191-product__canvas>*{min-width:0;max-width:100%}
.otsw191-product__canvas{padding:clamp(16px,1.9vw,26px);gap:14px}
.otsw191-product__canvas>header>span{white-space:nowrap;max-width:42%;overflow:hidden;text-overflow:ellipsis}
.otsw191-product__modules{min-width:0}
.otsw191-product__modules article{min-width:0;max-width:100%}
.otsw191-product__environment{min-width:0;max-width:100%;min-height:190px}

/* Second viewport: preserve four capabilities without exceeding the canvas. */
.otsw191-core{
  width:min(1320px,calc(100% - 36px));
  max-width:calc(100% - 36px);
  padding:clamp(26px,3.2vw,44px);
  margin-bottom:clamp(36px,4.8vw,66px);
  overflow:clip;
}
.otsw191-core>*{min-width:0;max-width:100%}
.otsw191-core>header{grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);gap:clamp(22px,3vw,40px)}
.otsw191-core>header h2{font-size:clamp(34px,3.35vw,48px);max-width:620px}
.otsw191-core__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:26px}
.otsw191-core__grid article{min-width:0;max-width:100%;min-height:164px;padding:18px}
.otsw191-core__grid h3{font-size:clamp(19px,1.7vw,22px);overflow-wrap:anywhere}
.otsw191-core__grid p{overflow-wrap:anywhere}
.otsw191-core__actions{margin-top:20px}

/* Public pages and onboarding must obey the same canvas contract. */
.otsw191-page,
body.ottoni-public-software-surface .ottoni-account-entry{max-width:calc(100% - 36px);min-width:0}
.otsw191-page-hero>*{min-width:0}
.otsw191-principles>*{min-width:0}
.otsw191-blog-head>*{min-width:0}
.otsw191-blog-grid>*{min-width:0}
body.ottoni-public-software-surface .ottoni-account-entry>*{min-width:0}

@media (max-width:1240px){
  .otsw191-hero{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:30px}
  .otsw191-copy h1{font-size:clamp(42px,4.25vw,56px)}
  .otsw191-product__modules{grid-template-columns:repeat(2,minmax(0,1fr))}
  .otsw191-product__body{min-height:460px}
  .otsw191-core__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:1100px){
  .otsw191-hero{grid-template-columns:1fr;min-height:auto;overflow:visible}
  .otsw191-copy{max-width:760px}.otsw191-copy h1{max-width:760px;font-size:clamp(44px,6.2vw,62px)}
  .otsw191-product{max-width:880px}
  .otsw191-core>header{grid-template-columns:1fr;align-items:start}
}

@media (max-width:760px){
  .otsw191-hero{width:100%;padding:24px 14px 30px}
  .otsw191-copy h1{font-size:clamp(38px,11vw,50px)}
  .otsw191-product__chrome{grid-template-columns:auto 1fr}.otsw191-product__chrome>span{display:none}
  .otsw191-product__body{min-height:440px}
  .otsw191-core{width:calc(100% - 28px);max-width:calc(100% - 28px);padding:22px 16px}
  .otsw191-core>header h2{font-size:clamp(32px,9vw,40px)}
  .otsw191-core__grid{grid-template-columns:1fr;gap:8px}
  .otsw191-core__grid article{min-height:0}
  .otsw191-page,body.ottoni-public-software-surface .ottoni-account-entry{max-width:calc(100% - 28px)}
}

@media (max-width:480px){
  .otsw191-product__modules{grid-template-columns:1fr 1fr}
  .otsw191-product__canvas{padding:12px}
  .otsw191-product__canvas>header>span{display:none}
}
