/* RC26R200 — Spatial Studio Viewport Refinement
 * Surgical refinement over R199. No functional-owner changes.
 */

/* Restore only the structural full-bleed contract that was lost when R191-R198
 * visual authorities were retired. This removes dead template space without
 * reintroducing any rejected legacy visual language. */
body.ottoni-public-software-surface:not(.single-post) .ottoni-breadcrumbs{display:none!important}
body.ottoni-public-software-surface:not(.single-post) main#main.ottoni-section,
body.ottoni-public-software-surface:not(.single-post) main#main.ottoni-section>.wp-block-group,
body.ottoni-public-software-surface:not(.single-post) main#main.ottoni-section>.wp-block-post-content{
  width:100%!important;max-width:none!important;min-height:0!important;
  margin:0!important;padding:0!important;background:transparent!important
}
body.ottoni-public-software-surface:not(.single-post) main#main.ottoni-section>.wp-block-group:empty{display:none!important}
body.ottoni-public-about-page main#main.ottoni-section,
body.ottoni-public-blog-page main#main.ottoni-section{display:block!important}

/* HOME — keep the R199 spatial studio, remove the pseudo-menu/mockup overlays.
 * The environment is visual material, not a fake screenshot of product UI. */
.ot199-floating-note{display:none!important}
.ot199-spatial-canvas::after{opacity:.34!important;mask-image:linear-gradient(90deg,black,transparent 62%)!important}
.ot199-canvas-copy{max-width:min(570px,62%)!important}
.ot199-canvas-copy h1{max-width:13ch!important;font-size:clamp(42px,4.55vw,66px)!important;line-height:.94!important;letter-spacing:-.045em!important;text-wrap:balance!important}
.ot199-canvas-copy p{max-width:510px!important;font-size:11px!important;line-height:1.55!important}
.ot199-canvas-footer{max-width:540px!important;right:auto!important;min-width:min(540px,calc(100% - 44px))!important}

/* The studio itself should occupy the viewport intentionally rather than look
 * like a long mockup embedded in a website. */
.ot199-studio{height:clamp(520px,calc(100svh - 92px),680px)!important;margin:12px auto 8px!important}
.ot199-spatial-canvas{background-position:center 48%!important}

/* ABOUT — remove dead template area and let the architecture occupy the first viewport. */
body.ottoni-public-about-page .ot199-about{display:block!important;width:100%!important;margin:0!important;padding:0!important}
body.ottoni-public-about-page .ot199-architecture{
  width:min(1540px,calc(100vw - 28px))!important;
  height:clamp(500px,calc(100svh - 92px),660px)!important;
  margin:12px auto 8px!important
}
body.ottoni-public-about-page .ot199-architecture-body{height:calc(100% - 44px)!important}
body.ottoni-public-about-page .ot199-architecture-intro{padding:26px 24px!important}
body.ottoni-public-about-page .ot199-architecture-intro h1{font-size:clamp(27px,2.7vw,40px)!important;line-height:1.01!important;max-width:12ch!important}
body.ottoni-public-about-page .ot199-system-map{min-height:0!important}
body.ottoni-public-about-page .ot199-map-core{width:210px!important;min-height:126px!important}
body.ottoni-public-about-page .ot199-map-node{width:172px!important;min-height:90px!important;padding:13px!important}
body.ottoni-public-about-page .ot199-architecture-inspector{padding:22px 18px!important}

