.seo-guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.seo-guide-grid article { padding: 30px; border: 1px solid var(--line); border-radius: 5px; background: #fff; }
.seo-guide-grid h3 { font-size: 26px; line-height: 1.3; }
.seo-guide-grid p { font-size: 18px; }
.guide-main { padding: 45px 0 80px; }
.guide-article { max-width: 860px; }
.guide-article h1 { font-size: clamp(34px, 4vw, 52px); line-height: 1.15; overflow-wrap: anywhere; }
.guide-article h2 { margin-top: 44px; font-size: clamp(26px, 3vw, 34px); line-height: 1.25; }
.guide-article p, .guide-article li { font-size: 18px; line-height: 1.8; }
.guide-article li { margin-bottom: 12px; }
.guide-breadcrumb { margin-bottom: 38px; font-size: 16px; }
.guide-article .guide-byline, .guide-article .guide-source { font-size: 16px; color: var(--muted); }
.guide-article .actions { margin-top: 40px; padding-top: 25px; border-top: 1px solid var(--line); }
@media (max-width: 760px) { .seo-guide-grid { grid-template-columns: 1fr; } .seo-guide-grid article { padding: 24px; } }
.payment-notice { background: #eef6f7; border-block: 1px solid #d9e4e7; }
.payment-notice-inner { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 60px; align-items: center; }
.payment-notice-inner p { margin-bottom: 0; }
.payment-notice-inner .eyebrow { margin-bottom: 18px; }
.payment-notice-action p { font-size: 16px; color: #50656c; margin-top: 16px; }
@media (max-width: 760px) {
  .payment-notice-inner { grid-template-columns: 1fr; gap: 24px; }
  .payment-notice-action .button { width: 100%; }
}
.krediidiskoor-redesign .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 52px;
  padding: 13px 22px;
  border: 1px solid #007f98;
  border-radius: 5px;
  background: #007f98;
  color: #fff;
  font: 650 16px/1.5 "Segoe UI", Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background .18s, border-color .18s;
}
.krediidiskoor-redesign .button:hover {
  background: #00657a;
  border-color: #00657a;
  color: #fff;
}
.krediidiskoor-redesign .button.secondary,
.krediidiskoor-redesign .button.light {
  background: #fff;
  color: #007f98;
  border-color: #007f98;
}
.krediidiskoor-redesign .button.secondary:hover,
.krediidiskoor-redesign .button.light:hover {
  background: #eef6f7;
  color: #00657a;
}
.shared-header .header-inner { gap: 24px; min-height: 88px; }
.shared-header .identity { gap: 18px; flex-shrink: 0; }
.shared-header .logo { width: 112px; height: 58px; }
.shared-header .brand-name { font-size: 20px; padding-left: 18px; }
.shared-header .navigation { display: flex; gap: 20px; }
.shared-header .navigation a { font-size: 16px; white-space: nowrap; }
.shared-header a[aria-current="page"] {
  color: #007f98;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 7px;
}
.shared-header .mobile-nav { display: none; }
.shared-header .mobile-nav summary { white-space: nowrap; font-size: 16px; cursor: pointer; list-style: none; padding: 10px; border: 1px solid var(--line); border-radius: 4px; }
.shared-header .mobile-nav nav { position: absolute; top: 100%; left: 0; right: 0; display: grid; background: #fff; padding: 15px 25px; box-shadow: 0 10px 20px #052d3915; border-bottom: 1px solid var(--line); }
.shared-header .mobile-nav nav a { padding: 12px; text-decoration: none; font-size: 18px; }
@media (max-width: 1150px) {
  .shared-header .navigation { display: none; }
  .shared-header .mobile-nav { display: block; }
}
@media (max-width: 760px) {
  .shared-header .header-inner { gap: 12px; min-height: 76px; }
  .shared-header .identity { gap: 10px; }
  .shared-header .logo { width: 80px; height: 48px; }
  .shared-header .brand-name { font-size: 18px; padding-left: 10px; }
}
@media (max-width: 380px) {
  .shared-header .logo { width: 62px; }
  .shared-header .brand-name { font-size: 16px; }
  .shared-header .mobile-nav summary { padding: 10px 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .krediidiskoor-redesign .button { transition: none; }
}
.search-row input:focus-visible{outline:none;border-color:#007f98;box-shadow:0 0 0 1px #007f98}
.search-row .button:focus-visible{outline:2px solid #007f98;outline-offset:3px}
.autocomplete-suggestion.selected-item{background:#e5e7eb;color:#173d49}
.section .eyebrow, .risk-guidance h4 { color: #006d83; }
.section #api .eyebrow { color: #82dce9; }