.post-head{padding:70px 0 0}.post-back{color:var(--c-canela-dark);gap:8px;font-size:14px;font-weight:800;text-decoration:none;transition:color .2s;display:inline-flex}.post-back:hover{color:var(--c-ink)}.post-head__inner{flex-direction:column;gap:26px;margin-top:40px;display:flex}.post-head__tags{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.post-head__category{letter-spacing:.18em;text-transform:uppercase;background:var(--c-olive);color:var(--c-arena);border-radius:999px;padding:7px 13px;font-size:11px;font-weight:800}.post-head h1{font-family:var(--font-serif);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(46px,6.2vw,88px);font-weight:500;line-height:.98}.post-head__lede{color:var(--c-olive);text-wrap:pretty;font-size:21px;line-height:1.55}.post-byline{border-top:1px solid var(--c-line);flex-wrap:wrap;align-items:center;gap:24px;padding-top:32px;display:flex}.post-byline .avatar{flex:0 0 84px;width:84px;height:84px}.avatar--150 img{object-fit:cover;object-position:50% 8%;width:100%;height:100%}.post-byline__text{flex-direction:column;gap:7px;display:flex}.post-byline__name{font-size:18px;font-weight:800}.post-byline__name a{text-underline-offset:.25em;text-decoration:underline 1px;transition:color .3s}.post-byline__name a:hover{color:var(--c-canela-dark)}.post-byline__role{color:var(--c-canela-dark);font-size:15px;font-weight:700}.post-byline__date{color:var(--c-muted);font-size:14px}.post-cover{aspect-ratio:21/9;border-radius:32px;min-height:260px;margin-top:56px;overflow:hidden}.post-cover.img-slot{border:1px solid var(--c-arena);background:repeating-linear-gradient(45deg, var(--c-sage) 0 1px, var(--c-cream) 1px 14px);padding:20px}.post-cover img{object-fit:cover;object-position:50% 22%;width:100%;height:100%;display:block}@media (width<=640px){.post-head{padding-top:48px}.post-head__lede{font-size:19px}.post-cover{aspect-ratio:4/3;border-radius:24px;min-height:0}}.post-body{padding:80px 0 110px}.post-body__inner{flex-wrap:wrap;align-items:flex-start;gap:44px;display:flex}.post-aside{flex-direction:column;flex:0 220px;gap:28px;display:flex;position:sticky;top:120px}.toc{border-left:1px solid var(--c-line);flex-direction:column;gap:4px;display:flex}.toc__label{letter-spacing:.18em;text-transform:uppercase;color:var(--c-canela-dark);padding:0 0 10px 18px;font-size:11px;font-weight:800}.toc a{color:var(--c-muted);border-left:2px solid #0000;margin-left:-1px;padding:8px 0 8px 18px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;transition:color .3s,border-color .3s}.toc a.is-active{border-left-color:var(--c-canela);color:var(--c-ink);font-weight:800}.share{align-items:center;gap:12px;margin-left:auto;display:flex}.share__label{letter-spacing:.18em;text-transform:uppercase;color:var(--c-muted);margin-right:4px;font-size:11px;font-weight:800}.share__btn{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--c-line);border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:15px;font-weight:800;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.share__done,.share__btn.is-copied svg{display:none}.share__btn.is-copied .share__done{display:inline}.share__btn:hover{background:var(--c-sage)}.share__btn:focus-visible{outline:2px solid var(--c-canela);outline-offset:3px}@media (width<=900px){.post-aside{flex-basis:100%;position:static}.post-body{padding-top:56px}}.prose{min-width:0;max-width:720px;color:var(--c-body);flex:480px;font-size:19px;line-height:1.75}.prose p{margin:0 0 28px}.prose>p:first-of-type{color:var(--c-ink);font-size:21px;line-height:1.7}.prose>p:first-of-type:first-letter{float:left;font-family:var(--font-serif);color:var(--c-canela-dark);margin:8px 14px 0 0;font-size:96px;line-height:.8}.prose h2{font-family:var(--font-serif);color:var(--c-ink);margin:56px 0 18px;scroll-margin-top:120px;font-size:40px;font-weight:500;line-height:1.1}.prose h3{font-family:var(--font-serif);color:var(--c-ink);margin:40px 0 14px;scroll-margin-top:120px;font-size:30px;font-weight:500;line-height:1.15}.prose a:not(.btn){color:var(--c-canela-dark)}.prose strong{color:var(--c-ink)}.prose figure{flex-direction:column;gap:12px;margin:40px 0;display:flex}.prose figure img,.prose>p>img{border-radius:22px;width:100%;display:block}.prose .figure-slot{aspect-ratio:16/9;border:1px solid var(--c-arena);font-family:var(--font-mono);color:var(--c-muted);background:repeating-linear-gradient(45deg, var(--c-sage) 0 1px, var(--c-cream) 1px 12px);border-radius:22px;align-items:flex-end;padding:16px;font-size:12px;display:flex}.prose figcaption{color:var(--c-muted);border-left:2px solid var(--c-canela);padding-left:12px;font-size:14px;line-height:1.5}.prose blockquote{border-top:1px solid var(--c-ink);border-bottom:1px solid var(--c-line);font-family:var(--font-serif);color:var(--c-ink);margin:48px 0;padding:36px 0;font-size:clamp(30px,3.2vw,40px);font-style:italic;line-height:1.2}.prose blockquote p{margin:0}.prose ol{counter-reset:paso;flex-direction:column;gap:14px;margin:0 0 28px;padding:0;list-style:none;display:flex}.prose ol>li{counter-increment:paso;grid-template-columns:44px minmax(0,1fr);align-items:baseline;gap:14px;display:grid}.prose ol>li:before{content:counter(paso, decimal-leading-zero);font-family:var(--font-serif);color:var(--c-canela-dark);font-size:28px}.prose ul{margin:0 0 28px;padding-left:1.2em}.prose li>p{margin:0}.prose table{border-collapse:separate;border-spacing:0;background:var(--c-white);border:1px solid var(--c-line);border-radius:18px;width:100%;margin:8px 0 32px;font-size:16px;line-height:1.5;overflow:hidden}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--c-line);padding:16px 20px}.prose td+td,.prose th+th{border-left:1px solid var(--c-line)}.prose thead th{background:var(--c-olive);color:var(--c-white);border-bottom:0;border-left-color:var(--c-on-dark-20);font-family:var(--font-serif);font-size:21px;font-weight:500;line-height:1.2}.prose tbody tr:last-child td{border-bottom:0}.prose tbody tr:nth-child(2n) td{background:var(--c-cream)}.prose tbody td:first-child{letter-spacing:.12em;text-transform:uppercase;width:26%;color:var(--c-canela-dark);font-size:12px;font-weight:800}.post-summary{background:var(--c-olive);color:var(--c-white);border-radius:28px;flex-direction:column;gap:16px;margin:0 0 48px;padding:36px 38px;scroll-margin-top:120px;display:flex}.post-summary__label{letter-spacing:.18em;text-transform:uppercase;color:var(--c-arena);font-size:11px;font-weight:800}.post-summary ul{flex-direction:column;gap:12px;margin:0;padding:0;font-size:17px;line-height:1.6;list-style:none;display:flex}.post-summary li{gap:12px;display:flex}.post-summary li span{color:var(--c-arena)}.post-author{border-top:1px solid var(--c-line);flex-wrap:wrap;align-items:center;gap:24px;margin-top:56px;padding-top:32px;display:flex}.post-author .avatar{flex:0 0 96px;width:96px;height:96px}.post-author__text{flex-direction:column;flex:300px;gap:6px;display:flex}.post-author__kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--c-canela-dark);font-size:11px;font-weight:800}.post-author__name{font-family:var(--font-serif);color:var(--c-ink);font-size:28px;line-height:1.1}.post-author__bio{color:var(--c-muted);font-size:15px;line-height:1.55}.post-author .btn{padding:12px 20px;font-size:14px}@media (width<=640px){.prose{font-size:18px}.prose>p:first-of-type{font-size:19px}.prose>p:first-of-type:first-letter{font-size:78px}.prose h2{font-size:34px}.prose table{font-size:15px}.prose th,.prose td{padding:12px}.prose thead th{font-size:17px}.prose tbody td:first-child{letter-spacing:.08em;width:28%;font-size:11px}.post-summary{padding:28px 26px}}.post-master{padding:0 0 110px}.post-master__card{background:var(--c-canela);color:var(--c-white);border-radius:32px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding:clamp(32px,4vw,52px);text-decoration:none;transition:transform .4s;display:flex}.post-master__card:hover{color:var(--c-white);transform:translateY(-4px)}.post-master__text{flex-direction:column;gap:12px;max-width:34em;display:flex}.post-master__title{font-family:var(--font-serif);font-size:clamp(32px,3.4vw,46px);line-height:1.05}.post-master .arrow-circle{background:var(--c-cream);height:72px;color:var(--c-ink);flex:0 0 72px;font-size:26px}.related{background:var(--c-sage);padding:100px 0 110px}.related .section-head{margin-bottom:36px}.related h2{font-family:var(--font-serif);font-size:clamp(36px,4vw,54px);font-weight:500;line-height:1}
