.blog__page{padding:120px 0 80px}.blog__header{text-align:center;margin-bottom:56px}.blog__grid{grid-template-columns:1fr 1fr;gap:24px;max-width:860px;margin:0 auto;display:grid}.blog__card{color:inherit;background:var(--white);border-radius:var(--radius-lg);transition:all var(--transition-base);border:1px solid #0000000f;padding:32px;text-decoration:none;display:block}.blog__card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.blog__card-meta{color:var(--grey);align-items:center;gap:12px;margin-bottom:12px;font-size:.8125rem;display:flex}.blog__card-meta-divider{background:var(--grey);border-radius:50%;width:3px;height:3px}.blog__card-title{font-family:var(--font-display);color:var(--dark-blue);margin-bottom:10px;font-size:1.25rem;font-weight:700;line-height:1.35}.blog__card-desc{color:var(--dark-grey);margin-bottom:16px;font-size:.9375rem;line-height:1.65}.blog__card-link{color:var(--blue);transition:gap var(--transition-fast);align-items:center;gap:6px;font-size:.875rem;font-weight:600;display:inline-flex}.blog__card:hover .blog__card-link{gap:10px}.blog__empty{text-align:center;color:var(--dark-grey);padding:80px 0}.post__page{padding:120px 0 80px}.post__article{max-width:720px;margin:0 auto}.post__header{margin-bottom:40px}.post__meta{color:var(--grey);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;font-size:.8125rem;display:flex}.post__meta-divider{background:var(--grey);border-radius:50%;width:3px;height:3px}.post__tags{flex-wrap:wrap;gap:8px;display:flex}.post__tag{border-radius:var(--radius-full);color:var(--blue);background:#005eb814;padding:4px 12px;font-size:.75rem;font-weight:600}.post__title{font-family:var(--font-display);color:var(--dark-blue);margin-bottom:16px;font-size:2.5rem;font-weight:800;line-height:1.2}.post__prose{color:var(--dark-grey);font-size:.9375rem;line-height:1.7}.post__prose h2{font-family:var(--font-display);color:var(--dark-blue);margin-top:48px;margin-bottom:16px;scroll-margin-top:88px;font-size:1.5rem;font-weight:700;line-height:1.35}.post__prose h3{font-family:var(--font-display);color:var(--dark-blue);margin-top:36px;margin-bottom:12px;font-size:1.25rem;font-weight:700}.post__prose p{margin-bottom:20px}.post__prose ul,.post__prose ol{margin-bottom:20px;padding-left:24px}.post__prose li{margin-bottom:8px}.post__prose strong{color:var(--dark-blue);font-weight:600}.post__prose a{color:var(--blue);text-underline-offset:3px;transition:text-decoration-color var(--transition-fast);-webkit-text-decoration:underline #005eb84d;text-decoration:underline #005eb84d}.post__prose a:hover{-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue)}.post__prose blockquote{border-left:3px solid var(--blue);background:var(--pale-grey);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--dark-grey);margin:24px 0;padding:12px 20px;font-style:italic}.post__prose code{background:var(--pale-grey);color:var(--dark-blue);border-radius:4px;padding:2px 6px;font-family:SF Mono,Fira Code,monospace;font-size:.875em}.post__prose pre{background:var(--black);color:#e0e7ee;border-radius:var(--radius-md);margin:24px 0;padding:20px 24px;overflow-x:auto}.post__prose pre code{color:inherit;background:0 0;padding:0}.post__prose img{border-radius:var(--radius-md);margin:24px 0}.post__prose hr{border:none;border-top:1px solid #00000014;margin:40px 0}.article__intro{color:var(--dark-blue);margin-bottom:20px;font-size:1.125rem;font-weight:500;line-height:1.65}.article__toc{background:var(--pale-grey);border-radius:var(--radius-md);border:1px solid #0000000f;margin-bottom:40px;padding:24px 28px}.article__toc ol{counter-reset:toc;margin:0;padding:0;list-style:none}.article__toc li{counter-increment:toc;margin-bottom:8px}.article__toc li:before{content:counter(toc) ".";color:var(--blue);margin-right:8px;font-size:.875rem;font-weight:600}.article__toc li:last-child{margin-bottom:0}.article__toc a{color:var(--dark-grey);transition:color var(--transition-fast);font-size:.9375rem}.article__toc a:hover{color:var(--blue)}.article__toc-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;color:var(--grey);margin-bottom:16px;font-size:.8125rem;font-weight:700}.article__callout{border-radius:var(--radius-md);margin:24px 0;padding:24px 28px}.article__callout h3{font-family:var(--font-display);align-items:center;gap:8px;margin-top:0;margin-bottom:8px;font-size:1rem;font-weight:700;display:flex}.article__callout h3:before{content:"";border-radius:50%;flex-shrink:0;width:8px;height:8px}.article__callout p{margin-bottom:0;font-size:.9375rem;line-height:1.65}.article__callout--accessibility{border-left:3px solid var(--green);background:#0096390f}.article__callout--accessibility h3{color:var(--green)}.article__callout--accessibility h3:before{background:var(--green)}.article__callout--accessibility p{color:var(--dark-grey)}.article__callout--compliance{border-left:3px solid var(--blue);background:#005eb80f}.article__callout--compliance h3{color:var(--blue)}.article__callout--compliance h3:before{background:var(--blue)}.article__callout--compliance p{color:var(--dark-grey)}.article__callout--trust{border-left:3px solid var(--amber);background:#f59e0b0f}.article__callout--trust h3{color:var(--amber)}.article__callout--trust h3:before{background:var(--amber)}.article__callout--trust p{color:var(--dark-grey)}.article__step{background:var(--white);border-radius:var(--radius-md);border:1px solid #0000000f;gap:20px;margin:28px 0;padding:24px;display:flex}.article__step h3{font-family:var(--font-display);color:var(--dark-blue);margin-top:0;margin-bottom:8px;font-size:1.0625rem;font-weight:700}.article__step p{margin-bottom:0}.article__step code{background:var(--pale-grey);color:var(--dark-blue);border-radius:4px;padding:2px 6px;font-family:SF Mono,Fira Code,monospace;font-size:.875em}.article__step-num{background:var(--blue);color:#fff;width:36px;height:36px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.article__pain-list{padding:0;list-style:none}.article__pain-list li{background:var(--pale-grey);border-radius:var(--radius-sm);border-left:3px solid var(--dark-grey);margin-bottom:8px;padding:16px 20px}.article__feature{border-radius:var(--radius-md);background:#005eb80a;border:1px solid #005eb81a;margin:16px 0;padding:20px 24px}.article__feature h3{font-family:var(--font-display);color:var(--dark-blue);margin-top:0;margin-bottom:8px;font-size:1.0625rem;font-weight:700}.article__feature h3:before{content:"→ ";color:var(--blue)}.article__feature p{margin-bottom:0}.article__faq{margin:24px 0}.article__faq details{background:var(--pale-grey);border-radius:var(--radius-md);transition:background var(--transition-base);border:1px solid #0000000f;margin-bottom:10px;overflow:hidden}.article__faq details[open]{background:var(--white);box-shadow:var(--shadow-sm)}.article__faq summary{font-family:var(--font-display);color:var(--dark-blue);cursor:pointer;transition:color var(--transition-fast);justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;font-size:.9375rem;font-weight:600;list-style:none;display:flex}.article__faq summary::-webkit-details-marker{display:none}.article__faq summary:hover{color:var(--blue)}.article__faq summary:after{content:"+";color:var(--grey);transition:transform var(--transition-base);flex-shrink:0;font-size:1.25rem;font-weight:300}.article__faq details[open] summary:after{content:"−";color:var(--blue)}.article__faq p{color:var(--dark-grey);margin:0;padding:0 24px 18px;font-size:.9375rem;line-height:1.65}.article__diagram{background:var(--pale-grey);border-radius:var(--radius-lg);border:1px solid #0000000f;margin:32px 0;padding:32px}.article__diagram-center{justify-content:center;margin-bottom:28px;display:flex}.article__diagram-doc{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1.5px solid #0000001f;align-items:center;gap:10px;padding:12px 20px;display:flex}.article__diagram-doc-icon{background:var(--blue);color:#fff;font-family:var(--font-display);letter-spacing:.5px;border-radius:4px;padding:4px 8px;font-size:.6875rem;font-weight:800}.article__diagram-doc-name{color:var(--dark-grey);font-family:SF Mono,Fira Code,monospace;font-size:.875rem;font-weight:500}.article__diagram-links{flex-direction:column;gap:8px;max-width:480px;margin:0 auto;display:flex}.article__diagram-line{border-radius:var(--radius-sm);background:var(--white);border:1px solid #0000000f;align-items:center;gap:10px;padding:8px 14px;display:flex}.article__diagram-line--ok{border-left:3px solid var(--green)}.article__diagram-line--fail{border-left:3px solid var(--red)}.article__diagram-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.article__diagram-dot--ok{background:var(--green)}.article__diagram-dot--fail{background:var(--red)}.article__diagram-url{color:var(--dark-grey);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:SF Mono,Fira Code,monospace;font-size:.8125rem;overflow:hidden}.article__diagram-badge{border-radius:var(--radius-full);letter-spacing:.3px;flex-shrink:0;padding:3px 8px;font-size:.6875rem;font-weight:700}.article__diagram-badge--ok{color:var(--green);background:#0096391a}.article__diagram-badge--fail{color:var(--red);background:#da291c1a}.article__table-wrap{-webkit-overflow-scrolling:touch;margin:32px 0;overflow-x:auto}.article__table{border-collapse:collapse;background:var(--white);border-radius:var(--radius-md);border:1px solid #0000000f;width:100%;font-size:.875rem;overflow:hidden}.article__table th{background:var(--pale-grey);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;color:var(--grey);text-align:left;border-bottom:1px solid #00000014;padding:12px 16px;font-size:.8125rem;font-weight:700}.article__table td{color:var(--dark-grey);vertical-align:middle;border-bottom:1px solid #0000000a;padding:10px 16px}.article__table tr:last-child td{border-bottom:none}.article__table tr:hover td{background:#005eb805}.article__table-url{font-family:SF Mono,Fira Code,monospace;font-size:.8125rem}.article__table-status{border-radius:var(--radius-full);padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-block}.article__table-status--ok{color:var(--green);background:#0096391a}.article__table-status--fail{color:var(--red);background:#da291c1a}.post__cta{background:linear-gradient(135deg, var(--dark-blue), var(--blue));border-radius:var(--radius-lg);text-align:center;margin-top:56px;padding:40px}.post__cta h3{font-family:var(--font-display);color:#fff;margin-bottom:12px;font-size:1.5rem;font-weight:800}.post__cta p{color:#ffffffbf;max-width:480px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:1rem}.post__back{color:var(--grey);transition:color var(--transition-fast);align-items:center;gap:6px;margin-top:32px;font-size:.875rem;font-weight:500;display:inline-flex}.post__back:hover{color:var(--blue)}@media (width<=1023px){.blog__grid{grid-template-columns:1fr;max-width:560px}.post__title{font-size:2rem}}@media (width<=767px){.post__title{font-size:1.75rem}.post__prose h2{font-size:1.375rem}.blog__grid{gap:16px}.blog__card{padding:24px}.post__cta{padding:28px 20px}.article__step{flex-direction:column;gap:12px;padding:20px}.article__toc,.article__diagram{padding:20px}.article__diagram-url{font-size:.6875rem}.article__table{font-size:.8125rem}.article__table th,.article__table td{padding:8px 10px}}.blognav.svelte-10l9oyx{background:var(--white);z-index:1000;border-bottom:1px solid #0000000f;height:72px;position:fixed;top:0;left:0;right:0}.blognav__inner.svelte-10l9oyx{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.blognav__brand.svelte-10l9oyx{align-items:center;gap:8px;display:flex}.blognav__logo-link.svelte-10l9oyx{font-family:var(--font-display);color:var(--dark-blue);align-items:center;gap:8px;font-size:1.4rem;font-weight:800;display:flex}.blognav__brand-text.svelte-10l9oyx{color:var(--dark-blue)}.blognav__divider.svelte-10l9oyx{background:#0000001f;width:1px;height:20px;margin:0 4px}.blognav__section.svelte-10l9oyx{color:var(--dark-grey);transition:color var(--transition-fast);font-size:.9375rem;font-weight:500}.blognav__section.svelte-10l9oyx:hover{color:var(--blue)}.blognav__actions.svelte-10l9oyx{align-items:center;display:flex}.blognav__actions.svelte-10l9oyx .btn:where(.svelte-10l9oyx){padding:9px 18px;font-size:.875rem}.blognav__mobile.svelte-10l9oyx{background:var(--white);border-top:1px solid var(--pale-grey);padding:16px 24px 24px;display:none}.blognav__mobile.svelte-10l9oyx a:where(.svelte-10l9oyx){color:var(--dark-grey);border-bottom:1px solid var(--pale-grey);padding:12px 0;font-size:1rem;font-weight:500;display:block}.blognav__mobile.svelte-10l9oyx a:where(.svelte-10l9oyx):last-child{border-bottom:none}.blognav__mobile.svelte-10l9oyx .btn:where(.svelte-10l9oyx){text-align:center;justify-content:center;width:100%;margin-top:8px;color:#fff!important}.hamburger.svelte-10l9oyx{color:var(--dark-grey);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;padding:4px;display:none}.hamburger.svelte-10l9oyx:hover{color:var(--blue)}@media (width<=767px){.blognav__actions.svelte-10l9oyx{display:none}.hamburger.svelte-10l9oyx,.blognav__mobile.svelte-10l9oyx{display:block}}