@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');

*, *::before, *::after { box-sizing: border-box; }

html, body { height: 100%; margin: 0; padding: 0; }

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 87.5%;
  line-height: 1.5;
  color: #3b3b3b;
  background: #292929 url('/images/bg.jpg') repeat 0 0;
  word-wrap: break-word;
}

a { color: #0071b3; font-weight: 600; text-decoration: none; }
a:hover, a:focus { color: #018fe2; text-decoration: underline; }
a:active { color: #23aeff; }

h1, h2, h3, h4, h5, h6 { margin: 1em 0 0.5em; font-weight: inherit; }
h1 { font-size: 1.357em; color: #222; }
h2 { font-size: 1.143em; }
p { margin: 0 0 1.2em; }
img { max-width: 100%; outline: 0; }

code, pre, kbd {
  font-family: Menlo, Consolas, "Andale Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
  font-size: 12px;
}
code {
  background: #f2f2f2;
  background: rgba(40, 40, 0, 0.06);
  padding: 0 0.4em;
}
pre {
  background: #f2f2f2;
  background: rgba(40, 40, 0, 0.06);
  border-radius: 8px;
  margin: 10px 0;
  padding: 15px;
  overflow-x: auto;
  white-space: pre-wrap;
}
pre code {
  background: transparent;
  padding: 0;
  font-size: 100%;
}

blockquote {
  background: #f7f7f7;
  border-left: 1px solid #bbb;
  font-style: italic;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}

/* ── Page wrapper ─────────────────────────────────────── */
#page-wrapper { min-height: 100%; background: none; }

#page {
  width: 960px;
  margin: 0 auto;
  background: #fff;
  min-height: 400px;
  border-radius: 15px;
}

/* ── Header ───────────────────────────────────────────── */
#header { background: #ed4732; width: 100%; }

#header-inner {
  width: 960px;
  margin: 0 auto;
  padding: 12px 15px 0;
  position: relative;
  overflow: hidden;
}

#site-name {
  font-size: 1.821em;
  color: #fffeff;
  line-height: 1;
  margin: 0 0 4px;
}
#site-name a { color: #fffeff; font-weight: normal; }
#site-name a:hover { color: #fff; text-decoration: none; }

#site-slogan {
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.929em;
  font-style: italic;
  margin-bottom: 12px;
}

/* ── Main nav ─────────────────────────────────────────── */
#main-menu { background: #ed4732; width: 100%; }
#main-menu-links {
  list-style: none;
  margin: 0 auto;
  padding: 0 15px;
  font-size: 0.929em;
  overflow: hidden;
  width: 960px;
}
#main-menu-links li { float: left; padding: 0 1px; margin: 0 1px; }
#main-menu-links a {
  display: block;
  float: left;
  height: 2.4em;
  line-height: 2.4em;
  padding: 0 0.8em;
  color: #333;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 8px 8px 0 0;
  font-weight: normal;
  text-shadow: 0 1px #eee;
}
#main-menu-links a:hover, #main-menu-links a:focus {
  background: rgba(255, 255, 255, 0.95);
  text-decoration: none;
  color: #333;
}

/* ── Layout ───────────────────────────────────────────── */
#main-wrapper { min-height: 300px; }
#main {
  width: 960px;
  margin: 20px auto 40px;
  overflow: hidden;
}

#sidebar-first {
  display: none;
}

#content {
  width: 100%;
  padding: 0 15px;
}

/* ── Sidebar blocks ───────────────────────────────────── */
.sidebar-block {
  background: #f6f6f2;
  border: 1px solid #f0f0ec;
  border-radius: 15px;
  padding: 15px 20px;
  margin: 0 10px 20px 0;
}
.sidebar-block h2 {
  font-size: 1.071em;
  margin: 0 0 0.5em;
  padding-bottom: 5px;
  border-bottom: 1px solid #d6d6d6;
  line-height: 1.2;
  text-shadow: 0 1px 0 #fff;
}
.sidebar-block .block-content {
  font-size: 0.914em;
  line-height: 1.4;
}

