:root{--aiwp-accent:#2563eb;--aiwp-width:1200px;--aiwp-font:system-ui, -apple-system, "Segoe UI", sans-serif;}.aiwp-content,.aiwp-header,.aiwp-footer{font-family:var(--aiwp-font);} .moje-stranka { font-family: var(--aiwp-font, sans-serif); color: #1b2838; background: #f6f8fb; padding: clamp(32px, 7vw, 96px) 24px; } .moje-stranka * { box-sizing: border-box; } .moje-stranka__obsah, .moje-stranka__karty { max-width: var(--aiwp-width, 1200px); margin-inline: auto; } .moje-stranka__stitky { font-size: 12px; font-weight: 700; letter-spacing: .14em; color: #425570; } .moje-stranka h1 { font-size: clamp(34px, 5.5vw, 72px); line-height: 1.08; letter-spacing: -.045em; max-width: 850px; margin: 20px 0 24px; } .moje-stranka__obsah > p:not(.moje-stranka__stitky) { max-width: 600px; font-size: 19px; line-height: 1.7; color: #48576a; } .moje-stranka__tlacitko { display: inline-flex; gap: 20px; align-items: center; margin-top: 16px; padding: 15px 22px; color: #fff; background: #1d4ed8; border-radius: 8px; text-decoration: none; font-weight: 650; } .moje-stranka__tlacitko:hover { background: #1e40af; } .moje-stranka__tlacitko:focus-visible { outline: 3px solid #111827; outline-offset: 4px; } .moje-stranka__karty { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 64px; } .moje-stranka article { background: #fff; padding: 28px; border: 1px solid #e2e8f0; border-radius: 14px; } .moje-stranka article > span { color: #5b6b82; font-size: 13px; } .moje-stranka h2 { font-size: 22px; line-height: 1.3; margin: 24px 0 12px; } .moje-stranka article p { color: #48576a; line-height: 1.65; margin-bottom: 0; } @media (max-width: 700px) { .moje-stranka__karty { grid-template-columns: 1fr; margin-top: 40px; } }