#app:has(.account-shell){display:grid;grid-template-rows:auto minmax(0,1fr);height:100dvh;overflow:hidden}#content:has(.account-shell){min-height:0;overflow:hidden}#app:has(.account-shell)>.site-footer{display:none}.account-shell{display:grid;grid-template-columns:270px minmax(0,1fr);height:100%;min-height:0;overflow:hidden}.account-rail{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2.5rem 2rem;border-right:1px solid var(--bosco-line);background:var(--bosco-paper)}.account-rail-title{margin:0;font-family:var(--bosco-font-display);font-size:2rem;font-weight:600;letter-spacing:-.035em;line-height:1.05}.account-rail nav{display:grid;margin-top:3rem;border-top:1px solid var(--bosco-line)}.account-rail nav a{display:flex;align-items:center;min-height:50px;padding-block:.5rem;border-bottom:1px solid var(--bosco-line);font-weight:700}.account-rail nav a:hover,.account-rail nav a.active,.account-rail nav a[aria-current=page]{color:var(--bosco-ember)}.account-rail nav a[aria-current=page]{text-decoration:underline;text-underline-offset:.3em}.account-session{display:grid;justify-items:start;gap:.25rem;margin-top:3rem;font-size:.85rem}.account-session p{margin-bottom:.5rem;color:var(--bosco-charcoal-soft)}.account-session strong{display:block;overflow-wrap:anywhere;color:var(--bosco-charcoal)}.account-main{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:clamp(2rem,5vw,5rem);container-type:inline-size}.account-main:focus-visible{outline:3px solid var(--bosco-focus);outline-offset:-3px}.account-main>.site-footer{margin-top:3rem}.account-main>.site-footer .wrap{width:100%}.account-narrow{max-width:48rem;margin-inline:auto}.account-heading{max-width:48rem;margin-bottom:3rem}.account-heading h1{font-size:clamp(2.6rem,4.6vw,4.5rem)}.account-heading>p:last-child{max-width:36rem;margin:0;color:var(--bosco-charcoal-soft);font-size:1.1rem}.account-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.account-card{display:flex;flex-direction:column;align-items:start;padding:clamp(1.25rem,2.5vw,2rem);border:1px solid var(--bosco-line);border-radius:var(--bosco-radius-md);background:var(--bosco-paper)}.account-card h2{margin-bottom:1rem;font-size:clamp(1.8rem,2.5vw,2.4rem)}.account-card p:not(.eyebrow){color:var(--bosco-charcoal-soft)}.account-card>.text-link{margin-top:auto}.account-catering{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem 2rem}.account-catering>div{max-width:34rem}.account-catering p:last-child{margin-bottom:0}.account-catering>.text-link{flex-shrink:0;margin-top:0}.account-menu{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--bosco-line)}.account-menu h2{max-width:30rem;margin-bottom:.75rem;font-size:1.8rem}.account-menu p{margin:0;color:var(--bosco-charcoal-soft)}.account-shell a:focus-visible{outline:3px solid var(--bosco-focus);outline-offset:4px}@media (max-width: 1100px){.account-catering{flex-direction:column;align-items:start}}@container (max-width: 52rem){.account-main .checkout-layout,.account-main .order-detail-grid{grid-template-columns:minmax(0,1fr)}.account-main .order-list>a{grid-template-columns:minmax(0,1fr) auto}.account-main .order-list>a>strong{grid-column:2}.account-main .order-list .arrow{display:none}.account-main .order-hero{display:block}.account-main .order-hero>div:last-child{margin-top:2rem;justify-items:start}.account-main .order-hero h1{overflow-wrap:anywhere}}@media (max-width: 800px){.account-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,auto) minmax(0,1fr)}.account-rail{max-height:40dvh;padding:1rem 1.5rem;border-right:0;border-bottom:1px solid var(--bosco-line)}.account-rail-title{display:none}.account-rail nav{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.25rem;margin-top:1rem}.account-session{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;width:100%;margin-top:1.25rem}.account-session p{grid-column:1 / -1}.account-main{padding:2.5rem 1.5rem}}@container (max-width: 30rem){.account-main .order-list>a{grid-template-columns:minmax(0,1fr);gap:1rem;padding-inline:1rem}.account-main .order-list>a>strong{grid-column:1}.account-main .order-list .status-stack{justify-content:start}}@media (max-width: 600px){.account-cards{grid-template-columns:minmax(0,1fr)}}
