.site .blog-zoom{transition:transform 1.2s var(--ease)}.site .blog-card:hover .blog-zoom{transform:scale(1.03)}@media (prefers-reduced-motion:reduce){.site .blog-zoom{transition:none}.site .blog-card:hover .blog-zoom{transform:none}}.site .post{font-size:17.5px;line-height:1.7;color:#2c2b33}.site .post>:first-child{margin-top:0}.site .post blockquote,.site .post ol,.site .post p,.site .post table,.site .post ul{margin-top:1.15rem}.site .post h2{margin-top:3.2rem;font-size:clamp(26px,2.6vw,34px);letter-spacing:-.035em;line-height:1.12}.site .post h2,.site .post h3{scroll-margin-top:7rem;font-weight:600;color:var(--ink)}.site .post h3{margin-top:2rem;font-size:20px;letter-spacing:-.02em;line-height:1.25}.site .post h2+p,.site .post h3+p{margin-top:.8rem}.site .post strong{font-weight:600;color:var(--ink)}.site .post a{color:#c2410c;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.site .post a:hover{text-decoration-thickness:2px}.site .post ol>li,.site .post ul>li{position:relative;padding-left:1.6rem;margin-top:.55rem}.site .post ul>li:before{content:"";position:absolute;left:.3rem;top:.72em;width:7px;height:7px;border-radius:99px;background:var(--accent)}.site .post ol{counter-reset:n}.site .post ol>li{counter-increment:n}.site .post ol>li:before{content:counter(n);position:absolute;left:0;top:.2em;display:grid;place-items:center;width:1.2rem;height:1.2rem;border-radius:99px;background:var(--ink);color:#fff;font-size:11.5px;font-weight:600}.site .post blockquote{border-radius:1.4rem;background:var(--butter);padding:1.1rem 1.4rem;color:var(--butter-ink)}.site .post blockquote p:first-child{margin-top:0}.site .post blockquote strong{color:inherit}.site .post table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;border-radius:1.2rem;box-shadow:inset 0 0 0 1px var(--line);background:#fff;font-size:15px;line-height:1.5}.site .post th{background:var(--base);padding:.85rem 1rem;text-align:left;font-weight:600;color:var(--ink);white-space:nowrap}.site .post td{border-top:1px solid var(--line);padding:.85rem 1rem;vertical-align:top;min-width:8rem}.site .post hr{margin:3rem 0;border:0;border-top:1px solid var(--line)}.site .post code{border-radius:.4rem;background:#ececf0;padding:.1rem .35rem;font-size:.9em}.site .te{margin:2.2rem 0}.site .te+.post>:first-child{margin-top:2.2rem}.site .te+.post>h2:first-child{margin-top:3.2rem}.site .te-row{display:grid;gap:14px;align-items:start;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:1.6rem;background:#f4f4f6;padding:16px;scrollbar-width:thin}.site .te-item{display:block;min-width:0;scroll-snap-align:start;color:var(--ink)}.site .te-frame{position:relative;display:block;overflow:hidden;border-radius:16px;background:var(--bg0,#fff);box-shadow:0 0 0 1px rgba(20,18,26,.08),0 20px 40px -26px rgba(20,18,26,.45);transition:translate .5s cubic-bezier(.32,.72,0,1)}.site .te-item:hover .te-frame{translate:0 -4px}.site .te-frame>.em,.site .te-frame>.tp{position:absolute;left:0;top:0;transform-origin:0 0;scale:var(--k,.5);translate:0 calc(var(--y, 0px) * var(--k, .5))}.site .te-frame>.tp{min-height:calc(100% / var(--k, .5))}.site .te-label{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;line-height:1.3;color:var(--muted)}.site .te-label b{font-weight:600;color:var(--ink)}.site .te-label svg{flex:none;transition:translate .3s}.site .te-item:hover .te-label svg{translate:2px -2px}.site .te figcaption{margin-top:.8rem;padding:0 .4rem;font-size:14.5px;line-height:1.5;color:var(--muted)}@media (min-width:768px){.site .te-row{gap:18px;padding:22px}}@media (prefers-reduced-motion:reduce){.site .te-frame,.site .te-label svg{transition:none}.site .te-item:hover .te-frame{translate:none}}.site .te .tp .chip{position:static;z-index:auto;opacity:1;pointer-events:auto;will-change:auto;box-shadow:none;padding:5px 10px;font-size:12.5px;font-weight:650;line-height:normal;background:var(--bbg);color:var(--bt)}.site .te-label>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width:767px){.site .te-label{font-size:12px}}