/* besummer.app — tasarım tokenları uygulamayla aynı (besummer-tokens.json v1.1.0) */
@font-face{font-family:Newsreader;font-weight:400;font-display:swap;src:url(/assets/fonts/newsreader-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Newsreader;font-weight:400;font-display:swap;src:url(/assets/fonts/newsreader-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Newsreader;font-weight:500;font-display:swap;src:url(/assets/fonts/newsreader-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Newsreader;font-weight:500;font-display:swap;src:url(/assets/fonts/newsreader-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Space Grotesk";font-weight:400;font-display:swap;src:url(/assets/fonts/space-grotesk-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Space Grotesk";font-weight:400;font-display:swap;src:url(/assets/fonts/space-grotesk-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Space Grotesk";font-weight:500;font-display:swap;src:url(/assets/fonts/space-grotesk-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Space Grotesk";font-weight:500;font-display:swap;src:url(/assets/fonts/space-grotesk-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --zemin:#F4F0E8; --kagit:#FAF7F1; --emerald:#007D58; --derin:#003A1F; --sun:#E8B84B;
  --murekkep:#42514A; --silik:#65706A; --hair:#DED7C8; --hair-soft:#E9E3D6; --pas:#A8402E;
  --serif:Newsreader,Georgia,"Times New Roman",serif; --sans:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --olcu:clamp(20px,8.4vw,120px); --genis:1440px; --metin:680px;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root{--zemin:#0F1813; --kagit:#18231D; --derin:#F4F0E8; --murekkep:#9FC7B4; --silik:#7E8A83; --emerald:#009B6D; --hair:#34413A; --hair-soft:#26312B; --pas:#D16957}
  .foto img{filter:brightness(.88)}
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--zemin);color:var(--murekkep);font:400 17px/1.6 var(--sans);text-rendering:optimizeLegibility}
a{color:var(--emerald);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--emerald);outline-offset:3px;border-radius:2px}
img{display:block;max-width:100%;height:auto}
.atla{position:absolute;left:-9999px}.atla:focus{left:16px;top:16px;background:var(--kagit);padding:8px 12px;z-index:9}
.kap{max-width:var(--genis);margin:0 auto;padding:0 var(--olcu)}

/* üst */
.ust{border-bottom:1px solid var(--hair-soft)}
.ust .kap{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:16px}
.logo{display:inline-flex;align-items:baseline;gap:10px;font:400 26px/1 var(--serif);color:var(--derin);text-decoration:none}
.logo .gunes{width:14px;height:14px;border-radius:50%;background:var(--sun);display:inline-block;transform:translateY(-1px)}
.ust nav{display:flex;align-items:center;gap:32px;font-size:15px}
.ust nav a{color:var(--murekkep);text-decoration:none}
.ust nav a:hover,.ust nav a[aria-current]{color:var(--derin);text-decoration:underline}

/* açılış */
.acilis{padding:clamp(40px,7vw,96px) 0 clamp(56px,8vw,112px)}
.acilis .kap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.acilis .yazi{grid-column:1/span 6;display:flex;flex-direction:column;gap:28px}
.acilis .sahne{grid-column:8/span 5;position:relative;aspect-ratio:500/720}
.acilis .sahne .foto{position:absolute;right:0;top:0;width:88%;height:89%;border-radius:28px}
.acilis .sahne .ekran{position:absolute;left:0;bottom:0;width:58%}
.meta{font:500 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--silik)}
h1,h2,h3{font-family:var(--serif);font-weight:400;color:var(--derin);letter-spacing:-.01em}
h1{font-size:clamp(52px,7.2vw,104px);line-height:.98;letter-spacing:-.02em}
h2{font-size:clamp(34px,3.6vw,52px);line-height:1.05}
h3{font-size:28px;line-height:1.2}
.lead{font-size:clamp(18px,1.5vw,21px);line-height:1.55;max-width:470px}
.magaza{display:flex;flex-wrap:wrap;gap:12px}
.buton{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:12px;font:500 16px/1 var(--sans);text-decoration:none;background:var(--emerald);color:#FAF7F1}
.buton.ikincil{background:transparent;color:var(--derin);box-shadow:inset 0 0 0 1px var(--hair)}
.buton:hover{filter:brightness(1.06)}
.kapsam{font-size:13px;color:var(--silik);max-width:460px}
.foto{border-radius:28px;overflow:hidden;background:var(--hair-soft)}
.foto img{width:100%;height:100%;object-fit:cover}
.ekran{border-radius:28px;padding:10px;background:var(--kagit);box-shadow:0 0 0 1px var(--hair)}
.ekran img{width:100%;border-radius:20px}
.sira{font:400 16px/1 var(--serif);color:var(--silik)}
.ust .buton{min-height:44px;padding:0 20px;font-size:15px;color:#FAF7F1}

/* üç şey */
.uc{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.uc div{padding:36px 32px 40px;display:flex;gap:20px;align-items:baseline}
.uc div:first-child{padding-left:0}.uc div:last-child{padding-right:0}
.uc div+div{border-left:1px solid var(--hair)}
.uc b{font:400 40px/1 var(--serif);color:var(--sun)}
.uc strong{display:block;font:400 26px/1.2 var(--serif);color:var(--derin)}
.uc span{display:block;margin-top:6px;font-size:15px;color:var(--silik)}

/* bölümler */
.bolum{padding:clamp(64px,9vw,128px) 0}
.bolum+.bolum{padding-top:0}
.izgara{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.yazi-blok{display:flex;flex-direction:column;gap:18px}
.yazi-blok p{font-size:18px;max-width:520px}
.yay-blok .yazi-blok{grid-column:1/span 4;align-self:end;padding-bottom:24px}
.yay-blok .yay{grid-column:6/span 7}
.yay svg{width:100%;height:auto;overflow:visible}
.yay .cizgi{stroke:var(--derin)}.yay .yol{stroke:var(--derin)}.yay .centik{stroke:var(--silik)}.yay .gun{fill:var(--silik);font-family:var(--serif)}.yay .gunes{fill:var(--sun)}
.yay-sayi{display:flex;align-items:baseline;gap:14px;padding-left:5.7%}
.yay-sayi b{font:400 64px/1 var(--serif);color:var(--derin)}
.yay-sayi span{font-size:20px}
.bolge-blok .kart{grid-column:1/span 5;display:flex;justify-content:center;background:var(--kagit);border-radius:28px;padding:56px 0}
.bolge-blok .kart .ekran{width:300px}
.bolge-blok .yazi-blok{grid-column:7/span 6}
.bolge-liste{border-top:1px solid var(--hair-soft);margin-top:12px}
.bolge-liste div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:18px 0;border-bottom:1px solid var(--hair-soft)}
.bolge-liste p{display:flex;align-items:center;gap:14px;font-size:18px;color:var(--derin);max-width:none}
.bolge-liste i{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--hair);flex-shrink:0}
.bolge-liste i.son{background:var(--derin);box-shadow:none}
.bolge-liste i.siradaki{border:1.5px dashed var(--emerald);box-shadow:none}
.bolge-liste small{display:block;font-size:13px;color:var(--silik)}
.rehber{position:relative;height:620px;border-radius:28px;overflow:hidden}
.rehber img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%}
.rehber .kart{position:absolute;left:56px;bottom:56px;width:520px;background:var(--zemin);border-radius:20px;padding:36px 40px;display:flex;flex-direction:column;gap:14px}
.rehber h2{font-size:44px}
.ozellik{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.ozellik div{border-top:1px solid var(--hair);padding-top:28px;display:flex;flex-direction:column;gap:10px}
.ozellik p{font-size:16px}
.gizli{background:#003A1F;color:#D6E6DD;padding:clamp(64px,9vw,120px) 0}
.gizli .yazi-blok{grid-column:1/span 5;gap:22px}
.gizli .sira{color:#9FC7B4}
.gizli h2{color:#F4F0E8;font-size:clamp(40px,4.2vw,60px);line-height:1.02}
.gizli p{font-size:19px}
.gizli ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-top:8px}
.gizli li{padding:14px 0;border-top:1px solid #2B5A43;font-size:15px}
.gizli a{color:#F4F0E8;font-weight:500}
.gizli .foto{grid-column:7/span 6;height:640px}
.cagri{text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}
.cagri h2{font-size:clamp(44px,5vw,72px);line-height:1}
.cagri p{font-size:19px;max-width:560px}

/* destek ve yasal düzen */
.iki-sutun{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.iki-sutun>.sol{grid-column:span 4;display:flex;flex-direction:column;gap:22px;align-self:start}
.iki-sutun>.sag{grid-column:6/span 7}
.iki-sutun>aside{grid-column:span 3;align-self:start;position:sticky;top:32px;display:flex;flex-direction:column;gap:18px}
.iki-sutun>article{grid-column:5/span 7}
.icindekiler{border-left:1px solid var(--hair)}
.icindekiler a{display:block;padding:7px 0 7px 14px;margin-left:-1px;border-left:1px solid transparent;font-size:14px;color:var(--silik);text-decoration:none}
.icindekiler a:hover{color:var(--derin);border-left-color:var(--derin)}
.yaz-kutu{background:var(--kagit);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:10px;margin-top:24px}
.yaz-kutu strong{font:400 24px/1.2 var(--serif);color:var(--derin)}

/* metin sayfaları */
.sayfa{padding:clamp(40px,7vw,88px) 0 clamp(56px,8vw,112px)}
.sayfa .kap{max-width:calc(var(--metin) + 2*var(--olcu))}
.sayfa h1{font-size:clamp(40px,6vw,60px);margin:16px 0 20px}
.sayfa h2{font-size:28px;margin:48px 0 12px}
.sayfa h3{font-size:20px;margin:32px 0 8px}
.sayfa p,.sayfa li{margin:0 0 14px}
.sayfa ul,.sayfa ol{padding-left:22px;margin:0 0 16px}
.sayfa strong{color:var(--derin);font-weight:500}
.sayfa table{width:100%;border-collapse:collapse;font-size:15px;margin:8px 0 20px;display:block;overflow-x:auto}
.sayfa th,.sayfa td{text-align:left;border-bottom:1px solid var(--hair-soft);padding:10px 12px 10px 0;vertical-align:top}
.sayfa blockquote{border-left:2px solid var(--hair);padding-left:16px;color:var(--murekkep)}
.taslak{background:var(--kagit);border:1px solid var(--hair);border-radius:12px;padding:14px 16px;font-size:14px;margin:0 0 32px}
details{border-bottom:1px solid var(--hair-soft);padding:6px 0}
details:first-of-type{border-top:1px solid var(--hair-soft)}
summary{cursor:pointer;list-style:none;padding:14px 32px 14px 0;font:400 21px/1.3 var(--serif);color:var(--derin);position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"";position:absolute;right:4px;top:22px;width:9px;height:9px;border-right:1.5px solid var(--silik);border-bottom:1.5px solid var(--silik);transform:rotate(45deg);transition:transform 180ms}
details[open] summary::after{transform:rotate(-135deg);top:26px}
details>div{padding:0 0 16px}
.iletisim{margin-top:48px;background:var(--kagit);border-radius:16px;padding:24px}

/* alt */
.alt{border-top:1px solid var(--hair-soft);padding:48px 0 56px;font-size:14px;color:var(--silik)}
.alt .kap{display:grid;grid-template-columns:1.4fr 1fr;gap:32px}
.alt nav{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:flex-end;align-content:start}
.alt nav a{color:var(--murekkep)}
.alt p{margin-bottom:8px;max-width:60ch}

@media (max-width:900px){
  .acilis .yazi,.acilis .sahne,.yay-blok .yazi-blok,.yay-blok .yay,.bolge-blok .kart,.bolge-blok .yazi-blok,.gizli .yazi-blok,.gizli .foto,.iki-sutun>.sol,.iki-sutun>.sag,.iki-sutun>aside,.iki-sutun>article{grid-column:1/-1}
  .acilis .sahne{order:-1;max-width:420px;width:100%}
  .uc{grid-template-columns:1fr}.uc div{padding:20px 0}.uc div+div{border-left:0;border-top:1px solid var(--hair)}
  .ozellik{grid-template-columns:1fr;gap:28px}
  .rehber{height:auto;border-radius:0;overflow:visible}.rehber img{position:static;height:280px;border-radius:22px}.rehber .kart{position:static;width:auto;padding:24px 0 0;background:none}
  .gizli .foto{height:320px}
  .iki-sutun>aside{position:static}
  .alt .kap{grid-template-columns:1fr}.alt nav{justify-content:flex-start}
  .ust nav a:not(.buton){display:none}
  .bolge-blok .kart{padding:32px 0}.bolge-blok .kart .ekran{width:220px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

.tam{grid-column:1/-1}
.magaza.sifir{margin:0}
.bolgeler .svg-silik{fill:var(--silik)}
.bolgeler .svg-cizgi{stroke:var(--hair-soft)}
.bolgeler .svg-bos{stroke:var(--hair);fill:none}
.bolum .gorsel .foto{aspect-ratio:4/5}
.bolum .yazi.tam{grid-column:1/-1}
/* geniş metin sayfaları ve alt bilgi */
.sayfa.genis .kap{max-width:var(--genis)}
.sayfa .sol h1{font-size:clamp(44px,5vw,72px);line-height:1;margin:0}
.sayfa article h1{font-size:clamp(44px,5.2vw,76px);line-height:1;margin:18px 0 20px}
.sayfa article h3{font-size:30px;margin:52px 0 12px;scroll-margin-top:24px}
.sayfa article>p,.sayfa article li{font-size:17px;line-height:1.7}
.sag details:first-of-type{border-top:1px solid var(--hair-soft)}
.sag summary{font-size:24px;min-height:44px;padding:20px 32px 20px 0}
.sag details>div{max-width:620px;font-size:17px}
.alt .kap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.alt-marka{grid-column:span 5;display:flex;flex-direction:column;gap:16px}
.alt-liste{grid-column:span 3;display:flex;flex-direction:column;gap:10px}
.alt-liste:nth-of-type(2){grid-column:7/span 3}
.alt-liste a{color:var(--murekkep);text-decoration:none}.alt-liste a:hover{text-decoration:underline}
.alt-son{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid var(--hair-soft)}
@media (max-width:900px){.alt-marka,.alt-liste,.alt-liste:nth-of-type(2){grid-column:1/-1}.alt-son{flex-direction:column}}