/* P015: clearer project typography and centered summary, scoped to this page. */
#app .project-head h1,#app .panel h2,#app .panel h3,#app .panel h4,#sheet h2{font-weight:700}
#app .wi-cover-copy>strong{font-weight:700}
#app .tabs .tab{font-weight:600}
#app .tabs .tab[aria-selected=true]{font-weight:700}
#app .project-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
#app .project-facts div{padding:0 6px;min-width:0;text-align:center}
#app .project-facts span{font-size:11px;font-weight:500;line-height:1.45}
#app .project-facts strong{font-size:16px;font-weight:600;line-height:1.4;white-space:nowrap}
#app #panel-layout .layout-details div{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:18px 0;min-height:0}
#app #panel-layout .layout-details dt{font-size:13px;font-weight:600;line-height:1.4;color:#565c55}
#app #panel-layout .layout-details dd{margin:0;text-align:left;font-size:26px;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#app #panel-layout .layout-details div:last-child dd{font-size:28px;color:#8d713e}
#project-content{overflow-anchor:none}
@media(max-width:360px){
#app .project-facts div{padding-inline:4px}
#app .project-facts span{font-size:10px}
#app .project-facts strong{font-size:14px}
#app #panel-layout .layout-details dd{font-size:22px}
#app #panel-layout .layout-details div:last-child dd{font-size:26px}
}