:root{
  --zs-emerald:#0d4d3b;
  --zs-emerald-2:#176c53;
  --zs-accent:#3cbc7f;
  --zs-cream:#f5efe2;
  --zs-paper:#fffdf8;
  --zs-ink:#252019;
  --zs-muted:#6d655b;
  --zs-burgundy:#612a35;
  --zs-gold:#b89453;
  --zs-line:rgba(70,57,39,.16);
  --zs-shadow:0 20px 60px rgba(32,47,38,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.article-site{margin:0;background:var(--zs-cream);color:var(--zs-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}
body.article-site a{color:inherit}
body.article-site img{max-width:100%;height:auto}
body.article-site .shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}
body.article-site .skip-link{position:fixed;left:12px;top:-100px;z-index:9999;background:#fff;color:#111;padding:10px 14px;border-radius:8px;text-decoration:none}
body.article-site .skip-link:focus{top:12px}
body.article-site .site-header{position:sticky;top:0;z-index:100;background:rgba(247,242,231,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--zs-line)}
body.article-site .header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
body.article-site .brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:max-content}
body.article-site .brand-emblem{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(184,148,83,.7);border-radius:50%;background:linear-gradient(145deg,#153f33,#0b2e26);box-shadow:inset 0 0 0 4px rgba(255,255,255,.05)}
body.article-site .brand-emblem>span{font-family:Georgia,serif;font-size:23px;color:#e4c886}
body.article-site .brand-copy{display:flex;flex-direction:column;line-height:1.05}
body.article-site .brand-copy strong,body.article-site .footer-brand strong{font-family:Georgia,"Times New Roman",serif;font-size:19px;letter-spacing:.02em;color:var(--zs-emerald)}
body.article-site .brand-copy small,body.article-site .footer-brand small{margin-top:5px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--zs-muted)}
body.article-site .menu-panel{display:flex;align-items:center;gap:30px}
body.article-site .main-nav{display:flex;align-items:center;gap:22px}
body.article-site .main-nav a{text-decoration:none;font-size:14px;font-weight:650;color:#403a31;position:relative;padding-block:30px}
body.article-site .main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:var(--zs-accent);transform:scaleX(0);transition:transform .2s ease}
body.article-site .main-nav a:hover::after,body.article-site .main-nav a[aria-current="page"]::after{transform:scaleX(1)}
body.article-site .header-actions{display:flex;align-items:center;gap:10px}
body.article-site .icon-link,body.article-site .email-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--zs-line);background:rgba(255,255,255,.55);text-decoration:none}
body.article-site .icon-link{width:40px;height:40px;border-radius:50%}
body.article-site .email-pill{min-height:40px;border-radius:999px;padding:0 14px;gap:8px;font-size:12px;color:var(--zs-emerald)}
body.article-site .icon-link svg,body.article-site .email-pill svg,body.article-site .footer-contact svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
body.article-site .menu-toggle{display:none;border:0;background:none;padding:10px}
body.article-site .menu-toggle span{display:block;width:24px;height:2px;background:var(--zs-emerald);margin:5px 0}

.writing-hero{position:relative;overflow:hidden;padding:86px 0 74px;background:linear-gradient(135deg,#0d3e31 0%,#145642 55%,#183a32 100%);color:#fff}
.writing-hero::before,.writing-hero::after{content:"";position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}
.writing-hero::before{width:560px;height:560px;right:-210px;top:-270px;border:1px solid rgba(217,192,126,.22);box-shadow:0 0 0 55px rgba(255,255,255,.018),0 0 0 110px rgba(255,255,255,.012)}
.writing-hero::after{width:340px;height:340px;left:-160px;bottom:-220px;background:radial-gradient(circle,rgba(60,188,127,.24),transparent 68%)}
.writing-hero .shell{position:relative;z-index:1}
.writing-kicker{margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#d9bd79}
.writing-hero h1{max-width:820px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,7vw,78px);font-weight:500;line-height:1.03;letter-spacing:-.025em}
.writing-hero .hero-intro{max-width:760px;margin:25px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(18px,2.2vw,24px);line-height:1.7;color:rgba(255,255,255,.82)}
.writing-summary{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.writing-summary span{display:inline-flex;align-items:center;min-height:38px;padding:0 15px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);font-size:12px;letter-spacing:.04em}

.writing-index{padding:70px 0 56px}
.writing-index-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.44fr);gap:50px;align-items:end;margin-bottom:34px}
.writing-index-head h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(31px,4vw,50px);font-weight:500;color:var(--zs-emerald);line-height:1.13}
.writing-index-head p{margin:0;color:var(--zs-muted);font-size:15px;line-height:1.8}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.article-card{position:relative;display:flex;flex-direction:column;min-height:330px;padding:28px;border:1px solid var(--zs-line);border-radius:22px;background:rgba(255,253,248,.92);box-shadow:0 8px 30px rgba(45,52,42,.055);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.article-card::before{content:"";position:absolute;width:150px;height:150px;right:-80px;top:-85px;border-radius:50%;border:1px solid rgba(184,148,83,.25);box-shadow:0 0 0 26px rgba(184,148,83,.035)}
.article-card:hover{transform:translateY(-5px);box-shadow:var(--zs-shadow);border-color:rgba(60,188,127,.38)}
.article-card .card-order{font-family:Georgia,serif;font-size:13px;color:var(--zs-gold);letter-spacing:.12em}
.article-card .card-category{margin:18px 0 10px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--zs-burgundy)}
.article-card h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:26px;font-weight:500;line-height:1.2;color:var(--zs-emerald)}
.article-card p{margin:17px 0 22px;color:var(--zs-muted);font-size:14px;line-height:1.75}
.article-card .card-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:18px;border-top:1px solid var(--zs-line)}
.article-card .read-time{font-size:12px;color:var(--zs-muted)}
.article-card .read-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:13px;font-weight:800;color:var(--zs-emerald)}
.article-card .read-link::after{content:"→";font-size:18px;line-height:1}

