:root {
  --font-family: Manrope, Arial, sans-serif;
  --text-caption: .75rem;
  --text-small: .875rem;
  --text-body: 1rem;
  --text-lead: clamp(1.0625rem, 1.4vw, 1.25rem);
  --text-card: clamp(1.25rem, 1.65vw, 1.5rem);
  --text-section: clamp(2rem, 3.4vw, 3rem);
  --text-display: clamp(2.375rem, 4.6vw, 4.125rem);
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-section: 88px;
  --grid-gap: 24px;
  --card-padding: 32px;
  --radius-card: 20px;
  --radius-image: 20px;
  --ink: #192536;
  --muted: #5f6c7e;
  --blue: #264d99;
  --night: #183765;
  --paper: #f5f7fa;
  --ice: #eaf0f8;
  --line: #dce3ed;
  --gold: #c4ab76;
}
body, button, input, select, textarea { font-family: var(--font-family); }
main :is(img, .editorial-art):not(.hero *) { border-radius: var(--radius-image); }
main .editorial-card .card-media { border-radius: var(--radius-image); overflow: hidden; }
.page-heading { padding-block: 40px 56px; }
.page-heading .breadcrumb { margin: 0 0 40px; display: flex; flex-wrap: wrap; gap: 8px; font-size: var(--text-caption); }
.page-heading-content { max-width: 960px; }
.page-heading .eyebrow { margin: 0 0 16px; color: var(--blue); }
.page-heading h1 { margin: 0; max-width: 960px; font-size: var(--text-display); font-weight: 700; line-height: 1.08; letter-spacing: -.045em; text-wrap: balance; }
.page-heading-lead { margin: 24px 0 0; max-width: 760px; font-size: var(--text-lead); line-height: 1.7; color: var(--muted); }
.page-heading-meta { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 24px; color: var(--muted); font-size: var(--text-caption); line-height: 1.6; }
.page-heading + .section-space { padding-top: 0; }
.intro-visual picture { overflow: hidden; border-radius: var(--radius-image); }
.intro-visual img { width: 100%; height: auto; aspect-ratio: auto; object-fit: cover; }
.resources-layout { display: grid; grid-template-columns: minmax(0, 38fr) minmax(0, 62fr); gap: var(--space-6); align-items: start; }
.resources-visual { margin: 0; position: sticky; top: 116px; }
.resources-visual picture { display: block; overflow: hidden; border-radius: var(--radius-image); }
.resources-visual img { display: block; width: 100%; aspect-ratio: 4/5; object-fit: cover; }
.resources-layout .resource-directory { min-width: 0; }
.resources-layout .resource-row { padding-block: 24px; }
@media (max-width: 899px) {
  .resources-layout { grid-template-columns: 1fr; gap: 32px; }
  .resources-visual { position: static; }
  .resources-visual img { aspect-ratio: 16/10; }
}
@media (max-width: 599px) {
  .page-heading { padding-block: 24px 40px; }
  .page-heading .breadcrumb { margin-bottom: 24px; }
  .page-heading-lead { margin-top: 16px; }
  .page-heading-meta { margin-top: 16px; }
}
body { font-size: var(--text-body); line-height: 1.7; }
h1,h2,h3 { color: var(--ink); font-weight: 700; text-wrap: balance; }
h1 { letter-spacing: -.045em; line-height: 1.08; }
h2 { letter-spacing: -.035em; line-height: 1.15; }
h3 { letter-spacing: -.025em; line-height: 1.3; }
.article-heading h1 { font-size: var(--text-display); }
.section-intro h2,.office h2,.contact-preview h2,.publication-policy h2,.faq h2,
.office-identity h2,.related-posts h2,.resource-banner h2,h2 { font-size: var(--text-section); }
.service-card h2,.service-card h3,.service-card.compact h3,.office-principles h3,.policy-grid h3,
.guide-card h3,.process-grid h3,.resource-row h2 { font-size: var(--text-card); color: var(--ink); }
.service-card h2 { line-height:1.3; letter-spacing:-.025em; }
.service-card.featured h3,.contact h2,.featured-story h2,.featured-story h3 { color: var(--white); }
.service-card p,.service-card li,.policy-grid p,.office-principles p { font-size: var(--text-body); line-height: 1.7; }
.lead,.article-deck,.office .lead { font-size: var(--text-lead); line-height: 1.7; margin-top: var(--space-3); }
.eyebrow { font-size: var(--text-caption); font-weight: 700; letter-spacing: .1em; margin-bottom: var(--space-2); }
.prototype-note,.source-date,.editorial-disclaimer { font-size: var(--text-caption); line-height: 1.6; }
.section-space { padding-block: var(--space-section); }
.section-space + .section-space { padding-top: 0; }
.section-light + .section-space,.section-space + .section-light { padding-top: var(--space-section); }
.article-heading { padding-block: var(--space-5); }
.article-heading + .section-space { padding-top: var(--space-3); }
.breadcrumb { margin-bottom: var(--space-4); font-size: var(--text-caption); }
.section-intro { margin-bottom: var(--space-5); gap: var(--space-5); }
.service-grid,.office-principles,.process-grid { gap: var(--grid-gap); }
.section-space > h2 + .service-grid { margin-top: var(--space-4); }
.service-card { padding: var(--card-padding); gap: var(--space-3); border-radius: var(--radius-card); }
.card-top { color: var(--blue); font-size: var(--text-small); }
.card-link,.button,.text-link { font-size: var(--text-small); }
.service-card ul { margin: 0; padding-left: 20px; color: var(--muted); }
.service-card li + li { margin-top: var(--space-1); }
.office-feature,.contact-preview { gap: var(--space-6); }
.office-identity { padding-block: var(--space-5); }
.office-principles article { padding: var(--card-padding); border-radius: var(--radius-card); }
.office-principles h3 { margin: var(--space-3) 0 var(--space-2); }
.contact-form { padding: var(--card-padding); border-radius: var(--radius-card); }
.form-fields { gap: var(--space-3); }
.process-layout { gap: var(--space-6); }
.process-steps { gap: var(--space-6); }
.process-step { gap: var(--space-3); padding-bottom: var(--space-6); border-bottom: 1px solid var(--line); }
.process-step:last-child { padding-bottom: 0; border-bottom: 0; }
.process-step h2 { font-size: clamp(1.75rem,2.3vw,2.25rem); margin-top: var(--space-2); }
.process-step .lead { margin-top: var(--space-2); font-size: var(--text-body); }
.process-step .step-number { font-size: 32px; color: var(--blue); }
.process-step .duo { gap: var(--space-3); }
.process-step .service-card { background: white; box-shadow: none; border-color: var(--line); gap: var(--space-2); padding: var(--space-3); }
.process-step .service-card h3 { font-size: 18px; line-height: 1.4; }
.process-step .service-card li { font-size: var(--text-small); }
.process-step .service-card:hover { transform: none; box-shadow: none; }
.process-closing { padding-bottom: var(--space-section); }
.process-next { display:grid; grid-template-columns:1.1fr 1fr; gap:var(--space-6); padding:var(--space-5); border-radius:var(--radius-card); background:var(--night); color:white; }
.process-next h2,.process-next .eyebrow { color:white; }
.process-next p { color:var(--light); margin-top:var(--space-3); }
.process-next .actions { margin-top:var(--space-4); flex-wrap:wrap; }
.process-next .button { background:white; color:var(--blue); }
.process-checklist { margin:0; padding:0; list-style:none; align-self:center; }
.process-checklist li { padding:var(--space-2) 0; border-bottom:1px solid #ffffff30; display:flex; gap:var(--space-2); }
.process-checklist span { color:var(--gold); font-size:var(--text-small); }
.process-closing .review-note { margin:var(--space-3) 0 0; background:transparent; }
.pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:var(--space-1); padding-top:var(--space-4); margin-top:var(--space-3); border-top:1px solid var(--line); }
.pagination button { min-width:44px; min-height:44px; padding:8px 16px; border:1px solid var(--line); background:white; border-radius:10px; color:var(--blue); font-size:var(--text-small); }
.pagination button[aria-current=page] { background:var(--blue); color:white; border-color:var(--blue); }
.pagination button:disabled { opacity:.4; cursor:default; }
.pagination button:not(:disabled):hover { border-color:var(--blue); }
.resources-hero { display:grid; grid-template-columns:1.1fr 1fr; gap:var(--space-6); align-items:center; }
.resources-hero h1 { font-size:var(--text-display); }
.resources-hero > div:first-of-type { display:block; }
.resources-hero figure img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:var(--radius-card); }
.resources-hero .lead { max-width:38ch; }
.google-map-section { padding-bottom:var(--space-section); }
.map-heading { display:flex; justify-content:space-between; align-items:end; gap:var(--space-3); margin-bottom:var(--space-3); }
.map-frame { width:100%; height:440px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--ice); }
.google-map-section .source-date { margin-top:var(--space-2); }
@media(min-width:900px) { .process-layout { grid-template-columns:minmax(0,.38fr) minmax(0,.62fr); } }
@media(max-width:1100px) { .site-header nav { gap:16px; } .site-header nav>a { font-size:12px; } }
@media(max-width:899px) { :root { --space-section:64px; --space-6:40px; --card-padding:24px; } .process-next,.resources-hero { grid-template-columns:1fr; } .resources-hero figure { max-width:640px; } }
@media(max-width:600px) { :root { --space-section:48px; --space-5:32px; --space-6:32px; --grid-gap:16px; } .process-step .duo { grid-template-columns:1fr; } .process-next { padding:var(--space-3); } .process-next .actions { align-items:start; flex-direction:column; } .map-heading { display:block; } .map-heading .text-link { margin-top:var(--space-2); } .map-frame { height:320px; } .pagination button { padding-inline:12px; } }
@media print { .pagination,.google-map-section { display:none; } }
.site-footer { background:var(--night); color:var(--light); padding-block:var(--space-6) var(--space-4); }
.footer-intro { display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); padding-bottom:var(--space-5); border-bottom:1px solid #ffffff26; }
.footer-intro h2 { font-size:clamp(28px,3vw,40px); color:white; }
.footer-intro .eyebrow { color:var(--light); }
.footer-intro .button { background:white; color:var(--blue); flex-shrink:0; }
.footer-columns { display:grid; grid-template-columns:1.15fr 1fr .85fr 1.15fr; gap:var(--space-4); padding-block:var(--space-5); }
.site-footer .brand { color:white; margin-bottom:var(--space-3); }
.site-footer h3 { font-size:var(--text-small); color:white; letter-spacing:0; margin-bottom:var(--space-3); }
.site-footer p,.site-footer address,.footer-columns a { font-size:var(--text-small); line-height:1.7; color:var(--light); }
.footer-about p+p { margin-top:var(--space-2); max-width:30ch; }
.footer-columns nav,.footer-contact { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.footer-columns nav h3,.footer-contact h3 { margin-bottom:var(--space-1); }
.footer-contact a { overflow-wrap:anywhere; max-width:100%; }
.footer-contact .footer-phone { font-size:20px; color:white; font-weight:600; }
.footer-contact address { font-style:normal; margin-block:var(--space-1); }
.footer-legal { border-top:1px solid #ffffff26; padding-top:var(--space-3); display:grid; grid-template-columns:1fr 1.5fr auto; gap:var(--space-4); align-items:start; }
.footer-legal span,.footer-legal p,.footer-legal a { font-size:var(--text-caption); }
.site-footer a:hover { color:white; text-decoration:underline; text-underline-offset:4px; }
.site-footer .button:hover { color:var(--night); }
@media(max-width:1100px) { .footer-columns { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:var(--space-5); } }
@media(max-width:600px) { .footer-intro { align-items:start; flex-direction:column; } .footer-columns { grid-template-columns:1fr 1fr; gap:var(--space-4) var(--space-3); } .footer-about,.footer-contact { grid-column:1/-1; } .footer-legal { grid-template-columns:1fr; gap:var(--space-2); } .footer-columns a { min-height:32px; display:inline-flex; align-items:center; } }
@media print { .site-footer { display:none; } }
.footer-policy-links { display:flex; flex-wrap:wrap; gap:16px 32px; padding-bottom:24px; }
.footer-policy-links a { font-size:12px; }
.site-footer .footer-prototype { margin-top:16px; font-size:11px; color:#becce0; }
.legal-layout { display:grid; grid-template-columns:240px minmax(0,760px); gap:64px; padding-bottom:88px; }
.legal-layout aside { position:sticky; top:120px; align-self:start; }
.legal-layout aside nav { display:flex; flex-direction:column; gap:16px; font-size:14px; }
.legal-copy>section { margin-top:40px; scroll-margin-top:128px; }
.legal-copy h2 { font-size:var(--text-card); margin-bottom:16px; }
.legal-copy p { color:var(--muted); }
.legal-copy a,.form-privacy a { text-decoration:underline; text-underline-offset:4px; }
.map-placeholder { min-height:320px; padding:40px; border:1px solid var(--line); border-radius:20px; background:var(--ice); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:20px; }
.map-placeholder h3 { font-size:var(--text-card); }
.map-placeholder p { max-width:65ch; }
.map-unload { margin-top:16px; }
.guide-card picture img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; margin-bottom:20px; }
.article-cover img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
@media(max-width:899px) { .legal-layout { grid-template-columns:1fr; gap:32px; } .legal-layout aside { position:static; } .legal-layout aside nav { flex-direction:row; flex-wrap:wrap; } }
@media(max-width:599px) { .map-placeholder { padding:24px; } }
.area-switcher { position:sticky; top:104px; z-index:20; background:var(--paper); border-block:1px solid var(--line); }
body:has(.site-header.is-scrolled) .area-switcher { top:80px; }
@media(max-width:899px) { .area-switcher { top:80px; } }
.area-switcher-inner { display:flex; align-items:center; gap:24px; min-height:64px; }
.area-back { display:inline-flex; align-items:center; gap:12px; font-size:14px; color:var(--blue); min-height:44px; }
.area-back>span,.area-prev-icon { display:inline-flex; transform:rotate(180deg); }
.area-position { margin-left:auto; font-size:12px; color:var(--muted); font-variant-numeric:tabular-nums; }
.area-picker { position:relative; }
.area-picker summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; padding:8px 16px; border:1px solid var(--line); border-radius:10px; font-size:14px; color:var(--blue); cursor:pointer; list-style:none; }
.area-picker summary::-webkit-details-marker { display:none; }
.area-picker[open] summary { background:var(--blue); color:white; }
.area-picker[open] summary svg { transform:rotate(45deg); }
.area-picker ul { position:absolute; top:calc(100% + 8px); right:0; width:340px; max-width:calc(100vw - 48px); padding:8px; margin:0; list-style:none; border:1px solid var(--line); border-radius:16px; background:white; box-shadow:0 16px 40px #1925361a; max-height:calc(100dvh - 180px); overflow-y:auto; }
.area-picker a { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px; min-height:48px; font-size:14px; border-radius:8px; }
.area-picker a svg { flex-shrink:0; }
.area-picker a[aria-current=page] { color:var(--blue); background:var(--ice); font-weight:700; }
.area-picker a span { font-size:10px; white-space:nowrap; }
.area-picker a:hover { background:var(--ice); }
.area-switcher + .section-space { padding-top:48px; }
.area-pagination { padding-top:16px; }
.area-pagination-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:24px; }
.area-pagination-heading .eyebrow { margin:0; }
.area-pagination-links { display:grid; grid-template-columns:1fr 1fr; border-block:1px solid var(--line); }
.area-pagination-links>a { display:flex; flex-direction:column; gap:16px; padding:32px 24px; min-width:0; transition:background .2s; }
.area-pagination-links>a:first-child { border-right:1px solid var(--line); padding-left:0; }
.area-pagination-links>a:last-child { text-align:right; align-items:flex-end; padding-right:0; }
.area-pagination-label { font-size:12px; color:var(--muted); }
.area-pagination-links strong { display:flex; align-items:center; gap:16px; font-size:var(--text-card); line-height:1.35; font-weight:600; }
.area-pagination-links strong svg { flex-shrink:0; }
.area-pagination-links>a:hover { background:var(--ice); color:var(--blue); }
.area-detail .faq h2[id] { scroll-margin-top:180px; }
.related-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:32px; }
.area-related { background:transparent; }
.area-related .related-heading h2 { margin:0; font-size:var(--text-section); }
.area-related .editorial-grid { margin-top:0; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); }
.area-related .editorial-card { min-width:0; }
@media(max-width:899px) { .area-related .editorial-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:599px) { .related-heading { align-items:flex-start; flex-direction:column; } .area-related .editorial-grid { grid-template-columns:1fr; } }
@media(max-width:599px) {
  .area-switcher-inner { gap:12px; }
  .area-position { display:none; }
  .area-picker { margin-left:auto; flex-shrink:0; }
  .area-back { font-size:12px; gap:8px; }
  .area-picker summary { font-size:12px; gap:8px; padding-inline:10px; }
  .area-pagination-heading { align-items:flex-start; flex-direction:column; gap:12px; }
  .area-pagination-links { grid-template-columns:1fr; }
  .area-pagination-links>a:first-child { border-right:0; border-bottom:1px solid var(--line); padding:24px 0; }
  .area-pagination-links>a:last-child { padding:24px 0; }
}
@media print { .area-switcher,.area-pagination { display:none; } }

