:root {--primary:#163428;--primary-container:#2d4b3e;--on-primary:#ffffff;--surface:#f9f9f7;--on-surface:#1a1c1b;--surface-variant:#e2e3e0;--on-surface-variant:#424844;--outline:#727974;--outline-variant:#c1c8c3;--background:#f9f9f7;--surface-container-low:#f4f4f1;--surface-container:#eeeeec;--surface-container-high:#e8e8e6;--surface-container-lowest:#ffffff;--font-display:'Playfair Display',serif;--font-body:'Inter',sans-serif;--gutter:18px;--container-max:1120px;}
* {box-sizing:border-box;margin:0;padding:0;}
body {font-family:var(--font-body);background-color:var(--background);color:var(--on-surface);line-height:1.5;-webkit-font-smoothing:antialiased;}
.container {max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter);}
.main-content{padding-top: 15px;padding-bottom: 25px;}
.header {border-bottom:1px solid var(--outline-variant);background:var(--surface);position:relative;z-index:100;}
.header-content {display:flex;justify-content:space-between;align-items:center;padding:18px 0;}
.brand-logo {font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--primary);text-transform: uppercase;text-decoration:none;letter-spacing:-0.01em;line-height:1;transition:opacity 0.2s ease;}
.brand-logo:hover {opacity:0.8;}
.nav-links {display:flex;gap:32px;list-style:none;}
.nav-link {text-decoration:none;color:var(--on-surface-variant);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;transition:color 0.2s ease;position:relative;}
.nav-link::after {content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);transition:width 0.2s ease;}
.nav-link:hover,.nav-link.active {color:var(--primary);}
.nav-link:hover::after,.nav-link.active::after {width:100%;}
.mobile-menu-btn {display:none;background:none;border:none;cursor:pointer;color:var(--on-surface);}
.breadcrumbs {display:flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;font-weight:600;letter-spacing:0.05em;}
.breadcrumb-link {text-decoration:none;color:var(--on-surface-variant);transition:color 0.2s;}
.breadcrumb-link:hover {color:var(--primary);}
.breadcrumb-current {color:var(--on-surface);}
.footer {background-color:var(--surface-container);padding:35px 0 25px;}
.footer a:hover {text-decoration:underline;}
.footer-grid {display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;margin-bottom:30px;}
.footer-brand h2 {font-family:var(--font-display);font-size:22px;margin-bottom:12px;color:var(--primary);text-transform: uppercase;}
.footer-brand p {font-size:13px;color:var(--on-surface-variant);max-width:360px;line-height:1.6;}
.footer-column-title {font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:16px;color:var(--on-surface);}
.footer-links {list-style:none;display:flex;flex-direction:column;gap:8px;}
.footer-links a {text-decoration:none;color:var(--on-surface-variant);font-size:13px;transition:color 0.2s ease;}
.footer-links a:hover {color:var(--primary);}
.footer-bottom {border-top:1px solid var(--outline-variant);padding-top:24px;display:flex;justify-content:center;align-items:center;}
.copyright {font-size:11px;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:0.05em;}
@media (max-width:992px) {.footer-grid {grid-template-columns:1fr 1fr;}
.footer-brand {grid-column:span 2;}
;}
main.container {
    padding-top: 15px;
  }
@media (max-width:768px) {
.main-content,main.container { padding-top: 5px; }
.header-content {padding:12px 0;}
.nav-links {display:none;position:absolute;top:100%;left:0;width:100%;background:var(--surface);flex-direction:column;gap:0;border-top:1px solid var(--outline-variant);border-bottom:1px solid var(--outline-variant);box-shadow:0 4px 12px rgba(0,0,0,0.05);}
.nav-links.mobile-active {display:flex;}
.nav-links li {width:100%;}
.nav-link {display:block;padding:16px var(--gutter);font-size:14px;}
.nav-link::after {display:none;}
.mobile-menu-btn {display:block;}
.footer-grid {grid-template-columns:1fr;gap:32px;}
.footer-brand {grid-column:span 1;}
;}


.ad-slot {margin:0px -5px 15px;padding:2px;background:var(--surface-container-low);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.ad-label {font-size:10px;text-transform:uppercase;color:var(--on-surface-variant);opacity:0.5;margin-bottom:8px;}
