.intro{isolation:isolate;padding:36px var(--gutter) 56px;flex-direction:column;align-items:flex-start;gap:16px;display:flex;position:relative}.intro:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(42% 90% at 88% 0,#c9f2dd80,#c9f2dd00 70%);position:absolute;inset:0}.intro.center{text-align:center;align-items:center;padding-top:56px}.intro.center:before{background:radial-gradient(48% 75% at 50% 100%,#c9f2dd8c,#c9f2dd00 72%)}.intro .h1{max-width:16ch;font-size:56px}.intro .lede{max-width:34em}@media (width<=1000px){.intro .h1{font-size:46px}}@media (width<=640px){.intro{padding-top:24px;padding-bottom:40px}.intro.center{padding-top:32px}.intro .h1{font-size:36px}}.bar{display:block;overflow:visible}.bar rect{fill:var(--color-line-strong);transform-box:fill-box;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.bar.best rect{fill:var(--color-brand)}.grow .bar rect{transform-origin:0;transform:scaleX(0)}.grow .cover .bar rect{transform-origin:bottom;transform:scaleY(0)}.grow.on .bar rect{transform:none}.posts{flex-direction:column;max-width:1000px;margin:0 auto;display:flex}.post{border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:36px;padding:30px 0;text-decoration:none;display:grid}.post:first-child{border-top:0;padding-top:0}.post:last-child{padding-bottom:0}.intro .lede{text-wrap:balance}.when{font:13px var(--font-mono);color:var(--color-muted)}.post h2{letter-spacing:-.022em;margin:6px 0 8px;font-size:28px;font-weight:600;line-height:1.15;transition:color .2s}.post:hover h2{color:var(--color-brand)}.post p{color:var(--color-muted);max-width:34em;font-size:16px}.cover{background:var(--color-panel);height:182px;box-shadow:inset 0 0 0 1px var(--color-line);border-radius:18px;align-items:flex-end;gap:8px;padding:16px 20px 12px;display:flex}.cover>div{flex-direction:column;flex:1 1 0;align-items:center;gap:5px;min-width:0;display:flex}.cover b{font:500 12px var(--font-mono);color:var(--color-ink-2);white-space:nowrap}.cover .bar{width:100%;height:104px}.cover small{font:10.5px var(--font-mono);color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.cover>div:nth-child(2) rect{transition-delay:.1s}.cover>div:nth-child(3) rect{transition-delay:.2s}.cover>div:nth-child(4) rect{transition-delay:.3s}.cover>div:nth-child(5) rect{transition-delay:.4s}.cover>div:nth-child(6) rect{transition-delay:.5s}.posthead{padding-bottom:64px}.headgrid{grid-template-columns:minmax(0,1fr) 400px;align-items:center;gap:56px;width:100%;max-width:1000px;margin:0 auto;display:grid}.headline{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.back{color:var(--color-muted);align-items:center;gap:6px;margin-bottom:6px;font-size:14.5px;text-decoration:none;display:inline-flex}.back:hover{color:var(--color-brand)}.posthead h1{letter-spacing:-.035em;font-size:52px;font-weight:600;line-height:1.04}.cover.large{border-radius:var(--radius-card);background:var(--color-white);height:248px;box-shadow:0 0 0 1px var(--color-line), 0 24px 50px -36px #11161359;gap:12px;padding:22px 26px 16px}.cover.large .bar{height:150px}.cover.large b{font-size:13px}.cover.large small{font-size:11.5px}.by{align-items:center;gap:12px;margin-top:4px;text-decoration:none;display:flex}.by .face{background:var(--color-mint);width:42px;height:42px;color:var(--color-brand-dark);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.by b{font-size:15px;font-weight:600;display:block}.by small{color:var(--color-muted);font-size:13.5px;display:block}a.by:hover b{color:var(--color-brand)}.article{flex-direction:column;gap:20px;max-width:720px;margin:0 auto;display:flex}.words{flex-direction:column;gap:18px;display:flex}.words>p:first-child{color:var(--color-ink);letter-spacing:-.01em;font-size:22px;font-weight:500;line-height:1.55}.words p,.words li{color:var(--color-ink-2);font-size:18px;line-height:1.75}.words h2{letter-spacing:-.022em;margin-top:22px;scroll-margin-top:24px;font-size:28px;font-weight:600;line-height:1.2}.words ul,.words ol{flex-direction:column;gap:8px;margin:0;padding-left:24px;display:flex}.words a{color:var(--color-brand);text-underline-offset:3px}.words a:hover{color:var(--color-brand-dark)}.words strong{color:var(--color-ink);font-weight:600}.words code{color:var(--color-ink);background:var(--color-field);overflow-wrap:anywhere;border-radius:6px;padding:1px 6px;font-size:.84em}.words .table{background:var(--color-panel);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:20px;margin:6px 0;overflow-x:auto}.words table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5}.words th{text-align:left;font:500 11.5px var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--color-muted);white-space:nowrap;padding:14px 18px 10px}.words td{color:var(--color-ink-2);border-top:1px solid var(--color-line);padding:10px 18px}.words tbody tr:last-child td{padding-bottom:14px}.words td:not(:first-child),.words th:not(:first-child){text-align:right;font-family:var(--font-mono);white-space:nowrap;font-size:13.5px}.words .bars td.value{width:46%}.words .bars th:nth-child(2){text-align:left}.words td.value>div{grid-template-columns:minmax(0,1fr) 3.4em;align-items:center;gap:12px;display:grid}.words td.value .bar{background:var(--color-white);width:100%;min-width:72px;height:12px;box-shadow:inset 0 0 0 1px var(--color-line);border-radius:999px}.words td.value span{color:var(--color-ink)}.licence{color:var(--color-muted);font-size:13.5px}.licence a{color:inherit}@media (width<=1000px){.headgrid{grid-template-columns:minmax(0,1fr) 320px;gap:36px}.posthead h1{font-size:44px}.post{grid-template-columns:minmax(0,1fr) 260px;gap:24px}}@media (width<=760px){.posthead{padding-bottom:44px}.headgrid{grid-template-columns:minmax(0,1fr);gap:32px}.post{grid-template-columns:minmax(0,1fr);gap:18px}.post h2{font-size:24px}}@media (width<=640px){.posthead h1{font-size:36px}.cover.large{gap:8px;height:210px;padding:18px 16px 12px}.cover.large .bar{height:118px}.words>p:first-child{font-size:19px}.words p,.words li{font-size:17px}.words h2{font-size:23px}.words th,.words td{padding-inline:12px}.words .bars td.value{width:40%}}