/* sertlesmesorunu.com — modern responsive stylesheet */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:'Segoe UI','Inter',system-ui,-apple-system,BlinkMacSystemFont,Roboto,'Helvetica Neue',Arial,sans-serif;
  font-size:17px;
  line-height:1.7;
  color:#1a2b2e;
  background:#fafbfb;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:#0a7d6b;text-decoration:none;transition:color .15s ease}
a:hover{color:#075a4d;text-decoration:underline}
.container{max-width:1140px;margin:0 auto;padding:0 24px}

.skip-link{
  position:absolute;left:-9999px;top:0;background:#0a7d6b;color:#fff;padding:10px 16px;z-index:1000;
}
.skip-link:focus{left:0}

/* HEADER */
.site-header{
  background:#fff;
  border-bottom:1px solid #e6ecea;
  position:sticky;top:0;z-index:50;
  backdrop-filter:saturate(180%) blur(8px);
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 24px;gap:24px;flex-wrap:wrap;
}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;color:#0a7d6b;font-size:18px}
.logo:hover{text-decoration:none}
.logo-mark{
  width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#0a7d6b,#13a48b);
  color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;
}
.main-nav ul{list-style:none;display:flex;gap:6px;margin:0;padding:0;flex-wrap:wrap}
.main-nav a{
  display:inline-block;padding:8px 14px;border-radius:8px;color:#34474a;font-weight:500;font-size:15px;
}
.main-nav a:hover{background:#eaf6f3;color:#0a7d6b;text-decoration:none}
.main-nav a[aria-current="page"]{background:#0a7d6b;color:#fff}

/* BREADCRUMB */
.breadcrumb{padding:14px 24px 0;font-size:14px;color:#5a6e72}
.breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.breadcrumb li+li::before{content:"›";margin-right:6px;color:#9aa9ac}

/* MAIN */
main{padding:24px 24px 64px}
article{background:#fff;border-radius:14px;padding:40px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 8px 24px rgba(10,125,107,.04);border:1px solid #eef2f1}

.article-header h1{
  font-size:clamp(28px,4vw,40px);line-height:1.2;margin:0 0 16px;color:#0a2326;font-weight:800;letter-spacing:-.02em;
}
.lede{font-size:19px;color:#3a4e52;margin:0 0 18px}
.article-meta{display:flex;flex-wrap:wrap;gap:18px;font-size:14px;color:#6b7e82;border-top:1px solid #eef2f1;border-bottom:1px solid #eef2f1;padding:10px 0;margin-bottom:32px}

article h2{font-size:clamp(22px,2.6vw,28px);margin:40px 0 14px;color:#0a2326;font-weight:700;letter-spacing:-.01em}
article h3{font-size:20px;margin:24px 0 10px;color:#0a3a3a;font-weight:700}
article p{margin:0 0 14px}
article ul, article ol{padding-left:22px;margin:0 0 16px}
article li{margin-bottom:6px}
article strong{color:#0a2326}

/* CALLOUTS */
.callout{padding:16px 20px;border-radius:10px;margin:18px 0;border-left:4px solid;font-size:15.5px}
.callout-info{background:#eaf6f3;border-color:#0a7d6b;color:#0a3a3a}
.callout-warn{background:#fff4e6;border-color:#d97706;color:#5b3a09}

/* CARDS */
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:18px 0 8px}
.topic-card{
  display:block;background:#fafbfb;border:1px solid #e6ecea;border-radius:12px;padding:20px;
  color:inherit;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.topic-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,125,107,.10);border-color:#0a7d6b;text-decoration:none}
.topic-card h3{margin:0 0 6px;color:#0a2326;font-size:18px}
.topic-card p{margin:0 0 8px;color:#3a4e52;font-size:15px}
.card-cta{color:#0a7d6b;font-weight:600;font-size:14px}

/* TWO COL */
.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px 32px}
.check-list{list-style:none;padding:0;margin:0}
.check-list li{padding-left:26px;position:relative;margin-bottom:8px}
.check-list li::before{
  content:"✓";position:absolute;left:0;top:0;color:#0a7d6b;font-weight:800;
  background:#eaf6f3;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;
}

/* STATS */
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:18px 0}
.stat{background:linear-gradient(135deg,#0a7d6b,#13a48b);color:#fff;border-radius:14px;padding:24px;text-align:center}
.stat-number{font-size:42px;font-weight:800;line-height:1;margin-bottom:8px;letter-spacing:-.02em}
.stat-label{font-size:14px;line-height:1.45;opacity:.92}

/* FAQ */
.faq{background:#fafbfb;border:1px solid #e6ecea;border-radius:10px;padding:14px 18px;margin-bottom:10px}
.faq summary{cursor:pointer;font-weight:600;color:#0a2326;font-size:16.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq summary::after{content:"+";font-size:22px;color:#0a7d6b;line-height:1;transition:transform .2s}
.faq[open] summary::after{content:"−"}
.faq p{margin:10px 0 0;color:#3a4e52}

/* SOURCES */
.sources{font-size:15px;color:#3a4e52}

/* TEXT UTIL */
.text-right{text-align:right}
.text-link{font-weight:600;color:#0a7d6b}
.small{font-size:13.5px;color:#5a6e72;line-height:1.55}

/* CTA BAND */
.cta-band{background:linear-gradient(135deg,#0a7d6b,#075a4d);color:#fff;padding:48px 0;text-align:center;margin-top:24px}
.cta-band h2{font-size:28px;margin:0 0 12px;color:#fff}
.cta-band p{max-width:680px;margin:0 auto 22px;opacity:.95;font-size:17px}
.btn{
  display:inline-block;background:#fff;color:#0a7d6b;font-weight:700;padding:14px 28px;border-radius:10px;
  font-size:16px;transition:transform .15s ease;
}
.btn:hover{transform:translateY(-1px);text-decoration:none;color:#075a4d}

/* FOOTER */
.site-footer{background:#0a2326;color:#c8d4d3;padding:48px 0 0;font-size:15px;margin-top:0}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;padding-bottom:32px}
.site-footer h3{color:#fff;font-size:16px;margin:0 0 12px}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin-bottom:6px}
.site-footer a{color:#9eb6b4}
.site-footer a:hover{color:#fff}
.footer-bottom{border-top:1px solid #1a3a3d;padding:18px 0;text-align:center;font-size:13.5px;color:#7a8e8c}
.footer-bottom p{margin:0}

/* CONTACT FORM */
.form-wrap{max-width:640px;margin:18px 0}
.form-wrap label{display:block;font-weight:600;color:#0a2326;margin:14px 0 6px}
.form-wrap input,.form-wrap textarea,.form-wrap select{
  width:100%;padding:12px 14px;border:1px solid #cbd6d4;border-radius:8px;font:inherit;background:#fff;
}
.form-wrap input:focus,.form-wrap textarea:focus,.form-wrap select:focus{outline:none;border-color:#0a7d6b;box-shadow:0 0 0 3px rgba(10,125,107,.15)}
.form-wrap button{background:#0a7d6b;color:#fff;border:0;padding:14px 28px;border-radius:10px;font-weight:700;cursor:pointer;margin-top:16px}
.form-wrap button:hover{background:#075a4d}

/* RESPONSIVE */
@media (max-width:768px){
  article{padding:24px}
  .article-header h1{font-size:26px}
  .lede{font-size:17px}
  .main-nav ul{justify-content:center}
  main{padding:16px 0 40px}
  .container{padding:0 16px}
}