/* Physis Project — site styles
   Kimlik: Oxford mavisi (#002147) beyaz zemin üzerinde, EB Garamond, geniş harf aralıklı büyük harf başlıklar.
   Font veya renk değişikliği yalnızca :root içinden yapılır. */
/* Fontlar siteye gömülüdür (static/fonts, SIL Open Font License). */
@font-face { font-family: "EB Garamond"; src: url("../fonts/eb-garamond-regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "EB Garamond"; src: url("../fonts/eb-garamond-italic.woff") format("woff"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "EB Garamond"; src: url("../fonts/eb-garamond-semibold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "EB Garamond"; src: url("../fonts/eb-garamond-semibolditalic.woff") format("woff"); font-weight: 600; font-style: italic; font-display: swap; }

:root {
  --oxford: #002147;
  --base: #ffffff;
  --gray-dark: #3d5270;   /* ikincil yazı: soluk gri yerine koyu mavi-gri */
  --gray: #808080;
  --gray-light: #cccccc;
  --font-text: "EB Garamond", Garamond, "Times New Roman", Georgia, serif;
  --font-head: "EB Garamond", Garamond, "Times New Roman", Georgia, serif;
  --font-meta: var(--font-text);   /* tek font: künye ve tarihler de Garamond */
  --accent: #9b1c1f;   /* yalnız dört kol diyagramında Physis düğümü */
  --size-text: 20px;
  --measure: 34em;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--base); color: var(--oxford);
  font-family: var(--font-text); font-size: var(--size-text); line-height: 1.7;
  padding: 0 16px 48px; font-kerning: normal; font-variant-ligatures: common-ligatures;
}
a { color: var(--oxford); text-decoration-thickness: 1px; text-underline-offset: .18em; }
a:hover { text-decoration-thickness: 2px; }
a:focus-visible, .pill:focus-visible { outline: 2px solid var(--oxford); outline-offset: 3px; }
.skip { position: absolute; left: -999px; }
.skip:focus { left: 16px; top: 8px; background: #fff; padding: 4px 8px; }

/* header */
.site-head { max-width: 1040px; margin: 0 auto; text-align: center; padding-top: 36px; }
.wordmark { font-family: var(--font-head); font-weight: 600; font-size: 22px; letter-spacing: .28em;
  text-transform: uppercase; text-decoration: none; }
.nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 22px; margin-top: 14px;
  font-size: 13px; letter-spacing: .2em; text-transform: uppercase; }
.nav a { color: var(--gray-dark); text-decoration: none; padding: 2px 0; }
.nav a[aria-current] { color: var(--oxford); border-bottom: 1px solid var(--oxford); }
.lang { display: flex; justify-content: center; gap: 6px; margin: 14px 0 22px; }
.pill { display: inline-block; font-family: var(--font-head); font-size: 12px; letter-spacing: .18em;
  text-transform: uppercase; text-decoration: none; line-height: 1.4; color: var(--gray-dark);
  border: 1px solid var(--gray-light); border-radius: 22px; padding: 5px 16px; background: none; }
.pill:hover { border-color: var(--oxford); color: var(--oxford); }
.pill.on { border-color: var(--oxford); color: var(--oxford); }
.rule2 { max-width: 1040px; margin: 0 auto; border: 0; border-top: 3px double var(--gray-light); }

main { max-width: 1040px; margin: 0 auto; padding-top: 28px; padding-bottom: 48px; }
.crumbs { font-size: 12.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--gray-dark);
  max-width: var(--measure); margin: 0 auto 26px; }
.crumbs a { color: var(--gray-dark); text-decoration: none; }
.crumbs a:hover { color: var(--oxford); }

/* document pages */
.doc { max-width: var(--measure); margin: 0 auto; }
.doc-head { text-align: center; margin-bottom: 30px; }
.series { font-family: var(--font-head); font-weight: 600; font-size: 13px; letter-spacing: .2em;
  text-transform: uppercase; margin: 0; }
.series a { text-decoration: none; }
h1.t { font-family: var(--font-head); font-weight: 600; font-size: clamp(28px, 4.4vw, 38px); line-height: 1.2;
  margin: 12px auto 8px; text-wrap: balance; }
