/* LookNBooks — unified Compare engine (all categories share this) */
.cmp-shell{max-width:1080px;margin:0 auto;padding:0 1.25rem}
/* category switcher */
.cmp-cats{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0}
.cmp-cat{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--border,#E2E9EC);background:#fff;color:#55636E;border-radius:999px;padding:.55rem .95rem;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .15s ease}
.cmp-cat:hover{border-color:#cfe0e7}
.cmp-cat.on{background:#0B6FB0;color:#fff;border-color:#0B6FB0}
/* search bar */
.cmp-search{background:#fff;border:1px solid var(--border,#E2E9EC);border-radius:18px;box-shadow:0 10px 30px rgba(7,42,58,.08);padding:1rem;margin-bottom:1.1rem}
.cmp-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;align-items:end}
.cmp-field{border:1px solid var(--border,#E2E9EC);border-radius:12px;padding:.55rem .8rem;background:#F7FAFB}
.cmp-field label{display:block;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#55636E;margin-bottom:.15rem}
.cmp-field input,.cmp-field select{width:100%;border:none;background:transparent;font-size:.98rem;font-weight:600;color:#10202B;outline:none}
.cmp-go{border:none;cursor:pointer;background:linear-gradient(135deg,#FF7A45,#ec5f27);color:#10202B;font-weight:800;border-radius:12px;padding:.8rem 1.2rem;font-size:1rem;white-space:nowrap}
.cmp-go:hover{filter:brightness(1.05)}
/* toolbar (sort/filter) */
.cmp-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0 0 .9rem}
.cmp-toolbar .lbl{font-size:.8rem;color:#55636E;font-weight:700;margin-right:.2rem}
.cmp-sort{border:1px solid var(--border,#E2E9EC);border-radius:999px;padding:.4rem .7rem;background:#fff;font-weight:700;font-size:.82rem;color:#10202B;cursor:pointer}
.cmp-filter{border:1px solid var(--border,#E2E9EC);border-radius:999px;padding:.35rem .7rem;background:#fff;font-size:.8rem;font-weight:700;color:#55636E;cursor:pointer}
.cmp-filter.on{background:#E8F3F8;color:#075186;border-color:#bcdcea}
.cmp-count{margin-left:auto;font-size:.82rem;color:#55636E}
/* result rows */
.cmp-list{display:flex;flex-direction:column;gap:.7rem}
.cmp-row{display:grid;grid-template-columns:56px 1fr auto;gap:1rem;align-items:center;background:#fff;border:1px solid var(--border,#E2E9EC);border-radius:16px;padding:.9rem 1.1rem;transition:box-shadow .15s ease,transform .15s ease}
.cmp-row:hover{box-shadow:0 14px 34px rgba(11,111,176,.16);transform:translateY(-2px)}
.cmp-logo{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-weight:900;font-size:1.2rem;color:#fff}
.cmp-row h4{margin:0 0 .15rem;font-family:Fraunces,serif;font-size:1.15rem;font-weight:700;color:#10202B}
.cmp-row p{margin:0;color:#55636E;font-size:.9rem}
.cmp-badges{margin-top:.4rem;display:flex;gap:.4rem;flex-wrap:wrap}
.cmp-badge{font-size:.72rem;font-weight:700;padding:.15rem .5rem;border-radius:999px;background:#E8F3F8;color:#075186}
.cmp-badge.best{background:#E3F5EA;color:#1c7a45}
.cmp-badge.budget{background:#FFF2DA;color:#9a6a12}
.cmp-right{text-align:right;white-space:nowrap}
.cmp-price{font-family:Fraunces,serif;font-weight:900;font-size:1.25rem;color:#10202B}
.cmp-price small{display:block;font-family:Inter,sans-serif;font-weight:500;font-size:.72rem;color:#57616B}
.cmp-cta{margin-top:.4rem;display:inline-flex;align-items:center;gap:.3rem;background:#0B6FB0;color:#fff;text-decoration:none;font-weight:800;font-size:.85rem;border-radius:999px;padding:.5rem .9rem}
.cmp-cta:hover{filter:brightness(1.05)}
.cmp-tier{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .5rem;border-radius:6px;color:#fff;margin-bottom:.3rem;display:inline-block}
.cmp-tier.members{background:#1c7a45}.cmp-tier.better{background:#0B6FB0}
/* Amber is too light for white text (2.49:1) -- this tier takes near-black. */
.cmp-tier.budget{background:#e5920b;color:#10202B}.cmp-tier.cheap{background:#DB2B66}
.cmp-daterange{display:flex;gap:.4rem;align-items:center}
.cmp-daterange input{flex:1 1 0;min-width:0}
.cmp-field{position:relative}
.cmp-empty{background:#fff;border:1px dashed var(--border,#E2E9EC);border-radius:16px;padding:1.6rem 1.4rem;text-align:center;color:#57616B}
.cmp-empty strong{display:block;color:#10202B;font-size:1.02rem}
.cmp-empty p{margin:.35rem 0 .9rem;font-size:.9rem}
.cmp-clear{border:1px solid var(--border,#E2E9EC);background:#F2F7F9;color:#075186;font-weight:700;font-size:.85rem;border-radius:999px;padding:.5rem 1rem;cursor:pointer}
.cmp-clear:hover{background:#E8F3F8}
.cmp-asof{font-size:.78rem;color:#57616B;margin:.4rem 0 0}
.cmp-disc{background:#FFF7E6;border:1px solid #F3E2BC;border-radius:14px;padding:.9rem 1.1rem;font-size:.85rem;color:#6b5b32;margin-top:1.2rem}
.cmp-disc strong{color:#4a3d1c}
@media(max-width:560px){.cmp-row{grid-template-columns:44px 1fr;}.cmp-right{grid-column:1/-1;text-align:left;margin-top:.4rem}.cmp-logo{width:44px;height:44px}}