﻿/* 16.10.2026 (Martin): SEO page of one language (Lang_Page.aspx); title bar and button from lang_list.css,
   map / legend from lang_info.css */
.lp-crumbs { margin: 0 0 6px; font: 12.5px/1.4 Calibri, "Segoe UI", Arial, sans-serif; color: #6b7891; }
.lp-crumbs a { color: #28468c; text-decoration: none; }
.lp-crumbs a:hover { text-decoration: underline; }
.lp-crumbs span[aria-hidden] { margin: 0 4px; }

#col-right h1.lp-h1 {
  margin: 0; padding: 0; font-size: 24px; line-height: 1.25; font-family: 'robotobold_italic', Arial; color: #28468c;
}

.lp { max-width: 1100px; font: 14.5px/1.5 Calibri, "Segoe UI", Arial, sans-serif; color: #1d2433; text-align: left; }
.lp-intro { display: flex; gap: 18px; align-items: flex-start; margin: 14px 0 22px; }
.lp-flag img { display: block; border-radius: 4px; box-shadow: 0 1px 4px rgba(17, 30, 60, .25); }
.lp-lead { margin: 0 0 14px; font-size: 16px; max-width: 760px; }
.lp-cta { display: flex; flex-wrap: wrap; gap: 10px; }
.lp-btn {
  display: inline-block; padding: 8px 16px; border: 1px solid #28468c; border-radius: 6px; color: #28468c;
  background: #fff; text-decoration: none; font-weight: 700; white-space: nowrap;
}
.lp-btn:hover, .lp-btn:focus-visible { background: #eaf0f9; }
.lp-btn-main { background: #28468c; color: #fff; }
.lp-btn-main:hover, .lp-btn-main:focus-visible { background: #1e3770; }

.lp-h2 { margin: 0 0 10px; padding-bottom: 5px; font-size: 18px; color: #13284d; border-bottom: 1px solid #d6dfec; }
.lp-about, .lp-related { margin: 0 0 24px; }
.lp-grid { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(300px, 520px); gap: 22px; align-items: start; }
.lp-facts { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 0; }
.lp-facts dt { color: #4a5872; }
.lp-facts dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; }
.lp-mono { font-family: Consolas, "Courier New", monospace; font-weight: 400 !important; font-size: 13.5px; }
.lp-mapfig { margin: 0; }
.lp-map { margin-top: 0; }
.lp-sum { margin: 16px 0 0; max-width: 820px; }
.lp-src { margin: 8px 0 0; font-size: 12px; color: #7a8aa6; }

.lp-related ul { display: flex; flex-wrap: wrap; gap: 8px 10px; margin: 0; padding: 0; list-style: none; }
.lp-related a {
  display: inline-block; padding: 4px 12px; border: 1px solid #c9d3e3; border-radius: 999px; color: #13284d;
  text-decoration: none; background: #f7f9fc;
}
.lp-related a:hover, .lp-related a:focus { border-color: #1e4fa3; color: #1e4fa3; background: #eaf0f9; }
.lp-related a.li-lang.li-has { border-bottom: 1px solid #c9d3e3; }

.lp-notfound { margin: 18px 0; }

@media (max-width: 900px) {
  .lp-grid { grid-template-columns: 1fr; }
  .lp-intro { flex-direction: column; }
}