.article-hero{position:relative;overflow:hidden;padding:72px 0 62px;background:linear-gradient(135deg,#0e4033,#195d48);color:#fff}
.article-hero::after{content:"";position:absolute;inset:auto -120px -220px auto;width:480px;height:480px;border:1px solid rgba(224,197,126,.18);border-radius:50%;box-shadow:0 0 0 46px rgba(255,255,255,.018),0 0 0 92px rgba(255,255,255,.012)}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:28px;font-size:12px;color:rgba(255,255,255,.66)}
.breadcrumbs a{text-decoration:none;color:inherit}
.breadcrumbs a:hover{color:#fff}
.article-hero-inner{position:relative;z-index:1;max-width:940px}
.article-category{margin:0 0 14px;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#d9bd79}
.article-hero h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,6vw,68px);font-weight:500;line-height:1.08;letter-spacing:-.025em}
.article-deck{max-width:780px;margin:22px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.7;color:rgba(255,255,255,.8)}
.article-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;font-size:12px;color:rgba(255,255,255,.68)}
.article-meta strong{color:#fff;font-weight:750}

.article-reading{padding:58px 0 84px}
.article-layout{display:grid;grid-template-columns:minmax(0,820px) 220px;gap:64px;align-items:start;justify-content:center}
.article-paper{position:relative;background:var(--zs-paper);border:1px solid var(--zs-line);border-radius:24px;padding:clamp(28px,5vw,66px);box-shadow:var(--zs-shadow)}
.article-paper::before{content:"";display:block;width:64px;height:3px;margin-bottom:34px;background:linear-gradient(90deg,var(--zs-gold),var(--zs-accent));border-radius:99px}
.article-body{font-family:Georgia,"Times New Roman",serif;font-size:clamp(17px,1.8vw,20px);line-height:1.95;color:#2f2922;hyphens:auto;overflow-wrap:anywhere}
.article-body p{margin:0 0 1.35em;text-align:justify;text-justify:inter-word}
.article-body p:first-child::first-letter{float:left;margin:.11em .13em 0 0;font-size:4.1em;line-height:.78;color:var(--zs-emerald);font-weight:500}
.article-body p:last-child{margin-bottom:0}
.article-signature{display:flex;align-items:center;gap:14px;margin-top:48px;padding-top:28px;border-top:1px solid var(--zs-line)}
.article-signature .seal{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--zs-emerald);font-family:Georgia,serif;color:#e6cc8a;font-size:22px}
.article-signature strong{display:block;font-family:Georgia,serif;color:var(--zs-emerald);font-size:18px}
.article-signature span{font-size:12px;color:var(--zs-muted);letter-spacing:.08em;text-transform:uppercase}
.article-aside{position:sticky;top:112px}
.article-aside-box{padding:22px;border:1px solid var(--zs-line);border-radius:18px;background:rgba(255,253,248,.7)}
.article-aside-box+.article-aside-box{margin-top:16px}
.article-aside h2{margin:0 0 11px;font-family:Georgia,serif;font-size:18px;color:var(--zs-emerald)}
.article-aside p{margin:0;font-size:13px;line-height:1.7;color:var(--zs-muted)}
.article-aside a{display:inline-flex;margin-top:14px;text-decoration:none;font-size:12px;font-weight:800;color:var(--zs-burgundy)}
.article-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch;margin-top:28px}
.article-nav a{display:flex;min-height:84px;align-items:center;padding:17px 20px;border:1px solid var(--zs-line);border-radius:16px;background:rgba(255,253,248,.8);text-decoration:none}
.article-nav .all-articles{justify-content:center;min-width:150px;text-align:center;font-weight:800;color:var(--zs-emerald)}
.article-nav .next{text-align:right;justify-content:flex-end}
.article-nav small{display:block;margin-bottom:4px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--zs-muted)}
.article-nav strong{display:block;font-family:Georgia,serif;font-size:14px;line-height:1.35;color:var(--zs-emerald)}