.subt { font-style: italic; font-size: 22px; margin: 0 0 8px; }
.short-rule { width: 44px; height: 1px; background: var(--gray); margin: 18px auto; }
.ids { font-family: var(--font-meta); font-weight: 400; font-size: 16.5px; color: var(--gray-dark);
  display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 18px; margin: 0; }
.ids b { font-weight: 600; color: var(--oxford); font-variant-numeric: lining-nums; }
.ids a { color: inherit; }
.actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 18px 0 0; }

.prose p { margin: 0 0 1em; hyphens: auto; }
.prose h2 { font-family: var(--font-head); font-weight: 600; font-size: 1.15em; line-height: 1.3;
  letter-spacing: .14em; text-transform: uppercase; margin: 2em 0 .7em; text-wrap: balance; }
.prose h3 { font-family: var(--font-head); font-weight: 600; font-size: 1em; letter-spacing: .1em;
  text-transform: uppercase; margin: 1.6em 0 .5em; }
.prose ul, .prose ol { padding-left: 1.2em; }
.prose blockquote { margin: 1em 0; padding-left: 1em; border-left: 1px solid var(--gray-light); }
h2.label, .prose h2.label { font-family: var(--font-head); font-weight: 600; font-size: 13px; letter-spacing: .24em;
  text-transform: uppercase; line-height: 1.4; margin: 34px 0 12px; }
.label-inline { font-size: 13px; letter-spacing: .2em; text-transform: uppercase; }
.abstract { border-top: 1px solid var(--gray-light); border-bottom: 1px solid var(--gray-light);
  padding: 4px 0 10px; margin-bottom: 8px; }