/* BLOG — a deliberate public editorial surface, not a card floating below a void. */
body.ottoni-public-blog-page .otsw191-page{
  width:min(1320px,calc(100vw - 28px))!important;
  min-height:clamp(480px,calc(100svh - 94px),660px)!important;
  margin:12px auto 8px!important;padding:22px!important;
  display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:18px!important;
  border-radius:24px!important
}
body.ottoni-public-blog-page .otsw191-blog-head{
  display:grid!important;grid-template-columns:minmax(280px,.78fr) minmax(360px,1.22fr)!important;
  align-items:end!important;gap:30px!important;padding:4px 4px 18px!important;
  border-bottom:1px solid var(--ot199-line)!important
}
body.ottoni-public-blog-page .otsw191-blog-head h1{margin:8px 0 0!important;font-family:var(--ot199-ui)!important;font-size:clamp(34px,3.5vw,48px)!important;line-height:.98!important;letter-spacing:-.04em!important;color:var(--ot199-ink)!important}
body.ottoni-public-blog-page .otsw191-blog-head>p{margin:0!important;max-width:650px!important;font-size:12px!important;line-height:1.55!important;color:var(--ot199-muted)!important}
body.ottoni-public-blog-page .otsw191-empty{
  min-height:0!important;height:100%!important;display:grid!important;align-content:center!important;justify-items:start!important;
  padding:clamp(28px,4vw,58px)!important;border:1px solid var(--ot199-line)!important;border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(235,230,222,.78))!important;
  box-shadow:var(--ot199-shadow-1),var(--ot199-inner)!important
}
body.ottoni-public-blog-page .otsw191-empty>span{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:var(--ot199-graphite)!important;color:#fff!important;font:750 15px/1 var(--ot199-ui)!important;box-shadow:0 10px 20px rgba(29,32,30,.15)!important}
body.ottoni-public-blog-page .otsw191-empty h2{margin:18px 0 0!important;font-family:var(--ot199-ui)!important;font-size:clamp(25px,2.4vw,34px)!important;letter-spacing:-.035em!important;color:var(--ot199-ink)!important}
body.ottoni-public-blog-page .otsw191-empty p{max-width:680px!important;margin:10px 0 0!important;color:var(--ot199-muted)!important;font-size:12px!important;line-height:1.55!important}

/* Header: keep R199 depth but slightly increase tactility without becoming ornamental. */
body.ottoni-public-software-surface:not(.ottoni-account-entry-surface) .ottoni-header-060__public a,
body.ottoni-public-software-surface:not(.ottoni-account-entry-surface) .ottoni-header-060__actions a{
  box-shadow:0 8px 18px rgba(29,32,30,.09),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(29,32,30,.035)!important
}
body.ottoni-public-software-surface:not(.ottoni-account-entry-surface) .ottoni-header-060__public a:hover,
body.ottoni-public-software-surface:not(.ottoni-account-entry-surface) .ottoni-header-060__actions a:hover{
  transform:translateY(-2px) scale(1.015)!important;box-shadow:0 15px 28px rgba(29,32,30,.13),inset 0 1px 0 #fff!important
}

@media(max-width:1180px){
  .ot199-canvas-copy{max-width:68%!important}.ot199-canvas-copy h1{font-size:clamp(38px,4.4vw,54px)!important}
  body.ottoni-public-about-page .ot199-architecture-body{grid-template-columns:280px minmax(0,1fr) 220px!important}
  body.ottoni-public-about-page .ot199-map-node{width:150px!important}
}
@media(max-width:940px){
  body.ottoni-public-about-page .ot199-architecture-body{grid-template-columns:250px minmax(0,1fr)!important}
  body.ottoni-public-about-page .ot199-architecture-inspector{display:none!important}
  body.ottoni-public-blog-page .otsw191-blog-head{grid-template-columns:1fr!important;gap:12px!important}
}
@media(max-width:820px){
  .ot199-studio{height:auto!important;min-height:calc(100svh - 76px)!important;margin:7px auto!important}
  .ot199-canvas-copy{max-width:none!important}.ot199-canvas-copy h1{max-width:13ch!important;font-size:clamp(34px,9vw,44px)!important}
  .ot199-canvas-footer{max-width:none!important;min-width:0!important;right:14px!important}
  body.ottoni-public-about-page .ot199-architecture{height:auto!important;min-height:calc(100svh - 76px)!important;margin:7px auto!important}
  body.ottoni-public-about-page .ot199-architecture-body{height:auto!important;grid-template-columns:1fr!important}
  body.ottoni-public-about-page .ot199-architecture-intro{padding:22px 18px!important}
  body.ottoni-public-about-page .ot199-system-map{min-height:520px!important}
  body.ottoni-public-blog-page .otsw191-page{width:calc(100vw - 12px)!important;min-height:calc(100svh - 76px)!important;margin:7px auto!important;padding:16px!important;border-radius:16px!important}
}
@media(max-width:560px){
  .ot199-canvas-copy h1{font-size:31px!important;line-height:.98!important}
  body.ottoni-public-about-page .ot199-architecture-intro h1{font-size:30px!important}
  body.ottoni-public-blog-page .otsw191-page{padding:13px!important}
  body.ottoni-public-blog-page .otsw191-empty{padding:24px 18px!important}
}