@font-face{font-family:"DJT Blackletter";src:url("/fonts/djt-blackletter.woff") format("woff");font-display:swap}
@font-face{font-family:"DJT Head";src:url("/fonts/djt-head.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"DJT Head";src:url("/fonts/djt-head-bold.woff") format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"DJT Head";src:url("/fonts/djt-head-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"DJT Body";src:url("/fonts/djt-body.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"DJT Body";src:url("/fonts/djt-body-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"DJT Body";src:url("/fonts/djt-body-bold.woff") format("woff");font-weight:700;font-display:swap}

:root{--ink:#121212;--paper:rgb(251,250,246);--muted:#4a4a4a;--rule:#121212;--head:"DJT Head",Georgia,"Times New Roman",serif;--body:"DJT Body",Georgia,"Times New Roman",serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left)) 0 max(16px,env(safe-area-inset-right))}

/* masthead strip */
.masthead{padding-top:max(22px,env(safe-area-inset-top));text-align:center}
.nameplate{display:block;font-family:"DJT Blackletter",serif;font-weight:400;font-size:clamp(34px,10vw,76px);line-height:1.05;white-space:nowrap;text-decoration:none;letter-spacing:.5px;margin:0}
.rules{margin-top:12px;border-top:1px solid var(--rule)}
.navbar{margin-top:3px;border-top:1px solid var(--rule);border-bottom:3px double var(--rule);padding:7px 2px 6px;font-family:var(--head);font-size:13px;letter-spacing:.12em;text-transform:uppercase;display:flex;justify-content:center;flex-wrap:wrap;gap:0 .2em}
.navbar a{text-decoration:none;padding:6px 8px}
.navbar a:hover,.navbar a[aria-current=page]{text-decoration:underline;text-underline-offset:3px}
.navbar .sep{padding:6px 0;color:var(--muted)}

main.wrap{padding-top:26px;padding-bottom:10px}

/* edition */
.edition-head{text-align:center;margin:0 auto 18px;max-width:820px}
.edition-date{font-family:var(--head);font-size:13px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px}
.edition-head h1{font-family:var(--head);font-weight:700;font-size:clamp(26px,6.4vw,44px);line-height:1.1;margin:0}
.edition-head .deck{font-family:var(--head);font-style:italic;font-size:clamp(16px,3.8vw,19px);line-height:1.38;color:#222;margin:10px auto 0}
.page-img{margin:0 auto;max-width:1080px}
.page-img a{display:block;line-height:0;border:1px solid #d9d6cc;box-shadow:0 1px 6px rgba(0,0,0,.08)}
.page-img img{display:block;width:100%;height:auto}
.page-img figcaption{font-family:var(--head);font-size:13px;color:var(--muted);text-align:center;margin-top:10px;letter-spacing:.04em}
.permalink{text-align:center;font-family:var(--head);font-size:14px;margin-top:6px}

/* archive + prose */
.section-title{font-family:var(--head);font-weight:700;font-size:clamp(26px,6vw,38px);text-align:center;margin:0 0 16px}
.archive{list-style:none;padding:0;margin:0 auto;max-width:720px;border-top:1px solid var(--rule)}
.archive li{border-bottom:1px solid #bdbdbd;padding:14px 2px}
.archive time{display:block;font-family:var(--head);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.archive a{font-family:var(--head);font-weight:700;font-size:21px;line-height:1.25;text-decoration:none}
.archive a:hover{text-decoration:underline}
.prose{max-width:680px;margin:0 auto}
.prose h1{font-family:var(--head);font-weight:700;font-size:clamp(28px,7vw,42px);line-height:1.1;text-align:center;margin:0 0 22px}
.prose h2{font-family:var(--head);font-weight:700;font-size:clamp(21px,5vw,26px);line-height:1.2;margin:30px 0 8px;padding-top:12px;border-top:1px solid var(--rule)}
.prose p{margin:0 0 14px}
.prose ul.apples{list-style:none;padding:0;margin:0 0 16px}
.prose ul.apples li{position:relative;padding-left:1.9em;margin:0 0 8px}
.prose ul.apples li::before{content:"🍏";position:absolute;left:0;top:0}
.prose .signoff{font-size:19px;margin:22px 0 26px}
.prose .footnote{font-size:14px;line-height:1.5;color:var(--muted);border-top:1px solid #bdbdbd;padding-top:10px}
.fnref,.footnote a{text-decoration:none}
.notfound{text-align:center;max-width:600px;margin:0 auto}
.notfound p{margin:0 0 12px}

/* footer */
footer{max-width:1080px;margin:30px auto 0;padding:16px 16px max(28px,env(safe-area-inset-bottom));border-top:3px double var(--rule);text-align:center;font-family:var(--head);font-size:12.5px;line-height:1.6;color:var(--muted)}
.footer-logo{font-family:"DJT Blackletter",serif;font-size:30px;line-height:1.1;color:var(--ink);margin-bottom:4px}
.footer-meta{letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.footer-icons{display:flex;justify-content:center;gap:18px;margin-bottom:10px}
.footer-icons a{display:inline-flex;padding:6px;color:var(--ink)}
.footer-icons a:hover{color:var(--muted)}
.footer-icons svg{width:22px;height:22px;fill:currentColor}
.privacy-modal{max-width:640px;margin:10px auto 0}
.privacy-modal summary{display:inline-block;cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:3px;letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:var(--ink);padding:6px 4px}
.privacy-modal summary::-webkit-details-marker{display:none}
.privacy-modal p{text-align:left;font-family:var(--body);font-size:13.5px;line-height:1.55;color:#2a2a2a;margin:8px 0 0;padding:12px 14px;border:1px solid #bdbdbd;background:#fff}

@media (min-width:760px){
  body{font-size:18px}
  .wrap{padding:0 32px}
  .masthead{padding-top:34px}
  main.wrap{padding-top:36px}
  .navbar{font-size:13.5px}
}