/* oost.by — Materialize custom theme
   Slonim District Education Department — official e-government deep blue.
   Spec tokens: #013A78 #1B6FB3 #E8F1FA #2A2A2A #FFFFFF #EDEDED #C8102E
*/
:root {
  --primary: #013A78;
  --bright: #1B6FB3;
  --sky: #E8F1FA;
  --ink: #2A2A2A;
  --white: #FFFFFF;
  --grey: #EDEDED;
  --red: #C8102E;
}
body {
  font-family: "PT Sans", Arial, sans-serif;
  color: var(--ink);
  font-size: 16px;
  line-height: 1.6;
  background: var(--white);
  display: flex; flex-direction: column; min-height: 100vh;
}
main { flex: 1 0 auto; }
h1,h2,h3,h4,h5 { font-family: "PT Sans", Arial, sans-serif; font-weight: 700; color: var(--primary); }
h1 { font-size: 34px; } h2 { font-size: 26px; } h3 { font-size: 20px; }
a { color: var(--bright); }
a:hover { color: var(--primary); }
.container { width: 90%; max-width: 1200px; }

/* Header / nav */
nav.site-nav { background: var(--primary); box-shadow: 0 2px 6px rgba(0,0,0,.15); }
nav.site-nav .brand-logo { font-weight: 700; font-size: 20px; white-space: nowrap; }
nav.site-nav ul a { font-weight: 600; text-transform: none; }
nav.site-nav .dropdown-content li > a { color: var(--primary); }
.sidenav li > a { color: var(--ink); font-weight: 600; }
.sidenav .subheader { color: var(--primary); }

/* Hero */
.hero { position: relative; background: var(--primary); color: var(--white); overflow: hidden; }
.hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.30; }
.hero__inner { position: relative; z-index: 2; padding: 64px 0; }
.hero h1 { color: var(--white); margin-bottom: 12px; }
.hero p { color: rgba(255,255,255,.92); font-size: 19px; }

/* Buttons */
.btn-primary { background: var(--bright); }
.btn-primary:hover { background: var(--primary); }

/* Sections + tiles */
.section-block { padding: 48px 0; }
.section-block--sky { background: var(--sky); }
.section-head { margin-bottom: 24px; }
.section-head .rule { height: 4px; width: 80px; background: var(--bright); margin-top: 6px; }
.tile { background: var(--white); border-radius: 8px; padding: 22px; height: 100%; border-bottom: 3px solid var(--bright); box-shadow: 0 2px 10px rgba(1,58,120,.08); }
.tile h3 { font-size: 18px; }

/* News cards */
.news-card .card-image-wrap img { width:100%; height:170px; object-fit:cover; }
.news-card .card-content h3 { font-size: 18px; }
.news-card .card-content h3 a { color: var(--primary); }
.news-date { color: var(--bright); font-size: 13px; font-weight: 700; }

/* Prose */
.site-prose { color: var(--ink); }
.site-prose h1,.site-prose h2,.site-prose h3 { color: var(--primary); }
.site-prose a { color: var(--bright); text-decoration: underline; text-decoration-color: rgba(27,111,179,.4); }
.site-prose a:hover { color: var(--primary); text-decoration-color: var(--primary); }
.site-prose img { max-width:100%; height:auto; border-radius:6px; margin:12px 0; }
.site-prose table { width:100%; border-collapse:collapse; margin:16px 0; }
.site-prose th,.site-prose td { border:1px solid var(--grey); padding:8px 10px; text-align:left; }
.site-prose th { background: var(--primary); color: var(--white); }
.site-prose blockquote { border-left:4px solid var(--bright); padding:6px 16px; background: var(--sky); margin:16px 0; }
.page-title { color: var(--primary); margin: 24px 0 16px; }

/* Media grid */
.media-grid { display:grid; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); gap:14px; }
.media-grid img { width:100%; height:200px; object-fit:cover; border-radius:6px; }

/* CTA */
.cta { background: var(--primary); color: var(--white); padding: 48px 0; text-align:center; }
.cta h2 { color: var(--white); }
.cta p { color: rgba(255,255,255,.9); }

/* Breadcrumb */
.breadcrumb-bar { background: var(--sky); }
.breadcrumb-bar .breadcrumb { color: var(--ink); }
.breadcrumb-bar .breadcrumb:before { color: #90a4b8; }
.breadcrumb-bar a.breadcrumb { color: var(--bright); }

/* Footer */
.page-footer { background: var(--primary); padding-top: 32px; }
.page-footer h5 { color: var(--white); font-size: 16px; font-weight: 700; }
.page-footer a { color: rgba(255,255,255,.85); }
.page-footer a:hover { color: var(--white); text-decoration: underline; }
.page-footer ul a { color: rgba(255,255,255,.85); }
.footer-copyright { background: rgba(0,0,0,.2); }
.separator { border:0; border-top:1px solid var(--grey); margin:18px 0; }