/* DRAFT — NOT RUNTIME — DO NOT DEPLOY. Archive presentation only. */
@font-face{font-family:Exchange;src:url('/plain-thinking/assets/fonts/Exchange-Book.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Exchange;src:url('/plain-thinking/assets/fonts/Exchange-BookItalic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Exchange;src:url('/plain-thinking/assets/fonts/Exchange-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:light;--paper:#fff;--ink:#24292d;--muted:#73787b;--line:#e2e4e3;--navy:#24465f}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.5 Exchange,Georgia,serif;-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
a:focus-visible,button:focus-visible{outline:2px solid var(--navy);outline-offset:4px}
img{max-width:100%;height:auto;display:block}
figure,h1,h2,h3,p{margin:0}
button,input{font:inherit}
button{cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.draft{padding:4px 16px;background:#f6f6f4;text-align:center;color:#7a7e7a;font:9px/16px Arial,sans-serif;letter-spacing:.035em}
.wrap{max-width:720px;width:calc(100% - 64px);margin:0 auto}
.publication-header{padding:23px 0 16px;border-bottom:2px solid var(--ink);text-align:left}
.publication-header .name{display:inline-block;font:700 40px/1.15 Exchange,Georgia,serif;letter-spacing:-.7px}
.publication-header .name:hover{text-decoration:none}
.publication-header .tagline{font:400 14px/21px Arial,sans-serif;color:#454a4d;margin-top:9px;max-width:70ch}
.publication-byline{font:12px/18px Arial,sans-serif;color:var(--muted);margin-top:8px}
.publication-byline a{color:#474c50}
.publication-header nav{display:flex;align-items:center;gap:25px;font:12px/18px Arial,sans-serif;margin-top:17px}
.publication-header .signup{color:var(--navy);text-decoration:underline;text-underline-offset:4px}
.lead{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:25px;padding:24px 0;border-bottom:1px solid var(--ink)}
.lead-photo{grid-column:1;grid-row:1}
.lead-photo img{width:100%;height:auto}
.lead-photo figcaption{font:9px/14px Arial,sans-serif;color:var(--muted);margin-top:7px}
.lead-photo figcaption a{text-decoration:underline;text-underline-offset:2px}
.meta{font:11px/17px Arial,sans-serif;color:var(--muted)}
.lead-copy{grid-column:2;grid-row:1;padding-top:0}
.lead-copy h1{font:700 28px/1.2 Exchange,Georgia,serif;letter-spacing:-.2px;margin-top:8px;text-wrap:balance}
main{scroll-margin-top:25px}
.archive-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0 20px}
.archive-tools h2{font:700 16px/24px Arial,sans-serif;white-space:nowrap}
.issue-search{display:flex;align-items:center;gap:14px;min-width:0;font:11px/18px Arial,sans-serif}
.search-field{display:flex;width:246px;max-width:100%;min-width:0;border-bottom:1px solid #b9bfc1;align-items:center}
.search-field:focus-within{outline:2px solid var(--navy);outline-offset:3px}
.search-field input{width:100%;min-width:0;border:0;background:transparent;padding:8px 0;font:12px/20px Arial,sans-serif;color:var(--ink);outline:none}
.search-field input::placeholder{color:#7d8387}
.search-field input::-webkit-search-cancel-button{display:none}
.search-field button{border:0;background:transparent;color:var(--navy);padding:8px;font:11px/20px Arial,sans-serif}
.issue-search output{min-width:63px;color:var(--muted);text-align:right;white-space:nowrap}
.issue-grid{display:flex;flex-direction:column}
.issue-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:24px;padding:20px 0;border-top:1px solid var(--line);min-width:0;scroll-margin-top:25px}
.issue-card figure a{display:block}
.issue-card figure img{width:100%;aspect-ratio:1.6;object-fit:cover}
.issue-card .issue-graphic img{object-fit:contain;background:#fafaf8}
.issue-card h3{font:700 21px/1.3 Exchange,Georgia,serif;margin-top:5px;text-wrap:pretty}
.search-excerpt{font:400 16px/1.5 Exchange,Georgia,serif;color:#5a6166;margin-top:11px}
.excerpt-label{display:block;font:10px/17px Arial,sans-serif;color:var(--muted);margin-bottom:3px}
.search-excerpt q{quotes:none}
#no-results{padding:20px 0 35px;color:var(--muted)}
.archive-pagination{display:flex;align-items:center;justify-content:flex-start;gap:22px;flex-wrap:wrap;padding:22px 0;border-top:1px solid var(--line)}
.archive-pagination button{padding:8px 16px;border:1px solid #cdd1d2;background:transparent;color:var(--navy);font:13px/20px Arial,sans-serif}
.archive-pagination p{margin-left:auto;color:var(--muted);font:12px/18px Arial,sans-serif}
.about{display:grid;grid-template-columns:64px minmax(0,1fr);gap:24px;margin:28px 0 32px;padding-top:26px;border-top:1px solid var(--line);scroll-margin-top:30px}
.about img{width:64px;mix-blend-mode:multiply}
.about h2{font:400 24px/1.3 Exchange,Georgia,serif;margin-bottom:13px;letter-spacing:-.1px}
.about p{font:400 16px/1.6 Exchange,Georgia,serif;color:#555d62;max-width:none}
.about p+p{margin-top:11px}
.about .publisher{font:400 15px/1.6 Exchange,Georgia,serif;color:#62696d;margin-top:19px}
.about a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.footer{display:flex;justify-content:space-between;gap:22px;border-top:1px solid var(--line);padding:18px 0 28px;font:12px/20px Arial,sans-serif;color:var(--muted)}
.footer nav{display:flex;flex-wrap:wrap;gap:17px}
.email-page{padding:34px 0 31px}
.email-page h1{font:700 32px/1.2 Exchange,Georgia,serif;letter-spacing:-.3px;max-width:24ch}
.email-intro{font:16px/1.6 Exchange,Georgia,serif;color:#555d62;margin-top:13px}
#email-signup{margin-top:26px;max-width:560px}
#email-signup label{display:block;font:700 12px/18px Arial,sans-serif;margin-bottom:8px}
.email-field{display:flex;gap:10px}
.email-field input{min-width:0;flex:1;border:1px solid #aeb4b8;border-radius:0;padding:12px;font:16px/22px Arial,sans-serif;color:var(--ink);background:#fff}
.email-field input:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.email-field button{border:1px solid var(--ink);border-radius:0;background:var(--ink);color:#fff;padding:12px 24px;font:700 13px/22px Arial,sans-serif;white-space:nowrap}
.email-field button:disabled{opacity:.5;cursor:default}
.email-note{font:12px/19px Arial,sans-serif;color:var(--muted);margin-top:11px}
.email-back{display:inline-block;font:14px/22px Exchange,Georgia,serif;text-decoration:underline;text-underline-offset:4px;margin-top:23px}
.email-page+.about{margin-top:0}
.confirmation-form{margin-top:24px}
.confirmation-form button{border:1px solid var(--ink);background:var(--ink);color:#fff;padding:12px 24px;font:700 13px/22px Arial,sans-serif}
.email-note a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
@media(max-width:620px){
 .wrap{width:calc(100% - 40px)}
 .publication-header{padding-top:21px}
 .publication-header .name{font-size:36px}
 .publication-header .tagline{max-width:none;margin:9px 0 0;font-size:14px}
 .publication-header nav{margin-top:17px;gap:24px;font-size:12px}
 .lead{grid-template-columns:112px minmax(0,1fr);gap:18px;padding:22px 0}
 .lead-copy{padding-top:0}
 .lead-copy h1{font-size:24px;line-height:1.2;letter-spacing:-.2px}
 .archive-tools{display:block;padding:23px 0 17px}
 .archive-tools h2{font-size:16px;margin-bottom:9px}
 .issue-search{gap:12px}
 .search-field{width:auto;flex:1}
 .search-field input{font-size:16px;line-height:24px;padding:9px 0}
 .search-field button{min-height:44px}
 .issue-search output{font-size:10px;min-width:61px}
 .issue-card{grid-template-columns:92px minmax(0,1fr);gap:17px;padding:18px 0}
 .issue-card h3{font-size:19px;line-height:1.3}
 .issue-card .meta{font-size:10px;line-height:16px}
 .search-excerpt{font-size:15px}
 .about{grid-template-columns:48px minmax(0,1fr);gap:16px;margin-top:25px;padding-top:24px}
 .about img{width:48px}
 .about h2{font-size:22px}
 .about p{font-size:15px}
 .footer{flex-direction:column;gap:8px}
 .email-page{padding:27px 0}
 .email-page h1{font-size:28px}
 .email-field button{padding:12px 17px}
}
@media(max-width:370px){
 .issue-card{grid-template-columns:80px minmax(0,1fr);gap:15px}
 .issue-card h3{font-size:18px}
}