.app-shell{max-width:760px;margin:auto;min-height:100dvh;padding-bottom:calc(90px + env(safe-area-inset-bottom))}
.app-shell .content{min-width:0;padding-bottom:24px}
.app-shell .topbar{max-width:760px;margin:auto}
.app-shell .bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
.app-shell .bottom-nav a{min-width:0;text-align:center;white-space:nowrap;font-size:.8rem}
.app-shell .card,.app-shell .form-card,.app-shell .list-item{min-width:0;overflow-wrap:anywhere}
.app-shell .row{grid-template-columns:repeat(2,minmax(0,1fr))}
.app-shell .metric-card strong{display:block;font-size:1.25rem;overflow-wrap:anywhere}
.app-shell details.card{margin-bottom:12px}
.app-shell details.card summary{cursor:pointer}
.app-shell .spaced-form{padding-top:14px}
.app-shell .list-item small{display:block;color:var(--pk-text-secondary)}
@media(max-width:390px){.app-shell .row,.app-shell .grid{grid-template-columns:1fr}.app-shell .hero{align-items:start;flex-wrap:wrap}.app-shell .bottom-nav a{font-size:.72rem}}