.pv-dialog{width:min(1180px,calc(100vw - 28px));height:min(820px,calc(100svh - 28px));max-width:none;max-height:none;border:0;border-radius:18px;padding:0;background:#f7f8fb;color:#111a2c;box-shadow:0 30px 100px rgba(8,15,28,.38)}
.pv-dialog::backdrop{background:rgba(8,14,26,.78);backdrop-filter:blur(8px)}
.pv-head{height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 22px;border-bottom:1px solid #dbe0e9;background:#fff}
.pv-head div{min-width:0}.pv-head small,.pv-head strong{display:block}.pv-head small{color:#667085}.pv-head strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-close{border:1px solid #cfd6e3;border-radius:9px;background:#fff;padding:9px 13px;color:#111a2c;font:inherit;font-weight:750;cursor:pointer}
.pv-close:focus-visible,.pv-action:focus-visible,.pv-list button:focus-visible{outline:3px solid #275de7;outline-offset:3px}
.pv-case{height:calc(100% - 70px);overflow:auto;padding:clamp(22px,4vw,52px)}
.pv-case-title{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:8vw;align-items:end;margin-bottom:40px}.pv-case-title h2{margin:5px 0 10px;font-size:clamp(2.8rem,6vw,6.4rem);line-height:.93;letter-spacing:-.055em}.pv-case-title p{margin:0;color:#566176;font-size:1.08rem}.pv-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pv-facts div{padding-top:12px;border-top:1px solid #cfd6e3}.pv-facts small,.pv-facts strong{display:block}.pv-facts small{color:#667085}.pv-story{display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw}.pv-story nav{position:sticky;top:0;align-self:start;display:grid;gap:8px}.pv-story nav a{color:#667085;text-decoration:none}.pv-story main{display:grid;gap:38px}.pv-story section{scroll-margin-top:20px}.pv-story h3{margin:0 0 12px;font-size:1.65rem}.pv-story p,.pv-story li{color:#475268;line-height:1.7}.pv-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pv-gallery img{width:100%;height:330px;object-fit:cover;border-radius:12px;background:#e9edf4}.pv-callout{padding:24px;border-radius:12px;background:#111a2c;color:#fff}.pv-callout p{color:#d4dbeb;margin:0}.pv-viewer{height:calc(100% - 70px);display:grid;grid-template-columns:260px 1fr}.pv-list{overflow:auto;padding:12px;background:#eef1f6;border-right:1px solid #dbe0e9}.pv-list button{width:100%;display:grid;grid-template-columns:50px 1fr;gap:10px;align-items:center;padding:9px;border:0;border-radius:9px;background:transparent;text-align:left;color:#111a2c;font:inherit;cursor:pointer}.pv-list button[aria-current=true]{background:#fff;box-shadow:0 4px 14px rgba(20,30,52,.08)}.pv-list img{width:50px;height:62px;object-fit:cover;border-radius:4px;background:#fff}.pv-list small,.pv-list strong{display:block}.pv-list small{color:#6c7689;margin-top:3px}.pv-stage{min-width:0;display:grid;grid-template-rows:1fr auto;background:#dfe4ec}.pv-media{min-height:0;padding:16px}.pv-media iframe,.pv-media img{display:block;width:100%;height:100%;border:0;border-radius:10px;background:#fff;object-fit:contain}.pv-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 16px;background:#fff;border-top:1px solid #dbe0e9}.pv-actions p{margin:0;color:#657085;font-size:13px}.pv-action{color:#174fc9;font-weight:800;text-underline-offset:3px}.pv-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pv-shelf button{border:1px solid var(--line,#dbe0e9);border-radius:12px;background:var(--surface,#fff);padding:0;text-align:left;color:inherit;cursor:pointer;overflow:hidden}.pv-shelf button img{display:block;width:100%;height:190px;object-fit:cover;background:#eef1f6}.pv-shelf button span{display:block;padding:14px}.pv-shelf button strong,.pv-shelf button small{display:block}.pv-shelf button small{margin-top:5px;opacity:.65}
@media(max-width:760px){.pv-dialog{width:100vw;height:100svh;border-radius:0}.pv-head{height:62px;padding:0 14px}.pv-case{height:calc(100% - 62px);padding:24px 18px}.pv-case-title,.pv-story{grid-template-columns:1fr}.pv-case-title{gap:24px}.pv-story nav{display:none}.pv-gallery{grid-template-columns:1fr}.pv-gallery img{height:auto}.pv-viewer{height:calc(100% - 62px);grid-template-columns:1fr;grid-template-rows:auto 1fr}.pv-list{display:flex;overflow:auto;border:0;border-bottom:1px solid #dbe0e9}.pv-list button{flex:0 0 190px}.pv-list img{height:52px}.pv-media{padding:8px}.pv-actions p{display:none}.pv-shelf{grid-template-columns:1fr 1fr}.pv-shelf button img{height:150px}}
.pv-actions>div{display:flex;align-items:center;gap:14px}.pv-read{border:0;border-radius:7px;background:#111a2c;color:#fff;padding:9px 12px;font:inherit;font-weight:800;cursor:pointer}.pv-read:focus-visible{outline:3px solid #275de7;outline-offset:3px}

/* Production hardening */
.pv-close,.pv-read,.pv-action,.pv-list button{min-height:44px}
.pv-action{display:inline-flex;align-items:center}
.pv-dialog[open]{animation:pv-open .24s cubic-bezier(.23,1,.32,1) both}
@keyframes pv-open{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:760px){
  .pv-head{padding-top:env(safe-area-inset-top)}
  .pv-actions{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
  .pv-actions>div{width:100%;justify-content:flex-end;gap:12px}
  .pv-read,.pv-action{white-space:nowrap}
  .pv-list button{flex-basis:210px}
}
@media(prefers-reduced-motion:reduce){.pv-dialog[open]{animation:none}}