.read-doc{--read-text:660px;--read-wide:780px;max-width:var(--read-wide);margin-inline:auto}.read-main{min-width:0}.read-wide{max-width:var(--read-wide)}.read-measure{max-width:var(--read-text)}.read-flow{max-width:var(--read-text);display:flow-root}.read-toc ol{gap:2px;margin-top:10px;padding:0;list-style:none;display:grid;position:relative}.read-toc ol:before{content:"";background:var(--line);width:2px;position:absolute;inset:0 auto 0 0}.read-toc a{color:var(--ink-soft);padding:5px 0 5px 14px;text-decoration:none;display:block;position:relative}.read-toc a:before{content:"";background:var(--accent-action);width:2px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:5px;bottom:5px;left:0;transform:scaleY(0)}.read-toc a:hover,.read-toc a[aria-current]{color:var(--ink-strong)}.read-toc a[aria-current]:before{transform:scaleY(1)}.read-flow a.gl{color:var(--ink-strong);-webkit-text-decoration:underline dotted var(--accent-action);text-decoration:underline dotted var(--accent-action);text-underline-offset:4px;text-decoration-thickness:2px}.read-flow a.gl:hover,.read-flow a.gl.is-on{background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft);border-radius:4px}.mnote{background:var(--surface-soft);color:var(--ink);border-radius:14px;margin:4px 0 22px;padding:14px 16px;text-decoration:none;transition:box-shadow .2s,background-color .2s;display:block}.mnote[data-kind=related],.mnote[data-kind=tool]{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-strong)}.mnote[data-kind=homes]{background:var(--surface);box-shadow:inset 0 0 0 1px var(--trust-line)}.mnote[data-kind=ask]{background:var(--accent-soft)}.mnote.is-on{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent-action), 0 14px 30px -18px #8c2a3b66}.mnote:has(a:hover){background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent-action), 0 14px 30px -18px #8c2a3b66}.mnote__kind{color:var(--trust-ink);align-items:center;gap:6px;margin-bottom:6px;display:flex}.mnote__kind svg{flex:none;width:14px;height:14px}.mnote__title{color:var(--ink-strong);margin-bottom:2px;display:block}.mnote__go{width:fit-content;color:var(--trust-ink);text-underline-offset:3px;margin-top:6px;text-decoration:underline;display:block}.mnote[data-kind=word]{margin:8px 0 12px;display:none}.mnote[data-kind=word][data-open]{display:block}.mnote[data-kind=homes]{display:none}.blog-shell{gap:40px;padding-block:28px 88px;display:grid}.blog-shell__side,.blog-shell__head,.blog-shell__rail{display:none}@media (min-width:71rem){.blog-shell{grid-template-columns:256px minmax(0,1fr)}.blog-shell__side{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;align-self:start;gap:20px;max-height:calc(100vh - 112px);display:flex;position:sticky;top:96px;overflow-y:auto}.blog-shell__head{flex-direction:column;gap:16px;display:flex}.blog-shell__after{display:none}}@media (min-width:80rem){.blog-shell--rail{grid-template-columns:256px minmax(0,1fr) 240px}.blog-shell__head{display:none}.blog-shell__rail{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;align-self:start;gap:20px;max-height:calc(100vh - 112px);display:flex;position:sticky;top:96px;overflow-y:auto}}.blog-shell__side,.blog-shell__rail{scrollbar-color:transparent transparent}.blog-shell__side:hover,.blog-shell__side:focus-within,.blog-shell__rail:hover,.blog-shell__rail:focus-within{scrollbar-color:var(--line-strong) transparent}.blog-sheet{background:var(--surface);width:100%;max-width:100%;max-height:82vh;color:var(--ink);border:0;border-radius:20px 20px 0 0;margin:auto 0 0;padding:0;overflow-y:auto}.blog-sheet::backdrop{background:#00000073}.blog-sheet__in{padding:12px 16px 24px}.blog-home-reading{--reading-height:27.5rem}@media (min-width:48rem){.blog-home-reading{--reading-height:20.5rem}}html[data-blog-reader="1"] .blog-home-reading{height:var(--reading-height);display:block}.cover-draw [data-draw]{animation:1.1s cubic-bezier(.22,1,.36,1) backwards read-draw}.cover-draw [data-draw="2"]{animation-delay:.45s}.cover-draw [data-draw="3"]{animation-delay:.9s}@keyframes read-draw{0%{stroke-dasharray:1;stroke-dashoffset:1px}to{stroke-dasharray:1;stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.cover-draw [data-draw]{animation:none}}
