/* Existing storefront styles apply to every book card and personalisation form. */
.new-story-product .ph__revcard,
.new-story-product #reviews,
.new-story-product #review-screenshots { display: none!important; }
.sample-checkout #peekStrip { display: none!important; }
.home-library__head { max-width: 650px; margin: 0 auto 28px; }
.home-library__head h2 { max-width: 100%; text-wrap: balance; overflow-wrap: anywhere; }
.local-review-banner { background: #1d2942; color: white; padding: 9px 15px; text-align: center; font: 13px/1.4 system-ui; }
.local-checkout-result { padding: 16px; background: #fff1e9; border: 1px solid #f0d3c5; border-radius: 10px; margin: 15px 0; color: #1d2942; }
@media(max-width:560px) { .home-library__head h2 { font-size: 28px; line-height: 1.22; } }

.story-picker { margin: 16px 0 20px; }
.story-picker__title { font-size: 16px; line-height: 1.3; font-weight: 700; margin-bottom: 12px; color: var(--ink); }
.story-picker__grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px 8px; }
.story-picker__book { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; font-size: 10px; font-weight: 600; line-height: 1.3; color: var(--ink-soft); border-radius: 10px; }
.story-picker__book img { width: 100%; aspect-ratio: 1; object-fit: cover; border: 2px solid transparent; border-radius: 10px; padding: 2px; background: #f8f3ed; }
.story-picker__book[aria-current=page] { color: var(--ink); font-weight: 800; }
.story-picker__book[aria-current=page] img { border-color: var(--coral); }
.story-picker__book:hover img { border-color: #dba28d; }
.story-picker__book:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
@media(max-width:560px) { .story-picker__grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; } .story-picker__book img { max-height: 92px; object-fit: contain; } .story-picker__book { font-size: 11px; } }
.story-details { margin: 0 0 18px; color: var(--ink-soft); font-size: 12px; line-height: 1.6; }
.story-proof { margin:24px 0; padding:0; }
.story-proof__head { margin-bottom:14px; }
.story-proof__eyebrow { display:block; color:#647166; font-size:9px; font-weight:800; letter-spacing:.12em; margin-bottom:6px; }
.story-proof h2 { color:var(--ink); font-size:clamp(19px,2vw,23px); line-height:1.25; letter-spacing:-.035em; margin:0; }
.story-proof__cards { display:grid; gap:12px; }
.story-proof__card { background:#fff; border:1px solid #e8e5df; border-radius:16px; padding:17px 18px; box-shadow:0 3px 12px rgba(29,41,66,.025); }
.story-proof__card:first-child { background:#f8faf6; border-color:#dce6d8; }
.story-proof__meta { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.story-proof__avatar { display:grid; place-items:center; width:34px; height:34px; flex:none; border-radius:50%; background:#e5eddf; color:#435f3e; font-size:16px; font-weight:700; }
.story-proof__meta strong { display:block; font-size:12px; color:var(--ink); }
.story-proof__source { display:block; font-size:10px; color:#647166; margin-top:2px; }
.story-proof blockquote { margin:0; font-size:14px; line-height:1.65; color:var(--ink); overflow-wrap:anywhere; }
.story-proof__context { margin:10px 0 0; color:var(--ink-soft); font-size:10px; line-height:1.4; }
.story-proof__original { margin-top:12px; border-top:1px solid #e4e9df; padding-top:10px; }
.story-proof__original summary { cursor:pointer; color:#435f3e; font-size:11px; font-weight:700; width:fit-content; }
.story-proof__original summary:focus-visible { outline:2px solid var(--coral); outline-offset:4px; }
.story-proof__original img { display:block; max-width:100%; height:auto; margin-top:12px; border-radius:8px; }
.story-proof__note { margin:10px 2px 0; color:var(--ink-soft); font-size:10px; line-height:1.5; }
.ph__vs { display:block; }
@media(max-width:560px) { .story-proof__card { padding:16px; } .story-proof blockquote { font-size:14px; } }