.blog-directory-page,.legacy-blog-post{max-width:840px;margin-inline:auto;padding:clamp(2rem,5vw,4rem) 1rem clamp(4rem,8vw,6rem)}.legacy-blog-post{max-width:800px}.blog-directory-page>h1,.legacy-blog-post>article>header>h1{letter-spacing:-.055em;overflow-wrap:anywhere;margin:.45rem 0 .7rem;font-size:clamp(2.5rem,7vw,4.8rem);line-height:.98}.blog-directory-intro{color:var(--text-secondary);max-width:650px;margin:0 0 2rem;font-size:1.05rem;line-height:1.65}.blog-featured-post{margin:1.5rem 0}.blog-post-list{gap:1rem;display:grid}.blog-post-card{gap:0;display:grid;overflow:hidden}.blog-post-card-cover{display:block}.blog-post-card-cover img{width:100%;height:auto;display:block}.blog-post-card-copy h2,.blog-post-card-copy p{margin:0}.blog-post-card-copy h2{letter-spacing:-.03em;font-size:clamp(1.25rem,3vw,1.65rem);line-height:1.18}.blog-post-card-copy h2 a{color:var(--text);overflow-wrap:anywhere;text-decoration:none}.blog-post-card-copy h2 a:hover{text-underline-offset:3px;text-decoration:underline}.blog-post-card-copy p,.blog-result-list p{color:var(--text-secondary);margin-top:.45rem;line-height:1.55}.blog-taxonomy-list,.blog-result-list{margin:1.5rem 0;padding:0;list-style:none}.blog-taxonomy-list{flex-wrap:wrap;gap:.65rem;display:flex}.blog-taxonomy-link{color:var(--deep);background:#fff;border:1px solid #1b363f24;border-radius:999px;padding:.55rem .8rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.blog-taxonomy-link:hover{border-color:var(--accent);color:var(--accent)}.blog-result-list{gap:0;display:grid}.blog-result-list li{border-top:1px solid #1b363f1f;padding:1.15rem 0}.blog-result-list h3{margin:0;font-size:1.25rem;line-height:1.25}.blog-result-list h3 a{color:var(--text);overflow-wrap:anywhere}.blog-search-form{background:#ffffffd1;border:1px solid #1b363f1f;border-radius:16px;gap:.5rem;margin:1.5rem 0;padding:1rem;display:grid}.blog-search-form label{color:var(--text-secondary);font-size:.78rem;font-weight:700}.blog-search-controls{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;display:grid}.blog-search-controls input{font:inherit;border:1px solid #1b363f2e;border-radius:10px;min-width:0;min-height:44px;padding:.65rem .75rem}.blog-results{margin-top:2rem}.blog-directory-footer,.blog-pagination{margin-top:1.5rem}.blog-pagination{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.blog-pagination>:last-child{justify-self:end}.blog-pagination>span[aria-current=page]{color:var(--text-secondary);font-size:.82rem;font-weight:700}.blog-directory-footer a,.blog-pagination a{color:var(--deep);border:1px solid #1b363f2e;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:.55rem .85rem;font-weight:700;text-decoration:none;display:inline-flex}.blog-pagination a:hover{background:var(--deep);color:#fff}.blog-pagination a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.legacy-blog-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.legacy-blog-cover{margin:1.25rem 0 1.5rem}.legacy-blog-cover-image{border-radius:14px;width:100%;height:auto;display:block}.legacy-blog-post article{font-size:1.03rem;line-height:1.75}.legacy-blog-post article :is(h2,h3,h4){overflow-wrap:anywhere;line-height:1.2}.legacy-blog-post article :is(pre,table){max-width:100%}.legacy-blog-post article table{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.chips{flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.chip{background:#fff;border:1px solid #00000014;border-radius:999px;padding:6px 10px;font-size:.9rem;display:inline-block}.related-thumb{background:#fff;border:1px solid #00000014;border-radius:10px;text-decoration:none;display:block;overflow:hidden}.related-image{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;transition:transform .24s;display:block}.related-thumb:hover .related-image{transform:scale(1.025)}.related-copy h4 a{color:var(--text);text-decoration:none}.related-copy h4 a:hover{text-underline-offset:3px;text-decoration:underline}.blog-cover-fallback{aspect-ratio:16/9;background:linear-gradient(135deg, var(--deep), var(--accent));color:#fff;place-items:center;min-height:100%;font-size:2rem;font-weight:800;display:grid}.related-posts{margin-top:2rem}.related-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.related-heading h3{margin:0}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.related-card{background:#ffffffd1;border:1px solid #00000014;border-radius:12px;transition:transform .18s,box-shadow .22s,border-color .22s;overflow:hidden;box-shadow:0 1px #0000000a}.related-card:hover{border-color:#00000024;transform:translateY(-1px);box-shadow:0 10px 22px #00000014}.related-copy{padding:10px 12px 12px}.related-copy h4{margin:0;font-size:.98rem;line-height:1.25}.related-copy p{color:var(--text-secondary);margin:.35rem 0 0;font-size:.88rem;line-height:1.4}.toc{color:#0f172a;background:#f8fafc;border:1px solid #00000014;border-radius:12px;margin:14px 0 18px;padding:12px 14px;box-shadow:0 1px #00000008}.toc-title{color:#334155;letter-spacing:.3px;text-transform:uppercase;margin:0 0 8px;font-size:.85rem;font-weight:800;display:block}.toc-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.toc-item{border-bottom:1px solid #0000000f;margin:0}.toc-item:last-child{border-bottom:0}.toc-link{color:#1e293b;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex}.toc-link:before{content:"";background:#94a3b8;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.toc-item.sub .toc-link{opacity:.95;padding-left:14px;font-size:.88rem}.toc-item.sub .toc-link:before{opacity:.9;width:5px;height:5px}.toc-link:hover{color:#0b5fff;text-underline-offset:3px;background:#1d4ed80f;text-decoration:underline}.toc-item.active .toc-link{color:#0b5fff;background:#1d4ed814;font-weight:700}.toc-item.active .toc-link:before{background:#1d4ed8;transform:scale(1.1)}.link-soft{color:var(--deep);font-weight:700;text-decoration:none}.link-soft:hover{color:var(--accent)}.card{background:var(--white);border:1px solid #0000000f;border-radius:16px;box-shadow:inset 0 1px #fff6}@media (max-width:720px){.blog-directory-page,.legacy-blog-post{padding-inline:1rem}.blog-search-controls{grid-template-columns:1fr}.blog-search-controls input{font-size:1rem}.blog-search-controls .platform-button{width:100%}.related-grid{grid-template-columns:1fr}}@media (min-width:1000px){.toc.sticky{position:sticky;top:88px}}.blog-directory-page{max-width:1120px}.blog-directory-page>h1,.legacy-blog-post>article>header>h1{color:var(--brand-ink);font-family:var(--font-display);letter-spacing:-.07em;font-weight:1000}.blog-directory-page>h1{display:inline-block;position:relative}.blog-directory-page>h1:after{background:var(--brand-sun);border:2px solid var(--brand-ink);content:"";border-radius:999px;width:70%;height:9px;position:absolute;bottom:-12px;left:2px;transform:rotate(-1deg)}.blog-directory-intro{color:var(--brand-ink-soft);margin-top:1.25rem;font-weight:650}:is(.blog-directory-page,.legacy-blog-post,.cms-public-post) nav[aria-label=Breadcrumb],:is(.blog-directory-page,.legacy-blog-post,.cms-public-post) nav[aria-label=Breadcrumb] a,:is(.blog-directory-page,.legacy-blog-post,.cms-public-post) nav[aria-label=Breadcrumb] span[aria-current=page]{color:#3d4861;font-weight:750}.blog-featured-post{margin-block:2rem 2.5rem}.blog-featured-post .blog-post-card{background:var(--brand-sun);grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);display:grid}.blog-featured-post .blog-post-card-cover{border-right:var(--brand-line)}.blog-featured-post .blog-post-card-copy{align-content:center;padding:clamp(1.5rem,4vw,2.8rem);display:grid}.blog-post-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}.blog-post-card,.related-card,.toc,.blog-search-form{border:var(--brand-line);box-shadow:var(--brand-shadow-sm);border-radius:20px}.blog-post-card{background:#fff}.blog-post-list .blog-post-card:nth-child(4n+1){background:#eef1ff}.blog-post-list .blog-post-card:nth-child(4n+2){background:#e7fbf3}.blog-post-list .blog-post-card:nth-child(4n+3){background:#fff6cb}.blog-post-list .blog-post-card:nth-child(4n){background:#f6f2ff}.blog-post-card-cover{border-bottom:var(--brand-line);overflow:hidden}.blog-post-card:not(:has(.blog-post-card-cover)):before{aspect-ratio:16/9;background:radial-gradient(circle at 72% 28%, var(--brand-sun) 0 12%, transparent 12.4%), radial-gradient(circle at 28% 74%, var(--brand-mint) 0 14%, transparent 14.4%), linear-gradient(135deg, transparent 0 45%, var(--brand-coral) 45% 49%, transparent 49%), #eef1ff;border-bottom:var(--brand-line);content:"";display:block}.blog-post-card-copy{padding:1.35rem}.blog-post-card-copy h2{font-family:var(--font-display);letter-spacing:-.045em;font-weight:1000}.blog-post-card-copy h2 a,.blog-result-list h3 a,.related-copy h4 a{color:var(--brand-ink)}.blog-post-card-copy p,.blog-result-list p,.related-copy p{color:var(--brand-ink-soft)}.blog-taxonomy-link,.blog-directory-footer a,.blog-pagination a{border:var(--brand-line);box-shadow:3px 3px 0 var(--brand-ink);color:var(--brand-ink);background:#fff;font-weight:900}.blog-taxonomy-link:hover,.blog-pagination a:hover{background:var(--brand-mint);color:var(--brand-ink)}.legacy-blog-cover-image{border:var(--brand-line);box-shadow:var(--brand-shadow-md);border-radius:20px}.legacy-blog-post article{color:var(--brand-ink)}.legacy-blog-post article :is(h2,h3,h4){color:var(--brand-ink);font-family:var(--font-display);letter-spacing:-.035em;font-weight:1000}.chip{background:var(--brand-sun);border:2px solid var(--brand-ink);color:var(--brand-ink);font-weight:800}.toc{color:var(--brand-ink);background:#eef1ff}.toc-link{color:var(--brand-ink)}.toc-link:before,.toc-item.active .toc-link:before{background:var(--brand-coral)}.related-card:nth-child(3n+1){background:#fff6cb}.related-card:nth-child(3n+2){background:#e7fbf3}.related-card:nth-child(3n){background:#f6f2ff}@media (hover:hover) and (pointer:fine){.blog-post-card,.related-card{transition:box-shadow .16s,transform .16s}.blog-post-card:hover,.related-card:hover{border-color:var(--brand-ink);box-shadow:1px 1px 0 var(--brand-ink);transform:translate(3px,3px)}}@media (max-width:760px){.blog-featured-post .blog-post-card,.blog-post-list{grid-template-columns:1fr}.blog-featured-post .blog-post-card-cover{border-bottom:var(--brand-line);border-right:0}.blog-post-card,.related-card,.toc,.blog-search-form{border-radius:17px}}@media (prefers-reduced-motion:reduce){.blog-post-card,.related-card{transition:none}}