/* BORVEC v15 — centered compact navigation with the theme control at far right. */
.reading-nav {
  display:grid;
  grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);
  column-gap:14px;
  align-items:center;
  padding-inline:clamp(16px,2.1vw,34px);
}
.reading-brand {grid-column:1;justify-self:start;min-width:0}
.reading-links {grid-column:2;justify-self:center;display:flex;align-items:center;gap:clamp(14px,2.0vw,29px)}
.reading-links a {white-space:nowrap;font:650 13px/1.25 InstrumentSans,sans-serif;min-height:44px;display:inline-flex;align-items:center;transition:color .2s}
.reading-links a:hover {color:#74ffed}
.reading-links a[href="#iletisim"] {
  border:1px solid rgba(230,247,245,.32);border-radius:999px;
  padding:0 16px;min-height:42px;
  transition:color .2s,background .2s,border-color .2s;
}
.reading-links a[href="#iletisim"]:hover {background:rgba(116,255,237,.08);border-color:#74ffed}
.reading-links a[href="#iletisim"][aria-current="location"] {border-color:#74ffed}
.reading-links a[href="#iletisim"][aria-current="location"]::after {display:none}
.reading-links a[aria-current="location"] {text-decoration:none;position:relative}
.reading-links a[aria-current="location"]::after {content:"";position:absolute;bottom:5px;left:0;right:0;height:1px;background:currentColor}
.reading-toggle {display:none}
.reading-nav > .reading-theme-toggle {
  position:static!important;inset:auto!important;
  grid-column:3;justify-self:end;
  margin:0;flex:0 0 44px;
  min-width:44px;width:44px;min-height:44px;height:44px;padding:0;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(230,247,245,.32);border-radius:50%;
  background:rgba(25,45,55,.38);box-shadow:none;color:inherit;
  z-index:auto;
}
.reading-nav > .reading-theme-toggle[hidden] {display:none!important}
.reading-nav > .reading-theme-toggle svg {width:20px;height:20px}
.reading-nav > .reading-theme-toggle .theme-toggle-label {
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.reading-nav > .reading-theme-toggle:hover {border-color:#74ffed;background:rgba(116,255,237,.10)}
html[data-theme="light"] .reading-nav > .reading-theme-toggle {
  color:#17232a;border-color:#AAB8B5;background:rgba(255,255,255,.6);box-shadow:none;
}
html[data-theme="light"] .reading-nav > .reading-theme-toggle:hover {border-color:#006F69;background:#E7EFEB}
html[data-theme="light"] .reading-links a:hover {color:#006F69}
html[data-theme="light"] .reading-links a[href="#iletisim"] {border-color:#AAB8B5}
html[data-theme="light"] .reading-links a[href="#iletisim"]:hover,
html[data-theme="light"] .reading-links a[href="#iletisim"][aria-current="location"] {border-color:#006F69;background:#E7EFEB}
@media (min-width:1101px) and (max-width:1280px) {
  .reading-nav {grid-template-columns:minmax(130px,1fr) auto minmax(130px,1fr)}
  .reading-links {gap:clamp(12px,1.35vw,20px)}
  .reading-links a {font-size:12px}
}
/* On narrow viewports, keep logo / hamburger / theme on a single elegant row. */
@media (max-width:1100px) {
  .reading-nav {
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:8px;
    min-height:60px;
    padding:8px 14px;
    align-content:center;
  }
  .reading-brand {grid-column:1;grid-row:1;min-width:0}
  .reading-brand img {max-width:130px;width:min(130px,100%)}
  .reading-toggle {
    display:inline-flex;grid-column:2;grid-row:1;align-items:center;justify-content:center;
    gap:8px;min-height:44px;padding:8px 10px;border:0;background:transparent;border-radius:9px;
  }
  .reading-toggle svg {width:20px;height:20px}
  .reading-nav > .reading-theme-toggle {grid-column:3;grid-row:1;width:44px;min-width:44px;height:44px;min-height:44px}
  .reading-links {
    grid-column:1 / -1;grid-row:2;
    flex-direction:column;align-items:stretch;width:100%;justify-self:stretch;
    padding:8px 0 2px;gap:0;
  }
  .reading-links a {min-height:46px;justify-content:center;text-align:center;padding:10px 8px;font-size:14px}
  .reading-nav[data-open="false"] .reading-links {display:none}
  .reading-nav[data-open="true"] .reading-links {display:flex}
  .reading-links a[aria-current="location"]::after {left:38%;right:38%;bottom:4px}
  .reading-links a[href="#iletisim"] {margin:6px auto;min-width:145px;min-height:44px}
}
@media (max-width:360px) {
  .reading-nav {left:8px;right:8px;top:8px;gap:4px;padding-inline:8px}
  .reading-brand img {max-width:106px;width:100%}
  .reading-toggle {font-size:12px;gap:5px;padding-inline:6px}
  .reading-nav > .reading-theme-toggle {min-width:42px;width:42px;min-height:42px;height:42px}
}
@media (max-width:279px) {
  .reading-toggle {font-size:0;gap:0;width:44px;min-width:44px;padding:8px}
  .reading-brand img {max-width:94px}
}