.blog-page{background:#f3f4f6;color:var(--ink);min-height:100svh;display:flex;flex-direction:column}
.blog-page .site-header{flex-shrink:0}
.blog-main{width:100%;max-width:1204px;margin:auto;padding:64px 32px 80px;flex:1}
.blog-heading{max-width:900px;margin-bottom:40px}
.blog-heading h1{font:800 clamp(34px,4.5vw,52px)/1.18 Manrope,sans-serif;letter-spacing:-1.5px;color:var(--ink);margin:18px 0 22px}
.blog-lead{font-size:20px;line-height:1.7;color:#657080;max-width:650px}
.blog-meta{font-size:14px;color:var(--muted)}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.blog-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}
.blog-card-art{min-height:220px;background:#202223;color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px;font:800 clamp(23px,3vw,32px)/1.35 Manrope,sans-serif;letter-spacing:-1px}
.blog-card-bubble{display:grid;place-items:center;background:var(--brand);border-radius:30%;width:100px;height:100px;flex-shrink:0;font-size:90px;line-height:1.3;transform:rotate(-8deg)}
.blog-card-copy{padding:30px}.blog-card h2{font:800 26px/1.35 Manrope,sans-serif;letter-spacing:-.6px;margin:14px 0}.blog-card h2 a:hover{color:var(--brand)}
.blog-card-copy>p:not(.section-kicker){font-size:16px;line-height:1.8;color:#657080}.blog-read{display:inline-flex;gap:22px;color:#2a5aad;font-weight:700;margin-top:12px}
.blog-article{max-width:900px;margin:auto}
.blog-copy{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:40px}
.blog-copy p{font-size:17px;line-height:1.85;color:#526071;margin:0 0 22px}
.legal-page .blog-copy ul{padding-left:24px;margin:0 0 24px}
.legal-page .blog-copy li{font-size:17px;line-height:1.85;color:#526071;margin-bottom:8px}
.legal-page .blog-copy h2:first-child{margin-top:0;padding-top:0;border-top:0}
.about-page .blog-copy h2:first-child{margin-top:0;padding-top:0;border-top:0}
.legal-page .blog-copy a{overflow-wrap:anywhere}
.contact-form{display:grid;gap:20px;margin:28px 0}
.contact-form label{display:grid;gap:8px;font-size:16px;font-weight:600}
.contact-form input,.contact-form textarea{width:100%;min-width:0;border:1px solid #dce2eb;border-radius:12px;padding:13px 15px;background:#fafbfd;color:var(--ink);font:inherit}
.contact-form textarea{resize:vertical;line-height:1.6}
.contact-form .contact-send{justify-self:start;background:var(--brand);color:#fff;border-radius:999px;height:auto;min-height:52px;padding:14px 26px;font-size:17px}
.contact-form .contact-send:hover{background:#d51c80}
.contact-form .contact-hint{font-size:13px;margin:-8px 0 0;line-height:1.6}
.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-form .contact-error,.contact-form .contact-success{padding:14px 16px;border-radius:12px;margin:0;font-size:15px;line-height:1.6}
.contact-form .contact-error{background:#fff0f4;color:#ad2948}.contact-form .contact-success{background:#edf8f1;color:#216443}
.blog-copy .contact-direct{font-size:15px;margin-top:32px;overflow-wrap:anywhere}
.blog-copy h2{font:800 clamp(25px,3vw,32px)/1.3 Manrope,sans-serif;letter-spacing:-.8px;margin:48px 0 24px;padding-top:32px;border-top:1px solid var(--line)}
.blog-copy h3{font:750 22px/1.4 Manrope,sans-serif;letter-spacing:-.4px;margin:30px 0 16px}
.blog-copy a{color:#2a5aad;text-decoration:underline;text-underline-offset:4px}
.blog-copy a:hover{color:var(--brand)}
.blog-copy .blog-cta{margin:24px 0 32px}
.blog-copy .blog-cta-button{display:inline-flex;justify-content:center;background:var(--brand);color:#fff;text-decoration:none;border-radius:999px;min-height:52px;height:auto;max-width:100%;padding:14px 26px;font-size:17px;font-weight:700;line-height:1.4;text-align:center;white-space:normal}
.blog-copy .blog-cta-button:hover{background:#d51c80;color:#fff}
.blog-table{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:24px 0}
.blog-table table{border-collapse:collapse;width:100%;text-align:left;font-size:14px;line-height:1.6}
.blog-table caption{padding:16px;text-align:left;background:#f3f4f6;font-weight:700}
.blog-table th,.blog-table td{padding:14px;border-top:1px solid var(--line);vertical-align:top;min-width:110px}
.blog-table thead{background:#fafbfc}.blog-table td{color:#526071}
.blog-copy .blog-note{font-size:14px;background:#f3f4f6;border-radius:12px;padding:18px;line-height:1.7}
.blog-skip{position:absolute;top:-100px;left:16px;z-index:100;background:white;padding:12px 18px;color:#2a5aad;border-radius:10px}.blog-skip:focus{top:12px}
@media(max-width:900px){.blog-main{padding:40px 25px 56px}.blog-grid{grid-template-columns:1fr}.blog-card{max-width:620px}.blog-copy{padding:30px}}
@media(max-width:660px){.blog-main{padding:32px 16px 40px}.blog-heading h1{font-size:34px;letter-spacing:-1px}.blog-lead{font-size:18px}.blog-copy{padding:24px 18px}.blog-copy p{font-size:16px}.blog-copy h3{font-size:20px}.blog-card-copy{padding:24px}.blog-card-art{padding:24px;min-height:190px}.blog-card-bubble{width:75px;height:75px;font-size:68px}}

.cookie-table-scroll{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid #dfe4ec;border-radius:14px}
.cookie-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;text-align:left}
.cookie-table caption{text-align:left;padding:16px 18px;font-weight:700;background:#f3f4f6;color:#1f2937}
.cookie-table th,.cookie-table td{padding:16px 18px;vertical-align:top;border-top:1px solid #dfe4ec}
.cookie-table thead th{background:#f8f9fb;color:#1f2937}
.cookie-table tbody th{font-weight:600}
.cookie-table code{font-size:13px;overflow-wrap:anywhere}
@media(max-width:660px){.cookie-table{min-width:600px}.cookie-table th,.cookie-table td{padding:12px}}