:root {
  --qulture-blue: #0e57f8;
  --qulture-ink: #10162f;
  --qulture-muted: #52607b;
  --qulture-surface: #f4f7ff;
  --qulture-border: #dce4f7;
  --qulture-radius: 20px;
}

.qulture-seo-main {
  color: var(--qulture-ink);
  font-family: Inter, Arial, sans-serif;
}

.qulture-seo-main a { color: inherit; }
.qulture-seo-shell { width: min(1120px, calc(100% - 40px)); margin: 0 auto; }
.qulture-seo-hero { padding: clamp(52px, 9vw, 116px) 0 58px; background: var(--qulture-blue); color: #fff; }
.qulture-seo-hero h1 { max-width: 18ch; margin: 0; font-size: clamp(2.25rem, 5vw, 4.8rem); line-height: 1.03; letter-spacing: -.045em; }
.qulture-seo-hero p { max-width: 58ch; margin: 24px 0 0; font-size: clamp(1.05rem, 2vw, 1.35rem); line-height: 1.55; }
.qulture-seo-nav { display: flex; flex-wrap: wrap; gap: 16px; padding: 24px 0; font-weight: 700; }
.qulture-seo-nav a { text-decoration: none; }
.qulture-seo-nav a:hover { text-decoration: underline; }
.qulture-seo-section { padding: clamp(44px, 7vw, 86px) 0; }
.qulture-seo-section h2 { margin: 0 0 18px; font-size: clamp(1.7rem, 3vw, 2.5rem); line-height: 1.15; }
.qulture-seo-section p { max-width: 68ch; color: var(--qulture-muted); font-size: 1.08rem; line-height: 1.65; }
.qulture-seo-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 28px; }
.qulture-seo-card { display: block; min-height: 100%; padding: 24px; border: 1px solid var(--qulture-border); border-radius: var(--qulture-radius); background: #fff; text-decoration: none; }
.qulture-seo-card:hover { border-color: var(--qulture-blue); box-shadow: 0 12px 28px rgb(14 87 248 / 10%); }
.qulture-seo-card h3 { margin: 0 0 10px; font-size: 1.2rem; }
.qulture-seo-card p { margin: 0; font-size: .98rem; }
.qulture-seo-answer { margin: 34px 0; padding: 24px; border-radius: var(--qulture-radius); background: var(--qulture-surface); }
.qulture-seo-answer strong { display: block; margin-bottom: 8px; color: var(--qulture-blue); font-size: .95rem; text-transform: uppercase; letter-spacing: .06em; }
.qulture-seo-answer p { margin: 0; color: var(--qulture-ink); font-size: clamp(1.25rem, 3vw, 1.8rem); font-weight: 700; line-height: 1.3; }
.qulture-seo-breadcrumb { padding: 24px 0 0; color: var(--qulture-muted); font-size: .92rem; }
.qulture-seo-breadcrumb a { color: var(--qulture-muted); }
.qulture-seo-question-image { width: 100%; max-height: 520px; margin: 32px 0; object-fit: cover; border-radius: var(--qulture-radius); }
.qulture-seo-related { margin-top: 52px; padding-top: 36px; border-top: 1px solid var(--qulture-border); }
.qulture-seo-list { display: grid; gap: 12px; padding: 0; list-style: none; }
.qulture-seo-list a { display: block; padding: 18px 20px; border: 1px solid var(--qulture-border); border-radius: 14px; text-decoration: none; font-weight: 700; }
.qulture-seo-list a:hover { border-color: var(--qulture-blue); color: var(--qulture-blue); }
.qulture-seo-cta { margin-top: 42px; padding: 32px; border-radius: var(--qulture-radius); background: var(--qulture-blue); color: #fff; }
.qulture-seo-cta h2 { margin-top: 0; }
.qulture-seo-cta p { color: #fff; }
.qulture-seo-store-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.qulture-seo-button { display: inline-block; padding: 13px 18px; border-radius: 12px; background: #fff; color: var(--qulture-blue) !important; font-weight: 800; text-decoration: none; }
.qulture-seo-article-content { max-width: 70ch; }
.qulture-seo-article-content p, .qulture-seo-article-content li { color: var(--qulture-muted); font-size: 1.08rem; line-height: 1.7; }

@media (max-width: 760px) {
  .qulture-seo-shell { width: min(100% - 32px, 1120px); }
  .qulture-seo-card-grid { grid-template-columns: 1fr; }
}