body.article-site .site-footer{background:#102f28;color:rgba(255,255,255,.74);padding:48px 0 18px}
body.article-site .footer-main{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:36px;align-items:start}
body.article-site .footer-brand{display:flex;align-items:center;gap:12px}
body.article-site .footer-brand strong{color:#f4e8cd}
body.article-site .footer-brand small{color:rgba(255,255,255,.55)}
body.article-site .footer-main p{margin:0;font-family:Georgia,serif;line-height:1.7}
body.article-site .footer-nav{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:flex-end}
body.article-site .footer-nav a,body.article-site .footer-contact a{color:inherit;text-decoration:none;font-size:13px}
body.article-site .footer-contact{display:flex;gap:20px;margin-top:28px;padding:22px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
body.article-site .footer-contact a{display:flex;align-items:center;gap:8px}
body.article-site .footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:17px;font-size:11px;color:rgba(255,255,255,.46)}

@media(max-width:980px){
  body.article-site .menu-toggle{display:block}
  body.article-site .menu-panel{display:none;position:absolute;left:16px;right:16px;top:74px;padding:18px;border:1px solid var(--zs-line);border-radius:18px;background:#fffdf8;box-shadow:var(--zs-shadow);align-items:stretch;flex-direction:column}
  body.article-site .menu-panel.is-open{display:flex}
  body.article-site .main-nav{align-items:stretch;flex-direction:column;gap:0}
  body.article-site .main-nav a{padding:12px 8px}
  body.article-site .main-nav a::after{display:none}
  body.article-site .header-actions{padding-top:10px;border-top:1px solid var(--zs-line)}
  .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-layout{grid-template-columns:minmax(0,820px)}
  .article-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .article-aside-box+.article-aside-box{margin-top:0}
}
@media(max-width:720px){
  body.article-site .shell{width:min(100% - 22px,1180px)}
  body.article-site .header-inner{min-height:70px}
  body.article-site .email-pill span{display:none}
  .writing-hero{padding:64px 0 56px}
  .writing-index{padding:50px 0 70px}
  .writing-index-head{grid-template-columns:1fr;gap:16px}
  .article-grid{grid-template-columns:1fr}
  .article-card{min-height:0;padding:24px}
  .article-hero{padding:50px 0 48px}
  .article-reading{padding:28px 0 58px}
  .article-paper{border-radius:18px;padding:28px 20px}
  .article-body{font-size:17px;line-height:1.85}
  .article-body p{text-align:justify}
  .article-aside{grid-template-columns:1fr}
  .article-nav{grid-template-columns:1fr}
  .article-nav .all-articles{order:-1}
  .article-nav .next{text-align:left;justify-content:flex-start}
  body.article-site .footer-main{grid-template-columns:1fr;gap:22px}
  body.article-site .footer-nav{justify-content:flex-start}
  body.article-site .footer-contact{flex-direction:column}
  body.article-site .footer-bottom{flex-direction:column;gap:6px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* Şiir seçkisi */
.poetry-index{padding:26px 0 96px}
.poetry-index .dark-kicker{color:var(--zs-burgundy);margin-bottom:10px}
.poem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.poem-card{position:relative;min-height:350px;padding:34px;border:1px solid rgba(97,42,53,.16);border-radius:24px;background:linear-gradient(145deg,rgba(255,253,248,.98),rgba(247,239,225,.92));box-shadow:0 10px 34px rgba(45,52,42,.07);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.poem-card::after{content:"“";position:absolute;right:18px;top:-35px;font-family:Georgia,serif;font-size:150px;line-height:1;color:rgba(184,148,83,.12)}
.poem-card:hover{transform:translateY(-5px);box-shadow:var(--zs-shadow)}
.poem-card .card-order{font-family:Georgia,serif;font-size:12px;letter-spacing:.15em;color:var(--zs-gold)}
.poem-card .card-category{margin:18px 0 8px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--zs-burgundy)}
.poem-card h2{position:relative;z-index:1;max-width:520px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,3vw,39px);font-weight:500;line-height:1.15;color:var(--zs-emerald)}
.poem-card blockquote{margin:24px 0 16px;padding-left:18px;border-left:2px solid rgba(184,148,83,.55);font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.7;font-style:italic;color:var(--zs-burgundy)}
.poem-card>p:last-of-type{margin:0 0 26px;color:var(--zs-muted);font-size:14px;line-height:1.75}
.poem-card .read-link{position:absolute;left:34px;bottom:28px;text-decoration:none;font-size:13px;font-weight:800;color:var(--zs-emerald)}
.poem-card .read-link::after{content:" →";font-size:18px}
.poem-hero{background:linear-gradient(135deg,#3c2028,#6a3340 55%,#173c32)}
.poem-page .article-paper{max-width:820px;background:linear-gradient(180deg,#fffdf8,#fbf5e9)}
.poem-page .article-paper::before{width:90px;background:linear-gradient(90deg,var(--zs-burgundy),var(--zs-gold))}
.poem-body{position:relative;padding:4px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(18px,2vw,22px);line-height:1.9;color:#2f2922}
.poem-body::before{content:"“";position:absolute;right:-10px;top:-40px;font-size:160px;line-height:1;color:rgba(184,148,83,.1)}
.poem-stanza{position:relative;z-index:1;margin:0 0 2.2em}
.poem-stanza:last-child{margin-bottom:0}
.poem-stanza p{margin:0;text-align:left;white-space:normal}
.poem-stanza br{content:"";display:block;margin-bottom:.18em}
.poem-page .article-signature{margin-top:56px}
.poem-page .article-layout{grid-template-columns:minmax(0,820px) 220px}
.poem-page .article-meta{align-items:center}
@media(max-width:980px){.poem-grid{grid-template-columns:1fr}.poem-page .article-layout{grid-template-columns:minmax(0,820px)}}
@media(max-width:720px){.poetry-index{padding:14px 0 70px}.poem-card{min-height:0;padding:26px 22px 72px}.poem-card .read-link{left:22px;bottom:24px}.poem-body{font-size:18px;line-height:1.8}.poem-stanza{margin-bottom:1.8em}}