/* Вигляд теми GeneratePress з архіву stress-business.dk: кольори й шрифти з обчислених стилів знімка 20250210054917. */
:root {
  --text: #353535;
  --bg: #f3f4f6;
  --panel: #ffffff;
  --header: #fcfcfc;
  --primary: #3e616f;
  --accent: #fa8c12;
  --footer: #29323b;
  --footer-bottom: #1f272f;
  --body-font: Roboto, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --head-font: "Roboto Condensed", "Arial Narrow", Roboto, "Segoe UI", Arial, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--text); font: 400 17px/1.5 var(--body-font); overflow-wrap: break-word; }
a { color: var(--primary); }
a:hover, a:focus { color: var(--accent); }
img { max-width: 100%; height: auto; }

.site-header { background: var(--header); }
.inside-header { max-width: 1200px; margin: 0 auto; padding: 28px 40px 8px; }
.site-title { display: inline-block; color: var(--primary); font: 400 24px/1.2 var(--body-font); letter-spacing: .04em; text-transform: uppercase; text-decoration: none; }
.site-tagline { margin: 4px 0 0; color: #6b7c85; font-size: 15px; }
.main-navigation { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.menu { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.menu a { display: block; padding: 0 20px; line-height: 64px; color: var(--primary); font-size: 15px; text-transform: uppercase; text-decoration: none; }
.menu .current a, .menu a:hover, .menu a:focus { color: var(--accent); }

.site-content { display: flex; gap: 40px; align-items: flex-start; max-width: 1200px; margin: 0 auto; padding: 40px; }
.content-area { flex: 1 1 auto; min-width: 0; }
.inside-article { background: var(--panel); padding: 40px; }
.sidebar { flex: 0 0 300px; }
.widget { background: var(--panel); padding: 28px 30px; margin-bottom: 20px; font-size: 15px; }
.widget-title { margin: 0 0 18px; color: var(--accent); font: 400 20px/1.2 var(--head-font); }
.widget-list { margin: 0; padding: 0; list-style: none; }
.widget-list li { margin: 0 0 10px; }
.widget-list a { text-decoration: none; }

.inside-article h1 { margin: 0 0 24px; color: var(--primary); font: 300 36px/1.2 var(--head-font); }
.inside-article h2 { margin: 36px 0 14px; color: var(--accent); font: 300 30px/1.2 var(--head-font); }
.inside-article h3 { margin: 28px 0 12px; color: var(--accent); font: 400 21px/1.2 var(--head-font); }
.inside-article p, .inside-article ul, .inside-article ol { margin: 0 0 1.4em; }
.inside-article li { margin-bottom: .4em; }
.post-list { padding-left: 1.2em; }
.post-list li { margin-bottom: .6em; }

.site-footer { color: #fff; }
.footer-widgets { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; max-width: 1200px; margin: 0 auto; padding: 40px; font-size: 15px; background: var(--footer); }
.site-footer { background: var(--footer); }
.site-footer a { color: #fff; }
.site-footer a:hover, .site-footer a:focus { color: var(--accent); }
.site-footer .widget-title { color: var(--accent); }
.site-info { background: var(--footer-bottom); padding: 20px; text-align: center; font-size: 14px; }

@media (max-width: 900px) {
  .site-content { flex-direction: column; padding: 20px 0; gap: 20px; }
  .content-area, .sidebar { flex: 1 1 auto; width: 100%; }
  .inside-article { padding: 24px 20px; }
  .widget { padding: 24px 20px; }
  .footer-widgets { grid-template-columns: 1fr; gap: 24px; padding: 30px 20px; }
}
@media (max-width: 600px) {
  .inside-header { padding: 20px 20px 4px; }
  .site-title { font-size: 20px; }
  .main-navigation { padding: 0 8px; }
  .menu a { padding: 0 10px; line-height: 44px; font-size: 14px; }
  .inside-article h1 { font-size: 28px; }
  .inside-article h2 { font-size: 24px; }
}