/* Çorba Nerede İçilir — lokanta cephesi: tabela, tente, fayans, menü tahtası */
:root{
  --tile:#eef2ec; --paper:#fffdf6; --ink:#12203b; --muted:#566377; --line:#cfd8cd;
  --navy:#0e1a33; --navy-2:#16284a; --navy-line:#243b66;
  --mustard:#f4b61c; --mustard-d:#c48a00; --pepper:#df3f26; --leaf:#2d7a5f;
  --on-mustard:#12203b; --focus:#1a5fd0; --ok:#1b6e48;
  --sign-fg:#f6f3e8; --sign-soft:#c5d0e0; --cream:#fffaf0;
  --night-bg:#dcefe6; --night-fg:#1b5c46;
  --tile-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cpath d='M0 1h72M0 37h72M1 0v36M37 36v36' stroke='%23dce4d9' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  --tile-img-navy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cpath d='M0 1h72M0 37h72M1 0v36M37 36v36' stroke='%2318294b' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  --font-display:"Bricolage Grotesque","Arial Narrow",system-ui,sans-serif;
  --font-body:"Figtree","Segoe UI",system-ui,sans-serif;
  --font-mono:"Figtree","Segoe UI",system-ui,sans-serif;
  --lift:0 1px 0 rgba(18,32,59,.05),0 16px 30px -20px rgba(18,32,59,.55);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --tile:#0b1322; --paper:#132240; --ink:#eaf0f8; --muted:#a4b4ca; --line:#263960;
    --navy:#070e1c; --navy-2:#0f1d38; --navy-line:#1b2e52; --mustard:#f7c23a;
    --focus:#8ab6ff; --ok:#62d29b; --night-bg:#10372c; --night-fg:#8fe0bd;
    --tile-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cpath d='M0 1h72M0 37h72M1 0v36M37 36v36' stroke='%23101c34' stroke-width='2' fill='none'/%3E%3C/svg%3E");
    --lift:0 1px 0 rgba(0,0,0,.3),0 16px 30px -18px rgba(0,0,0,.8);
    --tile-img-navy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cpath d='M0 1h72M0 37h72M1 0v36M37 36v36' stroke='%23101d38' stroke-width='2' fill='none'/%3E%3C/svg%3E");color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --tile:#0b1322; --paper:#132240; --ink:#eaf0f8; --muted:#a4b4ca; --line:#263960;
  --navy:#070e1c; --navy-2:#0f1d38; --navy-line:#1b2e52; --mustard:#f7c23a;
  --focus:#8ab6ff; --ok:#62d29b; --night-bg:#10372c; --night-fg:#8fe0bd;
  --tile-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cpath d='M0 1h72M0 37h72M1 0v36M37 36v36' stroke='%23101c34' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  --lift:0 1px 0 rgba(0,0,0,.3),0 16px 30px -18px rgba(0,0,0,.8);
  --tile-img-navy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cpath d='M0 1h72M0 37h72M1 0v36M37 36v36' stroke='%23101d38' stroke-width='2' fill='none'/%3E%3C/svg%3E");color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
@view-transition{navigation:auto}
.top{view-transition-name:top}
body{margin:0;background:var(--tile) var(--tile-img);color:var(--ink);font:400 17px/1.65 var(--font-body);-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
.in{max-width:1140px;margin:0 auto;padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
a{color:inherit;text-decoration-color:var(--mustard);text-decoration-thickness:2px;text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
h1,h2,h3{text-wrap:balance}
::selection{background:var(--mustard);color:var(--on-mustard)}

/* ——— Üst bant ——— */
.top{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--navy) 94%,transparent);color:var(--sign-fg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--navy-line)}
.top .in{display:flex;align-items:center;justify-content:space-between;gap:6px 26px;flex-wrap:wrap;padding-block:10px}
.brand{display:inline-flex;align-items:center;gap:11px;font:800 22px/1 var(--font-display);font-stretch:78%;letter-spacing:.01em;text-decoration:none}
.brand::before{content:"";width:34px;height:34px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M13 11c-2-2 2-4 0-7M20 11c-2-2 2-4 0-7M27 11c-2-2 2-4 0-7' stroke='%23f4b61c' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cpath d='M4 19h32c0 9-6 16-16 16S4 28 4 19Z' fill='%23f6f3e8'/%3E%3Cpath d='M5 22h30' stroke='%23df3f26' stroke-width='2.2'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.brand:hover::before{transform:rotate(-8deg) scale(1.08)}
.brand b{color:var(--mustard);font-weight:800}
.nav{display:flex;gap:2px 6px;flex-wrap:wrap;font:500 15px/1 var(--font-body)}
.nav a{text-decoration:none;padding:10px 12px;border-radius:999px;background:linear-gradient(var(--mustard),var(--mustard)) 50% 78%/0 3px no-repeat;transition:background-size .25s ease,color .2s}
.nav a:hover,.nav a:focus-visible{background-size:calc(100% - 24px) 3px;color:#fff}

/* ——— Giriş: tabela + tente ——— */
.hero{position:relative;z-index:2;background:var(--navy) var(--tile-img-navy);color:var(--sign-fg);padding-top:clamp(34px,6vw,76px);margin-bottom:46px}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 90% at 78% 40%,rgba(244,182,28,.2),transparent 65%)}
.hero::after,.phead::after{content:"";position:absolute;left:0;right:0;top:100%;height:30px;pointer-events:none;transform-origin:top;
  background:repeating-linear-gradient(90deg,var(--mustard) 0 40px,var(--cream) 40px 80px);
  -webkit-mask:linear-gradient(#000,#000) 0 0/100% 10px no-repeat,radial-gradient(circle at 20px 10px,#000 19.5px,transparent 20.5px) 0 0/40px 30px repeat-x;
  mask:linear-gradient(#000,#000) 0 0/100% 10px no-repeat,radial-gradient(circle at 20px 10px,#000 19.5px,transparent 20.5px) 0 0/40px 30px repeat-x;
  filter:drop-shadow(0 2px 0 rgba(18,32,59,.45)) drop-shadow(0 8px 5px rgba(0,0,0,.22));animation:awning .9s .15s cubic-bezier(.2,.9,.3,1.15) both}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:10px 40px;align-items:center;padding-bottom:clamp(34px,5vw,58px)}
.hero-copy{min-width:0}
.eyebrow{font:600 16px/1.4 var(--font-body);color:var(--mustard);margin:0 0 12px;letter-spacing:.01em;animation:rise .7s .05s both}
h1{font:800 clamp(52px,9.6vw,128px)/.88 var(--font-display);font-stretch:76%;letter-spacing:-.018em;margin:0;max-width:9.5ch}
.hero h1{animation:rise .85s .15s cubic-bezier(.2,.8,.2,1) both}
h1 span{color:var(--mustard);display:inline-block;transform-origin:50% 100%;animation:wob 5s 1.6s ease-in-out infinite}
.lead{max-width:50ch;font-size:clamp(18px,2.3vw,21px);color:var(--sign-soft);margin:22px 0 0;animation:rise .8s .35s both}
.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;font:500 15px/1.3 var(--font-body);animation:rise .8s .5s both}
.hero-meta span{background:rgba(255,255,255,.07);border:1px solid var(--navy-line);border-radius:999px;padding:8px 15px;color:var(--sign-soft)}
.hero-meta span:empty{display:none}
.hero-meta strong{color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.hero-meta span:first-child::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#4ee08f;margin-right:9px;box-shadow:0 0 0 0 rgba(78,224,143,.7);animation:ping 2.4s infinite}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;animation:rise .8s .62s both}
.btn{display:inline-block;padding:14px 22px;border-radius:12px;font:700 16px/1.1 var(--font-body);text-decoration:none;border:2px solid var(--mustard);transition:transform .15s,box-shadow .15s,background .2s}
.btn.solid{background:var(--mustard);color:var(--on-mustard);box-shadow:0 5px 0 var(--mustard-d)}
.btn.solid:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--mustard-d)}
.btn.solid:active{transform:translateY(4px);box-shadow:0 1px 0 var(--mustard-d)}
.btn.line{color:var(--sign-fg)}
.btn.line:hover{background:rgba(244,182,28,.16)}

/* Kase */
.bowl{position:relative;width:100%;max-width:430px;justify-self:end;animation:rise 1s .3s both}
.bowl svg{display:block;width:100%;height:auto;overflow:visible}
.bowl .st{fill:none;stroke:#f6f3e8;stroke-width:7;stroke-linecap:round;opacity:0;animation:steam 4.4s ease-in-out infinite}
.bowl .st:nth-of-type(2){animation-delay:1.4s}
.bowl .st:nth-of-type(3){animation-delay:2.7s}
.bowl .rip{fill:none;stroke:#fff;stroke-opacity:.5;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:ripple 3.6s ease-out infinite}
.bowl .rip2{animation-delay:1.8s}
.bowl .shine{animation:float 6s ease-in-out infinite}

/* LED kayan yazı */
.ticker{position:relative;border-top:1px solid var(--navy-line);background:#050a15;overflow:hidden;height:46px;display:flex;align-items:center}
.ticker::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(rgba(0,0,0,.55) 1px,transparent 1.5px) 0 0/4px 4px,linear-gradient(90deg,#050a15,transparent 8%,transparent 92%,#050a15)}
.ticker .track{display:flex;flex:none;white-space:nowrap;font:700 17px/1 var(--font-display);font-stretch:80%;letter-spacing:.06em;text-transform:uppercase;color:#ffcf5c;text-shadow:0 0 8px rgba(255,190,50,.75);animation:marq 70s linear infinite}
.ticker .track span{padding-inline:22px}
.ticker .track span::after{content:"●";margin-left:44px;color:var(--pepper);text-shadow:0 0 8px rgba(223,63,38,.9)}
.ticker .ttl{position:relative;z-index:2;flex:none;background:var(--pepper);color:#fff;font:800 15px/1 var(--font-display);font-stretch:80%;padding:0 16px;height:100%;display:flex;align-items:center;letter-spacing:.04em}

/* ——— Bölümler ——— */
.band{padding-block:clamp(34px,6vw,64px)}
.kicker{display:inline-block;font:600 14px/1 var(--font-body);color:var(--night-fg);background:var(--night-bg);padding:7px 12px;border-radius:999px;margin:0 0 14px}
h2{font:800 clamp(34px,5.6vw,58px)/.98 var(--font-display);font-stretch:80%;letter-spacing:-.012em;margin:0 0 16px}
.band h2::after{content:"";display:block;width:68px;height:12px;margin-top:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 12'%3E%3Cpath d='M2 6c6-8 10 8 16 0s10 8 16 0 10 8 16 0 10 8 16 0' stroke='%23f4b61c' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat}
.intro{max-width:62ch;margin:0}

/* Filtre */
.filters{display:grid;gap:12px;margin:30px 0 6px;padding:16px 18px;background:var(--paper);border:2px solid var(--ink);border-radius:16px;box-shadow:5px 5px 0 var(--ink)}
.fgroup{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.flabel{font:700 15px/1 var(--font-display);font-stretch:85%;color:var(--muted);min-width:56px}
.chip{appearance:none;font:600 14.5px/1 var(--font-body);color:var(--ink);background:transparent;border:2px solid var(--line);border-radius:999px;padding:9px 15px;cursor:pointer;transition:transform .15s,background .15s,border-color .15s,color .15s}
.chip:hover{border-color:var(--ink);transform:translateY(-1px)}
.chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:var(--mustard)}
.chip[aria-pressed="true"]::before{content:"✓ ";font-weight:800}
.count{font:600 15px/1.4 var(--font-body);color:var(--muted);margin:16px 0 0}

/* Mekan kartları */
.list{display:grid;gap:16px;margin-top:16px}
.list.fresh .venue{animation:pop .42s calc(var(--i,0)*45ms) cubic-bezier(.2,.9,.3,1.2) both}
.venue{--stripe:var(--line);position:relative;background:var(--paper);border:1.5px solid var(--line);border-radius:14px;padding:20px 22px 20px 28px;
  display:grid;gap:14px 30px;grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) minmax(0,1fr);box-shadow:inset 7px 0 0 var(--stripe),var(--lift);
  transition:transform .22s cubic-bezier(.2,.8,.3,1),border-color .2s,box-shadow .22s}
.venue:has(.pill.h24){--stripe:var(--mustard)}
.venue:has(.pill:not(.h24):not(.unk)){--stripe:var(--leaf)}
.venue:hover{transform:translateY(-4px) rotate(-.15deg);border-color:var(--ink)}
@media (max-width:860px){.venue{grid-template-columns:minmax(0,1fr)}}
.venue h3{font:700 clamp(25px,3.2vw,31px)/1.05 var(--font-display);font-stretch:86%;letter-spacing:-.005em;margin:0 0 8px}
.vl{text-decoration:none}
.vl::after{content:"";position:absolute;inset:0;z-index:0}
.vl:hover{text-decoration:underline;text-decoration-color:var(--mustard)}
a.vl[href*="google.com/maps"]::before{content:"";display:inline-block;width:.62em;height:.8em;margin-right:.3em;vertical-align:-.02em;background:var(--pepper);clip-path:path('M5 0C2.2 0 0 2.2 0 5c0 3.7 5 8 5 8s5-4.3 5-8C10 2.2 7.8 0 5 0Zm0 7a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z');transform:scale(.78);transform-origin:0 50%}
.where{font:500 14.5px/1.5 var(--font-body);color:var(--muted);margin:0}
.badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;padding:5px 11px 5px 9px;background:var(--mustard);color:var(--on-mustard);font:700 13px/1.2 var(--font-body);border-radius:999px}
.badge::before{content:"";width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 7c-1.5-1.5 1.5-3 0-5.5M10 7c-1.5-1.5 1.5-3 0-5.5M14 7c-1.5-1.5 1.5-3 0-5.5' stroke='%2312203b' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3Cpath d='M2 10h16c0 5-3.5 8-8 8s-8-3-8-8Z' fill='%2312203b'/%3E%3C/svg%3E") center/contain no-repeat}
.venue:has(.badge){border:2.5px solid var(--mustard);background:linear-gradient(120deg,color-mix(in srgb,var(--mustard) 20%,var(--paper)),var(--paper) 52%);box-shadow:inset 7px 0 0 var(--mustard),0 0 0 6px color-mix(in srgb,var(--mustard) 22%,transparent),var(--lift)}
.venue:has(.badge)::before{content:"";position:absolute;right:22px;top:-26px;width:46px;height:46px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Cpath d='M10 44c-6-8 6-14 0-22M23 44c-6-8 6-14 0-22M36 44c-6-8 6-14 0-22' stroke='%23c48a00' stroke-width='3.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.8;animation:steam 4s ease-in-out infinite}
.soups{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px;padding:0;list-style:none}
.soups li{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--line);padding:4px 11px 4px 9px;font:500 14px/1.3 var(--font-body);border-radius:999px;background:color-mix(in srgb,var(--paper) 70%,var(--tile))}
.soups li::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--c,#9aa6b6);box-shadow:inset 0 -2px 0 rgba(0,0,0,.2)}
.soups li.none{color:var(--muted);border-style:dashed}
.soups li.none::before{display:none}
.vnote{margin:0;font-size:15.5px;line-height:1.6}
.pill{display:inline-block;padding:6px 12px;font:700 14px/1.2 var(--font-body);border-radius:9px;background:var(--night-bg);color:var(--night-fg);border:2px solid var(--leaf)}
.pill.h24{background:#08101f;color:#ffd467;border-color:#ffd467;font-family:var(--font-display);font-size:19px;font-stretch:85%;letter-spacing:.04em;padding:3px 13px;text-shadow:0 0 7px rgba(255,190,50,.95),0 0 16px rgba(255,150,30,.6);box-shadow:0 0 10px rgba(255,190,50,.5),inset 0 0 8px rgba(255,190,50,.25);animation:neon 7s infinite}
.pill.unk{background:transparent;color:var(--muted);border:2px dashed var(--muted)}
.hnote{font-size:14.5px;margin:10px 0 0;line-height:1.5}
.check{font-size:13.5px;color:var(--muted);margin:6px 0 0}
.srcs{display:flex;flex-wrap:wrap;gap:4px 14px;margin:10px 0 0;padding:0;list-style:none;font-size:14px}
.srcs a{position:relative;z-index:1}
.empty{background:var(--paper);border:2px dashed var(--muted);padding:24px;border-radius:14px;color:var(--muted)}

/* Rehber kapıları */
.hubs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:18px;margin-top:26px}
.hub{background:var(--paper);border:1.5px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:var(--lift)}
.hub:nth-child(1){border-top:7px solid var(--mustard)}
.hub:nth-child(2){border-top:7px solid var(--pepper)}
.hub:nth-child(3){border-top:7px solid var(--leaf)}
.hub h3{font:700 25px/1.1 var(--font-display);font-stretch:86%;margin:0 0 12px}
.hub ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.hub li a{display:flex;justify-content:space-between;gap:10px;padding:8px 2px;text-decoration:none;border-bottom:1px dashed var(--line);transition:padding .2s,color .2s}
.hub li:last-child a{border-bottom:0}
.hub li a:hover{padding-left:10px;color:var(--pepper)}
.tag{font:500 14px/1.4 var(--font-body);color:var(--muted)}

/* Tahta: çorba sözlüğü */
#sozluk{padding-block:clamp(26px,5vw,56px)}
#sozluk>.in{max-width:1140px;background:radial-gradient(120% 80% at 12% 0%,rgba(255,255,255,.09),transparent 60%),radial-gradient(80% 60% at 92% 100%,rgba(255,255,255,.06),transparent 60%),#1d2b28;color:#f2efe2;
  border:16px solid;border-image:repeating-linear-gradient(94deg,#8a5a31 0 9px,#7a4d27 9px 13px,#94653b 13px 26px) 16;box-shadow:inset 0 0 70px rgba(0,0,0,.6),0 26px 40px -26px rgba(0,0,0,.7);
  padding:clamp(24px,4.5vw,52px);width:calc(100% - 28px)}
#sozluk .kicker{background:rgba(255,255,255,.12);color:#f2efe2}
#sozluk h2{color:#fbf8ea;text-shadow:0 0 1px rgba(255,255,255,.6)}
#sozluk .intro{color:#cfd9d1}
.defs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:6px 34px;margin-top:26px}
.def{padding:14px 0 16px;border-bottom:2px dashed rgba(255,255,255,.22);min-width:0;display:grid;grid-template-columns:auto 1fr;gap:0 14px;align-items:start;align-content:start}
.def h3{font:700 27px/1.1 var(--font-display);font-stretch:86%;margin:0 0 4px;color:#fbf8ea;grid-column:2}
.def p{margin:0;font-size:16px;color:#d4dcd4;grid-column:2}
.def svg{grid-row:1/3;width:46px;height:46px;margin-top:2px;overflow:visible}
.def svg .stm{fill:none;stroke:#f2efe2;stroke-width:2.4;stroke-linecap:round;opacity:.65;transition:transform .5s,opacity .5s}
.def:hover svg .stm{transform:translateY(-4px);opacity:1}
.stat{margin-top:34px;padding:22px 24px;border:2px dashed rgba(255,255,255,.3);border-radius:12px;max-width:800px}
.stat h3{font:700 26px/1.1 var(--font-display);font-stretch:86%;margin:0 0 6px;color:#fbf8ea}
.stat p{margin:0;font-size:15px;color:#cfd9d1}
.stat a{color:#fbf8ea}
.bars{display:grid;gap:12px;margin:18px 0 0}
.bar{display:grid;grid-template-columns:100px minmax(0,1fr) 58px;gap:12px;align-items:center;font-size:15px}
.bar i{display:block;height:18px;background:var(--bc,#f3c969);width:calc(var(--v) / 47 * 100%);border-radius:3px 9px 9px 3px;transform-origin:left;transform:scaleX(1);transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.bar:nth-child(1){--bc:#f3c969}.bar:nth-child(2){--bc:#f2937f}.bar:nth-child(3){--bc:#92d3b9}.bar:nth-child(4){--bc:#9cc3ef}
.js-on .bars:not(.seen) i{transform:scaleX(0)}
.bar b{font:700 15px/1 var(--font-body);text-align:right;font-variant-numeric:tabular-nums}

/* Yazılar */
.blog{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px;margin-top:28px}
@media (max-width:900px){.blog{grid-template-columns:minmax(0,1fr)}}
.posts{display:grid;gap:26px;min-width:0}
.post{background:var(--paper);border:1.5px solid var(--line);border-left:8px solid var(--pepper);padding:clamp(20px,3.4vw,32px);border-radius:6px 16px 16px 6px;min-width:0;box-shadow:var(--lift)}
.post h3{font:800 clamp(30px,4.6vw,44px)/1 var(--font-display);font-stretch:82%;margin:8px 0 18px;letter-spacing:-.01em}
.post p{max-width:66ch;margin:0 0 15px}
.post p:nth-of-type(2){font-size:19px;line-height:1.55}
.post .src{font-size:14px;color:var(--muted);margin-top:20px;padding-top:14px;border-top:1px dashed var(--line)}
.queue{list-style:none;padding:0;margin:0;display:grid;gap:16px;align-content:start}
.queue li{background:var(--navy);color:var(--sign-fg);padding:18px 20px;border-radius:12px;transform:rotate(-.8deg);box-shadow:var(--lift)}
.queue li:nth-child(2){transform:rotate(.7deg);background:var(--navy-2)}
.queue .tag{color:var(--mustard)}
.queue h4{font:700 22px/1.15 var(--font-display);font-stretch:88%;margin:6px 0 0}
.queue p{margin:6px 0 0;font-size:15px;color:var(--sign-soft)}

/* İlkeler */
.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px;margin-top:28px}
.rule{padding:18px 4px 6px 20px;border-left:5px solid var(--mustard);min-width:0}
.rule:nth-child(2){border-color:var(--pepper)}.rule:nth-child(3){border-color:var(--leaf)}.rule:nth-child(4){border-color:var(--ink)}
.rule h3{font:700 22px/1.15 var(--font-display);font-stretch:88%;margin:0 0 7px}
.rule p{margin:0;font-size:16px}

/* ——— İç sayfalar ——— */
.phead{position:relative;z-index:2;background:var(--navy) var(--tile-img-navy);color:var(--sign-fg);padding-block:clamp(30px,5vw,60px) clamp(40px,6vw,64px);margin-bottom:54px}
.phead::after{height:22px;-webkit-mask:linear-gradient(#000,#000) 0 0/100% 8px no-repeat,radial-gradient(circle at 20px 8px,#000 14.5px,transparent 15.5px) 0 0/40px 22px repeat-x;mask:linear-gradient(#000,#000) 0 0/100% 8px no-repeat,radial-gradient(circle at 20px 8px,#000 14.5px,transparent 15.5px) 0 0/40px 22px repeat-x}
.phead h1{font-size:clamp(38px,6.8vw,80px);max-width:16ch;line-height:.95;animation:rise .7s .1s both}
.phead .kicker{background:rgba(244,182,28,.16);color:var(--mustard)}
.crumb{font:500 14.5px/1.4 var(--font-body);color:var(--sign-soft);margin:0 0 16px}
.crumb a{color:var(--sign-soft);text-decoration-color:var(--navy-line)}
.crumb a:hover{color:#fff}
.page{padding-block:0 72px}
.page p,.page li{max-width:68ch}
.page>.in>p:first-child{font-size:clamp(19px,2.4vw,22px);line-height:1.55}
.page h2{font-size:clamp(28px,4vw,38px);margin:46px 0 12px}
.page h2::after{display:none}
.page ul{padding-left:22px}
.page .updated{font:500 14.5px/1.4 var(--font-body);color:var(--muted);margin:0 0 22px}
.page .box{background:var(--paper);border:1.5px solid var(--line);border-radius:14px;padding:18px 20px;max-width:68ch}
.dl{display:grid;gap:0;margin:24px 0;padding:6px 24px;background:var(--paper);border:2px dashed var(--line);border-radius:16px;max-width:760px;position:relative}
.dl div{padding:16px 0;border-bottom:1.5px dotted var(--line)}
.dl div:last-child{border-bottom:0}
.dl dt{font:700 14.5px/1.4 var(--font-body);color:var(--leaf);margin-bottom:4px}
.dl dd{margin:0}
.related{margin-top:48px}
.src{font-size:14px;color:var(--muted)}
.page .post{border-left-width:8px}

/* Blog kartları */
.list:has(.pcard){grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:22px}
.pcard{display:block;padding:0;overflow:hidden;box-shadow:var(--lift)}
.pcard::before{content:"";display:block;height:112px;background:var(--navy);border-bottom:6px solid var(--mustard)}
.pcard:nth-child(4n+1)::before{background:repeating-radial-gradient(circle at 82% 130%,var(--mustard) 0 9px,transparent 9px 21px),var(--navy)}
.pcard:nth-child(4n+2)::before{background:repeating-linear-gradient(90deg,var(--mustard) 0 26px,var(--cream) 26px 52px)}
.pcard:nth-child(4n+3)::before{background:radial-gradient(circle,var(--pepper) 3.5px,transparent 4px) 0 0/24px 24px,radial-gradient(circle,#f6c34a 2.5px,transparent 3px) 12px 12px/24px 24px,var(--navy)}
.pcard:nth-child(4n)::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='24'%3E%3Cpath d='M0 12c10-14 20 14 30 0s20 14 30 0' stroke='%23f6f3e8' stroke-opacity='.55' stroke-width='3' fill='none'/%3E%3C/svg%3E") 0 0/60px 24px,var(--leaf)}
.pcard>div{padding:0 22px}
.pcard>div:first-of-type{padding-top:18px}
.pcard>div:last-of-type{padding-bottom:22px}
.pcard h3{font-size:25px}
.pcard .where{margin-bottom:2px}
.pcard:has(.vl:hover)::before{filter:brightness(1.12)}

section.band[style]{padding-top:clamp(28px,5vw,56px)!important}

/* Ana sayfa: ayrı sayfadaki yazılar */
.more{margin-top:24px}
.more-t{font:700 24px/1.1 var(--font-display);font-stretch:86%;margin:0 0 14px}
.more-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:14px}
.more-l a{display:block;background:var(--paper);border:1.5px solid var(--line);border-left:6px solid var(--mustard);border-radius:6px 14px 14px 6px;padding:14px 16px;text-decoration:none;font-weight:500;line-height:1.4;box-shadow:var(--lift);transition:transform .2s,border-color .2s}
.more-l a:nth-child(3n+2){border-left-color:var(--pepper)}
.more-l a:nth-child(3n){border-left-color:var(--leaf)}
.more-l a:hover{transform:translateY(-3px);border-color:var(--ink)}
.more-l a.all{background:var(--navy);color:var(--mustard);border:2px dashed var(--mustard);font-weight:700}

/* Alt bilgi */
.foot{position:relative;background:var(--navy) var(--tile-img-navy);color:var(--sign-soft);padding-block:44px 38px;font-size:15px;margin-top:20px;border-top:8px solid var(--mustard)}
.foot .in{display:grid;gap:16px}
.foot strong{color:var(--sign-fg);font:800 24px/1 var(--font-display);font-stretch:78%}
.foot p{margin:0;max-width:78ch}
.flinks{display:flex;flex-wrap:wrap;gap:8px}
.flinks a{color:var(--sign-fg);text-decoration:none;padding:7px 14px;border:1.5px solid var(--navy-line);border-radius:999px;font-size:14.5px;transition:background .2s,border-color .2s,color .2s}
.flinks a:hover{background:var(--mustard);border-color:var(--mustard);color:var(--on-mustard)}

/* Okuma çubuğu */
.rbar{position:fixed;left:0;top:0;height:4px;width:100%;z-index:60;background:var(--mustard);transform-origin:left;transform:scaleX(0);pointer-events:none}

/* Kaydırınca beliren */
.js-on .rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.js-on .rv.seen{opacity:1;transform:none}

@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@keyframes awning{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes steam{0%{opacity:0;transform:translateY(22px)}30%{opacity:.7}100%{opacity:0;transform:translateY(-34px)}}
@keyframes ripple{0%{transform:scale(.55);opacity:.8}100%{transform:scale(1.05);opacity:0}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes marq{to{transform:translateX(-50%)}}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(78,224,143,.7)}70%,100%{box-shadow:0 0 0 10px rgba(78,224,143,0)}}
@keyframes wob{0%,86%,100%{transform:rotate(0)}90%{transform:rotate(-2.2deg)}95%{transform:rotate(1.6deg)}}
@keyframes neon{0%,19%,23%,60%,62%,100%{opacity:1}21%,61%{opacity:.5}}

@media (max-width:820px){
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .bowl{position:absolute;right:4px;top:26px;width:min(44vw,190px);max-width:none;margin:0;z-index:0}
  .hero-copy{position:relative;z-index:1}
  .nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav a{white-space:nowrap;padding:9px 11px}
  .brand{font-size:20px}
  .bar{grid-template-columns:84px minmax(0,1fr) 52px}
  #sozluk>.in{border-width:11px;border-image-slice:16;border-image-width:11px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js-on .rv,.js-on .bars:not(.seen) i{opacity:1;transform:none}
  .ticker .track{animation:none}
  .bowl .st{opacity:.5}
}
@media (prefers-reduced-motion:no-preference){
  ::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
}
@media print{.top,.ticker,.hero::after,.phead::after,.rbar{display:none}}