/* The editorial front page and a persistent category rail keep the long guide usable. */
html{scroll-padding-top:86px}
body{overflow-x:hidden}
header{z-index:30}
header .bar{height:72px;max-width:none;padding:0 24px}
.menu-toggle{display:none;border:1px solid #677065;background:transparent;color:inherit;padding:9px 11px;font:700 14px 'DM Sans',sans-serif;cursor:pointer}
.menu-toggle span+span{margin-left:6px}
.side-nav-heading{display:flex;align-items:center;justify-content:space-between;padding:6px 12px 18px;font:600 21px Oswald,sans-serif;letter-spacing:.03em}
.side-nav-heading button{display:none;background:none;border:0;color:inherit;font:400 28px/1 sans-serif;cursor:pointer}
header nav#site-nav{display:flex;flex-direction:column;align-items:stretch;gap:2px;position:fixed;inset:72px auto 0 0;width:248px;padding:18px 12px 28px;background:#151a15;border-right:1px solid #384338;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;z-index:31}
header nav#site-nav .nav-group{margin:17px 12px 5px;color:#a6b29f;font:700 11px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.13em}
header nav#site-nav a{display:block;width:100%;padding:10px 12px;border-radius:7px;font-size:14px;line-height:1.35;white-space:normal;text-decoration:none}
header nav#site-nav a:hover{background:#263126}
header nav#site-nav a[aria-current=location]{background:#d8fb50;color:#152016}
header nav#site-nav a[aria-current=location]::after{display:none}
#menu-backdrop{display:none}
main,footer{margin-left:248px}
.intro{min-height:470px;grid-template-columns:minmax(0,1.08fr) minmax(260px,.72fr)}
.intro-copy{padding:66px clamp(28px,5vw,86px)}
.intro h1{font-size:clamp(52px,6.7vw,96px);line-height:1.01}
.intro-art img{width:min(72%,330px)}
#hakkinda{scroll-margin-top:80px;padding-top:74px;padding-bottom:74px}
#hakkinda .about-grid{align-items:center}
#hakkinda h2{font-size:clamp(38px,4.5vw,65px);line-height:1.05}
#hakkinda p{font-size:17px;line-height:1.7}
#hikayeler,#ders{scroll-margin-top:80px}
[data-theme=light] header nav#site-nav{background:#f5f7f2;border-color:#b6c1b2}
[data-theme=light] header nav#site-nav .nav-group{color:#52624e}
[data-theme=light] header nav#site-nav a{color:#192419}
[data-theme=light] header nav#site-nav a:hover{background:#e5efdb}
[data-theme=light] header nav#site-nav a[aria-current=location]{color:#132010;background:#c4e762}
@media(max-width:999px){
  header .bar{height:auto;min-height:72px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:'menu brand theme' 'langs langs langs';gap:8px 12px;padding:8px 16px 10px}
  header .brand{grid-area:brand;min-width:0;overflow:hidden;font-size:21px}
  header .brand span{overflow:hidden;text-overflow:ellipsis}
  header .language-switch{grid-area:langs;justify-content:center;margin:0;order:initial}
  header .theme-toggle{grid-area:theme;order:initial}
  .menu-toggle{grid-area:menu;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
  .menu-toggle span+span{display:none}
  header nav#site-nav{top:0;bottom:0;width:min(84vw,320px);max-height:none;transform:translateX(-105%);visibility:hidden;transition:transform .24s ease,visibility .24s ease;box-shadow:18px 0 38px #0009}
  .side-nav-heading button{display:inline-flex;padding:7px}
  body.menu-open header nav#site-nav{transform:translateX(0);visibility:visible}
  #menu-backdrop{position:fixed;inset:0;z-index:29;width:100%;border:0;background:#050805b8;cursor:pointer}
  body.menu-open #menu-backdrop{display:block}
  body.menu-open{overflow:hidden}
  main,footer{margin-left:0}
  .intro{grid-template-columns:1fr}
  .intro-copy{padding:52px 28px 35px}
  .intro-art{min-height:240px}
  .intro-art img{width:min(60%,230px)}
}
@media(max-width:500px){
  header .brand{font-size:17px;gap:7px}
  header .brand img{width:38px;height:38px}
  header .theme-toggle{padding:8px 10px}
  header .theme-toggle span{display:none}
  .intro h1{font-size:clamp(43px,12vw,63px)}
  #hakkinda{padding-top:52px;padding-bottom:52px}
}
@media(prefers-reduced-motion:reduce){header nav#site-nav{transition:none}}