.blog-layout{min-height:100dvh}.blog-page{max-width:48rem;padding:clamp(2.5rem,6vw,4rem)var(--ma-content-padding-x,clamp(16px,3.5vw,28px))clamp(3.5rem,9vw,5.5rem);margin:0 auto;position:relative}.blog-page--index{max-width:min(var(--ma-content-max,1320px),100%);padding-top:clamp(2.75rem,6vw,4rem)}.blog-page__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#2563eb;margin:0 0 .65rem;font-size:.75rem;font-weight:700}.blog-page--index .blog-page__hero{text-align:center;border-radius:calc(var(--ma-radius-lg,16px) + 2px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;border:1px solid #e2e8f0f2;margin-bottom:clamp(2rem,5vw,2.75rem);padding:clamp(1.75rem,4vw,2.5rem) clamp(1.25rem,3vw,2rem);box-shadow:0 8px 36px #0f172a0f}.blog-page--index .blog-page__hero h1{background:linear-gradient(120deg,#0ea5e9 0%,#2563eb 38%,#7c3aed 95%);color:#0000;letter-spacing:-.035em;-webkit-background-clip:text;background-clip:text;margin:0 0 .85rem;font-size:clamp(1.75rem,4.2vw,2.55rem);font-weight:800;line-height:1.14}.blog-page__lead{color:var(--ma-muted,#475569);max-width:36rem;margin:0 auto;font-size:clamp(1rem,2.2vw,1.08rem);line-height:1.68}.blog-page__list{flex-direction:column;gap:clamp(.85rem,2vw,1.15rem);margin:0;padding:0;list-style:none;display:flex}.blog-page--index .page-static-seo{margin-bottom:clamp(1.35rem,3.5vw,2rem)}.blog-page--index .blog-page__list{grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr));align-items:stretch;gap:clamp(1rem,2.2vw,1.35rem);display:grid}.blog-page__card{border-radius:calc(var(--ma-radius-md,12px) + 2px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #e2e8f0fa;transition:border-color .22s,box-shadow .22s,transform .22s;box-shadow:0 4px 22px #0f172a0d}.blog-page--index .blog-page__card{flex-direction:column;height:100%;min-height:0;display:flex}@media (hover:hover) and (pointer:fine){.blog-page__card:hover{border-color:#6366f147;transform:translateY(-3px);box-shadow:0 16px 44px #0f172a17}}.blog-page__card-link{color:inherit;border-radius:inherit;outline:none;padding:clamp(1.15rem,2.8vw,1.45rem) clamp(1.2rem,3vw,1.5rem);text-decoration:none;display:block}.blog-page--index .blog-page__card-link{box-sizing:border-box;flex-direction:column;flex:1;min-height:100%;display:flex}.blog-page__card-link:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.blog-page__card-link:hover h2{color:var(--ma-accent-deep,#1d4ed8)}.blog-page__card-date{color:var(--ma-muted,#64748b);text-transform:uppercase;letter-spacing:.07em;font-size:.75rem;font-weight:700}.blog-page__card h2{color:var(--ma-ink,#0f172a);letter-spacing:-.02em;margin:.45rem 0 .55rem;font-size:clamp(1.05rem,2.2vw,1.2rem);font-weight:700;line-height:1.35;transition:color .18s}.blog-page__card p{color:var(--ma-muted,#475569);margin:0;font-size:.96875rem;line-height:1.58}.blog-page--index .blog-page__card h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-page--index .blog-page__card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:auto;display:-webkit-box;overflow:hidden}.blog-page__breadcrumb{margin-bottom:1.15rem}.blog-page__breadcrumb-list{color:var(--ma-muted,#64748b);background:#ffffffbf;border:1px solid #e2e8f0f2;border-radius:999px;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin:0;padding:.45rem .85rem;font-size:.8125rem;list-style:none;display:inline-flex}.blog-page__breadcrumb-list a{color:var(--ma-accent-deep,#1d4ed8);font-weight:600;text-decoration:none}.blog-page__breadcrumb-list a:hover{text-decoration:underline}.blog-page__breadcrumb-list a:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #2563eb}.blog-page__breadcrumb-sep{opacity:.5;-webkit-user-select:none;user-select:none}.blog-page__breadcrumb-current{color:var(--ma-ink-secondary,#475569);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:min(100%,36rem);font-weight:500;display:-webkit-box;overflow:hidden}.blog-page--post{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:calc(var(--ma-radius-lg,16px) + 2px);background:#ffffffc7;border:1px solid #e2e8f0e6;padding:clamp(1.5rem,4vw,2.25rem) clamp(1.1rem,3.5vw,2rem) clamp(2.25rem,5vw,3rem);box-shadow:0 10px 40px #0f172a0f}.blog-page__post-head h1{color:var(--ma-ink,#0f172a);letter-spacing:-.032em;margin:.35rem 0 .75rem;font-size:clamp(1.4rem,3.6vw,2rem);font-weight:800;line-height:1.2}.blog-page__meta{color:var(--ma-muted,#64748b);margin:0;font-size:.8125rem;font-weight:600}.blog-page__body{margin-top:clamp(1.5rem,4vw,2.25rem)}.blog-page__section{margin-bottom:clamp(1.5rem,4vw,1.9rem)}.blog-page__section h2{color:var(--ma-ink,#0f172a);letter-spacing:-.02em;border-bottom:1px solid #e2e8f0f2;margin:0 0 .65rem;padding-bottom:.4rem;font-size:clamp(1.05rem,2.2vw,1.25rem);font-weight:700}.blog-page__section p{color:var(--ma-ink-secondary,#334155);margin:0 0 .85rem;font-size:clamp(.98rem,1.8vw,1.04rem);line-height:1.74}.blog-page__section p:last-child{margin-bottom:0}.blog-page__footer{border-top:1px solid var(--ma-border,#e2e8f0);flex-wrap:wrap;gap:.75rem 1rem;margin-top:clamp(2.25rem,5vw,2.85rem);padding-top:1.5rem;display:flex}.blog-page__footer a{color:var(--ma-accent-deep,#1d4ed8);background:#2563eb14;border:1px solid #2563eb24;border-radius:999px;padding:.5rem 1rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s}.blog-page__footer a:hover{background:#2563eb21;border-color:#2563eb3d}.blog-page__footer a:focus-visible{outline-offset:2px;outline:2px solid #2563eb}@media (prefers-reduced-motion:reduce){.blog-page__card{transition-duration:.01ms}.blog-page__card:hover{transform:none}}@media (min-width:768px){.blog-page{padding-left:1.85rem;padding-right:1.85rem}}