/* MotorcuRota — "Sinyal Modern": canlı renk, yumuşak yüzey, hap düğmeler */
:root{
  --bg:#f5f4f0; --paper:#fff; --ink:#0e0f12; --muted:#5f6168; --line:#ebe8e1; --line2:#dedad1;
  --acc:#ff4a1c; --acc2:#ff2e88; --sea:#9db4ff; --land:#fff; --coast:#4a4f5c; --dot:#e2ded5;
  --r:18px; --sh:0 1px 2px rgba(14,15,18,.05),0 6px 20px -6px rgba(14,15,18,.10); --sh2:0 2px 4px rgba(14,15,18,.06),0 18px 40px -12px rgba(14,15,18,.22);
  --display:"Inter Tight","Inter",system-ui,sans-serif; --body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
:root[data-mr="dark"]{--bg:#0b0f14; --paper:#121922; --ink:#e8edf2; --muted:#93a0ad; --line:#1f2a35; --line2:#2b3946;
  --sea:#0f2236; --land:#151e28; --coast:#3b5368; --dot:#18222d; --sh:0 1px 2px rgba(0,0,0,.4); --sh2:0 18px 40px -12px rgba(0,0,0,.6); color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg) radial-gradient(circle at 1px 1px,var(--dot) 1px,transparent 0) 0 0/22px 22px fixed;color:var(--ink);font:16px/1.65 var(--body)}
a{color:inherit}
img,svg{max-width:100%}
.wrap{max-width:1120px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left,0px))}
/* üst menü */
.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:14px;min-height:62px;flex-wrap:wrap;padding-block:8px}
.logo{font:800 1.25rem var(--display);letter-spacing:-.03em;text-decoration:none;display:flex;align-items:center;gap:8px}
.logo i{width:26px;height:26px;border-radius:8px;background:linear-gradient(140deg,var(--acc),var(--acc2));box-shadow:0 0 14px -2px var(--acc)}
.logo b{color:var(--acc);text-shadow:0 0 10px color-mix(in srgb,var(--acc) 40%,transparent)}
.nav{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.nav a{text-decoration:none;font:600 .86rem var(--body);padding:7px 13px;border-radius:999px;background:var(--paper);box-shadow:var(--sh);transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,color .2s}
.nav a:hover{transform:translateY(-2px)}
.themebtn{appearance:none;border:0;cursor:pointer;display:flex;gap:2px;padding:4px;border-radius:999px;background:var(--paper);box-shadow:var(--sh);font:700 .74rem var(--body)}
.themebtn span{padding:5px 10px;border-radius:999px;color:var(--muted)}
.themebtn .l{background:var(--ink);color:var(--paper)}
:root[data-mr="dark"] .themebtn .l{background:none;color:var(--muted)}
:root[data-mr="dark"] .themebtn .d{background:var(--acc);color:#fff}
.author{display:flex;gap:14px;align-items:flex-start;margin:40px 0 0;padding:18px 20px;border-radius:var(--r);background:var(--paper);box-shadow:var(--sh)}
.author .av{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font:800 1rem var(--display);color:#fff;background:linear-gradient(140deg,var(--acc),var(--acc2));box-shadow:0 0 16px -4px var(--acc)}
.author b{display:block;margin-bottom:4px}
.author p{font-size:.9rem;color:var(--muted);margin:0 0 6px}
.author a{font:600 .86rem var(--body);color:var(--acc);text-decoration:none}
.upd a{color:var(--acc);text-decoration:none;font-weight:600}
.upd{font-size:.82rem;color:var(--muted);margin:-4px 0 6px}
.nav a.cta{background:var(--ink);color:var(--paper)}
.nav a[aria-current="page"]{background:var(--acc);color:#fff}
/* yazı */
main{padding-block:28px 64px}
.crumbs{font-size:.84rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--acc)}
h1{font:800 clamp(2.1rem,5.6vw,3.8rem)/1.02 var(--display);letter-spacing:-.035em;margin:0 0 14px;text-wrap:balance}
h1 em{font-style:normal;background:linear-gradient(100deg,var(--acc),var(--acc2) 60%,#7a2cff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--acc) 35%,transparent))}
h2{font:800 1.65rem/1.15 var(--display);letter-spacing:-.025em;margin:44px 0 12px;text-wrap:balance}
h3{font:700 1.15rem/1.3 var(--display);letter-spacing:-.015em;margin:22px 0 8px}
p{margin:0 0 12px}
.lead{font-size:1.12rem;max-width:68ch;color:color-mix(in srgb,var(--ink) 85%,var(--bg))}
.muted{color:var(--muted)}
.prose{max-width:72ch}
/* rakamlar */
.stats{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.stat{background:var(--paper);border-radius:16px;box-shadow:var(--sh);padding:12px 16px;min-width:120px}
.stat b{display:block;font:800 1.55rem var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.stat span{font-size:.78rem;color:var(--muted)}
.stat.hot{background:linear-gradient(140deg,var(--c,var(--acc)),color-mix(in oklch,var(--c,var(--acc)) 65%,#ffd36b));color:#fff;box-shadow:0 12px 24px -12px var(--c,var(--acc))}
.stat.hot span{color:rgba(255,255,255,.9)}
.stat.hot b{text-shadow:0 0 12px rgba(255,255,255,.5)}
/* harita */
.map{background:var(--paper);border-radius:22px;box-shadow:var(--sh2);overflow:hidden;margin:8px 0 6px}
.map svg{display:block;width:100%;height:auto;background:var(--sea)}
.map .land{fill:var(--land);stroke:var(--coast);stroke-width:.6;vector-effect:non-scaling-stroke}
.map .lake{fill:var(--sea);stroke:var(--coast);stroke-width:.4;vector-effect:non-scaling-stroke}
.map .rl{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.4;vector-effect:non-scaling-stroke}
.map .rl.tr{stroke-dasharray:2 5;stroke-width:2;opacity:.85}
.map .flow{fill:none;stroke:#fff;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:1.5 15;vector-effect:non-scaling-stroke;animation:flow 1.1s linear infinite}
@keyframes flow{to{stroke-dashoffset:-16.5}}
.map .pin circle{fill:var(--paper);stroke-width:2;vector-effect:non-scaling-stroke}
.map .pin.k circle{fill:currentColor}
.map .pin text{font-family:var(--body);font-weight:700;fill:var(--ink);paint-order:stroke;stroke:var(--land);stroke-linejoin:round}
.map .halo{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:9;opacity:.22;vector-effect:non-scaling-stroke}
q{quotes:'“' '”'}
.map .pin .nn{fill:currentColor;stroke:none;text-anchor:middle;dominant-baseline:central}
.map .pin.k .nn{fill:#fff}
.mapcap{font-size:.8rem;color:var(--muted);padding:10px 14px;display:flex;flex-wrap:wrap;gap:6px 16px}
.mapcap i{display:inline-block;width:16px;height:3px;border-radius:3px;vertical-align:3px;margin-right:6px;background:currentColor}
.mapcap .d i{background:repeating-linear-gradient(90deg,currentColor 0 3px,transparent 3px 6px)}
/* kartlar */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;margin:14px 0}
.card{display:flex;flex-direction:column;gap:8px;text-decoration:none;background:var(--paper);border-radius:var(--r);box-shadow:var(--sh);padding:18px 20px;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s}
.card::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(var(--c),color-mix(in oklch,var(--c) 60%,#ffd36b))}
.card:hover{transform:translateY(-5px);box-shadow:var(--sh2),0 0 0 2px color-mix(in srgb,var(--c) 60%,transparent)}
.card .tag{align-self:flex-start;font:700 .72rem var(--body);padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);text-shadow:0 0 8px color-mix(in srgb,var(--c) 40%,transparent)}
.card h3{margin:0;font-size:1.2rem}
.card p{margin:0;font-size:.92rem;color:var(--muted)}
.card .kv{display:flex;flex-wrap:wrap;gap:6px 14px;font:600 .82rem var(--body)}
.card.solid{color:#fff;background:linear-gradient(140deg,var(--c),color-mix(in oklch,var(--c) 70%,#ffd36b));box-shadow:0 12px 26px -14px var(--c)}
.card.solid::before{display:none}
.card.solid p,.card.solid .kv{color:rgba(255,255,255,.92)}
.card.solid .tag{background:rgba(255,255,255,.22);color:#fff}
.card.solid::after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-70px;top:-90px;background:radial-gradient(circle,rgba(255,255,255,.33),transparent 70%);transition:transform .6s}
.card.solid:hover::after{transform:translate(-30px,40px) scale(1.3)}
/* gün planı */
.day{background:var(--paper);border-radius:var(--r);box-shadow:0 0 0 1px var(--line);overflow:hidden;margin:16px 0}
.day h3{margin:0;padding:14px 18px;color:#fff;background:linear-gradient(120deg,var(--dc),color-mix(in oklch,var(--dc) 70%,#ffd36b));font-size:1.15rem}
.day h3 small{display:block;font:500 .8rem var(--body);opacity:.92;margin-top:2px}
.day ol{list-style:none;margin:0;padding:4px 18px}
.day li{display:grid;grid-template-columns:52px 28px minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.day li:last-child{border-bottom:0}
.day time{font:700 .85rem var(--body);font-variant-numeric:tabular-nums;padding-top:2px}
.day .n{display:grid;place-items:center;height:22px;border-radius:7px;font:800 .72rem var(--body);background:color-mix(in srgb,var(--dc) 15%,transparent);color:var(--dc)}
.day .night .n{background:var(--dc);color:#fff}
.day li b{font-weight:700}
.day li .ty{margin-left:6px;font:600 .72rem var(--body);color:var(--muted)}
.day li p{margin:2px 0 0;font-size:.92rem;color:color-mix(in srgb,var(--ink) 82%,var(--bg))}
.day .leg{font-size:.78rem;color:var(--muted);display:block;margin-top:4px}
.day .foot{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 18px;border-top:1px solid var(--line)}
.day .foot span{margin-right:auto;font-size:.84rem;color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:var(--ink);color:var(--paper);text-decoration:none;font:700 .84rem var(--body);padding:9px 16px;transition:background .25s,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}
.btn:hover{background:var(--c,var(--acc));color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px -10px var(--c,var(--acc))}
.btn.big{font-size:1rem;padding:13px 22px;background:linear-gradient(120deg,var(--acc),var(--acc2));color:#fff;box-shadow:0 12px 26px -12px var(--acc)}
.note{border-radius:16px;padding:16px 18px;background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 10%,var(--paper)),color-mix(in srgb,var(--acc2) 8%,var(--paper)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 25%,transparent)}
.note strong{color:var(--acc)}
.warn{color:#d9360b;font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.chips a,.chips span{font:600 .84rem var(--body);text-decoration:none;padding:6px 12px;border-radius:999px;background:var(--paper);box-shadow:var(--sh)}
.chips a:hover{color:var(--acc)}
.faq details{background:var(--paper);border-radius:16px;box-shadow:var(--sh);padding:4px 18px;margin:10px 0}
.faq summary{cursor:pointer;list-style:none;padding:12px 0}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{display:inline;margin:0;font-size:1.05rem}
.faq summary::after{content:"+";float:right;font:700 1.2rem var(--display);color:var(--acc)}
.faq details[open] summary::after{content:"−"}
.faq details p{padding-bottom:10px}
footer{border-top:1px solid var(--line);padding:30px 0 50px;font-size:.88rem;color:var(--muted)}
footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
footer b{display:block;color:var(--ink);margin-bottom:6px}
footer a{display:block;text-decoration:none;padding:2px 0}footer a:hover{color:var(--acc)}
.reveal{animation:in .7s cubic-bezier(.2,.8,.2,1) backwards}
@keyframes in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
@media (max-width:640px){h2{font-size:1.4rem}.day li{grid-template-columns:44px 24px minmax(0,1fr)}.stat{min-width:0;flex:1 1 40%}}
@media (prefers-reduced-motion:reduce){.map .flow{animation:none;display:none}.reveal{animation:none}.card,.btn,.nav a{transition:none}}

.dd{position:relative}
.dd summary{list-style:none;cursor:pointer;font:600 .86rem var(--body);padding:7px 13px;border-radius:999px;background:var(--paper);box-shadow:var(--sh)}
.dd summary::-webkit-details-marker{display:none}
.dd summary::after{content:" ▾";color:var(--acc)}
.dd summary.on{background:var(--acc);color:#fff}.dd summary.on::after{color:#fff}
.dd>div{position:absolute;top:calc(100% + 8px);left:0;z-index:40;display:flex;flex-direction:column;gap:4px;min-width:210px;padding:8px;border-radius:16px;background:var(--paper);box-shadow:var(--sh2)}
.dd>div a{box-shadow:none;border-radius:10px}
.dd>div a:hover{background:var(--bg);transform:none}