/* Referanstaki numaralı bölüm listesi, Arvion2 altın ve kahverengi paletiyle. */
.screenshot-frame { width:min(100%,calc(var(--shot-width,1000px) + 20px)); }
.screenshot-frame .ss { width:100%;height:auto;aspect-ratio:var(--shot-ratio,auto); }
.side-menu { display:flex;flex-direction:column;gap:0;z-index:12;position:fixed;left:max(20px,calc((100vw - 1679px)/2));top:96px;width:260px;max-height:calc(100svh - 120px);padding:14px 14px 0;border:1px solid #ebc07524;border-radius:2px;background:linear-gradient(135deg,#21170de8,#0f0b08ed 65%);box-shadow:0 16px 45px #0005,inset 0 1px #ebc0750a;backdrop-filter:blur(14px); }
.contents-group { min-height:0;border:0; }
.contents-group summary { position:relative;display:flex;align-items:center;min-height:45px;padding:11px 14px;border:1px solid #c79a4b66;border-left:3px solid #d5af6d;background:linear-gradient(110deg,#68482366,#271b1080);color:#f1d6a5;font:800 10px/1.4 'Segoe UI',Arial,sans-serif;letter-spacing:.12em;cursor:pointer;list-style:none; }
.contents-group summary::-webkit-details-marker { display:none; }
.contents-group summary::after { content:'+';margin-left:auto;color:#c99f5f;font:16px/1 Georgia,serif; }
.contents-group[open] summary::after { content:'−'; }
.contents-group summary:focus-visible { outline:2px solid #ebc075;outline-offset:3px; }
.contents-links { max-height:calc(100svh - 244px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9f793e70 transparent;margin-top:8px;padding:0 5px 0 0; }
.contents-links::-webkit-scrollbar { width:3px; }
.contents-links::-webkit-scrollbar-track { background:transparent; }
.contents-links::-webkit-scrollbar-thumb { background:#98734266;border-radius:0; }
.contents-links ol { margin:0;padding:0;list-style:none; }
.side-menu .contents-links a { display:flex;align-items:center;gap:14px;min-height:52px;padding:13px 10px;margin:0;border:1px solid transparent;border-bottom-color:#ebc07512;border-radius:0;background:none;box-shadow:none;transform:none;color:#b7ad9e;text-shadow:none;transition:background .2s,color .2s,border-color .2s; }
.side-menu .contents-links .contents-number { flex:0 0 16px;width:16px;color:#857966;font:600 9px/1 'Segoe UI',Arial,sans-serif;text-align:center; }
.side-menu .contents-links .contents-title { color:inherit;font:650 12px/1.5 'Segoe UI',Arial,sans-serif; }
.side-menu .contents-links a:hover { color:#f4dfb9;background:linear-gradient(90deg,#99703c20,transparent);border-bottom-color:#ebc0752a;transform:none; }
.side-menu .contents-links a.is-active { color:#f6e6c8;border:1px solid #d6a55a59;border-left:3px solid #ebc075;padding-left:8px;background:linear-gradient(110deg,#78522c52,#38251452);box-shadow:inset 0 0 24px #ae78300a; }
.side-menu .contents-links a.is-active .contents-number { color:#e3b86f; }
.side-menu .contents-links a.is-active::after { content:none; }
.contents-footer { padding:13px 0 14px;border-top:1px solid #ebc0751a; }
.side-menu .contents-footer a { display:flex;justify-content:space-between;align-items:center;min-height:25px;padding:0 8px;border:0;border-radius:0;background:none;box-shadow:none;color:#ad9062;font:700 9px 'Segoe UI',Arial,sans-serif;letter-spacing:.1em;transform:none; }
.side-menu .contents-footer a:hover { color:#f0ce91;transform:none; }
.side-menu .contents-footer a span { color:inherit;font:16px Georgia,serif; }
.topbar nav a.home-link,.side-menu .contents-footer .home-link { display:flex;align-items:center;justify-content:center;gap:12px;min-height:38px;padding:9px 15px;border:1px solid #ebc075a6;border-radius:2px;background:linear-gradient(180deg,#f0d299,#c18c43);box-shadow:inset 0 0 0 3px #fff0cf24,0 3px 12px #0004;color:#2b1b0d;font:800 10px/1.4 'Segoe UI',Arial,sans-serif;letter-spacing:.04em;white-space:nowrap; }
.topbar nav .home-link:hover,.side-menu .contents-footer .home-link:hover { color:#201407;background:linear-gradient(180deg,#ffe6b7,#d5a159); }
.home-link:focus-visible { outline:2px solid #ffe7b8;outline-offset:4px; }
.topbar nav .home-link span { font-size:15px; }
.contents-mobile-head,.contents-toggle,.contents-scrim { display:none; }
@media (max-width:640px) {
  .topbar nav a[href^="#"] { display:none; }
  .topbar nav { gap:14px; }
  .topbar nav .home-link { min-height:36px;padding:8px 12px; }
}
@media (max-width:379px) {
  .topbar nav a[href^="https://discord.gg/"] { display:none; }
}
@media (min-width:1120px) and (max-width:1659px) {
  .side-menu { left:20px;width:244px; }
  .blok { width:calc(100% - 318px);margin-left:290px;margin-right:28px; }
  .content { padding-left:34px;padding-right:34px; }
  .intro { margin-left:-34px;margin-right:-34px;padding-left:34px;padding-right:34px; }
}
@media (max-width:1119px) {
  .side-menu { display:flex;top:80px;left:12px;width:min(300px,calc(100vw - 24px));max-height:calc(100svh - 96px);z-index:42;background:linear-gradient(135deg,#22180ffb,#0f0b08fc);transform:translateX(calc(-100% - 26px));visibility:hidden;transition:transform .24s ease,visibility .24s; }
  .contents-open .side-menu { transform:none;visibility:visible; }
  .contents-mobile-head { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 12px;color:#c6aa7e;font:600 11px 'Segoe UI',Arial,sans-serif; }
  .contents-close { width:28px;height:28px;border:1px solid #ebc07535;background:#35231366;color:#e8c78e;font:20px/1 'Segoe UI',Arial,sans-serif;cursor:pointer; }
  .contents-links { max-height:calc(100svh - 292px); }
  .contents-toggle { position:fixed;z-index:35;left:15px;bottom:16px;display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 14px;border:1px solid #deb26999;border-radius:3px;background:linear-gradient(145deg,#61411eea,#1c120af5);color:#f1d6a5;font:700 11px 'Segoe UI',Arial,sans-serif;box-shadow:0 5px 20px #0006;cursor:pointer; }
  .contents-toggle span { color:#e6bd73;font-size:16px; }
  .contents-open .contents-toggle { opacity:0;pointer-events:none; }
  .contents-open .contents-scrim { display:block;position:fixed;z-index:40;inset:0;width:100%;height:100%;border:0;padding:0;background:#050403a3;backdrop-filter:blur(3px);cursor:pointer; }
}
@media (prefers-reduced-motion:reduce) { .side-menu,.side-menu a { transition:none; } }