:root{
  --teal:#0E3B43;          /* logo ana renk */
  --teal-deep:#0A2D33;     /* sayfa zemini */
  --teal-line:#1F5560;
  --amber:#E0A526;         /* logo vurgu */
  --terracotta:#C8642F;
  --ink:#F4F1EA;
  --muted:#9DB8BC;
  --serif:"Newsreader",Georgia,serif;
  --sans:"Poppins",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--teal-deep);color:var(--ink);font-family:var(--serif);font-size:19px;line-height:1.7;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
a{color:inherit}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
.narrow{max-width:700px}

/* header */
header.site{background:var(--teal);border-bottom:1px solid var(--teal-line);position:sticky;top:0;z-index:10}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{height:34px;width:auto}
.brand b{display:block;font:700 20px/1 var(--sans);letter-spacing:-.3px}
.brand small{display:block;font:600 8.5px/1 var(--sans);letter-spacing:.34em;color:var(--muted);margin-top:5px}
nav{display:flex;gap:28px;font:500 15px var(--sans)}
nav a{text-decoration:none;color:var(--muted);padding:22px 0 18px;border-bottom:2px solid transparent}
nav a:hover{color:var(--ink)}
nav a[aria-current]{color:var(--ink);border-color:var(--amber)}
.burger{display:none;background:none;border:0;color:var(--ink);font-size:26px;cursor:pointer}

/* typography */
.eyebrow{font:600 12px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin:56px 0 14px}
h1{font:500 clamp(36px,6vw,56px)/1.12 var(--serif);letter-spacing:-.5px}
h2{font:500 30px/1.25 var(--serif);margin:48px 0 14px}
h3{font:600 14px var(--sans);margin-bottom:6px}
.lede{color:var(--muted);font-size:21px;margin-top:20px;max-width:620px}
hr{border:0;border-top:1px solid var(--teal-line);margin:44px 0}
.prose p{margin-bottom:1.1em}
.prose ul{padding-left:1.2em;margin-bottom:1em}.prose li{margin-bottom:.6em}
.prose strong{font-weight:700}

/* posts */
.meta{font:400 13px var(--sans);color:var(--muted)}
.meta i{display:inline-block;margin:0 10px;opacity:.5;font-style:normal}
.post{padding:44px 0;border-bottom:1px solid var(--teal-line)}
.post h2{margin:10px 0 12px;font-size:32px}
.post h2 a{text-decoration:none}.post h2 a:hover{color:var(--amber)}
.post p.sum{color:#d8e2e0}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.tag{font:400 12.5px var(--sans);border:1px solid var(--teal-line);border-radius:99px;padding:3px 12px;color:var(--muted)}
.tag.place:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--amber);margin-right:7px;vertical-align:1px}
.row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}
.more{font:600 14px var(--sans);text-decoration:none;border-bottom:2px solid var(--amber);padding-bottom:2px}
.more:hover{color:var(--amber)}
.share{display:flex;align-items:center;gap:8px;font:400 13px var(--sans);color:var(--muted)}
.share a,.share button{font:400 12.5px var(--sans);color:var(--muted);background:none;border:1px solid var(--teal-line);padding:5px 12px;text-decoration:none;cursor:pointer}
.share a:hover,.share button:hover{border-color:var(--amber);color:var(--ink)}
.type{font:600 11.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.pub h2{font-size:26px;margin:6px 0 6px}

/* pager */
.pager{display:flex;justify-content:center;align-items:center;gap:20px;padding:40px 0 64px;font:500 14px var(--sans)}
.pager a,.pager span{text-decoration:none;color:var(--muted)}
.pager .on{color:var(--ink);border:1px solid var(--ink);padding:5px 12px}
.pager .off{opacity:.35}

/* about */
.approach{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid var(--teal-line);padding-top:22px}
.approach p{color:var(--muted);font-size:17px;line-height:1.6}
.todo{font:400 14px var(--sans);background:rgba(224,165,38,.14);color:var(--amber);padding:2px 8px}

/* form */
.contact{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;margin-top:40px}
label{display:block;font:600 13px var(--sans);margin:22px 0 4px}
input,textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--muted);color:var(--ink);font:18px var(--serif);padding:8px 0}
textarea{border:1px solid var(--muted);padding:10px;min-height:150px}
input:focus,textarea:focus{outline:2px solid var(--amber);outline-offset:2px}
button.send{margin-top:26px;background:var(--amber);color:var(--teal);border:0;font:600 15px var(--sans);padding:13px 28px;cursor:pointer}
button.send:hover{background:#f0b838}
.info dt{font:500 11.5px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:22px}
.info dd{margin:0}
.note{font:400 14px var(--sans);margin-top:16px;color:var(--amber)}
.hp{position:absolute;left:-9999px}

/* footer */
footer.site{background:var(--teal);border-top:1px solid var(--teal-line);margin-top:40px;font:400 15px/1.8 var(--sans);color:var(--muted)}
footer .grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding:44px 0 30px}
footer h4{font:600 11px var(--sans);letter-spacing:.16em;color:var(--ink);margin-bottom:10px}
footer a{display:block;text-decoration:none}footer a:hover{color:var(--ink)}
footer .brand{margin-bottom:12px}
footer .copy{border-top:1px solid var(--teal-line);padding:18px 0;font-size:13.5px}

