/* .main is the deliberate scroll container. Its viewport begins below the app bar. */
:root{--appheader-h:64px;--pagehead-h:100px;--sticky-surface:rgba(248,250,252,.97);--press-surface:#eef2f6}
body.dark{--sticky-surface:rgba(11,15,25,.97);--press-surface:#1e293b}
.appheader{position:sticky;top:0;z-index:40;backdrop-filter:blur(12px)}
.main{overflow-x:clip;overflow-y:auto;scroll-padding-top:calc(var(--pagehead-h) + 12px)}
.content>.pagehead,.property-workspace>.pagehead{position:sticky;top:0;z-index:30;margin:0 -32px 24px;padding:20px 32px 12px;background:var(--sticky-surface);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.pagehead .heading{padding:0;margin:0;gap:12px;align-items:center}
.pagehead .heading>div:first-child{min-width:0}
.pagehead h1{margin:0}
.pagehead.is-stuck{padding-top:10px;padding-bottom:10px}
.pagehead.is-stuck .heading>div:first-child>.muted{display:none}
.section-jumps{display:flex;align-items:center;gap:6px;margin-top:12px;overflow-x:auto;scrollbar-width:none}
.section-jumps button{flex-shrink:0;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:var(--card);font-size:12px;white-space:nowrap}
.section-jumps button.active{background:var(--soft);font-weight:700}
.section>.section-head{position:sticky;top:var(--pagehead-h);z-index:20;min-height:54px;margin:0 0 16px;padding:10px 0;background:var(--sticky-surface);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.section-head h2{margin:0}
.section[id],.property-workspace[id]{scroll-margin-top:0}
:is(button,a,[data-action],[data-gallery],[data-v32],.cell,.stat){-webkit-tap-highlight-color:transparent;touch-action:manipulation}
:is(button,a,[data-action],[data-v32],.cell,.stat):focus-visible,.cell:has(:focus-visible),.v32-setup-item:has(:focus-visible){outline:2px solid var(--green);outline-offset:2px}
@media (hover:none),(pointer:coarse){
 .is-touch-pressed,.clickrow .cell:active,.stat:active,.v32-setup-item:active,button:not(.toggle):active,a:active{background:var(--press-surface)!important;color:var(--ink)!important;filter:none;transform:scale(.995);box-shadow:none}
 .is-touch-pressed *,.clickrow .cell:active *{color:inherit!important}
}
@media(max-width:1100px){.content>.pagehead,.property-workspace>.pagehead{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}}
@media(max-width:768px){
 .content>.pagehead,.property-workspace>.pagehead{margin-left:-16px;margin-right:-16px;padding:12px 16px}
 .pagehead .heading{flex-direction:column;align-items:stretch;gap:8px}
 .pagehead .heading h1{font-size:21px!important;line-height:1.25}
 .pagehead .actions{gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 .pagehead .actions .btn{font-size:11px;min-height:32px;padding:6px 9px;flex-shrink:0;white-space:nowrap}
 .pagehead.is-stuck .heading{gap:6px}
 .pagehead.is-stuck{padding-top:8px;padding-bottom:8px}
 .pagehead.is-stuck .heading h1{font-size:18px!important}
 .section-jumps{margin-top:8px}
 .section-jumps button{font-size:11px;padding:5px 8px}
 .section>.section-head{min-height:48px;gap:6px;padding:8px 0;flex-wrap:wrap}
 .section-head h2{font-size:15px!important}
 .section-head .btn{font-size:11px;padding:6px 8px;white-space:nowrap}
}
.main{overflow-anchor:none}
/* Include the breathing room in each section's sticky containing block. */
.content .section,.property-workspace .section{margin-top:0;padding-top:0;padding-bottom:48px}
.pagehead~.section:first-of-type,.property-workspace>.section:first-of-type{margin-top:32px}
@media(max-width:768px){.content .section,.property-workspace .section{padding-bottom:32px}}