/* V10 project-wide readability and anti-overlap guard */
html,body{max-width:100%;overflow-x:hidden}body{color:var(--text,#111827)}
:where(.shell,.main,.content,.view,.hero,.grid,.card,.panel,.toolbar,.topbar,.nav,.sidebar,.modal,.modal-card,.v6-ribbon){min-width:0;max-width:100%}
:where(h1,h2,h3,h4,h5,h6,p,span,small,b,strong,label,a,button,td,th,li){overflow-wrap:anywhere;text-wrap:pretty}
:where(input,textarea,select,button){max-width:100%}
:where(img,svg,canvas,video,iframe){max-width:100%;height:auto}
:where(.card,.panel,.hero,.view-title) p{line-height:1.5}
:where(.view-title) h1{line-height:1.08}.view-title{padding-top:0!important}
@media(max-width:820px){:where(.topbar,.toolbar){flex-wrap:wrap!important}:where(.grid){grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:560px){body{font-size:14px}:where(.content){padding-left:12px!important;padding-right:12px!important}:where(.hero,.card,.panel){border-radius:min(var(--radius,18px),18px)}}