/* Tag cloud */
.tag-list { list-style: none; margin: 0; padding: 0; }
.tag-list li { display: inline; }
.tag-list a { font-weight: normal; white-space: nowrap; }
.tag-list a::after { content: " "; }

/* ── Content area ─────────────────────────────────────── */
#content-inner {
  background: url('/images/bg1.png') repeat 0 0;
  padding: 10px 20px 20px;
}

h1#page-title {
  font-size: 35px;
  line-height: 1;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}
h1#page-title a { font-weight: 300; color: #222; }
h1#page-title a:hover { color: #0071b3; text-decoration: none; }

/* ── Post teaser ──────────────────────────────────────── */
.node-teaser {
  border-bottom: 1px solid #d3d7d9;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
.node-teaser:last-child { border-bottom: none; }

.node-teaser h2 {
  font-size: 1.429em;
  line-height: 1.4;
  margin: 0 0 2px;
  padding-top: 0.5em;
}
.node-teaser h2 a { color: #181818; font-weight: normal; }
.node-teaser h2 a:hover { color: #0071b3; text-decoration: none; }

.node-teaser .content {
  font-size: 14px;
  line-height: 1.6;
  clear: none;
}

.meta {
  font-size: 0.857em;
  color: #68696b;
  margin-bottom: 5px;
}

.node-tags {
  font-size: 0.821em;
  color: #68696b;
  margin-top: 8px;
}
.node-tags a { font-size: inherit; font-weight: normal; color: #0071b3; }

.node-readmore { text-align: right; margin-top: 4px; }
.node-readmore a { font-size: 0.857em; text-transform: lowercase; }

/* ── Single post ──────────────────────────────────────── */
.node-full .node-content { font-size: 14px; line-height: 1.6; }
.node-full .node-content h2 { font-size: 1.3em; margin-top: 1.4em; }
.node-full .node-content h3 { font-size: 1.15em; margin-top: 1.2em; }
.node-full .node-content ul,
.node-full .node-content ol { margin: 1em 0; padding: 0 0 0.25em 2.5em; }
.node-full .node-content em { font-size: 80%; }

.node-nav {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  padding-top: 15px;
  border-top: 1px solid #d3d7d9;
  font-size: 0.857em;
}

/* ── Pagination ───────────────────────────────────────── */
.pager {
  text-align: center;
  margin: 20px 0;
  font-size: 18px;
}
.pager a { color: #2b8bdd; text-decoration: none; }
.pager a:hover { text-decoration: underline; }
.pager-current { font-weight: bold; color: #3b3b3b; }
.pager-item { display: inline-block; margin: 0 4px; }

/* ── Archives ─────────────────────────────────────────── */
.archive-year { margin-top: 1.5em; }
.archive-year h2 { font-size: 1.3em; border-bottom: 1px solid #d3d7d9; padding-bottom: 4px; }
.archive-list { list-style: none; margin: 0; padding: 0; }
.archive-list li { padding: 4px 0; border-bottom: 1px solid #f0f0f0; display: flex; gap: 1em; }
.archive-list .date { color: #68696b; font-size: 0.857em; flex-shrink: 0; }

/* ── Footer wrapper ───────────────────────────────────── */
#footer-wrapper {
  background: #292929;
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.857em;
  padding: 20px 15px;
  text-align: center;
}
#footer-wrapper a { color: rgba(255, 255, 255, 0.8); }
#footer-wrapper a:hover { color: rgba(255, 255, 255, 0.95); text-decoration: underline; }

/* ── Breadcrumb ───────────────────────────────────────── */
.breadcrumb { font-size: 0.929em; margin: 10px 0 5px; color: #68696b; }
.breadcrumb a { font-weight: normal; }

/* ── Tables ───────────────────────────────────────────── */
table { border: 0; border-spacing: 0; font-size: 0.857em; margin: 10px 0; width: 100%; }
tr th { background: #757575; color: #fff; font-weight: bold; }
td, th { padding: 4px 9px; border: 1px solid #fff; text-align: left; }
tr:nth-child(odd) { background: #e4e4e4; }
tr:nth-child(even) { background: #efefef; }