.blog-shell{padding:clamp(36px,5vw,64px) 0 clamp(56px,7vw,96px)}.blog-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--color-muted);margin-bottom:22px}.blog-breadcrumb a{color:var(--color-muted);transition:color .15s ease}.blog-breadcrumb a:hover{color:var(--color-secondary-deep)}.blog-breadcrumb .sep{opacity:.45}.blog-breadcrumb .current{color:var(--color-text-soft);font-weight:500}.blog-cat{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-secondary-deep);background:#367fdb17;border:1px solid rgba(54,127,219,.22);border-radius:999px;padding:6px 13px;white-space:nowrap}.blog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:14px;color:var(--color-muted)}.blog-meta .dot{width:3px;height:3px;border-radius:999px;background:currentColor;opacity:.5;flex-shrink:0}.blog-hero{max-width:780px;margin-bottom:clamp(36px,4.5vw,56px)}.blog-hero h1{margin:18px 0 0}.blog-hero-sub{margin-top:18px;font-size:clamp(16px,1.5vw,19px);line-height:1.65;color:var(--color-muted);max-width:62ch}.blog-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid var(--color-border)}.blog-filter{font-size:13.5px;font-weight:600;color:var(--color-muted);background:#fff9;border:1px solid var(--color-border);border-radius:999px;padding:9px 17px;cursor:pointer;font-family:inherit;transition:color .15s ease,border-color .15s ease,background .15s ease}.blog-filter:hover{color:var(--color-text);border-color:#367fdb66}.blog-filter[aria-pressed=true]{color:#fff;background:linear-gradient(135deg,#367fdb,#1e5db8);border-color:transparent}.blog-featured{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,3vw,44px);align-items:center;padding:clamp(24px,3vw,40px);margin-bottom:clamp(32px,4vw,52px)}@media(max-width:900px){.blog-featured{grid-template-columns:1fr}}.blog-featured-media{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16 / 10;background:linear-gradient(150deg,#fff7df,#ffedbc,#ffdf8f)}.blog-featured-media img{width:100%;height:100%;object-fit:cover;display:block}.blog-featured h2{margin:16px 0 0;font-size:clamp(24px,2.6vw,34px);line-height:1.18}.blog-featured h2 a{transition:color .15s ease}.blog-featured h2 a:hover{color:var(--color-secondary-deep)}.blog-featured-excerpt{margin:14px 0 20px;font-size:16px;line-height:1.7;color:var(--color-muted)}.blog-featured-flag{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent-deep);margin-bottom:12px}.blog-featured-flag:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--color-accent)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,28px)}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.blog-grid{grid-template-columns:1fr}}.blog-card{display:flex;flex-direction:column;overflow:hidden;padding:0}.blog-card-media{aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(150deg,#fff7df,#ffedbc,#ffdf8f);border-bottom:1px solid var(--color-border)}.blog-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.22,1,.36,1)}.blog-card:hover .blog-card-media img{transform:scale(1.04)}.blog-card-body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}.blog-card h3{margin:13px 0 0;font-size:1.25rem;line-height:1.28}.blog-card h3 a{transition:color .15s ease}.blog-card:hover h3 a{color:var(--color-secondary-deep)}.blog-card-excerpt{margin:11px 0 18px;font-size:14.5px;line-height:1.65;color:var(--color-muted)}.blog-card-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--color-border)}.blog-empty{grid-column:1 / -1;text-align:center;padding:56px 24px;color:var(--color-muted);font-size:15px}.post-head{max-width:760px;margin:0 auto clamp(28px,3.5vw,44px);text-align:center}.post-head h1{margin:18px 0 0;font-size:clamp(30px,4.1vw,50px);line-height:1.13;font-weight:var(--dw-hero);letter-spacing:var(--dt-hero);text-wrap:balance}.post-standfirst{margin:20px auto 0;max-width:60ch;font-size:clamp(17px,1.6vw,20px);line-height:1.6;color:var(--color-text-soft)}.post-head .blog-meta{justify-content:center;margin-top:22px}.post-hero{max-width:1040px;margin:0 auto clamp(32px,4vw,52px);border-radius:clamp(18px,2.2vw,28px);overflow:hidden;box-shadow:0 30px 80px -34px #8c661257,0 0 0 1px var(--color-border)}.post-hero img{width:100%;height:auto;display:block}.post-layout{display:grid;grid-template-columns:240px minmax(0,720px);gap:clamp(32px,4vw,64px);justify-content:center;align-items:start}@media(max-width:1100px){.post-layout{grid-template-columns:minmax(0,720px);justify-content:center}.post-toc{display:none}}.post-toc{position:sticky;top:110px;font-size:13.5px}.post-toc-label{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent-deep);margin-bottom:14px}.post-toc ul{list-style:none;margin:0;padding:0;border-left:1px solid var(--color-border)}.post-toc li a{display:block;padding:7px 0 7px 16px;margin-left:-1px;border-left:2px solid transparent;color:var(--color-muted);line-height:1.45;transition:color .15s ease,border-color .15s ease}.post-toc li a:hover{color:var(--color-text)}.post-toc li a.is-current{color:var(--color-secondary-deep);border-left-color:var(--color-secondary);font-weight:600}.post-toc li.depth-3 a{padding-left:28px;font-size:12.5px}.prose{font-size:17.5px;line-height:1.78;color:var(--color-text-soft)}.prose>*:first-child{margin-top:0}.prose h2{font-size:clamp(24px,2.5vw,31px);line-height:1.22;font-weight:var(--dw);color:#16130a;margin:2.2em 0 .6em;scroll-margin-top:110px}.prose h3{font-size:clamp(20px,1.9vw,23px);line-height:1.3;font-weight:var(--dw);color:#16130a;margin:1.9em 0 .5em;scroll-margin-top:110px}.prose h4{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:.01em;color:var(--color-text);margin:1.7em 0 .45em;scroll-margin-top:110px}.prose h2,.prose h3{position:relative}.prose .heading-anchor{position:absolute;left:-26px;top:50%;transform:translateY(-50%);opacity:0;color:var(--color-secondary);font-size:20px;font-family:var(--font-display);transition:opacity .15s ease}.prose h2:hover .heading-anchor,.prose h3:hover .heading-anchor{opacity:.6}@media(max-width:1100px){.prose .heading-anchor{display:none}}.prose p{margin:0 0 1.35em}.prose a{color:var(--color-secondary-deep);text-decoration:underline;text-decoration-color:#367fdb59;text-underline-offset:3px;transition:text-decoration-color .15s ease}.prose a:hover{text-decoration-color:var(--color-secondary)}.prose strong{color:var(--color-text);font-weight:650}.prose ul,.prose ol{margin:0 0 1.35em;padding-left:1.3em}.prose li{margin-bottom:.55em;padding-left:.2em}.prose ul{list-style:none;padding-left:1.5em}.prose ul>li{position:relative}.prose ul>li:before{content:"";position:absolute;left:-1.1em;top:.72em;width:6px;height:6px;border-radius:999px;background:var(--color-accent)}.prose ol{list-style:decimal}.prose ol>li::marker{color:var(--color-secondary-deep);font-weight:700}.prose blockquote{margin:1.9em 0;padding:4px 0 4px 26px;border-left:3px solid var(--color-accent);font-family:var(--font-serif);font-size:clamp(19px,1.9vw,23px);line-height:1.5;color:#16130a}.prose blockquote p:last-child{margin-bottom:0}.prose img{width:100%;height:auto;border-radius:16px;margin:1.9em 0;box-shadow:0 20px 50px -28px #141e324d,0 0 0 1px var(--color-border)}.prose figure{margin:1.9em 0}.prose figure img{margin:0}.prose figcaption{margin-top:12px;font-size:13.5px;color:var(--color-muted);text-align:center}.prose hr{border:0;height:1px;background:var(--color-border);margin:2.6em 0}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:#367fdb14;border:1px solid rgba(54,127,219,.16);border-radius:6px;padding:2px 6px}.prose pre{background:#0f1523;color:#e6e9ef;border-radius:14px;padding:20px 22px;overflow-x:auto;margin:1.7em 0;font-size:14px;line-height:1.65}.prose pre code{background:none;border:0;padding:0;font-size:inherit;color:inherit}.prose table{width:100%;border-collapse:collapse;margin:1.8em 0;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--color-border)}.prose th{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text);background:#f6efe099}.post-faq{margin-top:clamp(48px,5vw,72px);padding-top:clamp(32px,3.5vw,44px);border-top:1px solid var(--color-border)}.post-faq h2{font-size:clamp(24px,2.5vw,31px);font-weight:var(--dw);margin:14px 0 24px}.faq-item{border:1px solid var(--color-border);border-radius:16px;background:#fff9;margin-bottom:10px;transition:border-color .15s ease}.faq-item[open]{border-color:#367fdb59;background:#fff}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;font-weight:600;font-size:16.5px;color:var(--color-text);line-height:1.45}.faq-item .faq-plus{flex-shrink:0;width:22px;height:22px;position:relative;transition:transform .2s ease}.faq-item .faq-plus:before,.faq-item .faq-plus:after{content:"";position:absolute;background:var(--color-secondary);border-radius:2px}.faq-item .faq-plus:before{left:0;right:0;top:10px;height:2px}.faq-item .faq-plus:after{top:0;bottom:0;left:10px;width:2px}.faq-item[open] .faq-plus{transform:rotate(45deg)}.faq-answer{padding:0 22px 20px;font-size:16px;line-height:1.7;color:var(--color-muted)}.faq-answer p:last-child{margin-bottom:0}.post-foot{margin-top:clamp(44px,5vw,64px);padding-top:28px;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.post-author{display:flex;align-items:center;gap:14px}.post-author img{width:48px;height:48px;border-radius:999px;object-fit:cover;border:1px solid var(--color-border)}.post-author-name{font-weight:650;font-size:15px}.post-author-role{font-size:13.5px;color:var(--color-muted);margin-top:2px}.post-share{display:flex;align-items:center;gap:8px}.post-share-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin-right:4px}.post-share a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--color-border);background:#ffffffb3;color:var(--color-muted);transition:color .15s ease,border-color .15s ease}.post-share a:hover{color:var(--color-secondary-deep);border-color:var(--color-secondary)}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(32px,3.5vw,40px)}.post-tag{font-size:13px;color:var(--color-muted);background:#f6efe0cc;border:1px solid var(--color-border);border-radius:999px;padding:6px 14px}.post-cta{margin-top:clamp(48px,5vw,72px);padding:clamp(30px,4vw,48px);border-radius:clamp(20px,2.4vw,30px);text-align:center}.post-cta h2{margin:14px 0 0}.post-cta p{margin:14px auto 24px;max-width:52ch;font-size:16.5px;line-height:1.7}.post-cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.post-related{margin-top:clamp(56px,6vw,88px);padding-top:clamp(32px,3.5vw,44px);border-top:1px solid var(--color-border)}.post-related h2{font-size:clamp(22px,2.2vw,28px);margin:0 0 26px}.post-related .blog-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.post-related .blog-grid{grid-template-columns:1fr}}.read-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:60;background:linear-gradient(90deg,#ffd058,#d9a630 40%,#367fdb);transition:width .1s linear;pointer-events:none}