.office-manifesto { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:var(--space-6); align-items:start; }
.office-manifesto .lead { max-width:38ch; }
.principle-rows article { padding:28px 0; border-top:1px solid var(--line); display:grid; grid-template-columns:140px minmax(0,1fr); gap:12px 24px; }
.principle-rows article>span { grid-row:1/3; color:var(--blue); font-size:var(--text-caption); padding-top:6px; }
.principle-rows h3 { font-size:var(--text-card); margin:0; }
.principle-rows p { color:var(--muted); margin:0; }
.office-interlude { background:var(--night); color:white; padding-block:64px; }
.interlude-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:var(--space-6); align-items:center; }
.interlude-layout figure { margin:0; }
.interlude-layout img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; }
.interlude-layout h2 { color:white; margin-bottom:24px; }
.interlude-layout p:not(.eyebrow) { color:#dce5f2; max-width:42ch; }
.interlude-layout .eyebrow { color:#c4ab76; }
.interlude-layout .text-link { display:inline-flex; margin-top:32px; color:white; }
.interlude-layout .prototype-note { font-size:12px; margin-top:12px; }
.office-scope .section-intro { align-items:start; }
.business-rows article { display:grid; grid-template-columns:160px minmax(0,.8fr) minmax(0,1.2fr); gap:16px 32px; border-top:1px solid var(--line); padding-block:32px; }
.business-rows article>span { color:var(--blue); font-size:var(--text-caption); padding-top:6px; }
.business-rows h3 { font-size:var(--text-card); margin:0; }
.business-rows p { color:var(--muted); margin:0; }
.business-rows .text-link { grid-column:3; justify-self:start; }
.area-directory { display:grid; grid-template-columns:minmax(0,.38fr) minmax(0,.62fr); gap:var(--space-6); align-items:start; }
.directory-visual { position:sticky; top:116px; margin:0; }
.directory-visual img { display:block; width:100%; aspect-ratio:4/5; object-fit:cover; }
.directory-list { min-width:0; }
.directory-row { display:grid; grid-template-columns:40px minmax(0,1fr) 24px; gap:24px; padding:28px 0; border-top:1px solid var(--line); }
.directory-row h2 { font-size:var(--text-card); margin-bottom:12px; }
.directory-row p { color:var(--muted); }
.directory-number { color:var(--blue); font-size:var(--text-small); padding-top:4px; }
.directory-arrow { color:var(--blue); transition:transform .25s var(--ease); }
.directory-row:hover .directory-arrow { transform:translate(3px,-3px); }
.directory-row:hover h2 { color:var(--blue); }
.topic-rows { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 64px; margin-top:40px; }
.topic-rows article { display:grid; grid-template-columns:32px minmax(0,1fr); gap:20px; padding-block:28px; border-top:1px solid var(--line); }
.topic-rows article>span { color:var(--blue); font-size:var(--text-small); padding-top:4px; }
.topic-rows h3 { font-size:var(--text-card); margin:0 0 12px; }
.topic-rows p { color:var(--muted); }
.area-detail .article-summary { background:transparent; border:0; border-left:2px solid var(--gold); border-radius:0; padding:8px 0 8px 32px; max-width:900px; }
.preparation-panel { background:var(--night); color:white; border-radius:20px; padding:48px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; }
.preparation-panel h2 { color:white; }
.preparation-panel .eyebrow { color:var(--gold); }
.preparation-panel p { color:#dce5f2; margin-top:24px; }
.preparation-panel ol { list-style:none; counter-reset:prepare; padding:0; margin:0; }
.preparation-panel li { counter-increment:prepare; display:flex; gap:20px; padding:20px 0; border-bottom:1px solid #ffffff30; }
.preparation-panel li:first-child { padding-top:0; }
.preparation-panel li:before { content:counter(prepare,decimal-leading-zero); color:var(--gold); font-size:14px; }
.responsibility-block { border-top:2px solid var(--line); padding-top:20px; }
.responsibility-block h3 { font-size:18px; margin-bottom:16px; }
.responsibility-block ul { margin:0; padding-left:20px; color:var(--muted); font-size:14px; }
.responsibility-block li+li { margin-top:8px; }
.faq-index { display:flex; flex-wrap:wrap; gap:16px 32px; padding-bottom:32px; }
.faq-index a { display:inline-flex; align-items:center; gap:12px; font-size:14px; padding:12px 0; border-bottom:1px solid var(--line); }
.faq-index a:hover { color:var(--blue); border-color:var(--blue); }
.faq-index span { color:var(--blue); font-size:12px; }
.faq h2[id] { scroll-margin-top:120px; }
.publication-policy .policy-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 64px; }
.publication-policy .policy-grid article { padding:32px 0; border:0; border-top:1px solid var(--line); border-radius:0; background:transparent; box-shadow:none; }
@media(max-width:899px) {
  .office-manifesto,.interlude-layout,.area-directory { grid-template-columns:1fr; }
  .directory-visual { position:static; }
  .directory-visual img { aspect-ratio:16/9; }
  .business-rows article { grid-template-columns:120px minmax(0,1fr); }
  .business-rows p,.business-rows .text-link { grid-column:2; }
  .preparation-panel { padding:32px; gap:32px; }
}
@media(max-width:599px) {
  .office-interlude { padding-block:40px; }
  .principle-rows article { grid-template-columns:1fr; gap:12px; padding-block:24px; }
  .principle-rows article>span { grid-row:auto; }
  .business-rows article { grid-template-columns:1fr; gap:16px; padding-block:24px; }
  .business-rows p,.business-rows .text-link { grid-column:auto; }
  .directory-row { grid-template-columns:24px minmax(0,1fr) 20px; gap:12px; padding-block:24px; }
  .topic-rows,.preparation-panel,.publication-policy .policy-grid { grid-template-columns:1fr; }
  .topic-rows { margin-top:24px; }
  .preparation-panel { padding:24px; }
  .area-detail .article-summary { padding-left:24px; }
}

/* ═══════════════════════════════════════════════════════════════════════
 * TİPOGRAFİ ROL SİSTEMİ  (`.t-prova`)
 *
 * Dört sayfada kabul edilen prova, **başlık ROLLERİNE göre** bütün sayfalara
 * yayılır. Roller ayrı tanımlanır; "bütün H2'ler" diye tek bir kural YOKTUR.
 *
 *   BÖLÜM    — sayfadaki üst düzey bölümün kendi başlığı
 *   MAKALE   — makale ve politika gövdesinin İÇİNDEKİ başlıklar
 *   KART     — kart, liste satırı ve form yüzeylerinin başlığı
 *   YARDIMCI — kartın içindeki alt etiket başlıkları
 *
 * Her rolün DÖRT özelliği birlikte yönetilir: boyut, satır yüksekliği,
 * ağırlık, harf aralığı. `bosluk.css` tipografi deposu değildir.
 *
 * ── KAPSAM DIŞI (bilerek korunanlar) ────────────────────────────────────
 *   • Ana sayfa hero'su (`.hero h1`) — onaylı kompozisyon
 *   • Anlatım sahnesi (`.story`) — hareket tasarımı ayrı ele alınıyor
 *   • Ortak header ve footer — `main` dışı; kural oraya hiç girmez
 *   • Bilgi merkezinin KENDİ bölüm başlıkları: `.featured-editorial > a h2`
 *     (46px) ve `.blog-library .library-top h2` (42px) — beğenilen düzen
 *   • İletişim formunun dengesi: form başlığı KART rolündedir, alan ve
 *     düğme ölçüleri bu dosyadan yönetilmez
 * ═══════════════════════════════════════════════════════════════════════ */

.t-prova {
  /* Sayfa başlığı */
  --rol-h1:        clamp(2.125rem, 2.6vw + 1.1rem, 3.5rem);   /* 34 → 56 */
  --rol-h1-lh:     1.12;
  --rol-h1-ls:     -.035em;

  /* ROL · BÖLÜM */
  --rol-bolum:     clamp(1.75rem, 1.1vw + 1.4rem, 2.25rem);   /* 28 → 36 */
  --rol-bolum-lh:  1.18;
  --rol-bolum-ls:  -.025em;

  /* ROL · MAKALE — gövde metniyle aynı ölçek ailesinde, bölümden küçük */
  --rol-makale:    clamp(1.375rem, .8vw + 1.18rem, 1.75rem);  /* 22 → 28 */
  --rol-makale-lh: 1.3;
  --rol-makale-ls: -.015em;

  /* ROL · KART — bütün genişliklerde 24px.
   *
   * Ölçek değil, SABİT: kartın içerik genişliği genişlikten genişliğe
   * neredeyse değişmiyor (ölçüldü — editöryel kart 1440'ta 408px, 390'da
   * 342px). Ölçeklenen bir token mobilde 21px'e düşüyordu: aynı genişlikteki
   * kutuda daha küçük başlık, ters bir hiyerarşi üretiyordu. Önceki mobil
   * kural 29px'ti; o da masaüstünden (27px) büyük olduğu için tutarsızdı.
   */
  --rol-kart:      1.5rem;                                    /* 24 · sabit */
  --rol-kart-lh:   1.25;
  --rol-kart-ls:   -.015em;

  /* ROL · YARDIMCI — kart içi alt etiket */
  --rol-yardimci:    clamp(1rem, .25vw + .94rem, 1.125rem);   /* 16 → 18 */
  --rol-yardimci-lh: 1.35;
  --rol-yardimci-ls: -.005em;
}

/* ─────────────────────────────────────────────────────────────────────────
 * Sayfa başlığı (H1)
 * Hero H1 kapsam dışıdır: `.page-heading` ile sınırlı.
 * ───────────────────────────────────────────────────────────────────────── */
.t-prova main .page-heading h1 {
  font-size: var(--rol-h1);
  line-height: var(--rol-h1-lh);
  letter-spacing: var(--rol-h1-ls);
  font-weight: 700;
}

/* KORUNAN ÖLÇEK — bilgi merkezinin sayfa başlığı.
 *
 * Beğenilen düzenin parçası: bu sayfada H1 `--text-display` ölçeğinde kalır
 * (ölçüldü: 1440'ta 66px, 390'da 38px). Rol sistemi onu 55/34'e indiriyordu.
 * Kanca SLUG'dan gelir (`functions.php`), sayfa kimliğinden değil: kimlikler
 * kuruluma özgüdür.
 */
.t-prova.t-h1-vitrin main .page-heading h1 {
  font-size: var(--text-display);
  line-height: 1.08;
  letter-spacing: -.045em;
}

/* ─────────────────────────────────────────────────────────────────────────
 * ROL · BÖLÜM
 *
 * Üyeler, ölçülen DOM'dan ADLANDIRILARAK yazıldı (26 sayfa tarandı). Blanket
 * `main h2` kullanılmaz: makale gövdesi, politika gövdesi, liste satırları,
 * süreç adımları ve anlatım sahnesi KENDİ rollerindedir ve bu listeye
 * girmezler.
 * ───────────────────────────────────────────────────────────────────────── */
/* Bilgi merkezinin kendi kitaplık başlığı KORUNUR (`blog.css`: 42/34px):
   `section.blog-library` aynı zamanda `.section-space` taşıyor.
   `:where()` ÖZGÜLLÜK EKLEMEZ — bu bilerek böyle: bölüm kuralı kart ve
   yardımcı kurallarıyla AYNI özgüllükte kalsın ki, bir bölümün İÇİNDEKİ
   liste satırı (ör. `.directory-row h2`) kendi rolünde kalabilsin. Karar
   sıraya bırakılır: rol kuralları aşağıda, bölümden sonra gelir.
   (ÖLÇÜLDÜ: `:not()` kullanıldığında dizin satırları 23,8 → 36px'e
   fırlıyordu.) */
.t-prova main .section-space:where(:not(.blog-library)) h2,
.t-prova main .area-decision h2,
.t-prova main .area-reference h2,
.t-prova main .area-sources h2,
.t-prova main .related-posts h2,
.t-prova main .transition-block h2,
.t-prova main .office-manifesto h2,
.t-prova main .office-interlude h2,
.t-prova main .office-scope h2,
.t-prova main .office.section-light h2,
.t-prova main .services.section-light h2,
.t-prova main .knowledge .section-intro h2,
.t-prova main .process-closing h2,
.t-prova main .publication-policy h2,
.t-prova main .resource-banner h2,
.t-prova main .contact-preview > div > h2,
.t-prova main .google-map-section .map-heading h2,
/* Süreç adımı: o sayfanın ANA yapısal başlığıdır (ölçüldü: 33px, tek başına
   bir ara ölçek). Bölüm rolüne bağlanır. */
.t-prova main .process-step > div > h2 {
  font-size: var(--rol-bolum);
  line-height: var(--rol-bolum-lh);
  letter-spacing: var(--rol-bolum-ls);
  font-weight: 700;
}

/* ─────────────────────────────────────────────────────────────────────────
 * ROL · MAKALE — makale ve politika gövdesinin içi
 * `article-body` ile `legal-copy` aynı yapıdadır (article > section > h2) ve
 * aynı okuma akışına hizmet eder; ikisi de tek rolde toplanır.
 * ───────────────────────────────────────────────────────────────────────── */
.t-prova main .article-body h2,
.t-prova main .legal-copy h2 {
  font-size: var(--rol-makale);
  line-height: var(--rol-makale-lh);
  letter-spacing: var(--rol-makale-ls);
  font-weight: 700;
}

/* ─────────────────────────────────────────────────────────────────────────
 * ROL · KART — kart, liste satırı ve form yüzeyleri
 * Liste satırlarının başlığı `h2` olsa da BÖLÜM değildir: bir bölümün içinde
 * tekrarlayan öğelerdir (ölçüldü: dizin ve kaynak satırları 24px).
 * ───────────────────────────────────────────────────────────────────────── */
.t-prova main .editorial-card h3,
.t-prova main .service-card h3,
.t-prova main .guide-card h3,
.t-prova main .policy-grid h3,
.t-prova main .topic-rows h3,
.t-prova main .principle-rows h3,
.t-prova main .business-rows h3,
.t-prova main .decision-card h3,
.t-prova main .office-principles h3,
.t-prova main .contact-form h3,
.t-prova main .map-consent h3,
.t-prova main .featured-editorial .guide-card h3,
.t-prova main .featured-story h3,
.t-prova main .directory-row h2,
.t-prova main .resource-row h2 {
  font-size: var(--rol-kart);
  line-height: var(--rol-kart-lh);
  letter-spacing: var(--rol-kart-ls);
  font-weight: 700;
}

/* ─────────────────────────────────────────────────────────────────────────
 * ROL · YARDIMCI — kartın içindeki alt etiket başlıkları
 * (süreç adımındaki "sorumluluk" blokları: ölçüldü 18px)
 * ───────────────────────────────────────────────────────────────────────── */
.t-prova main .responsibility-block h3 {
  font-size: var(--rol-yardimci);
  line-height: var(--rol-yardimci-lh);
  letter-spacing: var(--rol-yardimci-ls);
  font-weight: 700;
}

/* ── Başlık bloğu ile ilk bölüm arasındaki ÇİFT boşluk ──────────────────
 * `.page-heading` alt dolgusu zaten ritmi taşıyor, ama sonraki bölüm kendi
 * üst dolgusunu ekliyordu (ölçüldü: içerik arası 156px ve 136px). Aralığın
 * tek sahibi başlık bloğu olur. Bütün bölümlere aynı dolgu BASILMAZ: yalnız
 * başlığı izleyen İLK öğe sıfırlanır; farklı zeminli bölüm sınırları durur.
 */
.t-prova main .page-heading + * { padding-top: 0; margin-top: 0; }