:root{--bg:#fff;--ink:#1a1a1a;--dim:#8a8a8a}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:Cardo,Times New Roman,Times,serif}.reading-close{top:calc(8px + env(safe-area-inset-top,0px));width:44px;height:44px;color:var(--ink);-webkit-tap-highlight-color:transparent;outline:none;place-items:center;display:grid;position:fixed;right:8px}.reading-close:hover,.reading-close:focus-visible{color:#777}.reading-close path{stroke:currentColor;stroke-width:1.25px;fill:none;stroke-linecap:round}@media (width<=640px){.reading-close{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border-radius:50%;transition:transform .25s,opacity .25s;box-shadow:0 0 0 .5px #00000014,0 1px 6px #00000014}.reading-close.tucked{transform:translateY(calc(-100% - 12px - env(safe-area-inset-top,0px)));opacity:0;pointer-events:none}}.reading{--side:clamp(20px, 6vw, 32px);max-width:calc(600px + 2 * var(--side));padding:calc(14vh + env(safe-area-inset-top,0px)) calc(var(--side) + env(safe-area-inset-right,0px)) calc(18vh + env(safe-area-inset-bottom,0px)) calc(var(--side) + env(safe-area-inset-left,0px));margin:0 auto;font-size:20px;line-height:1.6}.reading header{margin-bottom:36px}.reading h1{text-wrap:balance;margin:0;font-size:32px;font-weight:400;line-height:1.2}.reading-meta{color:var(--dim);margin:8px 0 0;font-size:16px}.reading p{margin:0 0 1.1em}.reading p.reading-meta{margin:8px 0 0}.reading h1,.reading-meta,.reading-others{font-family:Fraunces Variable,Cardo,Times New Roman,Times,serif}.reading.essays .reading-meta{color:var(--ink);font-size:14px;font-weight:300}.reading.essays .reading-meta .month{text-transform:uppercase}.reading.essays>p{text-align:justify;-webkit-hyphens:auto;hyphens:auto;text-wrap:pretty;letter-spacing:.03em;font-size:20px;line-height:1.45}.reading .stanza{letter-spacing:.03em;word-spacing:.08em;margin-bottom:1.4em;line-height:1.4}.stanza .line{display:block}.stanza .line.indented{padding-left:.6em}.reading-cover{border-radius:2px;width:112px;height:auto;display:block;box-shadow:0 1px 2px #0000001f,0 6px 18px #0000001a}.reading-others{margin-top:72px}.reading-others h2{color:var(--dim);margin:0 0 20px;font-size:16px;font-weight:400}.reading-others ul{grid-template-columns:repeat(4,1fr);align-items:end;gap:24px;margin:0;padding:0;list-style:none;display:grid}.reading-others a{-webkit-tap-highlight-color:transparent;outline:none;transition:opacity .15s;display:block}.reading-others a:hover,.reading-others a:focus-visible{opacity:.75}.reading-others .reading-cover{width:100%}@media (width<=640px){.reading-others ul{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width<=300px){.reading-others ul{grid-template-columns:minmax(0,160px)}}.reading-others.essays ul{display:block}.reading-others.essays li{margin-bottom:10px;line-height:1.35}.reading-others.essays a{color:#2563eb;text-decoration:none;display:inline}.reading-others.essays a:hover,.reading-others.essays a:focus-visible{opacity:1;text-underline-offset:3px;text-decoration:underline}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.reading-missing a{color:inherit}@media (width<=640px){.reading{padding-top:calc(72px + env(safe-area-inset-top,0px));font-size:20px}.reading h1{font-size:28px}}