.writing{max-width:640px;padding:120px max(20px, env(safe-area-inset-right,0px)) 120px max(20px, env(safe-area-inset-left,0px));color:#c9d3d0;font:17px/1.65 var(--body);margin:0 auto}.writing h1{font:600 40px/1.1 var(--body);letter-spacing:-.03em;color:var(--fg);margin:0 0 24px}.writing p{text-wrap:pretty;margin:0 0 14px}.writing a{color:var(--fg);text-underline-offset:3px;-webkit-text-decoration:underline #eef3f159;text-decoration:underline #eef3f159;text-decoration-thickness:1px;transition:text-decoration-color .2s}.writing a:hover{-webkit-text-decoration-color:var(--warm);text-decoration-color:var(--warm)}.writing .writing-sub{background:var(--fg);color:#0b0f0e;border-radius:99px;align-items:center;gap:8px;margin-top:6px;padding:9px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.writing .writing-sub:hover{background:#fff}.writing h2{font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:56px 0 6px}.writing .lede{margin:0 0 6px;font-size:15.5px}@media (max-width:520px){.writing{padding-top:96px;font-size:16px}.writing h1{font-size:34px}.writing h2{margin-top:44px}}