@media(max-width:760px){
  .burger{display:block}
  nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--teal);flex-direction:column;gap:0;padding:8px 24px 16px;border-bottom:1px solid var(--teal-line)}
  nav.open{display:flex}nav a{padding:12px 0;border:0}
  .approach,.contact,footer .grid{grid-template-columns:1fr;gap:24px}
  body{font-size:18px}
}

/* publication detail & shop */
.price{font:600 15px var(--sans);color:var(--amber)}
.pub .row{margin-top:6px}
.pubhead{display:grid;grid-template-columns:1fr 320px;gap:56px;align-items:start}
.buy{background:var(--teal);border:1px solid var(--teal-line);padding:26px;position:sticky;top:90px;font-family:var(--sans)}
.buy .amt{font:700 34px var(--sans);margin-bottom:2px}
.buy .amt small{font:400 13px var(--sans);color:var(--muted)}
.buy p{font-size:13.5px;color:var(--muted);line-height:1.6;margin:10px 0}
.btn{display:block;width:100%;text-align:center;background:var(--amber);color:var(--teal);border:0;font:600 15px var(--sans);padding:13px;cursor:pointer;text-decoration:none;margin-top:14px}
.btn:hover{background:#f0b838}
.btn.alt{background:transparent;color:var(--ink);border:1px solid var(--muted)}
.btn.alt:hover{border-color:var(--amber)}
dl.facts{display:grid;grid-template-columns:auto 1fr;gap:8px 22px;font:400 14.5px var(--sans);margin:0}
dl.facts dt{color:var(--muted)}dl.facts dd{margin:0}
ol.toc{list-style:none;padding:0;font:400 16px var(--sans)}
ol.toc li{padding:10px 0;border-bottom:1px dotted var(--teal-line);margin:0}
.previews{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.previews figure{margin:0;position:relative;border:1px solid var(--teal-line)}
.previews img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.previews figcaption{font:400 12.5px var(--sans);color:var(--muted);padding:8px 10px;background:var(--teal)}
.upd{border-left:2px solid var(--amber);padding:2px 0 2px 18px;margin:0 0 18px;font:400 15px/1.55 var(--sans)}
.upd b{display:block;font-weight:600}
.badge{display:inline-block;font:600 11.5px var(--sans);background:rgba(224,165,38,.16);color:var(--amber);padding:3px 10px;border-radius:99px}
#order{background:var(--teal);border:1px solid var(--teal-line);padding:30px;margin-top:20px;display:none}
#order.show{display:block}
select{width:100%;background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--muted);font:17px var(--serif);padding:8px 0}
select option{color:#000}
@media(max-width:860px){.pubhead{grid-template-columns:1fr}.buy{position:static}.previews{grid-template-columns:1fr}}

/* file cards */
.files{display:flex;gap:20px;flex-wrap:wrap}
.file{display:flex;gap:16px;align-items:center;flex:1 1 280px;max-width:330px;background:var(--teal);border:1px solid var(--teal-line);padding:14px;text-decoration:none;font-family:var(--sans);transition:border-color .15s}
.file:hover,.file.on{border-color:var(--amber)}
.file.on{box-shadow:inset 3px 0 0 var(--amber)}
.fthumb{width:64px;height:86px;flex:none;background:#fff;overflow:hidden}
.fthumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.fbody{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--muted)}
.fbody b{font-size:17px;color:var(--ink);font-weight:600}
blockquote{border-left:3px solid var(--amber);padding-left:18px;color:var(--muted);margin:0 0 1.1em}
.prose h3{font:600 20px var(--serif);margin:28px 0 8px}
.prose a{color:var(--amber)}

/* language switcher */
.langs{display:flex;gap:2px;align-items:center;align-self:center;height:28px;margin-left:8px;padding-left:14px;border-left:1px solid var(--teal-line)}
nav .langs a{font:600 12px var(--sans);letter-spacing:.06em;padding:4px 7px;border:0;border-radius:4px;color:var(--muted)}
nav .langs a:hover{color:var(--ink)}
nav .langs a[aria-current]{color:var(--teal);background:var(--amber)}
@media(max-width:760px){.langs{margin:10px 0 0;padding:12px 0 0;border-left:0;border-top:1px solid var(--teal-line)}nav .langs a{padding:6px 10px}}
.md-block > h2:first-child{margin-top:0}
.cover{display:block;width:100%;height:auto;margin:22px 0 4px;border:1px solid var(--teal-line)}