:root { --ink:#182235; --muted:#596579; --blue:#2563eb; --blue-soft:#eff6ff; --line:#dbe4f0; --paper:#fff; --bg:#f6f8fc; --max:800px; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--bg); font:17px/1.68 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; } a { color:#1d4ed8; text-decoration-thickness:1px; text-underline-offset:3px; } a:hover { color:#1e40af; } .wrap { width:min(calc(100% - 32px),var(--max)); margin:auto; } .site-header { background:#fff; border-bottom:1px solid var(--line); } .site-header .wrap { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:16px; } .brand { font-weight:750; color:var(--ink); text-decoration:none; } .site-nav { display:flex; gap:16px; font-size:15px; } .site-nav a { color:var(--muted); text-decoration:none; } .site-nav a:hover { color:var(--blue); } main { padding:44px 0 64px; } .breadcrumbs { color:var(--muted); font-size:14px; margin-bottom:22px; } .breadcrumbs a { color:var(--muted); } article,.hub { background:var(--paper); border:1px solid var(--line); border-radius:18px; padding:clamp(22px,5vw,52px); box-shadow:0 12px 32px rgba(15,23,42,.04); } .eyebrow { color:var(--blue); font-weight:700; font-size:14px; margin:0 0 10px; } h1 { font-size:clamp(30px,6vw,48px); line-height:1.12; letter-spacing:-.03em; margin:0 0 18px; } h2 { font-size:clamp(23px,4vw,30px); line-height:1.2; margin:52px 0 15px; letter-spacing:-.02em; } h3 { font-size:20px; margin-top:0; } p { margin:0 0 18px; } .lead { color:#334155; font-size:20px; line-height:1.55; } .tags { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:24px 0 0; } .tags li { background:var(--blue-soft); color:#1e40af; padding:3px 10px; border-radius:999px; font-size:14px; } .toc { border:1px solid var(--line); background:#f8fafc; border-radius:12px; padding:16px 20px; margin:32px 0; } .toc p { margin:0 0 7px; font-weight:700; } .toc ol { margin:0; padding-left:22px; } .table-wrap { overflow-x:auto; margin:22px 0; } table { width:100%; border-collapse:collapse; min-width:550px; font-size:15px; } th,td { text-align:left; vertical-align:top; border:1px solid var(--line); padding:10px 12px; } th { background:#f8fafc; } .note,.example { border-left:4px solid var(--blue); background:var(--blue-soft); padding:16px 18px; border-radius:0 10px 10px 0; margin:24px 0; } .example p:last-child,.note p:last-child { margin-bottom:0; } li { margin:7px 0; } details { background:#f8fafc; border-radius:12px; padding:14px 16px; margin:18px 0; } summary { cursor:pointer; font-weight:700; } .cta { background:#172554; color:#fff; padding:24px; border-radius:14px; margin-top:44px; } .cta h2 { margin:0 0 8px; font-size:24px; } .cta p { color:#dbeafe; } .button { display:inline-block; background:#fff; color:#1e3a8a; font-weight:700; border-radius:9px; padding:10px 15px; text-decoration:none; } .faq { margin-top:50px; border-top:1px solid var(--line); padding-top:28px; } .faq details { background:#fff; border:1px solid var(--line); } .sources { color:var(--muted); font-size:14px; border-top:1px solid var(--line); margin-top:42px; padding-top:20px; } .card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; margin-top:28px; } .card { display:flex; flex-direction:column; border:1px solid var(--line); border-radius:14px; padding:20px; background:#fff; color:inherit; text-decoration:none; } .card:hover { border-color:#93c5fd; box-shadow:0 8px 20px rgba(37,99,235,.1); } .card p { color:var(--muted); font-size:15px; } .card .read { color:var(--blue); font-weight:700; margin-top:auto; } .site-footer { color:var(--muted); font-size:14px; padding:24px 0 42px; } @media (max-width:560px) { .site-header .wrap { min-height:58px; } .site-nav { gap:12px; } main { padding-top:24px; } article,.hub { border-radius:12px; } }
.site-header .wrap { flex-wrap:wrap; padding-block:12px; }
.site-nav { flex-wrap:wrap; }
.language-nav { display:flex; flex-wrap:wrap; gap:6px 12px; margin:0 auto; padding-block:10px; font-size:14px; }
.language-nav a { min-height:32px; padding:3px 5px; }
.language-nav [aria-current="true"] { color:var(--ink); font-weight:750; text-decoration:none; }
[lang="tr"] { direction:ltr; unicode-bidi:isolate; }
th,td { text-align:start; }
.table-wrap { max-width:100%; }
.wrap,article,.hub { min-width:0; }
.card-grid { grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr)); }
.card h2 { margin-top:0; font-size:23px; }
[dir="rtl"] h1,[dir="rtl"] h2 { letter-spacing:normal; }
[dir="rtl"] .note,[dir="rtl"] .example { border-left:0; border-right:4px solid var(--blue); border-radius:10px 0 0 10px; }
[dir="rtl"] .toc ol { padding-left:0; padding-right:22px; }
a:focus-visible,summary:focus-visible { outline:3px solid var(--blue); outline-offset:4px; }