/* POWER RAS 2026 — V12.3 / compositional QA + unified Osservatorio.
   Additive to V12.2; no changes to photovoltaic or economic calculations. */
:root{--pr-observer-nav-offset:198px}
body.v12-site .v9-office-cap__grid article{
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  min-height:245px;padding:clamp(26px,2.6vw,38px);gap:16px;
}
body.v12-site .v9-office-cap__grid article :is(h3,b){margin:0;line-height:1.22;min-height:0}
body.v12-site .v9-office-cap__grid article p{margin:0;line-height:1.65;text-align:left!important}
/* Numeration is pinned to a common reference, while the actual message is optically centered. */
body.v12-site .v9-pv-flow .v9-flow>div{
  position:relative;min-height:220px;padding:48px 22px 22px;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;
}
body.v12-site .v9-pv-flow .v9-flow>div>span{
  position:absolute;top:21px;left:22px;margin:0!important;line-height:1;
}
body.v12-site .v9-pv-flow .v9-flow>div>b{
  min-height:0;margin:0;display:block;font-size:19px;line-height:1.25;
}
body.v12-site .v9-pv-flow .v9-flow>div>small{
  min-height:0;margin:0;display:block;font-size:14px;line-height:1.55;
}
body.v12-site .v9-charge-flow__track>div{
  position:relative;min-width:0;min-height:180px;padding:48px 20px 24px;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
}
body.v12-site .v9-charge-flow__track>div>span{
  position:absolute;top:23px;left:20px;margin:0;line-height:1;
}
body.v12-site .v9-charge-flow__track>div>b{
  margin:0;line-height:1.3;overflow-wrap:anywhere;
}
body.v12-site .v9-charge-flow__track>i{align-self:center;line-height:1}
/* One observatory, with two easy-to-discover actions. */
body.v12-site .pr-observer-tabs{position:relative;background:#fff;border-bottom:1px solid #dce9e5}
body.v12-site .pr-observer-tabs__inner{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
  padding:20px 0;
}
body.v12-site .pr-observer-tabs a{
  display:flex;align-items:center;justify-content:space-between;gap:15px;
  min-height:74px;padding:18px 22px;border:1px solid #c9dfd8;border-radius:16px;
  background:#f5faf8;color:#10231e;text-decoration:none;font-weight:700;line-height:1.3;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}
body.v12-site .pr-observer-tabs a::after{content:'↗';font-size:23px;color:#14786a;flex:0 0 auto}
body.v12-site .pr-observer-tabs a:hover{border-color:#37ac9a;background:#e8f7f2;transform:translateY(-2px)}
body.v12-site .pr-observer-tabs a:focus-visible{outline:3px solid #14786a;outline-offset:3px}
body.v12-site :is(#prezzi,#configuratore){scroll-margin-top:var(--pr-observer-nav-offset)}
body.v12-site .pr-observer-config{padding:90px 0 102px;background:#fff}
body.v12-site .pr-observer-config__intro{
  max-width:1050px;margin:0 auto 32px;
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);
  align-items:end;gap:35px;
}
body.v12-site .pr-observer-config__intro h2{
  margin:8px 0 12px;font-size:clamp(38px,4.1vw,65px);font-weight:450;
  line-height:1.11;letter-spacing:-.035em;
}
body.v12-site .pr-observer-config__intro p:not(.v9-kicker){
  margin:0;color:#53665f;font-size:17px;line-height:1.6;text-align:left;
}
body.v12-site .pr-observer-config .v11-config-wrap{padding:0}
body.v12-site .pr-observer-config .v11-config{max-width:1050px}
body.v12-site .pr-observer-config .v11-config__steps{height:auto}
body.v12-site .pr-observer-config .v11-config__body{min-height:640px}
body.v12-site .pr-observer-config .v11-config-panel{scroll-margin-top:var(--pr-observer-nav-offset)}
body.v12-site .pr-observer-config .v11-result-grid article{justify-content:center;align-items:center;text-align:center}
body.v12-site .pr-observer-config .v11-result-grid strong{overflow-wrap:anywhere}
body.v12-site .pr-observer-config .v11-result-grid span{min-height:0}
/* Keep actual sections legible as part of one page, not multiple repeated sales landings. */
body.v12-site .pr-observer-page .v11-observer-snapshot{padding-bottom:75px}
body.v12-site .pr-observer-page .v11-observer-method,
body.v12-site .pr-observer-page .v11-bill,
body.v12-site .pr-observer-page .v11-update{padding-top:80px;padding-bottom:80px}
body.v12-site .pr-observer-page .v11-update a{min-height:48px}
@media(max-width:1040px){
  :root{--pr-observer-nav-offset:172px}
  body.v12-site .pr-observer-config__intro{grid-template-columns:1fr;gap:15px}
}
@media(max-width:800px){
  :root{--pr-observer-nav-offset:154px}
  body.v12-site .pr-observer-tabs__inner{grid-template-columns:1fr;gap:8px;padding:16px 0}
  body.v12-site .pr-observer-tabs a{min-height:60px;padding:14px 18px}
  body.v12-site .pr-observer-config{padding:65px 0 70px}
  body.v12-site .pr-observer-config__intro{margin-bottom:25px}
  body.v12-site .pr-observer-config__intro h2{font-size:clamp(37px,9vw,54px)}
  body.v12-site .pr-observer-config .v11-config__body{min-height:610px}
  body.v12-site .v9-office-cap__grid article{min-height:205px;padding:28px}
  body.v12-site .v9-pv-flow .v9-flow>div{flex:0 0 76vw;min-height:175px;padding:43px 22px 20px}
  body.v12-site .v9-charge-flow__track>div{min-height:160px}
}
@media(prefers-reduced-motion:reduce){
 body.v12-site .pr-observer-tabs a{transition:none}
 body.v12-site .pr-observer-tabs a:hover{transform:none}
}
