/*
Theme Name: The Personal Library · Archive Edition
Version: 1.1.2
Requires PHP: 7.4
Description: Pavel Sokolovsky’s newsletter, archive, books, and essays.
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--ink:#30272e;--muted:#655660;--paper:#f8f3f5;--pink:#eedfe9;--line:#d6c6d0;--green:#e3e9dd;--gold:#eee5d1;--plum:#512945;--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",monospace}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans)}a{color:inherit;text-underline-offset:.24em}a:hover{color:var(--plum)}button,input,select{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid #a44886;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:.98;letter-spacing:-.025em}h1{font-size:clamp(64px,11vw,145px)}h2{font-size:clamp(38px,6vw,72px)}h3{font-size:clamp(28px,3vw,39px)}p{max-width:66ch}p+p{margin-top:14px}.wrap{width:min(1190px,calc(100% - 96px));margin:auto}.meta{font:500 11px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.mast,.foot{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0}.mast{border-bottom:1px solid var(--line)}.foot{border-top:1px solid var(--line);margin-top:55px;flex-wrap:wrap;font-size:14px}.brand{font:30px var(--serif);text-decoration:none;white-space:nowrap}.mast nav{display:flex;gap:21px;flex-wrap:wrap;font-size:14px}.mast nav a{text-decoration:none}.mast nav a[aria-current=page]{text-decoration:underline;font-weight:700}.mast nav a:last-child{color:var(--plum)}.hero{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:40px;padding:64px 0 41px}.hero h1,.page-head h1{margin:12px 0 19px}.hero h1{font-style:italic}.intro{font-size:clamp(18px,2vw,23px);line-height:1.36}.note{background:var(--pink);border:1px solid var(--line);border-top:4px solid var(--plum);padding:23px 26px;transform:rotate(1.4deg);box-shadow:4px 6px 0 #42213a0d}.note h3{margin:9px 0 12px}.note a{display:inline-block;margin-top:12px;font-weight:700}.rooms,.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.room{padding:24px;background:var(--pink);border:1px solid var(--line);min-height:185px}.room:nth-child(2){background:var(--gold)}.room:nth-child(3){background:var(--green)}.room h3{margin-bottom:10px}.room p{margin-bottom:16px}.room a,.line-link{font-weight:700}.pills{display:flex;flex-wrap:wrap;gap:7px}.pills a,.pills button{display:inline-block;border:1px solid #93818c;border-radius:30px;padding:4px 10px;font-size:13px;color:var(--ink);background:none;text-decoration:none}.pills a:hover,.pills button:hover{background:#fff9}.section{margin-top:50px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:20px}.shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.spine{display:flex;flex-direction:column;justify-content:space-between;gap:15px;padding:17px;min-height:155px;background:var(--cover);border-left:7px solid #30272e35;text-decoration:none;font:25px/1.04 var(--serif)}.spine small{font:11px var(--mono)}.page-head{padding:55px 0 29px}.page-head h1{font-size:clamp(63px,10vw,115px)}.page-head p{color:var(--muted)}.card{padding:18px 0;border-top:1px solid var(--line)}.card h3{margin:6px 0 10px}.card p{color:var(--muted)}.card .source{display:inline-block;margin-top:9px;font-size:13px}.columns{display:grid;grid-template-columns:1.4fr .6fr;gap:42px;align-items:start}.panel{background:var(--pink);padding:23px;border:1px solid var(--line)}.panel h3{margin-bottom:10px}.panel a{display:inline-block;margin-top:10px}.search-tools{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:12px}.search-tools label{display:grid;gap:4px}.search-tools .grow{flex:1;min-width:190px}.search-tools input,.search-tools select{width:100%;min-height:43px;padding:8px 10px;border:1px solid #93818c;background:#fff9;color:var(--ink);border-radius:3px}.archive-status{margin:22px 0 12px;color:var(--muted)}.action{border:0;background:var(--plum);color:white;padding:9px 15px;border-radius:3px;margin-top:16px}.prose{max-width:680px;font-size:19px}.prose h2{font-size:42px;margin:25px 0 10px}.prose ul{padding-left:21px}.back{display:inline-block;margin:25px 0 0}.archive-grid{gap:0 22px}.edition-head{border-bottom:3px double var(--line);padding-bottom:28px;margin-bottom:22px}.edition-head h1{font-style:italic}.edition-list .card:first-child{border-top:0;padding-top:0}.cover{min-height:220px;background:var(--cover);padding:22px;border-left:9px solid #30272e35;display:grid;align-content:space-between;gap:20px}.cover strong{font:38px/1 var(--serif)}.trails a{display:block;margin:10px 0}.detail-body{white-space:pre-wrap}
@media(max-width:820px){.wrap{width:calc(100% - 48px)}.mast{align-items:start;flex-direction:column;gap:10px}.mast nav{gap:13px}.hero{gap:19px}.note{transform:none}.shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:590px){.wrap{width:calc(100% - 30px)}.hero,.rooms,.grid,.columns{grid-template-columns:1fr}.hero{padding-top:41px}.page-head{padding-top:37px}.section-head{align-items:start;flex-direction:column}.room{min-height:auto}.note{padding:18px}.foot{margin-top:38px}}

.prose img{max-width:100%;height:auto}.pagination{margin:25px 0}.pagination .page-numbers{padding:6px}.prose a{overflow-wrap:anywhere}

/* Discussion follows the article's reading width. */
.comments {
  max-width: 680px;
  margin-top: 42px;
  padding-top: 26px;
  border-top: 1px solid var(--line);
}
.comments h2, .comments .comment-reply-title { font-size: clamp(34px, 5vw, 48px); }
.comments .comment-list, .comments .children { list-style: none; padding: 0; margin: 0; }
.comments .children { padding-inline-start: clamp(12px, 4vw, 28px); }
.comments .comment-body { padding: 18px 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.comments .comment-content { margin: 8px 0; }
.comments .comment-metadata, .comments .comment-reply-link, .comments .comment-navigation { font-size: 14px; }
.comments .comment-respond { padding: clamp(18px, 4vw, 30px); background: var(--pink); border: 1px solid var(--line); }
.comments .comment-list + .comment-respond, .comments .comment-navigation + .comment-respond { margin-top: 22px; }
.comments .comment-form { display: grid; gap: 14px; margin-top: 14px; }
.comments .comment-form p { margin: 0; max-width: none; }
.comments .comment-form label { display: block; margin-bottom: 4px; font-size: 14px; font-weight: 700; }
.comments .comment-form input[type="text"],
.comments .comment-form input[type="email"],
.comments .comment-form input[type="url"],
.comments .comment-form textarea {
  display: block;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #93818c;
  border-radius: 4px;
  background: var(--paper);
  color: var(--ink);
}
.comments .comment-form textarea { min-height: 125px; resize: vertical; }
.comments .comment-notes, .comments .logged-in-as, .comments .comment-form-cookies-consent { font-size: 14px; color: var(--muted); }
.comments .comment-form-cookies-consent label { display: inline; font-weight: 400; }
.comments .submit {
  min-height: 44px;
  padding: 8px 16px;
  border: 1px solid var(--plum);
  border-radius: 4px;
  background: var(--plum);
  color: white;
  font-weight: 700;
  cursor: pointer;
}
.comments .submit:hover { background: #3c1d33; }
.comments #cancel-comment-reply-link { font: 14px var(--sans); }