a.glightbox, p, .glightbox-clean .gslide-title {font-family: "Golos Text", sans-serif;}
.container h2, .container h3 {font-family: "FW", sans-serif;}
.container h2 {font-size: 2.57em;margin:1em 0;}
.container h3 {font-size: 2.27em;margin:1em 0;}
p, .glightbox-clean .gslide-title {line-height:1.7!important;font-size: 1.2em;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}
  p  {margin-bottom:1.5em;}
p.lead {font-size: 1.3em;background:#fff;padding:0.9em;border:1px solid #bbb}
.single-line-text {
  font-size: clamp(16px, 4vw, 32px); /* min-size, preferred-size, max-size */
  white-space: nowrap; /* Prevents wrapping to keep it on one line */
  overflow: hidden; /* Hides overflowing text */
  text-overflow: ellipsis; /* Adds ellipsis for hidden text */
}

/* Sticky Header Styles */
.sticky-header {
  position: fixed;height:54px;color:#eee;
  top: 0;
  left:160px;
  right: 0;
  padding: 5px;
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out;
  z-index: 99998;
}
.topnav {z-index: 99997!important;box-shadow: 0px 0px 22px -11px rgba(66, 68, 90, 1);}
.sticky-header.visible {
  transform: translateY(0);
}

.sticky-header h1 {
  font-size: 2rem!important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Original H1 styles */
#resh {
  transition: opacity 0.3s ease-in-out;text-align: center;
}

/* Content spacing to account for fixed header */
.content-spacer {
  height: 80px;
}

/* Logo click handler styling - maintain original appearance */
.iklik {
    cursor: pointer;
}

.iklik svg {
    cursor: pointer;
}

/* Sidebar Styles - Complete inline implementation */
/* Sidebar positioning and base styles */
.sidebar {
    position: fixed;
    top: 54px;
    left: 0;
    width: 320px;
    height: calc(100% - 57px);
    z-index: 99999;
    transform: translateX(calc(-100% - 20px));
    transition: transform 0.3s ease-in-out;
    overflow-y: auto;
    box-shadow: 2px 0 10px rgba(0,0,0,0.1);
}

/* Sidebar when active (visible) */
.active-sidebar .sidebar {
    transform: translateX(0);
}

/* Sidebar content styling */
.sidebar-content {
    padding: 20px;
    font-family: "Golos Text", sans-serif;
}

.sidebar h2 {
  font-family: "FW", sans-serif;
  font-size: 2rem;
  font-weight: 500;
  position: sticky;
  top: 0;
  color: #fff;
  background: #6D4F4B;
  padding: 10px 35px 10px 15px;
}

/* Close button positioning */
.close-buttons {
    position: absolute;
    top: 3px;
    right: 3px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    z-index: 100000;
}

.close-buttons svg {
    width: 24px;
    height: 24px;
    fill: #fff;
}

.close-buttons:hover svg {
    fill: #ddd;
}

/* Page info styling */
.page-info {
    background: #f5f5f5;
    padding: 15px;
    margin: 15px 0;
    border-left: 4px solid #000;
}

.page-info p {
    margin: 0;
    font-size: 0.95em;
    line-height: 1.5;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .sidebar {
        width: 280px;
    }
    
    .sidebar-content {
        padding: 15px;
    }
}

/* Debug CSS - Visual indicator when sidebar is active */


.grid-layout {
    display: grid;
    /* Defines a 3-column layout with flexible widths and a gap */
    grid-template-columns: 1fr 2fr 1fr; 
    gap: 20px; 
}

.featured-image img {
    width: 100%;
    height: auto;
    /* Optional: Ensure images fill their grid area nicely */
    object-fit: cover; 
}

.article-text {
    /* Spans the text across two columns */
    grid-column: span 2; 
}
body {background:#faf8f5;}