:root{--paper:#fffdf8;--ink:#261b1a;--muted:#6f625c;--line:#e5d2b8;--teal:#087c7a;--gold:#e98a1b;--bg:#f7f2e8}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,sans-serif;line-height:1.65;font-size:clamp(18px,0.62vw + 14px,26px)}
a{color:var(--teal)}
.pd-top{display:flex;align-items:center;gap:clamp(22px,2vw,54px);padding:clamp(14px,1vw,28px) clamp(24px,4vw,90px);background:var(--paper);
  border-bottom:1px solid var(--line);flex-wrap:wrap;position:sticky;top:0;z-index:10}
.pd-brand{font-family:'Fraunces',Georgia,serif;font-size:clamp(1.4rem,1.1vw + .9rem,3rem);font-weight:700;color:var(--ink);
  text-decoration:none;letter-spacing:-.02em}
.pd-brand b{color:var(--teal);font-weight:700}
.pd-search{display:flex;flex:1;min-width:280px;max-width:min(1100px,45vw);gap:0}
.pd-search input{flex:1;padding:clamp(12px,.7vw,22px) clamp(18px,1.2vw,32px);border:1px solid var(--line);border-right:0;
  border-radius:12px 0 0 12px;font:inherit;font-size:clamp(1rem,.4vw + .84rem,1.45rem);background:#fff}
.pd-search button{padding:clamp(12px,.7vw,22px) clamp(24px,1.8vw,46px);border:1px solid var(--teal);background:var(--teal);color:#fff;
  border-radius:0 12px 12px 0;font:inherit;font-weight:600;cursor:pointer;font-size:clamp(1rem,.4vw + .84rem,1.45rem)}
.pd-nav{display:flex;gap:clamp(20px,1.8vw,52px);font-weight:600;font-size:clamp(1rem,.42vw + .82rem,1.5rem);white-space:nowrap}
.pd-nav a{text-decoration:none}
.pd-wrap{max-width:none;width:100%;margin:0;padding:36px clamp(24px,4vw,90px) 90px}
.pd-hero{text-align:center;padding:34px 0 26px}
.pd-hero h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(2.2rem,5vw,3.4rem);margin:0 0 12px;
  letter-spacing:-.02em}
.pd-hero h1 b{color:var(--teal)}
.pd-lede{font-size:clamp(1.15rem,.6vw + .9rem,1.85rem);color:var(--muted);max-width:none;margin:0 0 22px}
.pd-stats{display:flex;justify-content:center;gap:34px;flex-wrap:wrap;color:var(--muted);font-size:.95rem}
.pd-stats b{display:block;font-size:1.7rem;color:var(--ink);font-family:'Fraunces',Georgia,serif}
.pd-h2{font-family:'Fraunces',Georgia,serif;font-size:clamp(1.6rem,1vw + 1.15rem,2.6rem);margin:40px 0 16px}
.pd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.pd-card{display:block;padding:15px 17px;background:var(--paper);border:1px solid var(--line);
  border-radius:11px;text-decoration:none;color:var(--ink);transition:border-color .12s,transform .12s}
.pd-card:hover{border-color:var(--teal);transform:translateY(-1px)}
.pd-card b{display:block;font-size:clamp(1.08rem,.45vw + .88rem,1.5rem);margin-bottom:4px}
.pd-card span{color:var(--muted);font-size:clamp(.98rem,.4vw + .8rem,1.35rem)}
.pd-arts,.pd-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:10px}
.pd-row{display:block;padding:16px 20px;background:var(--paper);border:1px solid var(--line);
  border-radius:10px;margin-bottom:8px;text-decoration:none;color:var(--ink)}
