.reader{width:min(760px, calc(100% - var(--s-6)));max-width:none;max-height:calc(100dvh - var(--s-7));overscroll-behavior:contain;border-radius:var(--r);background:var(--paper);color:var(--ink);border:0;padding:0;overflow:auto}.reader::backdrop{background:var(--scrim)}html:has(.reader[open]){overflow:hidden}.reader-bar{z-index:1;justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-2) var(--s-3) var(--s-2) var(--s-5);background:var(--paper);border-bottom:1px solid var(--line);font-size:var(--step--1);color:var(--ink-muted);font-weight:600;display:flex;position:sticky;top:0}.reader-close{border:1px solid var(--line);border-radius:var(--r-pill);cursor:pointer;width:44px;height:44px;transition:border-color var(--d) var(--ease-out-quart), transform var(--d-fast) var(--ease-out-quart);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.reader-close:hover{border-color:var(--bark)}.reader-close:active{transform:scale(.96)}.reader-article{padding:var(--s-5) var(--s-5) var(--s-7)}.reader-cover{aspect-ratio:3/2;object-fit:cover;border-radius:var(--r);background:var(--paper-2);width:100%}.reader-article time{margin-top:var(--s-5);font-size:var(--step--1);color:var(--ink-muted);display:block}.reader-article h1{margin-top:var(--s-2);font-size:var(--step-2);text-wrap:pretty;line-height:1.2}.reader-body{margin-top:var(--s-5);line-height:1.75}.reader-body>*+*{margin-top:var(--s-4)}.reader-body h2{margin-top:var(--s-7);font-size:var(--step-1);text-wrap:pretty}.reader-body h3{margin-top:var(--s-5);font-family:var(--font-body);letter-spacing:0;font-size:1rem;font-weight:700}.reader-body ul{padding-left:var(--s-5);list-style:outside}.reader-body li+li{margin-top:var(--s-1)}.reader-body li::marker{color:var(--caramel)}.reader-body strong{font-weight:600}.reader-body figure{margin-block:var(--s-6)}.reader-body figure img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--r);background:var(--paper-2);width:100%}.reader-cta{justify-content:space-between;align-items:center;gap:var(--s-4);margin-top:var(--s-7);padding:var(--s-5);background:var(--latte);border-radius:var(--r);flex-wrap:wrap;display:flex}.reader-cta p{font-family:var(--font-display);font-size:var(--step-1);line-height:1.3}@media (width>=640px){.reader-article{padding:var(--s-6) var(--s-7) var(--s-8)}}@media (width<=639px){.reader{border-radius:0;width:100%;height:100dvh;max-height:100dvh;margin:0}}.post-main{padding-top:calc(var(--header-h) + var(--s-6));padding-bottom:var(--s-9)}.post-shell{width:min(760px, 100% - var(--s-6));margin-inline:auto}.post-page .reader-article{padding:0}.post-more{margin-top:var(--s-9);padding-top:var(--s-7);border-top:1px solid var(--line)}.post-more h2{font-size:var(--step-2)}.post-more ul{gap:var(--s-6);margin:var(--s-5) 0 0;padding:0;list-style:none;display:grid}.post-more a{gap:var(--s-3);color:inherit;text-decoration:none;display:grid}.post-more img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--r);background:var(--paper-2);width:100%}.post-more span{font-family:var(--font-display);font-size:var(--step-1);text-wrap:pretty;line-height:1.3}.post-more a:hover span{color:var(--bark)}@media (width>=640px){.post-more ul{grid-template-columns:1fr 1fr}}