.img-slot{width:100%;height:100%;color:var(--muted);background:repeating-linear-gradient(135deg,#ffe6d2 0 14px,#ffd9bd 14px 28px);place-items:center;display:grid;position:relative;overflow:hidden}.img-slot:after{content:attr(data-label);letter-spacing:.06em;text-transform:uppercase;color:var(--mid-brown);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff8f3c7;border-radius:999px;padding:5px 11px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}.blog-hero{text-align:center;padding:clamp(48px,7vw,86px) 0 clamp(26px,4vw,40px);position:relative;overflow:hidden}.blog-hero-bg{z-index:0;background:radial-gradient(120% 80% at 50% -10%,#ffe6d2 0%,var(--bg) 58%);position:absolute;inset:0}.blog-hero .wrap{z-index:2;position:relative}.blog-hero .eyebrow{justify-content:center}.blog-hero h1{letter-spacing:-.02em;text-wrap:balance;max-width:14ch;margin:14px auto 0;font-family:Fredoka,sans-serif;font-size:clamp(38px,5.6vw,62px);font-weight:600;line-height:1.02}.blog-hero h1 .j{color:var(--peach-mid)}.blog-hero .lede{max-width:560px;margin:16px auto 0}.cat-filter{flex-wrap:wrap;justify-content:center;gap:9px;margin:clamp(28px,4vw,40px) 0 0;display:flex}.cat-chip{color:var(--mid-brown);cursor:pointer;background:#fff;border:1.5px solid #2d1a0e24;border-radius:999px;padding:9px 17px;font-family:Nunito,sans-serif;font-size:13.5px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.cat-chip:hover{background:var(--surface)}.cat-chip.on{background:var(--dark);color:var(--peach-light);border-color:var(--dark)}.post-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.post-card{border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;background:#fff;border:1px solid #2d1a0e14;flex-direction:column;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.post-card:hover{transform:translateY(-4px);box-shadow:0 22px 56px #2d1a0e21}.post-card .pc-img{aspect-ratio:16/10}.post-card .pc-body{flex-direction:column;flex:1;gap:11px;padding:22px;display:flex}.pc-cat{letter-spacing:.08em;text-transform:uppercase;color:var(--peach-mid);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}.post-card h2,.post-card h3{letter-spacing:-.01em;color:var(--dark);text-wrap:balance;margin:0;font-family:Fredoka,sans-serif;font-size:20px;font-weight:600;line-height:1.18}.pc-excerpt{color:var(--muted);margin:0;font-size:14.5px;font-weight:600;line-height:1.55}.pc-meta{color:var(--muted);align-items:center;gap:9px;margin-top:auto;padding-top:6px;font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:500;display:flex}.pc-meta .dot{background:var(--peach-mid);border-radius:50%;width:3px;height:3px}.post-card.feature{flex-direction:row;grid-column:1/-1}.post-card.feature .pc-img{aspect-ratio:auto;flex:1.05;min-height:300px}.post-card.feature .pc-body{flex:1;justify-content:center;gap:14px;padding:clamp(26px,3vw,42px)}.post-card.feature h2{font-size:clamp(24px,2.6vw,32px)}.post-card.feature .pc-excerpt{font-size:15.5px}.empty-blog{text-align:center;border-radius:var(--radius);background:#fff;border:2px dashed #e39a7b73;flex-direction:column;align-items:center;gap:14px;padding:clamp(40px,6vw,72px) 28px;display:flex}.empty-blog .eb-drop{background:var(--juice);border-radius:50% 50% 50% 0;width:64px;height:64px;position:relative;transform:rotate(45deg);box-shadow:0 12px 30px #e39a7b66}.empty-blog .eb-drop:after{content:"";background:#fff8f399;border-radius:50%;width:14px;height:14px;position:absolute;top:13px;left:15px}.empty-blog h2{margin:6px 0 0;font-family:Fredoka,sans-serif;font-size:24px;font-weight:600}.empty-blog p{max-width:380px;color:var(--muted);margin:0;font-weight:600}.blog-foot{flex-direction:column;align-items:center;gap:20px;margin-top:clamp(36px,5vw,54px);display:flex}.pagination{align-items:center;gap:7px;display:flex}.pagination a,.pagination span{min-width:40px;height:40px;color:var(--mid-brown);background:#fff;border:1px solid #2d1a0e1f;border-radius:12px;place-items:center;padding:0 6px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:inline-grid}.pagination a:hover{background:var(--surface)}.pagination .on{background:var(--peach-mid);color:#2d1a0e;border-color:var(--peach-mid)}.pagination .nope{opacity:.4;pointer-events:none}.article{padding:clamp(36px,5vw,60px) 0 0}.article .backlink{color:var(--muted);align-items:center;gap:7px;font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:500;transition:color .15s;display:inline-flex}.article .backlink:hover{color:var(--peach-mid)}.article .backlink svg{stroke:currentColor;width:14px;height:14px}.article-head{max-width:760px;margin:0 auto;padding:clamp(20px,3vw,30px) 0 0}.article-head .eyebrow{margin-bottom:14px}.article-head h1{letter-spacing:-.02em;text-wrap:balance;margin:0;font-family:Fredoka,sans-serif;font-size:clamp(32px,4.6vw,52px);font-weight:600;line-height:1.06}.article-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;display:flex}.article-meta .author{align-items:center;gap:10px;display:flex}.article-meta .au-av{background:var(--juice);color:#fff8f3;width:38px;height:38px;box-shadow:var(--shadow);border:2px solid #fff;border-radius:50%;flex:none;place-items:center;font-family:Fredoka;font-size:14px;font-weight:600;display:grid}.article-meta .au-name{color:var(--dark);font-family:Fredoka,sans-serif;font-size:14.5px;font-weight:600;line-height:1.2}.article-meta .au-role{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11px}.article-meta .m-sep{background:var(--peach-mid);border-radius:50%;width:4px;height:4px}.article-meta time,.article-meta .rt{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:500}.article-hero-img{border-radius:var(--radius);max-width:1000px;box-shadow:var(--shadow);aspect-ratio:2;border:1px solid #2d1a0e14;margin:clamp(28px,4vw,44px) auto 0;overflow:hidden}.answer-block{border-radius:var(--radius);background:linear-gradient(165deg,#fff4ea,#ffe9d6);border:1px solid #e39a7b66;max-width:760px;margin:clamp(30px,4vw,44px) auto 0;padding:clamp(22px,3vw,30px)}.answer-block .ab-label{letter-spacing:.08em;text-transform:uppercase;color:var(--mid-brown);align-items:center;gap:9px;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:500;display:inline-flex}.answer-block .ab-drop{background:var(--juice);border-radius:50% 50% 50% 0;flex:none;width:18px;height:18px;transform:rotate(45deg)}.answer-block p{color:var(--dark);letter-spacing:-.01em;margin:0;font-family:Fredoka,sans-serif;font-size:clamp(18px,2vw,22px);font-weight:500;line-height:1.5}.answer-block p+p{color:var(--mid-brown);margin-top:12px;font-family:Nunito;font-size:16px;font-weight:600}.article-layout{grid-template-columns:minmax(0,720px) 232px;justify-content:center;align-items:start;gap:clamp(34px,4vw,56px);max-width:1040px;margin:clamp(34px,4vw,52px) auto 0;display:grid}.toc{box-shadow:var(--shadow);background:#fff;border:1px solid #2d1a0e1a;border-radius:18px;padding:18px 18px 16px;position:sticky;top:96px}.toc .toc-h{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:500}.toc ol{counter-reset:toc;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.toc a{color:var(--mid-brown);border-left:2px solid #0000;border-radius:9px;padding:7px 10px;font-size:13.5px;font-weight:700;line-height:1.35;transition:background .15s,color .15s;display:block}.toc a:hover{background:var(--surface);color:var(--dark)}.toc a.active{color:var(--peach-mid);background:var(--surface)}.article-body{color:#3a2417;min-width:0;font-family:Nunito,sans-serif;font-size:18px;font-weight:500;line-height:1.75}.article-body>:first-child{margin-top:0}.article-body h2{letter-spacing:-.01em;color:var(--dark);text-wrap:balance;margin:42px 0 14px;scroll-margin-top:96px;font-family:Fredoka,sans-serif;font-size:clamp(24px,2.6vw,30px);font-weight:600;line-height:1.2}.article-body h3{color:var(--dark);margin:30px 0 10px;scroll-margin-top:96px;font-family:Fredoka,sans-serif;font-size:20px;font-weight:600}.article-body p{margin:0 0 20px}.article-body a{color:var(--peach-mid);text-underline-offset:3px;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px}.article-body a:hover{color:var(--dark)}.article-body ul,.article-body ol{flex-direction:column;gap:9px;margin:0 0 22px;padding-left:24px;display:flex}.article-body li{padding-left:4px}.article-body li::marker{color:var(--peach-mid);font-weight:700}.article-body strong{color:var(--dark);font-weight:800}.article-body blockquote{border-left:3px solid var(--peach-mid);color:var(--mid-brown);margin:26px 0;padding:6px 0 6px 22px;font-family:Fredoka,sans-serif;font-size:21px;font-style:normal;font-weight:500;line-height:1.5}.article-body figure{margin:30px 0}.article-body figure .fig-frame{border-radius:var(--radius);box-shadow:var(--shadow);aspect-ratio:16/9;border:1px solid #2d1a0e14;overflow:hidden}.article-body figcaption{color:var(--muted);text-align:center;margin-top:10px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}.article-body code{background:var(--surface);color:var(--mid-brown);border-radius:7px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:.86em;font-weight:500}.article-body pre{background:var(--dark);color:#ffd9b8;border-radius:14px;margin:0 0 24px;padding:18px;font-family:JetBrains Mono,monospace;font-size:13.5px;line-height:1.7;overflow:auto}.article-body pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.article-body hr{border:none;border-top:1px solid #2d1a0e1f;margin:38px 0}.key-takeaways{background:var(--surface);border-radius:var(--radius);margin:30px 0;padding:22px 24px}.key-takeaways h3{align-items:center;gap:9px;display:flex;margin:0 0 12px!important;font-size:16px!important}.key-takeaways ul{margin:0}.author-bio{border-radius:var(--radius);max-width:760px;box-shadow:var(--shadow);background:#fff;border:1px solid #2d1a0e14;align-items:flex-start;gap:16px;margin:clamp(40px,5vw,56px) auto 0;padding:22px;display:flex}.author-bio .ab-av{background:var(--juice);color:#fff8f3;width:54px;height:54px;box-shadow:var(--shadow);border:2px solid #fff;border-radius:50%;flex:none;place-items:center;font-family:Fredoka;font-size:20px;font-weight:600;display:grid}.author-bio .abx b{font-family:Fredoka;font-size:16px;font-weight:600}.author-bio .abx .abx-role{color:var(--muted);margin:2px 0 8px;font-family:JetBrains Mono,monospace;font-size:11.5px}.author-bio .abx p{color:var(--muted);margin:0;font-size:14px;font-weight:600;line-height:1.55}.related-head{max-width:1040px;margin:0 auto}@media (max-width:980px){.article-layout{grid-template-columns:1fr;max-width:720px}.toc{order:-1;position:static}.toc ol{grid-template-columns:1fr 1fr;gap:2px 14px;display:grid}}@media (max-width:860px){.post-grid{grid-template-columns:1fr 1fr}.post-card.feature{flex-direction:column;grid-column:1/-1}.post-card.feature .pc-img{aspect-ratio:16/10;min-height:0}}@media (max-width:560px){.post-grid,.toc ol{grid-template-columns:1fr}.article-body{font-size:16.5px}.author-bio{flex-direction:column}}