.pd-row:hover{border-color:var(--teal);background:#fff}
.pd-row b{display:block;font-weight:600}
.pd-row{align-self:start}
.pd-row span{display:block;color:var(--muted);font-size:clamp(1rem,.42vw + .82rem,1.4rem);margin-top:6px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pd-row b{display:block;font-weight:600;font-size:clamp(1.05rem,.45vw + .86rem,1.5rem);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pd-crumb{font-size:1rem;color:var(--muted);margin-bottom:10px}
h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.15;margin:0 0 14px}
.pd-meta{display:flex;gap:26px;flex-wrap:wrap;margin:18px 0;padding:14px 18px;background:var(--paper);
  border:1px solid var(--line);border-radius:11px}
.pd-meta dt{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pd-meta dd{margin:3px 0 0;font-weight:600;font-size:1.05rem}
.pd-chips{display:flex;gap:8px;flex-wrap:wrap}
.pd-chip{padding:10px 20px;font-size:clamp(1rem,.4vw + .84rem,1.4rem);border:1px solid var(--line);border-radius:999px;background:var(--paper);
  text-decoration:none;color:var(--ink);font-size:1rem}
.pd-chip.on{background:var(--teal);color:#fff;border-color:var(--teal)}
.pd-note{padding:16px 20px;background:#fff6e6;border-left:3px solid var(--gold);border-radius:0 9px 9px 0;
  font-size:.95rem;color:#6b4f22}
.pd-body p{margin:0 0 1.15em;font-size:clamp(1.05rem,.5vw + .85rem,1.6rem);max-width:95ch}
.pd-convert{margin:26px 0;padding:20px 22px;background:var(--paper);border:1px solid var(--line);
  border-radius:13px}
.pd-convert b{display:block;font-family:'Fraunces',Georgia,serif;font-size:clamp(1.25rem,.7vw + .95rem,2.1rem);margin-bottom:6px}
.pd-convert p{margin:0 0 15px;color:var(--muted);font-size:clamp(1rem,.45vw + .82rem,1.45rem)}
.pd-btn{display:inline-block;padding:10px 20px;background:var(--teal);color:#fff;text-decoration:none;
  border-radius:9px;font-weight:600}
.pd-btn:hover{background:#065f5d}
.pd-foot{background:var(--paper);border-top:1px solid var(--line);padding:34px clamp(24px,4vw,90px);text-align:center;
  color:var(--muted);font-size:.95rem}
.pd-foot .pd-cta{margin-top:14px}
@media(max-width:900px){.pd-wrap{padding:24px 18px 60px}}
@media(max-width:700px){.pd-top{gap:12px}.pd-nav{width:100%;justify-content:space-between}}
.pd-src{margin:20px 0;padding:14px 22px;background:#eef7f6;border-left:4px solid var(--teal);
  border-radius:0 9px 9px 0;font-size:clamp(1rem,.42vw + .82rem,1.4rem);color:var(--muted)}

/* Content left, context and CTAs right. One column under 1100px. */
.pd-two{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(340px,.85fr);
  gap:clamp(28px,3vw,70px);align-items:start}
.pd-col-side{position:sticky;top:120px}
.pd-col-side .pd-convert{margin:0 0 16px}
.pd-book-cta{display:flex;gap:16px;align-items:flex-start}
.pd-book-cta img{width:110px;border-radius:6px;box-shadow:0 6px 18px rgba(38,27,26,.22)}
@media(max-width:1100px){.pd-two{grid-template-columns:1fr}.pd-col-side{position:static}}

/* Book-cover grid for the contradiction catalogues */
.pd-covers{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  gap:clamp(16px,1.6vw,30px);margin-bottom:30px}
.pd-cover{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px;
  transition:border-color .12s,transform .12s;display:flex;flex-direction:column}
.pd-cover:hover{border-color:var(--teal);transform:translateY(-2px)}
.pd-cover.on{border-color:var(--teal);border-width:2px;background:#eef7f6}
.pd-cover a{text-decoration:none;color:var(--ink);display:block}
.pd-cover img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:7px;
  box-shadow:0 8px 22px rgba(38,27,26,.20);margin-bottom:11px;background:#eee}
.pd-cover b{display:block;font-size:clamp(1rem,.4vw + .85rem,1.3rem);line-height:1.25}
.pd-cover span{color:var(--muted);font-size:clamp(.9rem,.32vw + .78rem,1.15rem)}
.pd-buy{display:inline-block;margin-top:10px;padding:7px 14px;background:var(--teal);color:#fff!important;
  border-radius:8px;font-weight:600;font-size:clamp(.88rem,.3vw + .78rem,1.1rem);text-align:center}
.pd-buy:hover{background:#065f5d}
.pd-card-cover{display:flex;gap:14px;align-items:center}
.pd-card-cover img{width:74px;aspect-ratio:2/3;object-fit:cover;border-radius:5px;flex:0 0 auto;
  box-shadow:0 5px 14px rgba(38,27,26,.20)}

/* Autosuggest dropdown under the search field */
.pd-search{position:relative}
.pd-sug{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;
  border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px rgba(38,27,26,.18);
  overflow:hidden;z-index:60;max-height:60vh;overflow-y:auto}
.pd-sug a{display:block;padding:12px 18px;text-decoration:none;color:var(--ink);
  border-bottom:1px solid var(--line);font-size:clamp(.98rem,.38vw + .82rem,1.3rem)}
.pd-sug a:last-child{border-bottom:0}
.pd-sug a:hover{background:#eef7f6}
.pd-sug .t{display:inline-block;min-width:120px;color:var(--muted);font-size:.78em;
  letter-spacing:.06em;text-transform:uppercase}
.pd-sug em{color:var(--muted);font-style:normal;font-size:.9em}

/* One selected catalogue: the book sits beside its results, not above them */
.pd-covers-one{grid-template-columns:minmax(200px,240px);margin-bottom:22px}

/* Suggest rows: type badge, label, context, and a line of detail */
.pd-sug a{display:flex;gap:18px;align-items:baseline}
.pd-sug .t{flex:0 0 auto;min-width:130px}
.pd-sug .l{display:block}
.pd-sug .s{display:block;color:var(--muted);font-size:.86em;margin-top:3px;line-height:1.4}

/* Sign-up call to action in the top bar */
.pd-nav-cta{padding:9px 20px;background:var(--teal);color:#fff!important;border-radius:9px;
  white-space:nowrap}
.pd-nav-cta:hover{background:#065f5d}