/* Shared page typography and spacing for product calculators and cart. */
:root{--page-top-space:32px;--page-breadcrumb-size:14px;--page-breadcrumb-gap:24px;--page-title-size:32px;--page-title-gap:28px}
.card-calculator,.cart-page-main{padding-top:var(--page-top-space)}
.card-calculator .back-link,.cart-page-main .back-link{display:block;margin:0 0 var(--page-breadcrumb-gap);font-size:var(--page-breadcrumb-size);line-height:1.5;font-weight:400;letter-spacing:normal;color:var(--muted);text-align:left}
.card-calculator .back-link a,.cart-page-main .back-link a{color:inherit;text-decoration:none}
@media(hover:hover){.card-calculator .back-link a:hover,.cart-page-main .back-link a:hover{text-decoration:underline;text-underline-offset:3px}}
.card-calculator>h1,.cart-page .cart-panel>h1{margin:0 0 var(--page-title-gap);font-size:var(--page-title-size);font-weight:500;line-height:1.2;letter-spacing:-.025em;text-align:left;color:var(--ink)}
@media(max-width:900px){:root{--page-top-space:24px;--page-title-size:28px;--page-title-gap:20px}}
/* The standalone cart does not need the former modal inset. */
.cart-page #cart-sheet{padding:0}

.card-calculator>h1:has(+.letterhead-spec){margin-bottom:10px}
.card-calculator>.letterhead-spec{margin:0 0 28px;color:var(--muted);font-size:14px;line-height:1.5}