/* Renk paleti: yalnızca bu değişkenleri değiştirerek başlayın. */
:root { --background:#f8f7f3; --surface:#eeeee7; --ink:#283a37; --muted:#56635e; --accent:#284f48; --line:#cbd0c7; --portrait:#dedfd6; --white:#fff; --max-width:1240px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:1.5rem; }
body { margin:0; background:var(--background); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:1rem; line-height:1.75; }
[hidden] { display:none!important; }
a { color:inherit; text-underline-offset:.3em; }
a:hover { text-decoration-thickness:2px; }
button { font:inherit; }
a,button,summary { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid var(--accent); outline-offset:5px; }
main:focus { outline:none; }
h1,h2,h3,p,figure,dl,dd { margin:0; }
h1,h2,h3 { font-weight:400; line-height:1.2; }
h1,h2 { font-family:Georgia,"Times New Roman",serif; letter-spacing:-.035em; }
h1 { font-size:clamp(2.5rem,6.3vw,5.6rem); }
h2 { font-size:clamp(2rem,3.2vw,2.8rem); }
h3 { font-size:1.1rem; }
p+p { margin-top:1.25rem; }
.container { width:min(var(--max-width),calc(100% - 2.5rem)); margin-inline:auto; }
.placeholder { overflow-wrap:anywhere; }
.eyebrow { display:block; font-size:.875rem; font-weight:500; letter-spacing:.09em; line-height:1.7; text-transform:uppercase; }
.skip-link { position:absolute; left:1rem; top:-8rem; z-index:10; padding:.8rem 1.2rem; background:var(--white); }
.skip-link:focus { top:1rem; }
.site-header { border-bottom:1px solid var(--line); }
.header-inner { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:1rem; padding-block:1.5rem; }
.brand { font-size:1rem; font-weight:600; text-decoration:none; letter-spacing:.03em; }
.site-header nav { display:flex; flex-wrap:wrap; gap:.65rem 1.2rem; width:100%; }
.site-header nav a { font-size:.875rem; text-decoration:none; padding:.35rem 0; }
.site-header nav a:hover { text-decoration:underline; }
.nav-contact { border-bottom:1px solid var(--accent); }
.menu-toggle { border:1px solid var(--line); background:transparent; color:var(--ink); padding:.4rem .8rem; display:flex; gap:.8rem; align-items:center; min-height:44px; }
.menu-ready nav { flex-direction:column; padding-block:.5rem; }
.menu-ready nav a { min-height:44px; }
.hero { display:grid; gap:2.5rem; padding-block:3.5rem; align-items:center; }
.hero-copy h1 { margin-block:1.3rem 1.5rem; }
.hero-description { max-width:28rem; color:var(--muted); font-size:1.1rem; }
.button { display:inline-flex; align-items:center; justify-content:space-between; gap:3rem; background:var(--accent); color:var(--background); text-decoration:none; padding:.85rem 1.3rem; margin-top:2rem; min-height:48px; }
.button:hover { background:var(--ink); }
.portrait-placeholder { background:var(--portrait); aspect-ratio:4/4.5; position:relative; padding:1.5rem; display:flex; flex-direction:column; color:var(--muted); }
.portrait-frame { border:1px solid #b5bcb0; flex:1; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:1.5rem; text-align:center; font-size:.875rem; letter-spacing:.09em; }
.portrait-mark { font-size:2rem; font-weight:200; }
.portrait-placeholder figcaption { margin-top:.75rem; font-size:.875rem; }
.intro { border-block:1px solid var(--line); padding-block:2.5rem; }
.intro .container { display:grid; gap:1rem; }
.intro p { font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.4rem,2.4vw,2rem); }
.section { padding-block:3.5rem; border-bottom:1px solid var(--line); }
.editorial-grid { display:grid; gap:2rem; }
.section-label>span { display:block; font-size:.875rem; color:var(--muted); margin-bottom:1rem; }
.section-label h2 { max-width:19rem; }
.section-content { min-width:0; }
.section-content>p { max-width:43rem; }
.bio-space { min-height:7rem; }
.text-link { display:inline-flex; gap:2rem; align-items:center; margin-top:1.6rem; font-size:.95rem; }
.timeline>div { border-bottom:1px solid var(--line); padding-block:1.2rem; display:grid; gap:.5rem; }
.timeline>div:first-child { padding-top:0; }
.timeline>div:last-child { border-bottom:0; }
dt { font-size:.9rem; color:var(--muted); }
dd { overflow-wrap:anywhere; }
.area-grid { display:grid; gap:1.75rem; }
.area { border-top:1px solid var(--line); padding-top:1rem; }
.area-number { display:block; color:var(--muted); font-size:.875rem; margin-bottom:1.5rem; }
.area h3 { line-height:1.6; margin-bottom:.75rem; }
.area p { color:var(--muted); font-size:.95rem; }
.tinted { background:var(--surface); }
.large-copy { font-size:1.25rem; line-height:1.8; }
.empty-state { padding:2rem 0; border-block:1px solid var(--line); }
.empty-state p { font-family:Georgia,"Times New Roman",serif; font-size:1.5rem; margin-top:.7rem; }
details { border-bottom:1px solid var(--line); }
summary { padding:1.25rem 2rem 1.25rem 0; cursor:pointer; font-size:1rem; }
details p { padding:0 0 1.5rem; color:var(--muted); }
.contact-section { background:var(--accent); color:var(--background); padding-block:3.5rem; }
.contact-section h2 { margin-block:1rem 1.5rem; max-width:22rem; }
.contact-section :focus-visible { outline-color:var(--background); }
.contact-list>div { display:grid; gap:.25rem; border-bottom:1px solid #73918a; padding-block:.9rem; }
.contact-list dt { color:var(--background); }
.contact-list dd { font-size:.9rem; }
.site-footer { padding-block:2.5rem 1.5rem; font-size:.875rem; }
.footer-grid { display:grid; gap:2rem; }
.site-footer nav { display:flex; flex-wrap:wrap; gap:1.25rem; }
.footer-social p+p { margin-top:.3rem; }
.footer-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem; border-top:1px solid var(--line); margin-top:2.5rem; padding-top:1.25rem; color:var(--muted); }
.page-heading { padding-block:4rem 3rem; }
.page-heading h1 { margin-block:1rem 1.5rem; }
.page-body { padding-bottom:5rem; min-height:35vh; }
.prose { max-width:760px; overflow-wrap:anywhere; }
.prose h2 { font-size:2rem; margin-block:2.5rem 1rem; }
.prose h3 { margin-block:1.5rem .75rem; }
.prose section { margin-block:2rem; }
.legal-placeholder { border-left:2px solid var(--accent); padding:1rem 1.5rem; background:var(--surface); }
.article-wrap { padding-block:2rem 5rem; }
.article-wrap article { margin-inline:auto; }
.breadcrumb { display:flex; flex-wrap:wrap; gap:.7rem; margin-bottom:3rem; font-size:.875rem; }
.article-wrap h1 { font-size:clamp(2.4rem,5vw,4rem); margin-top:1rem; }
.article-metadata { display:grid; gap:.75rem; margin-block:2rem; }
.article-card { border-top:1px solid var(--line); padding-block:1.5rem; }
.article-meta { font-size:.875rem; color:var(--muted); }
@media(min-width:640px) { .container { width:min(var(--max-width),calc(100% - 4rem)); } .area-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .timeline>div { grid-template-columns:1fr 1.5fr; gap:1.5rem; } .footer-grid { grid-template-columns:1fr 1fr; } .article-metadata { grid-template-columns:1fr 1fr; } .contact-list>div { grid-template-columns:1fr 1.5fr; } }
@media(min-width:900px) { .hero { grid-template-columns:1.15fr 1fr; gap:5rem; padding-block:4rem 5rem; } .editorial-grid { grid-template-columns:1fr 1.8fr; gap:4rem; } .intro .container { grid-template-columns:1fr 1.8fr; gap:4rem; } .section { padding-block:5rem; } .contact-section { padding-block:4.5rem; } .footer-grid { grid-template-columns:1.2fr .8fr 1.4fr; } }
@media(min-width:1200px) { .header-inner { flex-wrap:nowrap; } .site-header nav,.menu-ready nav { width:auto; flex-direction:row; gap:1.2rem; padding:0; } .menu-ready nav a { min-height:auto; } .menu-toggle { display:none; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* Gerçek portre geldiğinde placeholder yerine kullanılır.
   img width/height öznitelikleri gerçek dosyanın boyutlarını belirtmelidir. */
.profile-photo {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
}
.profile-photo img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* Fotoğraf içerikleri değiştirilmez; kenarlar ölçülü biçimde yumuşatılır. */
.profile-photo img { border-radius: 8px; }
.article-list { display: grid; gap: 2rem; }
.article-card { min-width: 0; }
.article-card h2, .article-card h3 { font-family: Georgia, "Times New Roman", serif; font-size: 1.4rem; line-height: 1.4; margin-block: .75rem; }
.article-card h2 a, .article-card h3 a { text-decoration: none; }
.article-card h2 a:hover, .article-card h3 a:hover { text-decoration: underline; }
.article-card p { margin-top: .8rem; }
.article-thumbnail { height: 160px; margin-bottom: 1.25rem; background: var(--surface); border-radius: 8px; overflow: hidden; }
.article-thumbnail img { display: block; width: auto; max-width: 100%; height: 100%; margin-inline: auto; object-fit: contain; border-radius: 8px; }
.article-image { width: 100%; aspect-ratio: 16 / 10; margin-block: 2rem; background: var(--surface); border-radius: 8px; overflow: hidden; }
.article-image img { display: block; width: auto; max-width: 100%; height: 100%; margin-inline: auto; object-fit: contain; border-radius: 8px; }
.article-body { margin-top: 2rem; }
.reading-note { margin-top: 2rem; border-top: 1px solid var(--line); padding-top: 1rem; }
.reading-note h2, .related-article h2 { font-size: 1.5rem; }
@media(min-width:640px) { .article-list { grid-template-columns: repeat(2, minmax(0,1fr)); } }