/* Store controls: compact buttons, text links, a single purchase accent. */
:root{--action:#913b4e;--action-hover:#773040}
button,input,textarea,select,.hero .primary{border-radius:2px;box-shadow:none}
button{border-color:#c8c8cc;background:#fff;color:#333;font-size:13px;font-weight:500;line-height:1.5;padding:8px 14px}
button:hover{background:#f0f0f2;border-color:#aaa}
button:disabled{color:#aaa;cursor:default;background:#f7f7f7}
button:focus-visible,a:focus-visible{outline:2px solid #555;outline-offset:3px}
.primary,.primary:hover{background:#f3f3f4;border:1px solid #bfbfc4;color:#333}
.primary:hover{background:#e9e9ec}
.search button{background:#4b4b50;color:#fff;border:1px solid #4b4b50;font-weight:600;font-size:13px;border-radius:0 2px 2px 0}
.search button:hover{background:#333338}
.search input{border-radius:2px 0 0 2px}
.filter-form .primary{background:#f4f4f5;color:#333;border:1px solid #c3c3c8;font-weight:600;padding:9px 12px}
.filter-form .primary:hover{background:#e9e9ec}
.filter-reset{color:#666;text-decoration:underline;text-underline-offset:3px}
.quick-tags{gap:0;margin-bottom:20px}
.quick-tags>span{margin-right:12px;color:#777}
.quick-tags a{border:0;border-radius:0;background:transparent;color:#444;padding:0 12px;line-height:1.5;border-left:1px solid #ddd}
.quick-tags a:hover{background:transparent;text-decoration:underline;color:#222}
.book-tags{gap:0}
.book-tags a{border:0;background:transparent;border-radius:0;padding:0;line-height:1.6;color:#777}
.book-tags a+a::before{content:'・';display:inline-block;padding:0 3px;color:#aaa}
.book-tags a:hover{background:transparent;text-decoration:underline;color:#333}
.shelf-controls .view-all{color:#555;font-size:11px}
.shelf-controls .view-all:hover{text-decoration:underline}
.shelf-controls button{display:flex;align-items:center;justify-content:center;background:#fff;width:28px;height:28px;padding:0;border:1px solid #d3d3d6;border-radius:2px;color:#666}
.shelf-controls button:hover{background:#f2f2f3;border-color:#aaa}
.chevron{display:block;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin-right:3px}
.chevron.previous{transform:rotate(-135deg);margin-right:0;margin-left:3px}
.active-filters span{background:#f5f5f5;border:1px solid #e1e1e4;border-radius:0;color:#555}
.hero .primary{background:#fff;border:1px solid #aaa;color:#333;padding:10px 28px;font-size:14px;font-weight:600}
.hero .primary:hover{background:#f3f3f4}
.eyebrow{letter-spacing:0;color:#777}
.cta{border:1px solid #ddd;background:#fafafa;color:#333;padding:22px 24px;text-align:left}
.cta h3{font-family:inherit;font-size:17px;margin:0 0 4px;font-weight:600}
.cta .store-disclosure{font-size:11px;color:#777;margin:0 0 14px}
.cta .purchase{display:block;background:var(--action);border:1px solid var(--action);color:#fff;text-align:center;padding:12px 16px;font-size:15px;font-weight:600;margin:8px 0}
.cta .purchase:hover{background:var(--action-hover);border-color:var(--action-hover)}
.cta .purchase small{display:block;color:#fff;font-size:11px;font-weight:normal;opacity:.85;margin-top:2px}
.cta>small{display:block;color:#777;font-size:11px;margin-top:12px}
.external-mark{font-size:13px;margin-left:8px;font-weight:normal}
.actions{background:#fff;border-color:#ddd;gap:8px}
.actions button{font-size:13px;padding:8px 14px}
.actions #save{background:#555;border-color:#555;color:#fff}
.actions #save:hover{background:#333}
.drop{border-radius:0;background:#fafafa;border-color:#bbb;padding:24px}
.drop strong{font-size:15px;font-weight:600}
.drop button{background:#fff;font-weight:600;border-color:#999;padding:9px 22px}
#toast{border-radius:2px;background:#333;font-size:13px}
dialog{background:#fff}
dialog::backdrop{background:#0009;backdrop-filter:none}
#age h2{font-family:inherit;font-size:22px;font-weight:600}
#age .primary{background:#555;border-color:#555;color:#fff}
@media(max-width:760px){
 .browse-filters>summary{background:#fff;border-color:#ccc;padding:10px 12px;font-size:12px}
 .browse-filters>summary::after{content:'';width:6px;height:6px;border-bottom:1.5px solid #777;border-right:1.5px solid #777;transform:rotate(45deg);margin:4px 2px 0 0}
 .browse-filters[open]>summary::after{content:'';transform:rotate(225deg);margin-top:7px}
 .filter-form{border-color:#ccc}
 .quick-tags{margin-bottom:16px}
 .quick-tags>span{font-size:10px;margin-right:7px}
 .quick-tags a{font-size:11px;padding:0 10px}
 .shelf-controls button{display:none}
 .hero .primary{padding:8px 20px;font-size:12px}
 .cta{padding:18px 16px}
 .actions button{font-size:12px;padding:8px 10px}
}