/* omrude.ru - shared stylesheet of every page (rules that were identical on all pages).
   Loaded first; then omrude-article.css, omrude-page.css or omrude-home.css. */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root { --bg: #f5f4f0; --surface: #ffffff; --border: #d8d5cc; --text-1: #1a1917; --text-2: #4a4845; --text-3: #6b6763; --accent: #8b4513; }
body { font-family: "Georgia", serif; background: var(--bg); color: var(--text-1); font-size: 16px; line-height: 1.6; }
a:hover { text-decoration: underline; }
.site-header { background: var(--surface); border-bottom: 1px solid var(--border); padding: 0 2rem; }
.header-inner { max-width: 900px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 1.2rem 0; }
.logo-name { font-size: 1.5rem; font-weight: 700; color: var(--text-1); }
.logo-sub { font-size: 0.7rem; color: var(--text-3); letter-spacing: 1.5px; text-transform: uppercase; font-family: "Arial", sans-serif; margin-top: 2px; }
.site-nav { display: flex; gap: 1.8rem; list-style: none; }
.site-nav a { font-family: "Arial", sans-serif; font-size: 0.83rem; color: var(--text-2); }
.site-nav a:hover { color: var(--accent); text-decoration: none; }
.breadcrumb { background: var(--surface); border-bottom: 1px solid var(--border); padding: 0.6rem 2rem; }
.breadcrumb-inner { max-width: 900px; margin: 0 auto; font-family: "Arial", sans-serif; font-size: 0.75rem; color: var(--text-3); }
.breadcrumb a { color: var(--accent); }
.breadcrumb span { margin: 0 0.4rem; }
.footer-inner { max-width: 900px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.footer-copy { font-family: "Arial", sans-serif; font-size: 0.73rem; color: var(--text-3); }
.footer-links { display: flex; flex-wrap: wrap; gap: 0.4rem 1.5rem; }
.footer-links a { font-family: "Arial", sans-serif; font-size: 0.73rem; color: var(--text-3); }
.footer-links a:hover { color: var(--accent); text-decoration: none; }
/* skip link: hidden until it gets keyboard focus (all pages, also index.html) */
.skip-link { position: absolute; left: -9999px; top: 0; z-index: 1000; padding: 0.5rem 1rem; background: var(--surface); color: var(--text-1); }
.skip-link:focus { left: 0.5rem; top: 0.5rem; }
.logo-name a { color: inherit; }
/* classes that replace the former style="" attributes of the pages (2026-10-05, Q-01);
   compound selectors where a later stylesheet sets the same property */
.accent, .sidebar-heading.accent, .sidebar-link.accent { color: var(--accent); }
.fw-600 { font-weight: 600; }
.italic { font-style: italic; }
.fs-08 { font-size: 0.8rem; }
a.no-underline, .article-body a.no-underline { text-decoration: none; }
.sidebar-sub { font-family: Arial, sans-serif; font-size: 0.6rem; letter-spacing: 1px; text-transform: uppercase; color: var(--text-3); display: block; margin: 0.8rem 0 0.2rem; }
.sidebar-note { font-size: 0.82rem; line-height: 1.6; color: var(--text-2); margin-bottom: 0.7rem; }
.sidebar-note.promo-note { font-size: 0.8rem; line-height: 1.55; margin: 0.4rem 0 0.6rem; }
.sidebar-block.highlight { border-color: var(--accent); border-left-width: 3px; }
.weather { font-size: 0.82rem; line-height: 1.6; color: var(--text-2); }
/* loading and error texts: colour --text-3 instead of opacity (contrast 5.6:1 on white,
   was 2.3-2.8:1; F-08) */
.widget-note { color: var(--text-3); }
.about-link { color: #a8a09a; }
/* info box about the newspaper: no fill (the former value was an undefined variable) */
.info-box.press-box { border-left-color: var(--accent); background: none; }
.info-box-title.with-icon { display: flex; align-items: center; gap: 0.5rem; }
.title-icon { font-size: 1.1rem; }
.map-svg { display: block; max-width: 100%; }
/* margin-top steps; after .sidebar-sub so that they win */
.mt-02 { margin-top: 0.2rem; }
.mt-03 { margin-top: 0.3rem; }
.mt-04 { margin-top: 0.4rem; }
.mt-05 { margin-top: 0.5rem; }
.mt-06 { margin-top: 0.6rem; }
/* elements inserted by omrude.js (were inline styles in the script until 2026-10-05, D-02) */
.weather-temp { font-size: 1.4rem; font-weight: 600; color: var(--text-1); }
.weather-wind { color: var(--text-3); }
.weather-link { font-size: 0.72rem; color: var(--text-3); }
.widget-error { color: var(--text-3); }
.currency-note { font-size: 0.68rem; color: var(--text-3); margin-top: 0.4rem; }
.currency-error { font-size: 0.78rem; color: var(--text-3); }
.lang-badge { font-size: 0.62em; color: var(--text-3); margin-left: 4px; font-family: sans-serif; font-weight: normal; font-style: normal; letter-spacing: 0; }