/* RC26R196 — Public Shell Final Refinement.
 * Runtime-driven visual refinement over R195.
 * Functional/privacy/business contracts remain unchanged.
 */

/* Home: give the workspace more authority and reduce editorial mass. */
.ot195-launch{
  grid-template-columns:minmax(250px,.56fr) minmax(0,1.74fr)!important;
}
.ot195-launch__rail{padding:21px 22px 18px!important}
.ot195-launch__copy h1{
  max-width:350px!important;
  font-size:clamp(30px,2.75vw,40px)!important;
  line-height:1!important;
}
.ot195-launch__copy p{max-width:360px!important;font-size:12px!important;line-height:1.5!important}
.ot195-actions{margin-top:16px!important}
.ot195-actions a{min-height:36px!important}
.ot195-trust{padding-top:11px!important}

/* About: break out of legacy content containers and guarantee non-overlapping geometry. */
body.ottoni-public-about-page .ot195-about{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
body.ottoni-public-about-page .ot195-about-shell{
  position:relative!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(1320px,calc(100vw - 32px))!important;
  max-width:1320px!important;
  height:clamp(430px,calc(100svh - 92px),510px)!important;
  margin:10px 0 12px!important;
  grid-template-columns:minmax(260px,.62fr) minmax(0,1.68fr)!important;
}
body.ottoni-public-about-page .ot195-about-rail{padding:22px 24px!important}
body.ottoni-public-about-page .ot195-about-rail h1{font-size:clamp(31px,2.8vw,42px)!important;max-width:9.5ch!important}
body.ottoni-public-about-page .ot195-about-rail>p{font-size:12px!important;line-height:1.5!important}
body.ottoni-public-about-page .ot195-about-workspace{
  min-width:0!important;
  overflow:hidden!important;
  padding:12px!important;
  grid-template-rows:auto minmax(0,1fr)!important;
}
body.ottoni-public-about-page .ot195-about-grid{
  min-width:0!important;
  overflow:hidden!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) 92px!important;
  gap:9px!important;
}
body.ottoni-public-about-page .ot195-about-principles{
  min-width:0!important;
  overflow:hidden!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:1fr!important;
  gap:8px!important;
}
body.ottoni-public-about-page .ot195-about-principles article{
  min-width:0!important;
  overflow:hidden!important;
  grid-template-columns:1fr!important;
  align-content:start!important;
  gap:7px!important;
  padding:11px!important;
}
body.ottoni-public-about-page .ot195-about-principles i{width:25px!important;height:25px!important}
body.ottoni-public-about-page .ot195-about-principles h2{font-size:14px!important;line-height:1.04!important}
body.ottoni-public-about-page .ot195-about-principles p{font-size:7.5px!important;line-height:1.38!important}
body.ottoni-public-about-page .ot195-about-visual{
  min-width:0!important;
  min-height:92px!important;
  max-height:92px!important;
  width:100%!important;
  overflow:hidden!important;
}
body.ottoni-public-about-page .ot195-about-visual img{object-position:center 58%!important}
body.ottoni-public-about-page .ot195-about-visual::after{background:linear-gradient(90deg,rgba(30,35,33,.60),rgba(30,35,33,.18) 55%,transparent)!important}
body.ottoni-public-about-page .ot195-about-visual figcaption{
  left:14px!important;right:auto!important;bottom:12px!important;max-width:460px!important
}
body.ottoni-public-about-page .ot195-about-visual strong{font-size:14px!important}

/* Public app bar: keep navigation as compact utility, not a site-shaped banner. */
body.ottoni-public-software-surface .ottoni-header-060__public{
  width:auto!important;
  justify-self:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
body.ottoni-public-software-surface .ottoni-header-060__public a{padding-inline:10px!important}

/* Accessibility remains discoverable but should never become the focal object. */
body.ottoni-public-software-surface .ottoni-a11y155{
  opacity:.72!important;
  transform:scale(.88)!important;
  transform-origin:100% 100%!important;
  transition:opacity .16s ease,transform .16s ease!important;
}
body.ottoni-public-software-surface .ottoni-a11y155:hover,
body.ottoni-public-software-surface .ottoni-a11y155:focus-within{
  opacity:1!important;
  transform:scale(1)!important;
}

@media(max-width:1180px){
  body.ottoni-public-about-page .ot195-about-shell{
    width:min(1120px,calc(100vw - 24px))!important;
    grid-template-columns:minmax(245px,.70fr) minmax(0,1.45fr)!important;
  }
  body.ottoni-public-about-page .ot195-about-principles{
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:1fr 1fr!important;
  }
  body.ottoni-public-about-page .ot195-about-grid{grid-template-rows:minmax(0,1fr) 78px!important}
  body.ottoni-public-about-page .ot195-about-visual{min-height:78px!important;max-height:78px!important}
}

@media(max-width:960px){
  .ot195-launch{grid-template-columns:1fr!important}
  body.ottoni-public-about-page .ot195-about-shell{
    position:static!important;left:auto!important;transform:none!important;
    width:calc(100% - 12px)!important;height:auto!important;max-width:none!important;margin:7px auto 10px!important;
    grid-template-columns:1fr!important;
  }
  body.ottoni-public-about-page .ot195-about-grid{grid-template-rows:auto 150px!important}
  body.ottoni-public-about-page .ot195-about-principles{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important}
  body.ottoni-public-about-page .ot195-about-visual{min-height:150px!important;max-height:150px!important}
}

@media(max-width:620px){
  body.ottoni-public-about-page .ot195-about-principles{grid-template-columns:1fr!important}
  body.ottoni-public-about-page .ot195-about-grid{grid-template-rows:auto 140px!important}
  body.ottoni-public-about-page .ot195-about-visual{min-height:140px!important;max-height:140px!important}
  body.ottoni-public-software-surface .ottoni-a11y155{transform:scale(.82)!important}
  body.ottoni-public-software-surface .ottoni-a11y155:hover,
  body.ottoni-public-software-surface .ottoni-a11y155:focus-within{transform:scale(.92)!important}
}

@media(prefers-reduced-motion:reduce){
  body.ottoni-public-software-surface .ottoni-a11y155{transition:none!important}
}