/*
Theme Name: ESEM Sağlık ve Beslenme
Author: ESEM
Version: 1.0.0
Description: Ücretsiz, duyarlı sağlık ve beslenme dergisi teması.
License: GPL-2.0-or-later
Text Domain: esem-saglik
*/
:root{--ink:#183e36;--cream:#faf7ee;--paper:#fff;--accent:#b55632;--line:#dedfd3;--muted:#52675f}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:18px/1.8 system-ui,sans-serif}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--accent)}img{max-width:100%;height:auto;border-radius:5px}header{border-bottom:1px solid var(--line);background:var(--cream)}.wrap{max-width:1200px;margin:auto;padding:24px}.brand{font:bold 36px Georgia,serif;text-decoration:none;letter-spacing:3px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px}.tag{font:12px/1.4 system-ui;text-transform:uppercase;letter-spacing:2px;display:block}.nav{display:flex;gap:20px;flex-wrap:wrap;font-size:15px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:45px 0}.eyebrow{color:var(--accent);font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase}h1,h2,h3{font-family:Georgia,serif;line-height:1.2}h1{font-size:clamp(36px,4.5vw,62px);font-weight:500;margin:18px 0}h2{font-size:32px;margin:40px 0 20px}h3{font-size:24px}.hero img{aspect-ratio:4/3;object-fit:cover}.button{background:var(--ink);color:white;display:inline-block;padding:10px 20px;text-decoration:none;font-size:15px}.button:hover{color:white;background:var(--accent)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{border-top:2px solid var(--ink);padding-top:18px}.card a{text-decoration:none}.card p{font-size:15px;color:var(--muted)}.card img{width:100%;aspect-ratio:16/9;object-fit:cover}.feature{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-block:1px solid var(--line);padding:32px 0;margin:36px 0}.feature p{font-size:16px}.article-layout{display:grid;grid-template-columns:minmax(0,800px) 260px;gap:60px;padding-top:30px}.article-layout h1{font-size:clamp(32px,4vw,48px)}.article-content{color:#263e37}.article-content h2{font-size:27px}.article-content p{margin:22px 0}.article-content ul{padding-left:25px}.toc{font-size:14px;border-left:2px solid var(--accent);padding:16px 24px;background:#f0efe4}.toc ul{padding-left:18px}.sidebar{font-size:15px}.sidebar ul{padding-left:20px}.note{background:#e8eee5;padding:18px 24px;font-size:15px}.meta{font-size:13px;color:var(--muted)}footer{background:var(--ink);color:#faf7ee;margin-top:70px;font-size:14px}.searchform{display:flex;gap:8px;flex-wrap:wrap}input[type=search]{max-width:100%;padding:10px;border:1px solid var(--line);font:inherit}button{cursor:pointer;font:inherit;padding:8px 16px}.skip{position:absolute;left:-10000px}.skip:focus{left:20px;top:20px;background:white;z-index:10}.pagination{margin:30px 0}.sources{font-size:14px;overflow-wrap:anywhere}@media(max-width:850px){.hero,.article-layout,.feature{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.sidebar{border-top:1px solid var(--line)}.top{align-items:flex-start;flex-direction:column}.hero{padding-top:15px;gap:20px}}@media(max-width:540px){.grid{grid-template-columns:1fr}.wrap{padding:20px}.nav{gap:12px}.hero h1{font-size:38px}}
