/* Selected A: final copy reset and A1. B/shared CSS stays unchanged. */
:root{--bg:#fff;--surface:#f4f6f5;--surface-2:#eaefec;--line:#d5dcd8;--line-strong:#7d8a84;--ink:#14201b;--ink-2:#4a5751;--green:#0b7a4b;--green-hover:#075c38;--green-tint:#e6f2ec;--link:var(--green);--selected:var(--green);--selected-bg:var(--green-tint);--notice-bg:#fff5db;--notice-ink:#7a4f00;--body-font:Inter,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--heading-font:Arial,Helvetica,sans-serif;--heading-weight:700;--body-size:16px;--body-line:24px;--label-spacing:0;--radius:4px;--side:64px;--max:1312px;--section-space:64px;--focus-width:3px;--focus-offset:2px;--button-height:48px}
h1,h2,h3,h4{letter-spacing:0;color:var(--ink)}h1{font-size:28px;line-height:34px}h2{font-size:32px;line-height:38px}h3{font-size:20px;line-height:26px}h4{font:700 18px/24px var(--heading-font);margin:0 0 12px}
.amazon-strip{height:36px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:20px;padding-inline:16px;text-align:center}.mobile-strip{display:none}.site-header{height:72px;border-bottom:1px solid var(--line)}.header-inner{gap:48px}.desktop-nav{gap:24px;flex:1;justify-content:space-between}.desktop-nav a{font-size:14px;line-height:20px}.packaging-logo{display:block;height:28px;width:auto;max-width:none;flex:none}.home-link{padding-block:12px}
.intro{padding-top:32px;padding-bottom:40px}
.care{background:var(--surface)}.care-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.care-specs{margin:32px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;font-size:14px;line-height:20px}.care-specs div{border-top:1px solid var(--line);padding:12px 0}.care-specs dt{font-weight:600}.care-specs dd{margin:4px 0 0;color:var(--ink-2)}.care-card{padding:32px}.care-card .pack-fieldset{margin:0}
#drawer-bags .section-intro{max-width:1000px;margin-bottom:16px}.model-help{margin-bottom:24px}.finder-grid{display:grid;grid-template-columns:minmax(0,304fr) minmax(0,1008fr);border:1px solid var(--line);border-radius:4px}.finder-branch{display:grid;grid-template-columns:minmax(0,416fr) minmax(0,592fr);min-width:0}.brand-pane{background:var(--surface);padding:24px 0}.brand-pane legend{padding-inline:24px;margin-bottom:24px}.step-title,.brand-pane legend{font:600 15px/20px var(--body-font);color:var(--ink)}.step-title{margin-bottom:24px}.brand-options{display:grid;gap:0}.brand-choice{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;min-height:48px;padding-inline:24px}.brand-choice:hover{background:var(--surface-2)}.brand-choice:has(input:checked){box-shadow:inset 3px 0 var(--green);background:#fff}.brand-choice:has(input:checked)::before{display:none}.brand-choice::after{content:'';width:16px;height:16px;flex:none;margin-left:auto;border:1px solid var(--line-strong);border-radius:50%}.brand-choice:has(input:checked)::after{border-color:var(--green);background:var(--green);box-shadow:inset 0 0 0 3px #fff}.brand-choice:has(input:focus-visible){outline-offset:-5px}.model-pane{padding:24px;border-inline:1px solid var(--line);min-width:0}.result-pane{padding:24px;min-width:0}.product-specs{display:block}.fit-reference{margin-block:16px}.fit-reference summary{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer;list-style:none;font-weight:600}.fit-reference summary::-webkit-details-marker{display:none}.fit-reference[open] .disclosure-chevron{transform:rotate(180deg)}.fit-reference img{display:block;width:100%;max-width:360px;height:auto;margin:12px auto}.drawer-notice ol{padding-left:24px;margin-bottom:0}.drawer-notice li+li{margin-top:8px}.product-result p+p{margin-top:12px}.product-result h3{overflow-wrap:normal}.drawer-branch{display:block;border-left:1px solid var(--line)}.drawer-branch .model-pane{border:0;padding-bottom:0}.drawer-notice{background:var(--surface);border-left:4px solid var(--green);padding:16px}.drawer-notice:focus{outline:3px solid var(--ink);outline-offset:2px}.drawer-notice p{margin-top:8px}.listing-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.listing-cards>.product-result:only-child{grid-column:1/-1}.listing-cards .product-result{border:1px solid var(--line);padding:20px}.not-listed p{color:inherit}.tray-branch{font-size:14px;line-height:22px;margin-top:16px}.tray-branch a{display:inline;min-height:0}
#tray-liners{border-top:1px solid var(--line)}.tray-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}.tray-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:start}.tray-layout h3{margin-bottom:16px}.task-diagram{display:block;width:100%;max-width:420px;height:auto;margin:16px auto;color:var(--ink)}.measurement-steps{padding-left:24px;margin:16px 0}.measurement-steps li{padding-left:4px;margin-bottom:12px}.measurement-steps li::marker{font-weight:700;color:var(--green)}.fit-estimate-scope{font-size:14px;line-height:20px}.estimator-body{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}#decimal-hint{font-size:14px;line-height:20px;margin:12px 0 16px}.estimate-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.estimate-field{min-width:0;display:flex;flex-direction:column}.estimate-field label{font-size:14px;line-height:20px;font-weight:600}.field-hint{font-size:13px;line-height:18px;color:var(--ink-2);margin:4px 0 8px;min-height:36px}.estimate-field input{width:100%;min-width:0;height:48px;padding:8px;border:1px solid var(--line-strong);border-radius:4px;background:#fff;color:var(--ink);font-size:16px}.estimate-field input:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.estimate-field input[aria-invalid=true]{border:2px solid #9b2424}.field-error{color:#9b2424;font-size:14px;line-height:20px;margin-top:4px}.field-error:empty{display:none}#tray-estimate-result:not(:empty){background:var(--surface);border:1px solid var(--line);padding:16px;margin-top:16px;font-variant-numeric:tabular-nums}
.method-details{margin-top:24px;border-block:1px solid var(--line-strong)}.method-details summary{min-height:56px;display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:16px 0;font-weight:600}.method-details summary::-webkit-details-marker{display:none}.disclosure-chevron{flex:none;font-size:24px;margin-left:auto}.method-details[open] .disclosure-chevron{transform:rotate(180deg)}.method-body{padding-bottom:16px;font-size:14px;line-height:22px}.fit-diagrams{display:grid;gap:24px}.fit-diagram{min-width:0}.fit-diagram svg{display:block;width:100%;max-width:360px;height:auto;margin-inline:auto;color:var(--ink);font-family:var(--body-font)}.fit-diagram figcaption{font-size:14px;line-height:20px;margin-top:12px;color:var(--ink-2)}.fit-rule{font-weight:700;color:var(--ink);margin-top:16px}.method-body a{display:inline;min-height:0}.tray-title,.tray-axis{font-size:14px;line-height:20px}.tray-axis{margin:0 0 8px}.tray-format{font-size:14px;line-height:20px}
.split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:32px}.accordion summary{font-size:17px;line-height:24px}.faq-link{display:flex;align-items:center;min-height:44px;width:fit-content;margin:0 0 16px}.site-footer{border-top:1px solid var(--line);padding:48px 0 32px}.site-footer .home-link{display:inline-flex}.footer-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px}.static-fallback{margin-block:24px}.fallback-entry{padding:20px 0;border-top:1px solid var(--line);margin-top:16px}.fallback-entry p{margin-top:12px}.fallback-entry a{margin-top:16px}
@media(max-width:1200px){:root{--side:32px}.header-inner{gap:32px}.desktop-nav{gap:16px}.tray-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:1099px){.desktop-nav{display:none}.menu-toggle{display:flex;margin-left:auto}.finder-grid{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}.finder-branch{display:block}.model-pane{border-bottom:1px solid var(--line)}.listing-cards{grid-template-columns:1fr}.care-card{padding:24px}}
@media(max-width:700px){:root{--side:16px;--section-space:48px}h1{font-size:24px;line-height:30px}h2{font-size:24px;line-height:30px}h3{font-size:18px;line-height:24px}.amazon-strip{height:32px;font-size:12px;line-height:16px}.desktop-strip{display:none}.mobile-strip{display:inline}.site-header{height:56px}.header-inner{gap:24px}.home-link{padding-block:8px}.packaging-logo{height:24px}.site-footer .packaging-logo{height:28px}.intro{padding-top:20px;padding-bottom:24px}.care-grid,.split,.tray-layout{grid-template-columns:1fr;gap:32px}.care-card{padding:16px}.mobile-care-photo{display:block}.care-specs{margin-top:24px}.finder-grid{display:block}.brand-pane{padding:20px}.brand-pane legend{padding:0;margin-bottom:16px}.brand-options{display:flex;gap:8px;flex-wrap:wrap}.brand-choice{border:1px solid var(--line-strong);padding:9px 14px;min-height:44px;border-radius:4px;background:#fff}.brand-choice:has(input:checked){background:var(--green-tint);box-shadow:inset 0 0 0 1px var(--green);border-color:var(--green)}.brand-choice::after{display:none}.brand-choice:has(input:focus-visible){outline-offset:2px}.model-pane{padding:24px 20px;border:0;border-block:1px solid var(--line)}.result-pane{padding:24px 20px}.drawer-branch{border-left:0}.drawer-branch .model-pane{border-top:1px solid var(--line);padding:24px 20px 0}.step-title{margin-bottom:16px}.listing-cards{gap:16px}.listing-cards .product-result{padding:16px}.estimate-fields{grid-template-columns:1fr;gap:16px}.field-hint{min-height:0}#tray-estimator-form .secondary{width:100%}.site-footer{padding-top:40px}.footer-links{gap:8px 24px}}
@media(max-width:360px){h1{font-size:22px;line-height:28px}.intro{padding-top:12px}.result-pane,.model-pane,.brand-pane{padding:20px 16px}.drawer-branch .model-pane{padding:20px 16px 0}.listing-cards .product-result{padding:12px}}

@media(max-width:360px){.care-specs{grid-template-columns:1fr}}

/* Alignment reset: top-packed panels; the photo never sizes the text tracks. */
.category-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.category-panel { display:grid; grid-template-columns:200px minmax(0,1fr); grid-template-rows:auto auto 1fr; grid-template-areas:"photo head" "photo actions" "photo ."; min-width:0; background:var(--surface); border:1px solid var(--line); border-radius:4px; }
.category-photo { grid-area:photo; position:relative; min-width:0; padding:0; align-self:stretch; }
.category-photo .image-frame { position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; overflow:hidden; border-radius:3px 0 0 3px; }
.category-photo picture { display:block; height:100%; }
.category-photo img { height:100%; aspect-ratio:auto; object-fit:cover; }
.category-head { grid-area:head; min-width:0; padding:24px 24px 0; }
.category-heading { font-size:24px; line-height:30px; text-align:left; margin:0; padding:0; }
.category-lead { font-size:16px; line-height:24px; margin-top:8px; }
.category-actions { grid-area:actions; min-width:0; margin-top:12px; padding:0 24px 24px; }
.category-actions p { margin:0; }
.category-actions .equipment-exclusion { font-size:14px; line-height:20px; margin-top:4px; }
.category-cta { width:fit-content; max-width:100%; min-height:48px; padding:12px 20px; margin-top:16px; }
.pet-category .equipment-exclusion { margin-top:12px; }
.pet-routes { display:grid; border-top:1px solid var(--line); }
.pet-route { position:relative; display:flex; align-items:center; gap:12px; min-height:64px; padding:12px 8px; margin-inline:-8px; color:var(--ink); text-decoration:none; border-radius:4px; }
.pet-route::after { content:""; position:absolute; bottom:0; left:8px; right:8px; border-bottom:1px solid var(--line); }
.pet-route strong { display:block; font:700 18px/24px var(--heading-font); }
.route-meta { display:block; font-size:16px; line-height:22px; color:var(--ink-2); }
.route-chevron { flex:none; margin-left:auto; font-size:24px; color:var(--green); }
.pet-route:hover { background:var(--surface-2); }
.pet-route:hover strong { color:var(--green-hover); }
.pet-route:focus-visible { outline:3px solid var(--ink); outline-offset:2px; }
.tight-tag { display:none; }
.nowrap { white-space:nowrap; }
/* Inline text and arrow share line breaking, including in no-JS fallbacks. */
.amazon-link,.category-cta { gap:0; }
.cta-group { display:block; min-width:0; text-align:center; text-wrap:balance; }
.cta-text,.cta-icon { display:inline; }
/* Equal indicator slots and weight in both states. Container thresholds reserve
   label intrinsic space plus 2×16px indicator rails, 2×8px gaps and padding. */
.pack-container { container-type:inline-size; }
.pack-options { display:grid; grid-template-columns:repeat(var(--pack-count),minmax(0,1fr)); gap:12px; }
.pack-choice { display:grid; grid-template-columns:16px minmax(0,1fr) 16px; gap:8px; min-height:44px; padding:10px 8px; font-weight:600; text-align:center; overflow-wrap:normal; }
.pack-choice>span { grid-column:2; white-space:nowrap; }
.pack-choice::before,.pack-choice:has(input:checked)::before { content:'✓'; grid-column:1; grid-row:1; width:16px; font-size:16px; visibility:hidden; color:var(--green); }
.pack-choice:has(input:checked)::before { visibility:visible; }
.care-options { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:1fr; }
.care-choice { min-height:112px; padding:16px 28px 16px 16px; font-weight:600; }
.care-choice .kit-title { font:600 19px/26px var(--heading-font); }
.care-choice .kit-contents { display:block; margin-top:8px; font-size:14px; line-height:20px; font-weight:400; }
.care-choice::before,.care-choice:has(input:checked)::before { content:'✓'; position:absolute; top:8px; right:8px; visibility:hidden; font-size:16px; }
.care-choice:has(input:checked)::before { visibility:visible; }
.care-choice>span { padding-top:12px; }
@container(max-width:calc(24ch + 222px)) { .pack-options[data-option-count="3"] { grid-template-columns:1fr; } }
@container(max-width:calc(16ch + 144px)) { .pack-options[data-option-count="2"] { grid-template-columns:1fr; } }
@container(max-width:calc(26ch + 144px)) { .pack-options[data-unit="tray"] { grid-template-columns:1fr; } }
@container(max-width:calc(20ch + 108px)) { .care-options { grid-template-columns:1fr; } }
.equation { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:baseline; max-width:450px; margin-block:32px; gap:0 16px; text-align:center; }
.equation strong { font:700 40px/44px var(--heading-font); color:var(--green); }
.equation b { font-size:28px; font-weight:400; }
.equation span { align-self:start; font-size:14px; line-height:20px; color:var(--ink-2); text-align:center; }
.tray-row { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.6fr) minmax(0,1.1fr); gap:12px; align-items:start; padding:24px 0; border-top:1px solid var(--line); }
.tray-row .size-figure { font:700 24px/28px var(--heading-font); margin-bottom:8px; color:var(--ink); }
.tray-title,.tray-axis,.tray-format { font-size:14px; line-height:20px; }
.tray-axis { margin:0 0 8px; }
.tray-row .pack-fieldset,.tray-row .purchase { margin:0; }
.tray-row .purchase { margin-top:12px; }
.tray-row legend,.single-pack-label { display:block; font-size:13px; line-height:18px; font-weight:600; margin-bottom:8px; }
.tray-row .pack-options { grid-template-columns:1fr; gap:8px; }
.tray-row .pack-choice { font-size:14px; line-height:20px; }
/* Block flex removes the parent inline strut above the purchase box at larger text. */
.tray-row .amazon-link { display:flex; font-size:14px; line-height:20px; padding:10px 8px; }
.single-pack { padding:0; }
.single-pack-count { display:flex; align-items:center; min-height:44px; font-size:14px; line-height:20px; font-weight:600; }
.mobile-format-label { display:inline; }
@media(max-width:1200px) {
 .category-grid { grid-template-columns:1fr; gap:16px; }
 .tray-row { display:block; }
 .tray-row>*+* { margin-top:12px; }
 .tray-row .pack-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:1099px) { .care-options { grid-template-columns:1fr; } }
@media(max-width:700px) {
 .category-grid { gap:12px; }
 .category-panel { grid-template-columns:72px minmax(0,1fr); grid-template-rows:auto auto; grid-template-areas:"photo head" "actions actions"; align-content:start; gap:12px; padding:12px; }
 .category-photo { width:72px; height:auto; align-self:start; }
 .category-photo .image-frame { position:relative; inset:auto; width:72px; height:72px; border-radius:0; }
 .category-head { padding:0; align-self:start; }
 .pet-category .category-head { min-height:72px; display:flex; align-items:center; }
 .category-heading { font-size:20px; line-height:26px; }
 .category-actions { padding:0; margin:0; }
 .category-cta { width:100%; min-height:44px; }
 .full-tag { display:none; }
 .tight-tag { display:inline; }
 .category-photo .review-tag { position:static; height:auto; overflow-wrap:anywhere; font-size:11px; line-height:14px; padding:2px 0; left:0; right:0; top:auto; bottom:0; max-width:none; text-align:center; }
 .pack-options[data-option-count="3"] { grid-template-columns:1fr; }
 .care-choice { min-height:104px; padding:12px 28px 12px 12px; }
 .care-choice .kit-title { font-size:18px; line-height:24px; }
 .equation { margin-block:24px; gap:0 8px; }
 .equation strong { font-size:28px; line-height:32px; }
 .equation b { font-size:20px; }
 .tray-row .size-figure { font-size:22px; line-height:26px; }
 .tray-row .amazon-link { font-size:16px; }
}
@media(max-width:360px) { .pack-options[data-option-count="2"] { grid-template-columns:1fr; } }
/* Intrinsic fit wins the viewport defaults, including computed-text enlargement. */
@container(max-width:calc(26ch + 144px)) { .tray-row .pack-options { grid-template-columns:1fr; } }
@media(max-width:360px){.equation{column-gap:0}.category-heading{overflow-wrap:anywhere}}
.amazon-strip{height:auto;min-height:36px}@media(max-width:700px){.amazon-strip{min-height:32px}}