/* The reading surface shares the personal site's paper, type, and red accent. */
.privacy-page .note-header h1{overflow-wrap:anywhere}
.privacy-email{font:inherit;color:inherit;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#aaa;cursor:pointer;min-height:44px}
.privacy-email:hover{color:var(--accent)}
.privacy-email:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.notes-page>.page{max-width:816px;padding:0 48px}
.notes-page:has(.notes-index)>.page{max-width:896px}
.notes-page .header{height:96px;border-bottom:0}
.notes-page main{min-height:60vh}
.notes-index{max-width:800px;margin:68px auto 0}
.notes-intro{margin-bottom:64px}
.notes-index h1{font-size:46px;line-height:1.15;letter-spacing:-1.8px;font-weight:500;margin:0}
.notes-intro p{margin-top:16px;font-size:14px;line-height:1.6;color:var(--muted)}
.notes-archive{list-style:none;padding:0;margin:0}
.notes-archive li{padding:0;border:0}
.notes-archive li+li{margin-top:64px}
.notes-archive time{display:block;color:var(--muted);font-size:12px;line-height:1.6;font-variant-numeric:tabular-nums;margin-bottom:9px}
.notes-archive a{display:block;font-size:26px;line-height:1.35;font-weight:450;letter-spacing:-.6px;text-decoration:none}
.note-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;max-width:720px;margin-top:12px;font-size:16px;line-height:1.65;font-weight:400;letter-spacing:0;color:var(--muted)}
.notes-telegram a,.empty-state>a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--rule)}
.note-article{max-width:720px;margin:58px auto 205px}
.note-back{font-size:13px;color:var(--muted);display:inline-block;margin-bottom:45px;border-bottom:1px solid var(--rule);padding-bottom:3px}
.note-header{margin-bottom:43px}
.note-header h1{font-size:46px;font-weight:500;line-height:1.15;letter-spacing:-1.8px;margin:0 0 21px;text-wrap:balance}
.note-header time,.preview-label{font-size:13px;color:var(--muted);line-height:1.6}
.note-content{font-size:18px;line-height:1.85;overflow-wrap:break-word}
.note-content p{margin:0 0 1.3em}
.note-content h2,.note-content h3{font-weight:550;letter-spacing:-.5px;line-height:1.3;margin:1.8em 0 .7em}
.note-content h2{font-size:28px}.note-content h3{font-size:23px}
.note-content a{color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#aaa}
.note-content a:hover{color:var(--accent)}
.note-content li{padding-left:5px;margin-bottom:.45em}.note-content ul,.note-content ol{margin:0 0 1.5em;padding-left:24px}
.note-content__quote,.wp-content__quote{border-left:2px solid var(--accent);margin:32px 0;padding:3px 0 3px 25px;color:#59595f}
.note-content__quote p,.wp-content__quote p{margin-bottom:0}
.note-content cite{display:block;font-style:normal;font-size:14px;color:var(--muted);margin-top:12px}
.note-content__delimiter,.wp-content__delimiter{text-align:center;letter-spacing:6px;margin:36px 0;color:var(--muted)}
.note-content__image,.wp-content__image{margin:36px 0}
.note-content__image img,.wp-content__image img{max-width:100%;height:auto}
.note-content__image-caption,.wp-content__image-caption{font-size:13px;line-height:1.6;color:var(--muted);margin-top:12px}
.notes-footer{display:flex;justify-content:space-between;align-items:baseline;gap:28px;padding:0 0 35px;font-size:12px;color:var(--muted)}
.notes-page:has(.notes-index) .notes-footer{padding-top:104px}
.notes-footer>a{white-space:nowrap}
.notes-footer .notes-telegram{margin:0;font-size:14px;line-height:1.6;text-align:right}
.notes-footer .notes-telegram a{white-space:nowrap}
.empty-state{margin:90px auto;max-width:720px}.empty-state h1{font-size:38px;letter-spacing:-1px;margin-bottom:30px}

@media(max-width:760px){
  .notes-page>.page,.notes-page:has(.notes-index)>.page{padding:0 24px;max-width:720px}
  .notes-page .header{height:76px}
  .notes-index{margin:40px auto 0}
  .notes-index h1{font-size:38px;letter-spacing:-1.4px}
  .notes-intro{margin-bottom:46px}
  .notes-intro p{font-size:13px;line-height:1.65;margin-top:15px;max-width:26em}
  .notes-archive li+li{margin-top:44px}
  .notes-archive time{font-size:12px;margin-bottom:8px}
  .notes-archive a{font-size:23px;line-height:1.3;letter-spacing:-.5px}
  .note-excerpt{font-size:16px;line-height:1.65;margin-top:12px;max-width:none}
  .notes-page:has(.notes-index) .notes-footer{padding-top:80px}
  .notes-footer{padding-bottom:32px}
  .notes-footer>a{display:inline-flex;align-items:center;min-height:44px}
  .note-article{margin-top:28px;margin-bottom:160px}
  .note-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:27px;padding:0;font-size:14px;border:0;text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:5px}
  .note-header{margin-bottom:32px}
  .note-header h1{font-size:clamp(30px,8.2vw,42px);line-height:1.15;letter-spacing:-1px;text-wrap:initial;margin-bottom:18px}
  .note-content{font-size:17px;line-height:1.8}
  .note-content h2{font-size:26px;letter-spacing:-.6px}
  .note-content h3{font-size:22px}
  .note-content__quote,.wp-content__quote{padding-left:18px;margin:28px 0}
  .note-content__image,.wp-content__image{margin:28px 0}
  .empty-state{margin:48px auto 100px}
  .empty-state h1{font-size:30px}
}
@media(max-width:360px){.notes-page>.page,.notes-page:has(.notes-index)>.page{padding:0 20px}}