/* SEO update 2026-09-29: responsive contact and readable service content. */
.contact-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); }
.contact-grid > *, .contact-info-item > div, .form-group, .form-consent > label { min-width: 0; }
.contact-info-item__value, .contact-info-item__value a, .team-card__contact { overflow-wrap: anywhere; }
.form-group--row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-input, .form-select, .form-textarea { min-width: 0; max-width: 100%; }
.contact-form .btn { white-space: normal; }
.seo-reading { max-width: 820px; margin-inline: auto; color: var(--gray-700); line-height: 1.8; }
.seo-reading h2 { font: 600 clamp(25px, 3vw, 36px)/1.25 var(--font-h); color: var(--dark-400); margin-bottom: 24px; }
.seo-reading h3 { font: 600 21px/1.4 var(--font-h); color: var(--dark-400); margin: 28px 0 12px; }
.seo-reading p, .seo-reading ul, .seo-reading ol { margin-bottom: 20px; }
.seo-reading ul, .seo-reading ol { padding-left: 24px; }
.seo-reading a, .post-author a { text-decoration: underline; text-underline-offset: 3px; }
.seo-links li { padding-block: 6px; }
.seo-section + .seo-section { padding-top: 0; }
.seo-service-lead { max-width: 780px; color: var(--gray-300); font-size: 17px; line-height: 1.75; margin: 24px 0 28px; }
.seo-breadcrumb { color: var(--gray-300); margin-bottom: 24px; font-size: 14px; }
.seo-breadcrumb a { text-decoration: underline; text-underline-offset: 3px; }
.nav__mobile:not(.open) { visibility: hidden; pointer-events: none; }
.post-hero .post-author { color: var(--gray-300); }
.seo-reading details { padding: 18px 0; border-bottom: 1px solid var(--gray-200); }
.seo-reading summary { cursor: pointer; font-weight: 600; color: var(--dark-400); }
.seo-reading details p { margin: 12px 0 0; }
.post-author { margin-top: 12px; font-size: 14px; }
.post-author-note { font-size: 14px; padding-top: 24px; border-top: 1px solid var(--gray-200); }
[id="mariusz-karp"], [id="izabela-wynimko-karp"] { scroll-margin-top: 100px; }
@media (max-width: 1100px) { .contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .contact-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 600px) { .form-group--row { grid-template-columns: minmax(0, 1fr); } }