.post-main{padding-block:calc(var(--hm-nav-h) + var(--u) * 8) var(--section)}.post{display:block}.post-col{--post-pad: clamp(16px, 3vw, 40px);max-width:calc(var(--measure-text) + var(--post-pad) * 2);margin-inline:auto;font-size:var(--read-size)}.post-head{display:grid;gap:calc(var(--u) * 3);justify-items:start;padding:0 var(--post-pad)}.post-back{color:var(--ink-dim)}.post-title{inline-size:100%;font-size:clamp(26px,5vw,34px)}@media(prefers-reduced-motion:no-preference){.post-title{animation:post-title-in .4s var(--ease) both}}@keyframes post-title-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--u) * 1.5);inline-size:100%;margin:0;color:var(--muted);font-size:var(--small-size);line-height:var(--small-lh)}.post-meta__sep{color:var(--muted)}.post-share{margin-inline-start:auto}.post-cats{display:block;inline-size:100%}.post-cats__list{display:flex;flex-wrap:wrap;gap:var(--u);margin:0;padding:0;list-style:none}.post-cats__pill{transition:border-color var(--d-fast) var(--ease),color var(--d-fast) var(--ease)}.post-cats__pill:hover,.post-cats__pill:focus-visible{border-color:var(--signal);color:var(--signal)}.post-summary{margin-block:20px;padding-inline-start:18px;border-inline-start:3px solid var(--signal)}.post-summary__label{margin:0 0 8px;color:var(--ink-dim);font-size:var(--small-size);font-weight:600}.post-summary .post-lede{margin:0}.post-next{padding-block:28px;margin-block:36px;border-block:1px solid var(--hair-strong)}.post-next h2{margin:0 0 12px;font-size:var(--d-3)}.post-next>p{color:var(--ink-dim);margin:0 0 20px}.post-next__links{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:540px){.post-next__links{display:grid;grid-template-columns:1fr}}.post-lede{max-width:56ch;margin:calc(var(--u) * 5) auto 0;padding:0 var(--post-pad);color:var(--ink);font-size:clamp(19px,1.7vw,22px);line-height:1.5;text-wrap:pretty}.post-cover{margin:calc(var(--u) * 5) auto 0;padding:0 var(--post-pad)}.post-cover img{inline-size:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--r-card);background:var(--ink-panel);box-shadow:var(--shadow-key)}.post-cover__cap{margin:calc(var(--u) * 1.25) 0 0;color:var(--muted);font-size:var(--small-size);line-height:var(--small-lh)}.post-bar{display:none}.post-body{margin-block-start:calc(var(--u) * 5);overflow-wrap:anywhere}.post-foot{display:grid;gap:calc(var(--u) * 1.5);margin-block-start:calc(var(--u) * 5);padding:0 var(--post-pad);color:var(--muted);font-size:var(--small-size);line-height:var(--small-lh)}.post-foot p,.post-updated{margin:0;text-wrap:pretty}.post-cta-wrap{margin-block-start:var(--section-tight);padding-inline:var(--gutter)}.post-cta{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gutter);align-items:center;max-width:960px;margin-inline:auto;overflow:clip}.post-cta__media{aspect-ratio:3 / 2;background:var(--room-back)}.post-cta__media img{inline-size:100%;block-size:100%;object-fit:cover}.post-cta__body{display:grid;gap:calc(var(--u) * 1.5);align-content:center;padding:calc(var(--u) * 3)}.post-cta__h{margin:0;color:var(--muted);font-family:var(--font-body);font-size:var(--small-size);font-weight:600;line-height:var(--small-lh)}.post-cta__name{margin:0}.post-cta__name a{color:inherit;transition:color var(--d-fast) var(--ease)}.post-cta__name a:hover,.post-cta__name a:focus-visible{color:var(--signal)}.post-cta__line{margin:0;color:var(--ink-dim);font-size:var(--body-size);line-height:1.45;text-wrap:pretty}.post-cta__price{margin:calc(var(--u) * .5) 0 0;color:var(--chrome);font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}.post-cta__price-note{margin-inline-start:.6em;color:var(--muted);font-size:var(--small-size);font-weight:400;letter-spacing:0}.post-cta__licence{margin:0;color:var(--ink);font-size:var(--ui-size);font-weight:600}.post-cta__actions{margin:var(--u) 0 0}.post-cta__credit{grid-column:1 / -1;margin:0;padding:0 calc(var(--u) * 3) calc(var(--u) * 2);color:var(--muted);font-size:var(--small-size);line-height:var(--small-lh)}.post-body h1{margin-block:calc(var(--u) * 8) calc(var(--u) * 2);color:var(--chrome);font-family:var(--font-display);font-size:var(--d-3);font-weight:600;line-height:var(--lh-display);letter-spacing:var(--track-display);text-wrap:balance;overflow-wrap:anywhere}.post-body h4,.post-body h5,.post-body h6{margin-block:calc(var(--u) * 5) calc(var(--u) * 1.5);color:var(--ink);font-family:var(--font-display);font-size:19px;font-weight:600;line-height:1.25}.post-body>:first-child{margin-block-start:0}.post-body em{font-style:italic}.post-body u{text-decoration:underline;text-underline-offset:.18em}.post-body li>ul,.post-body li>ol{margin-block-start:var(--u)}.post-body blockquote{margin:calc(var(--u) * 4) 0;padding-inline-start:calc(var(--u) * 2.5);border-inline-start:1px solid var(--signal);color:var(--ink);font-size:1.05em;line-height:1.5}.post-body blockquote p+p{margin-block-start:calc(var(--u) * 1.5)}.post-body figure{max-width:100%!important;height:auto!important;margin:calc(var(--u) * 5) 0}.post-body figure img{inline-size:100%;block-size:auto;border-radius:var(--r-card);background:var(--ink-panel)}.post-body figure iframe,.post-body figure video{inline-size:100%;aspect-ratio:16 / 9;block-size:auto;border:0;border-radius:var(--r-card);background:var(--ink-panel)}.post-body figcaption{margin-block-start:calc(var(--u) * 1.25);color:var(--muted);font-size:var(--small-size);line-height:var(--small-lh);text-align:start}.post-body [role=separator]{border-top-color:var(--hair)!important;padding:calc(var(--u) * 2) 0!important}.post-body table{display:block;inline-size:100%;max-inline-size:100%;margin:calc(var(--u) * 4) 0;overflow-x:auto;overscroll-behavior-x:contain;border-collapse:collapse;font-size:.9em;font-variant-numeric:tabular-nums}.post-body table col{width:auto!important}.post-body td,.post-body th{padding:calc(var(--u) * 1.25) calc(var(--u) * 1.5);border-block-end:1px solid var(--line-soft);text-align:start;vertical-align:top}.post-body tr:first-child td,.post-body tr:first-child th{border-block-end-color:var(--hair);color:var(--ink);font-weight:600}.post-body td>p,.post-body th>p{margin:0}.post-body pre{margin:calc(var(--u) * 4) 0;padding:calc(var(--u) * 2) calc(var(--u) * 2.5);overflow-x:auto;border-radius:var(--r-input);background:var(--ink-panel);color:var(--ink);font-family:var(--font-mono);font-size:var(--small-size);line-height:1.5;direction:ltr;text-align:start}.post-body pre code{font:inherit}.post-body details{padding-block:calc(var(--u) * 1.5);border-block-start:1px solid var(--hair)}.post-body details+details{margin-block-start:0}.post-body details:last-of-type{border-block-end:1px solid var(--hair)}.post-body summary{cursor:pointer;color:var(--ink);font-weight:600;list-style-position:inside}.post-body summary:hover,.post-body summary:focus-visible{color:var(--signal)}.post-body summary>p,.post-body summary>h1,.post-body summary>h2,.post-body summary>h3{display:inline;margin:0;font:inherit;color:inherit}.post-body [style*=blur]:hover,.post-body [style*=blur]:focus-within{filter:none!important}.post-body a[href^="#viewer-"]{text-decoration-style:dotted}@media(max-width:860px){.post-main{padding-block-start:calc(var(--hm-nav-h) + var(--u) * 5)}.post-meta .post-share{display:none}.post-bar{position:sticky;top:var(--hm-nav-h);z-index:30;display:flex;align-items:center;justify-content:space-between;gap:var(--u);margin-block-start:calc(var(--u) * 4);padding:var(--u) var(--gutter);border-block:1px solid var(--hair);background:color-mix(in srgb,var(--room-back) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.post-bar__title{flex:1 1 auto;min-inline-size:0;margin:0;overflow:hidden;color:var(--ink);font-size:var(--small-size);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.post-bar .post-share{flex:none;margin:0}.post-cta{grid-template-columns:minmax(0,1fr)}.post-cta__body{padding:calc(var(--u) * 3) calc(var(--u) * 2.5) calc(var(--u) * 3)}.post-cta__credit{padding-inline:calc(var(--u) * 2.5)}.post-body figure{margin-block:calc(var(--u) * 4)}.post-body table{font-size:var(--ui-size)}}