/* World in Books: public "Books set in ..." pages. Builds on styles.css. */
.pub{padding-bottom:64px}
.pub-mast{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:22px 0 10px;border-bottom:1px solid var(--rule)}
.pub-mast .brand{font-size:22px;color:var(--ink);text-decoration:none}
.pub-mast .pub-nav{font-size:15px;color:var(--ink-soft)}
.pub a:not(.btn){color:inherit;text-underline-offset:3px;text-decoration-color:color-mix(in srgb, currentColor 45%, transparent)}
.pub a:not(.btn):hover{text-decoration-color:currentColor}
.crumbs{font-size:14px;font-style:italic;color:var(--ink-soft);margin:16px 0 10px}
.crumbs span{margin:0 4px;color:var(--rule)}

/* The page is "bound" in its continent's cloth: a spine down the left of the title card */
.cloth{position:relative;background:var(--paper-3);border:1px solid var(--rule);box-shadow:var(--shadow);
  padding:22px 22px 20px 44px;margin:0 0 26px}
.cloth::before{content:"";position:absolute;left:0;top:0;bottom:0;width:22px;background-color:var(--cloth,var(--ink));
  background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 1px,transparent 1px 3px);
  box-shadow:inset -3px 0 4px -2px rgba(0,0,0,.35)}
.cloth::after{content:"";position:absolute;left:22px;top:0;bottom:0;width:1px;background:rgba(0,0,0,.18)}
.cloth.plain::before{background-color:var(--stamp)}
.cloth h1{font-weight:400;font-size:clamp(32px,7.5vw,48px);line-height:1.05;letter-spacing:-.01em;margin:0 0 12px;text-wrap:balance}
.cloth .lede{margin:0 0 16px;max-width:36em}
.cloth .cta{margin:0}
.cloth .btn{display:inline-block;text-decoration:none}

.pub h2.minihead{margin-top:30px}
.pub .aside{margin:-2px 0 4px;font-size:15px;color:var(--ink-soft)}
.pub .talker h3.t{font-weight:400;font-size:18px;margin:0;line-height:1.3}
.pub .talker .actions a{font-size:15px}

.more{margin-top:40px}
.more .countries{margin:0;line-height:2}
.more .countries a{margin-right:14px;white-space:nowrap}

/* Index of all countries */
.continent{margin:30px 0 0;padding-left:16px;border-left:6px solid var(--cloth)}
.continent h2{font-weight:400;font-size:24px;margin:0 0 8px}
.country-index{list-style:none;margin:0;padding:0;columns:2 14em;column-gap:28px}
.country-index li{break-inside:avoid;padding:3px 0;display:flex;justify-content:space-between;gap:8px;border-bottom:1px dotted var(--rule)}
.country-index span{color:var(--ink-soft);font-style:italic;font-size:14px;font-variant-numeric:oldstyle-nums}

@media (max-width:420px){
  .cloth{padding:18px 16px 16px 36px}
  .cloth::before{width:16px}
  .cloth::after{left:16px}
}

/* Book covers from Open Library */
.pub .talker.with-cover{display:grid;grid-template-columns:72px 1fr;column-gap:16px;align-content:start}
.pub .talker.with-cover > .cover{grid-row:1 / span 6;width:72px;height:108px;object-fit:cover;border:1px solid var(--rule);background:var(--paper-2);box-shadow:2px 3px 0 -1px color-mix(in srgb, var(--ink) 18%, transparent)}
.pub .talker.with-cover > :not(.cover){grid-column:2}
@media (max-width:420px){
  .pub .talker.with-cover{grid-template-columns:56px 1fr;column-gap:12px}
  .pub .talker.with-cover > .cover{width:56px;height:84px}
}