/* Purchase landing and inspection form share the approved light visual language. */
@media screen {
 .purchase-hub .purchase-hero{gap:32px;padding:30px;background:#f4f1ed;border-radius:20px;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);margin-bottom:28px;align-items:center}
 #main .purchase-hub .purchase-hero h1{margin:16px 0 18px;font-size:clamp(30px,3.4vw,42px);line-height:1.14}
 .purchase-hub .purchase-hero p{font-size:16px;line-height:1.75;margin:0;color:#62615e}
 .purchase-hub .purchase-hero img{height:270px;border-radius:14px}
 .purchase-hub .purchase-hero figcaption{font-size:10px;margin-top:9px}
 .purchase-hub .purchase-hero .inline-actions{margin-top:22px;gap:18px}
 .purchase-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
 .purchase-facts>div{display:flex;align-items:center;gap:9px;padding:12px 15px;background:#fff;border:1px solid #e7e2dc;border-radius:11px}
 .purchase-facts strong{font-size:22px;line-height:1.2;letter-spacing:-.03em}
 .purchase-facts span{font-size:12px;color:#62615e;line-height:1.5}
 .purchase-hub .buying-route{gap:16px;border:0;padding:0;margin:30px 0 40px}
 .purchase-hub .buying-route>article{padding:24px;background:#fff;border:1px solid #e5e1db;border-radius:16px;min-width:0}
 .purchase-hub .buying-route h2{font-size:24px;margin:13px 0}
 .purchase-hub .buying-route p{font-size:14px;margin-bottom:12px}
 .purchase-hub .buying-route .text-link{display:block;min-height:32px;margin-top:10px}
 .purchase-hub .purchase-history-box{gap:32px;margin-block:26px;padding:28px;border:1px solid #e5e1db;border-radius:17px;background:#f8f6f3}
 .purchase-hub .purchase-history-box h2{font-size:29px;margin:12px 0}
 .purchase-hub .purchase-history-box h3{font-size:23px;margin-bottom:12px}
 .purchase-checklist-page .owner-tool-heading{margin-bottom:28px}
 .purchase-checklist-page .purchase-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr);gap:28px}
 .purchase-checklist-page .purchase-car-fields{padding:24px;background:#f4f1ed;border:1px solid #e5e1db;border-radius:16px}
 .purchase-checklist-page #purchase-form :is(input,select,textarea){border-color:#d9d4ce;border-radius:8px;background:#fff;min-height:44px}
 .purchase-checklist-page .purchase-group{border:1px solid #e5e1db;border-radius:15px;margin-bottom:18px;padding:0 24px;background:#fff}
 .purchase-checklist-page .purchase-group>summary{font-size:22px;padding:22px 0}
 .purchase-checklist-page .purchase-group>summary h2 span{color:var(--accent);font-size:12px;letter-spacing:.04em}
 .purchase-checklist-page .purchase-item{padding:19px 0 22px;border-color:#e8e4df}
 .purchase-checklist-page .purchase-item h3{margin:0 0 8px}
 .purchase-checklist-page .purchase-item-guide{margin:8px 0 12px}
 .purchase-checklist-page .purchase-item-guide a{display:inline-flex;align-items:center;min-height:30px}
 .purchase-checklist-page .purchase-item-note{margin-top:12px}
 .purchase-checklist-page .purchase-item-note summary{min-height:30px;line-height:30px}
 #main .purchase-checklist-page .purchase-summary{position:static;max-height:none;overflow:visible;background:#f8f6f3;border:1px solid #e5e1db;border-radius:16px;padding:25px;color:var(--ink)}
 .purchase-checklist-page .purchase-summary h2{font-size:29px;line-height:1.2;margin:16px 0 23px;letter-spacing:-.025em}
 .purchase-checklist-page .purchase-summary .eyebrow,.purchase-checklist-page .purchase-summary :is(dt,p,small){color:#62615e}
 .purchase-checklist-page .purchase-summary .breakdown>div{border-color:#ded9d2}
 .purchase-checklist-page .purchase-summary dd{color:var(--ink);font-weight:700}
 .purchase-checklist-page .purchase-followups{border-color:#ded9d2}
 .purchase-checklist-page .purchase-followups :is(p,li,small){color:#62615e}
 .purchase-checklist-page .purchase-followups a,.purchase-checklist-page .purchase-summary #purchase-undo{color:#b91c2b}
 .purchase-checklist-page .purchase-followups h3{font-size:18px}
 .purchase-checklist-page .purchase-summary .button{min-height:46px;border-radius:9px;white-space:normal}
 .purchase-checklist-page .purchase-actions{gap:12px 18px}
 .purchase-checklist-page .purchase-actions .text-link{color:var(--ink);min-height:36px}
 .purchase-checklist-page .purchase-summary :is(button,a):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
 .purchase-checklist-page :is(.purchase-mobile-summary,.purchase-backup,.purchase-text-export,.purchase-method){border:1px solid #e5e1db;border-radius:15px;background:#f8f6f3;padding:24px}
 .purchase-checklist-page .purchase-general-note{padding:22px;border:1px solid #e5e1db;border-radius:15px}
}
@media screen and (max-width:900px){
 .purchase-hub .purchase-hero{grid-template-columns:1fr 1fr;gap:24px;padding:24px}
 .purchase-hub .purchase-hero img{height:250px}
 .purchase-hub .purchase-history-box{gap:26px}
}
@media screen and (max-width:800px){
 .purchase-checklist-page .purchase-layout{display:flex;flex-direction:column;gap:24px}
 .purchase-checklist-page #purchase-form,.purchase-checklist-page .purchase-summary{width:100%}
 .purchase-checklist-page .purchase-summary .breakdown{grid-template-columns:1fr 1fr}
 .purchase-hub .buying-route{grid-template-columns:1fr;gap:14px}
 .purchase-hub .purchase-history-box{grid-template-columns:1fr;gap:24px}
 .purchase-hub .purchase-history-box>div+div{border-top:1px solid #ded9d2;padding-top:22px}
}
@media screen and (max-width:620px){
 .purchase-hub .purchase-hero{display:block;padding:23px 20px}
 .purchase-hub .purchase-hero figure{margin-top:23px}
 .purchase-hub .purchase-hero img{height:185px}
 .purchase-hub .purchase-hero p{font-size:15px}
 .purchase-hub .purchase-hero .button{min-height:46px;border-radius:8px}
 .purchase-hub .purchase-hero .inline-actions{gap:12px}
 .purchase-facts>div{padding:10px 12px}
 .purchase-hub .purchase-history-box{padding:23px 20px}
 .purchase-hub .purchase-history-box h2{font-size:26px}
 .purchase-checklist-page .purchase-group{padding-inline:18px}
 .purchase-checklist-page .purchase-group>summary{font-size:20px}
 .purchase-checklist-page :is(.purchase-car-fields,.purchase-backup,.purchase-text-export,.purchase-method){padding:20px 18px}
 .purchase-checklist-page .purchase-car-fields>div{grid-template-columns:1fr;gap:18px}
 .purchase-checklist-page .purchase-item select{max-width:none}
 .purchase-checklist-page .purchase-general-note{padding:20px 18px}
}