/* P5 ov (frames P5/frames/kit/p5.css values; classes p5- prefixed) */
.p5-empty{position:relative;isolation:isolate;display:grid;place-items:center;min-height:max(360px,min(520px,calc(100vh - 240px)));padding:var(--s-7) 0}
.p5-empty[hidden]{display:none}
.p5-empty::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--dots) 50% 50%/22px 22px;-webkit-mask-image:radial-gradient(ellipse 42% 52% at 50% 50%,#000 10%,transparent 100%);mask-image:radial-gradient(ellipse 42% 52% at 50% 50%,#000 10%,transparent 100%)}
/* the page error: the title row and the brand chip stay, every block under them gives way */
.ov.p5-failed > :not(.ov-head):not(.p5-empty){display:none}
/* Overview today: Optimization and AI usage, equal width and height, no hole */
.ov-row2.p5-eq{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.ov-row2.p5-eq[data-cols="1"]{grid-template-columns:minmax(0,1fr)}
.ov-row2.p5-eq .ov-ai.p5-ovai{align-self:stretch}
.p5-ovai .ov-card-h{flex-wrap:nowrap}
.p5-ovai .ov-acts .p5-sub{margin:0}
.p5-ovai .ov-acts{gap:var(--s-2) var(--s-3)}
.p5-blk{flex:1;display:grid;place-items:center;padding:var(--s-2) 0}
.p5-pill.est{height:20px;margin-left:var(--s-2);padding:0 var(--s-2);font-size:var(--fs-1);color:var(--text-2)}
.p5-pill.warn{height:20px;margin-left:var(--s-2);padding:0 var(--s-2);font-size:var(--fs-1)}
.p5-tot{display:inline-flex;align-items:baseline;gap:6px;height:32px;padding:0 var(--s-3);border-radius:var(--pill);border:1px solid var(--line);background:var(--raised);color:var(--text-2);font-size:var(--fs-2);line-height:32px}
.p5-tot b{color:var(--text);font:600 var(--fs-4b)/1 var(--font);font-variant-numeric:tabular-nums}
/* the welcome card */
.p5-welcome{position:relative;display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--s-6);align-items:center;margin:0 0 var(--s-4);padding:var(--s-4) 56px var(--s-4) var(--s-4);border:1px solid var(--line-strong);border-radius:var(--r-5);background:linear-gradient(120deg,rgb(var(--p-mist) / .07),transparent 50%),var(--surface);box-shadow:var(--hl-top)}
.p5-welcome[hidden]{display:none}
.p5-welcome img{display:block;width:280px;height:168px;border-radius:var(--r-4);object-fit:cover}
.p5-welcome h2{margin:0 0 var(--s-1);font:600 var(--fs-5)/28px var(--font);letter-spacing:-.01em}
.p5-welcome p{margin:0 0 var(--s-3);color:var(--text-2);font-size:var(--fs-3);line-height:20px}
.p5-welcome ul{display:grid;gap:var(--s-2);margin:0;padding:0;list-style:none}
.p5-welcome li{display:flex;align-items:baseline;gap:var(--s-3)}
.p5-welcome li .link{font-weight:600;font-size:var(--fs-3)}
.p5-welcome li .p5-sub{margin:0}
.p5-welcome > .icon-btn{position:absolute;top:12px;right:12px}
@media (max-width:760px){.p5-welcome{grid-template-columns:minmax(0,1fr);padding-right:var(--s-4)}.p5-welcome img{width:100%;height:auto;aspect-ratio:5/3}}
/* the AI usage card's summary at the Overview width (P5Sum compact) */
.sumc.ovai{grid-template-columns:112px minmax(0,1fr) minmax(0,1fr)}
.sumc.ovai .z{padding:0 var(--s-4)}
.sumc.ovai .z.top.za{grid-column:1/3;padding-left:0}
.sumc.ovai .p5-hero{font-size:var(--fs-7);line-height:32px}
.sumc.ovai .z.r .v{width:56px}
.sumc.ovai .lab.r,.sumc.ovai .lab.rh{white-space:nowrap}
.sumc.ovai .p5-sub > span + span::before{content:" · "}
/* ---- r5 brand page (F3): zero first-run hero and the rows the kit (p5-ovall.css) does not hold; HANDOFF §6 ---- */
.ov.ox [hidden]{display:none!important}
.p5-firstc,.ov-gate{padding:var(--s-6)}
.p5-first:not(.p5-st){display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--s-7);align-items:center}
.p5-first:not(.p5-st) .art-brand{margin:0}
.p5-firstc.p5-strip{padding:0}
.p5-st{display:flex;align-items:center;gap:var(--s-4);height:72px;padding:var(--s-4) var(--s-6);box-sizing:border-box}
.p5-st > .bt{flex:none;width:32px;height:32px}
.p5-st .p5-fx{flex:1 1 auto;min-width:0}
.p5-st h3{margin:0;font:600 var(--fs-4)/20px var(--font);letter-spacing:0;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p5-st p{max-width:none;font-size:var(--fs-2);line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p5-st p .link{display:inline;padding:0;font:inherit}
.p5-st .stv-acts{display:flex;flex:none;margin:0;gap:var(--s-2);flex-direction:row}
@media (max-width:767px){.p5-st{height:auto;flex-wrap:wrap}.p5-st .stv-acts{width:100%}}
.p5-first:not(.p5-st) h3{margin:0 0 var(--s-2);font:600 var(--fs-5)/28px var(--font);letter-spacing:-.01em;color:var(--text)}
.p5-first:not(.p5-st) p{margin:0;max-width:60ch;color:var(--text-2);font-size:var(--fs-3);line-height:20px}
.p5-first:not(.p5-st) .stv-acts{display:flex;gap:var(--s-2);margin-top:var(--s-5);flex-direction:row-reverse;justify-content:flex-end}
.p5-acts .p5-act .tx > span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-2)}
.p5-acts .p5-act .tx > b{font-size:var(--fs-3);line-height:20px}
.ov.ox .r5-start{align-items:stretch}
.ov.ox .r5-start > .ov-card{display:flex;flex-direction:column}
.ov.ox .r5-start .p5-acts{flex:1;grid-auto-rows:1fr;align-content:stretch}
.ov.ox .r5-start .p5-act{align-items:center}
.ov.ox .ox-sk{display:grid;gap:var(--s-3)}
.ov.ox .ox-sk .sk.row{height:48px}
.ov.ox .ox-sk .sk.bar{height:24px}
.ov.ox .r5-spend .p5-blk{min-height:140px}
.ov.ox .r5-p{margin:0 0 var(--s-4);color:var(--text-2);font-size:var(--fs-3);line-height:20px}
.ov.ox .ox-banner[hidden]{display:none}