@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500&display=swap');
/* Live picker visual format, scoped to the local draft selection area. */
.live-selection{font-family:'DM Sans',sans-serif;color:#17372f}
.live-selection .section-title h2{font:500 50px/1.1 'Newsreader',Georgia,serif;letter-spacing:-1.5px}
.live-selection .picker-eyebrow{margin:0 0 8px;color:#a64f2d;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.live-selection>.hint{font-size:15px;line-height:1.55;margin:12px 0;color:#62736c}
.live-selection .selection-facts{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 24px}
.selection-facts span{padding:6px 9px;border-radius:999px;background:#edf2ec;color:#62736c;font-size:11px;font-weight:700}
.live-selection .progress-box{padding:18px 20px 23px;border-radius:18px;background:#f4f0e7;border-color:rgba(23,55,47,.14);margin:0 0 20px}
.live-selection .progress-label{flex-direction:row-reverse;flex-wrap:wrap;margin-bottom:14px;align-items:baseline}
.live-selection #selected-count{font-size:16px;font-weight:700;white-space:nowrap}
.live-selection #progress-message{font-size:13px;color:#a64f2d;text-align:right}
.live-selection .offers{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px;margin-bottom:22px}
.live-selection .offer{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;align-items:start;gap:5px;min-width:0;padding:14px;border-radius:12px;background:rgba(255,255,255,.65)}
.live-selection .offer.unlocked{border-color:#87a67f;background:#e5eee1}
.live-selection .offer strong{grid-column:1;grid-row:2;font-size:15px;line-height:1.4}
.live-selection .offer>span:not(.offer-saving){grid-column:1;grid-row:1;color:#62736c;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700;margin:0}
.live-selection .offer .offer-saving{grid-column:1;grid-row:3;font-size:12px;margin:0;white-space:normal}
.live-selection .track{height:9px;background:#d9dfd9}
.live-selection .milestone{top:50%;display:grid;place-items:center;width:25px;height:25px;border:3px solid #fffdf8;border-radius:50%;background:#17372f;color:white;font-size:10px;font-weight:700;transform:translate(-50%,-50%)}
.live-selection .milestone.last{left:100%;right:auto}
.live-selection .milestone-labels{display:none}
.live-selection #books{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}
.live-selection .book{display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-rows:1fr auto;gap:0 12px;padding:13px;border-radius:18px;border-color:rgba(23,55,47,.14)}
.live-selection .book.selected{border-color:#ef7b46;box-shadow:0 0 0 2px rgba(239,123,70,.16)}
.live-selection .cover-button{grid-row:1/3;width:90px;align-self:start;padding:0;border-radius:10px;overflow:hidden}
.live-selection .cover-button img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.live-selection .book .chosen,.live-selection .book .detail-link{display:none}
.live-selection .book-info{padding:2px 0 10px;gap:4px;min-width:0}
.live-selection .subject{font-size:11px;color:#62736c;margin:0}
.live-selection .book h3{font:700 15px/1.25 'DM Sans',sans-serif;min-height:0;margin:0}
.live-selection .book h3 button{border:0;background:none;padding:0;text-align:left;color:inherit;font:inherit}
.live-selection .book-description{font-size:12px;line-height:1.45;margin:2px 0 4px;color:#62736c}
.live-selection .book-footer{margin:0}
.live-selection .unit,.live-selection .unit span{font-size:11px;font-weight:400;color:#62736c;margin:0}
.live-selection .quantity{grid-column:2;grid-template-columns:34px minmax(0,1fr) 34px;background:white;border-radius:10px}
.live-selection .quantity button{min-height:34px;height:34px;padding:0;background:#edf2ec;font-size:16px}
.live-selection .quantity output{font-size:14px}
.layout>*,.live-selection .section-title>*{min-width:0}
.live-selection .section-title{flex-wrap:wrap}
@media(max-width:1000px){
 .layout{grid-template-columns:minmax(0,1fr)}
 .order{position:static}
}
@media(max-width:760px){
 .live-selection .section-title{align-items:center;gap:8px}
 .live-selection .section-title h2{font-size:36px;letter-spacing:-1px}
 .live-selection .all-five{font-size:10px;padding:8px}
 .live-selection .progress-box{padding:14px 14px 20px}
 .live-selection .progress-label{flex-direction:column-reverse;gap:4px}
 .live-selection #progress-message{text-align:left}
 .live-selection .offers{grid-template-columns:1fr}
 .live-selection .offer{gap:8px;padding:11px 10px}
 .live-selection #books{grid-template-columns:1fr}
 .live-selection .book{grid-template-columns:74px minmax(0,1fr) 104px;grid-template-rows:1fr;align-items:center;gap:10px;padding:8px}
 .live-selection .cover-button{grid-row:auto;width:74px;align-self:center}
 .live-selection .book-info{padding:0}
 .live-selection .book-description{display:none}
 .live-selection .quantity{grid-column:3;grid-row:1;grid-template-columns:32px minmax(0,1fr) 32px}
 .live-selection .quantity button{min-height:44px;height:44px}
}
@media(max-width:360px){
 .live-selection .book{grid-template-columns:60px minmax(0,1fr) 94px;gap:7px}
 .live-selection .cover-button{width:60px}
 .live-selection .quantity{grid-template-columns:29px minmax(0,1fr) 29px}
 .live-selection .book h3{font-size:14px}
 .live-selection .offer{gap:5px;padding-inline:7px}
 .live-selection .offer strong{font-size:12px}
 .live-selection .offer .offer-saving{font-size:11px}
}