.abstract h2.label { margin-top: 18px; }
.pending, .note, .meta, .source { color: var(--gray-dark); }
.pending, .note { font-style: italic; }
.note { font-size: .85em; border-left: 1px solid var(--gray-light); padding-left: 1em; }
.meta { font-family: var(--font-meta); font-weight: 400; font-size: 15.5px; }
.definition { font-size: 1.15em; line-height: 1.6; }
.source { font-size: .9em; margin-top: -.4em; }
.lead { font-size: 1.1em; }
.chips { display: flex; flex-wrap: wrap; gap: 8px; }
.kw { font-size: .9em; }
.rel { margin-top: 10px; }
.list { list-style: none; padding: 0; margin: 0; }
.list li { padding: 6px 0; border-bottom: 1px solid #eee; }
.list .meta { display: block; }
.toc { padding-left: 1.4em; }
.facts { width: 100%; border-collapse: collapse; font-size: .9em; margin: 14px 0; }
.facts th { text-align: left; font-weight: 400; font-size: 12.5px; letter-spacing: .16em; text-transform: uppercase;
  color: var(--gray-dark); padding: 8px 12px 8px 0; vertical-align: top; width: 36%; }
.facts td { padding: 8px 0; border-bottom: 1px solid #eee; }
.versions { width: 100%; border-collapse: collapse; font-size: .9em; }
.versions td { padding: 6px 8px 6px 0; border-bottom: 1px solid #eee; }
.cite { border-top: 1px solid var(--gray-light); margin-top: 34px; }
.apa { font-size: .95em; }
details summary { cursor: pointer; font-family: var(--font-meta); font-size: 16px; color: var(--gray-dark); }
pre { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 13px; line-height: 1.5; background: #f6f7f9;
  color: #1c2633; padding: 12px; overflow-x: auto; white-space: pre; }

/* lists of publications/books */
.pubs { list-style: none; padding: 0; margin: 0; }
.pubs li { padding: 18px 0; border-bottom: 1px solid #eee; }
.pub-title { font-size: 1.15em; font-weight: 600; text-decoration: none; }
.pub-title:hover { text-decoration: underline; }
.pub-sub { font-style: italic; margin: 2px 0 0 !important; }
.pubs .meta { margin: 4px 0 0; }

/* definitions */
.defs dt { font-weight: 600; margin-top: 16px; }
.defs dt a { text-decoration: none; }
.defs dt a:hover { text-decoration: underline; }
.defs dd { margin: 2px 0 0; }

/* home */
.hero { text-align: center; max-width: 40em; margin: 8px auto 10px; }
.hero .name { font-family: var(--font-head); font-weight: 600; font-size: 30px; letter-spacing: .28em;
  text-transform: uppercase; margin: 0; }
.hero .role { font-weight: 600; font-size: 15px; letter-spacing: .2em; text-transform: uppercase; line-height: 1.6; margin: 14px 0 0; }
.hero .intro p { margin: 0 0 1em; }
.block { max-width: 46em; margin: 44px auto 0; }
.block.center { text-align: center; }
.block h2.label { text-align: center; }
.two { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.two h2.label { text-align: left; }
@media (max-width: 760px) { .two { grid-template-columns: 1fr; gap: 0; } }
.strands { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 40px; }
@media (max-width: 760px) { .strands { grid-template-columns: 1fr; } }
.strand-name { font-family: var(--font-head); font-weight: 600; font-size: 17px; letter-spacing: .2em;
  text-transform: uppercase; text-decoration: none; }
.strands p { margin: 6px 0 0; }
.more { font-size: .9em; }
.teaser { max-width: 32em; margin: 0 auto 16px; }

/* footer */
.site-foot { max-width: 1040px; margin: 0 auto; padding-top: 30px; color: var(--gray-dark); font-size: 16px; line-height: 1.55; }
.site-foot a { color: var(--gray-dark); }
.site-foot a:hover { color: var(--oxford); }
.foot-grid { display: grid; grid-template-columns: 1fr 1.25fr; gap: 28px 64px; max-width: 46em; margin: 0 auto; }
.foot-name { font-weight: 600; letter-spacing: .24em; text-transform: uppercase; color: var(--oxford); margin: 0 0 8px; font-size: 15px; }
.foot-links { display: flex; flex-wrap: wrap; gap: 2px 16px; margin: 0 0 6px; }
.foot-mail { margin: 0; }
.foot-label { font-weight: 600; font-size: 13px; letter-spacing: .22em; text-transform: uppercase; color: var(--oxford); margin: 0 0 8px; }
.foot-reg ul { list-style: none; padding: 0; margin: 0; }
.foot-reg li { display: flex; justify-content: space-between; gap: 16px; padding: 3px 0; border-bottom: 1px solid #e8ebef; }
.foot-reg li span { white-space: nowrap; font-variant-numeric: lining-nums tabular-nums; color: var(--oxford); }
.foot-small { font-size: 14px; margin: 8px 0 0; }
.foot-copy { text-align: center; font-size: 14px; margin: 26px 0 0; }
@media (max-width: 700px) { .foot-grid { grid-template-columns: 1fr; } }
.center { text-align: center; }

@media (max-width: 560px) {
  body { --size-text: 18px; }
  .nav { gap: 2px 14px; font-size: 12px; }
  .hero .name { font-size: 24px; }
}
@media print {
  .site-head .nav, .lang, .actions, .skip { display: none; }
  body { font-size: 12pt; color: #000; }
}

/* sürüm uyarısı */
.notice { font-size: .9em; font-style: italic; color: var(--gray-dark); border: 1px solid var(--gray-light);
  border-radius: 4px; padding: 12px 16px; margin: 0 0 24px; }

/* tablolar ve görseller (makale gövdesi) */
.prose table { width: 100%; border-collapse: collapse; font-size: .82em; line-height: 1.45; margin: 1.2em 0 1.6em; display: block; overflow-x: auto; }
.prose th, .prose td { border-bottom: 1px solid #e3e3e3; padding: 7px 10px 7px 0; text-align: left; vertical-align: top; }
.prose th { font-weight: 600; border-bottom: 1px solid var(--gray-light); }
.prose img { max-width: 100%; height: auto; display: block; margin: 1.4em auto .4em; }
.prose hr { border: 0; border-top: 1px solid var(--gray-light); margin: 2em auto; width: 44px; }

/* compact header on phones */
@media (max-width: 560px) {
  .site-head { padding-top: 22px; }
  .wordmark { font-size: 19px; letter-spacing: .24em; }
  .nav { margin-top: 10px; gap: 0 12px; font-size: 11.5px; letter-spacing: .16em; }
  .lang { margin: 10px 0 14px; }
  .pill { padding: 4px 13px; }
  main { padding-top: 20px; }
}

/* kitap içindekiler: kısım başlıkları */
.toc-part { margin: 1.1em 0 .2em; font-variant: small-caps; letter-spacing: .04em; }
.prose .toc-part { margin-bottom: .1em; }
.prose .toc-part + .toc { margin-top: 0; }
.toc .unnum { list-style: none; }

/* ---- başlık çubuğu: telefonda tek satır + Menü düğmesi ---- */
.menu-btn { display: none; }
@media (max-width: 560px) {
  .js .head-bar { display: flex; align-items: center; justify-content: space-between; }
  .js .menu-btn { display: inline-block; font-family: var(--font-head); font-size: 12.5px; letter-spacing: .2em;
    text-transform: uppercase; color: var(--oxford); background: none; border: 1px solid var(--oxford);
    border-radius: 22px; padding: 5px 14px; cursor: pointer; }
  .js .site-head { text-align: left; padding-bottom: 12px; }
  .js .site-menu { display: none; }
  .js .site-menu.open { display: block; padding-top: 6px; }
  .js .site-menu .nav { flex-direction: column; align-items: flex-start; gap: 0; font-size: 14px; margin-top: 8px; }
  .js .site-menu .nav a { padding: 9px 0; border-bottom: 1px solid #eef0f3; width: 100%; }
  .js .site-menu .nav a[aria-current] { border-bottom-color: var(--oxford); }
  .js .site-menu .lang { justify-content: flex-start; margin: 14px 0 6px; }
}

/* ---- ana sayfa ---- */
.hero .project { font-family: var(--font-head); font-weight: 600; font-size: clamp(30px, 5.2vw, 46px); letter-spacing: .26em;
  text-transform: uppercase; margin: 10px 0 18px; line-height: 1.2; padding-left: .26em; }
.hero .intro { font-size: 1.12em; line-height: 1.6; }
.hero .byline { font-weight: 600; letter-spacing: .24em; text-transform: uppercase; font-size: 16px; margin: 0; }
.hero .byline a { text-decoration: none; }
.hero .role { font-weight: 400; font-size: 14px; letter-spacing: .18em; margin: 6px 0 12px; color: var(--gray-dark); }

.thesis blockquote { margin: 0 auto; max-width: 34em; text-align: center; border: 0; padding: 0; }
.thesis blockquote p { font-size: clamp(22px, 2.6vw, 28px); line-height: 1.45; font-style: italic; margin: 0 0 12px; text-wrap: balance; }
.thesis blockquote footer { font-size: 15.5px; letter-spacing: .06em; color: var(--gray-dark); }

.strands li { border-top: 1px solid var(--oxford); padding-top: 12px; }
.strands .num { display: block; font-size: 15px; letter-spacing: .2em; color: var(--gray-dark); font-variant-numeric: lining-nums; margin-bottom: 2px; }
.strand-sub { display: block; font-style: italic; font-size: .95em; margin-top: 2px; }
.arch { margin: 36px auto 0; max-width: 640px; }
.arch svg { width: 100%; height: auto; display: block; }
.arch a:hover rect { fill: #f3f6fa; }
.arch figcaption { text-align: center; font-size: 15.5px; font-style: italic; color: var(--gray-dark); margin-top: 8px; }

.book-card { display: block; max-width: 34em; margin: 0 auto; text-decoration: none; text-align: center;
  border: 1px solid var(--gray-light); border-radius: 4px; padding: 26px 28px 22px; }
.book-card:hover { border-color: var(--oxford); }
.book-title { display: block; font-weight: 600; font-size: 1.45em; line-height: 1.25; }
.book-abs { display: block; margin: 10px 0 8px; }
.book-meta { display: block; font-size: 15.5px; color: var(--gray-dark); }
.center-chips { justify-content: center; margin-bottom: 14px; }
.arch .arch-tall { display: none; max-width: 340px; margin: 0 auto; }
@media (max-width: 560px) { .arch .arch-wide { display: none; } .arch .arch-tall { display: block; } }
/* ana sayfada site adı başlıkta iki kez görünmesin */
@media (min-width: 561px) { .page-home .site-head .wordmark { visibility: hidden; height: 0; display: block; } }
@media (max-width: 560px) { .page-home .hero .project { display: none; } }
.hero .mark { display: block; width: 62px; height: auto; margin: 6px auto 4px; }
@media (max-width: 560px) { .hero .mark { width: 48px; } }