/* Shared, static resource pages. No client-side content or filtering dependency. */
.resource-main { padding-block: clamp(100px,12vw,160px) 64px; }
.resource-hub h1,.resource-article h1 { font-size:clamp(32px,4.3vw,64px);line-height:1.09;letter-spacing:-.035em;max-width:22ch;text-wrap:balance; }
.resource-hub>.crumbs,.resource-article>.crumbs { margin-bottom:24px; }
.resource-hub>.resource-kind,.resource-article header>.resource-kind { margin-bottom:12px; }
.resource-lead { max-width:64ch;font-size:20px;line-height:1.5;color:var(--ink-2);margin-top:20px; }
.resource-kind,.resource-meta,.resource-more,.resource-preview figcaption,.resource-flow figcaption { font-family:var(--font-sans);font-size:13px;line-height:1.5;color:var(--muted); }
.resource-meta { margin-block:18px 26px; }
.resource-categories { display:flex;flex-wrap:wrap;gap:8px;margin-block:28px 36px;padding-bottom:20px;border-bottom:1px solid var(--line); }
.resource-categories a { display:flex;align-items:center;min-height:44px;padding:9px 14px;border:1px solid var(--line-strong);border-radius:24px;font-size:14px; }
.resource-categories a[aria-current],.resource-categories a:hover { background:var(--ink);color:var(--paper,#fff); }
.resource-category+.resource-category { margin-top:48px; }
.resource-section-head { display:grid;grid-template-columns:1fr 1.5fr;gap:24px;margin-bottom:22px; }
.resource-section-head h2,.resource-list-title { font-size:26px;line-height:1.2;letter-spacing:-.02em; }
.resource-section-head p { color:var(--ink-2);max-width:58ch; }
.resource-list { list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;padding:0; }
.resource-list li { min-width:0;border-top:1px solid var(--line); }
.resource-list a { display:block;padding:22px 0;min-height:44px; }
.resource-list h3 { font-size:22px;line-height:1.25;margin-block:8px 10px;letter-spacing:-.02em; }
.resource-list p { font-size:16px;line-height:1.5;max-width:62ch;color:var(--ink-2); }
.resource-more { display:block;margin-top:14px;color:var(--ink); }
.resource-list a:hover h3 { color:var(--accent); }
.resource-article { max-width:1080px; }
.resource-prose { max-width:760px;margin-top:32px; }
.resource-prose p,.resource-prose li { font-size:18px;line-height:1.65; }
.resource-prose p+ p,.resource-prose ul,.resource-prose ol { margin-top:16px; }
.resource-prose ul,.resource-prose ol { padding-left:24px; }
.resource-prose li+li { margin-top:8px; }
.resource-prose h2 { font-size:28px;line-height:1.22;margin:36px 0 16px;letter-spacing:-.02em; }
.resource-prose h3 { font-size:22px;line-height:1.3;margin:24px 0 12px; }
.resource-prose a:not(.btn),.resource-preview a { text-decoration:underline;text-underline-offset:4px; }
.resource-prose code { font-size:.88em;overflow-wrap:anywhere; }
.resource-prose pre { background:#f3f3f5;padding:20px;overflow-x:auto;max-width:100%;margin-top:20px;line-height:1.5;border-radius:8px; }
.resource-table { max-width:100%;overflow:auto;margin-block:22px;border:1px solid var(--line);border-radius:8px; }
.resource-table table { width:100%;border-collapse:collapse;font-size:16px;min-width:460px; }
.resource-table th,.resource-table td { text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid var(--line);line-height:1.5; }
.resource-table th { background:#f3f3f5; }
.resource-table tr:last-child td { border-bottom:0; }
.resource-flow { margin-block:28px; }
.resource-flow ol { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:24px;padding:0; }
.resource-flow li { position:relative;border:1px solid var(--line-strong);border-radius:10px;padding:20px;min-width:0; }
.resource-flow li+li::before { content:'↔';position:absolute;left:-21px;top:40%;color:var(--muted); }
.resource-flow strong { display:block;font-size:18px;line-height:1.25; }
.resource-flow span { display:block;margin-top:8px;font-size:15px;line-height:1.45;color:var(--ink-2); }
.resource-flow figcaption,.resource-preview figcaption { margin-top:12px;max-width:76ch; }
.resource-download { display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-block:28px; }
.resource-download p { font-size:14px;line-height:1.5;color:var(--ink-2); }
.resource-preview { margin-block:28px; }
.resource-preview img { display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px; }
.resource-prose .resource-note { font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:28px; }
.resource-next { border-top:1px solid var(--line-strong);margin-top:32px;padding-top:8px; }
.resource-next .btn { margin-top:20px; }
@media(max-width:699px){
 .resource-main { padding-block:94px 40px; }
 .resource-hub h1,.resource-article h1 { font-size:32px;line-height:1.13;max-width:none; }
 .resource-hub h1 br { display:none; }
 .resource-lead { font-size:18px;margin-top:16px; }
 .resource-categories { gap:8px;margin-block:22px 26px; }
 .resource-categories a { padding:9px 12px;font-size:13px; }
 .resource-list,.resource-section-head { grid-template-columns:1fr;gap:0; }
 .resource-section-head p { margin-top:10px;font-size:16px; }
 .resource-list a { padding-block:20px; }
 .resource-list h3 { font-size:21px; }
 .resource-category+.resource-category { margin-top:32px; }
 .resource-prose p,.resource-prose li { font-size:17px;line-height:1.6; }
 .resource-prose h2 { font-size:24px;margin-top:28px; }
 .resource-flow ol { grid-template-columns:1fr;gap:24px; }
 .resource-flow li { padding:16px; }
 .resource-flow li+li::before { content:'↕';left:50%;top:-24px; }
 .resource-preview { overflow:hidden; }
 .resource-preview a { display:block;overflow-x:auto; }
 .resource-preview img { width:960px;max-width:none; }
 .resource-preview figcaption::before { content:'Önizlemeyi sağa kaydırabilirsiniz. '; }
 .resource-download { gap:12px; }
 .resource-download .btn { width:100%;justify-content:center;min-height:48px; }
 .resource-table::before { content: "Tabloyu yatay kaydırabilirsiniz."; display: block; padding: 10px 14px; font: 13px/1.4 var(--font-sans); color: var(--muted); }
 .resource-prose pre { padding:14px;font-size:14px; }
 .resource-prose .btn { white-space:normal;text-align:center; }
}