.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-left:auto;padding:8px 11px;border:1px solid var(--line,#dce6e3);border-radius:10px;background:var(--paper,#fffdf8);color:var(--ink,#192a37);font:inherit;font-size:.83rem;font-weight:700;white-space:nowrap;cursor:pointer}
.theme-toggle svg{width:1.25em;height:1.25em;flex:none}.theme-toggle:hover{border-color:var(--teal,#147d78)}.theme-toggle:focus-visible{outline:3px solid #f6bf69;outline-offset:3px}
.theme-toggle-floating{position:fixed;top:12px;right:12px;z-index:10;background:#fffdf8;box-shadow:0 4px 18px #0002}
@media(max-width:600px){.nav small{display:none}.nav{flex-wrap:wrap}.theme-toggle{margin-left:auto}.theme-toggle-floating{top:8px;right:8px}}
html[data-theme=dark]{color-scheme:dark;--ink:#f5f7f1;--muted:#d3e0db;--paper:#344a50;--teal:#a4efdd;--line:#718d8d}
html[data-theme=dark] body{background:#283f46;color:var(--ink)}
html[data-theme=dark] header{background:var(--paper);border-color:var(--line)}
html[data-theme=dark] .brand,html[data-theme=dark] a:not(.button):not(.pdf-links a){color:var(--teal)}
html[data-theme=dark] .brand{color:var(--ink)!important}
html[data-theme=dark] .brand-five{color:var(--teal)}
html[data-theme=dark] .brand-mark,html[data-theme=dark] .number,html[data-theme=dark] .tag,html[data-theme=dark] .eyebrow{background:#48655d;color:#d7ffef}
html[data-theme=dark] .hero{background:linear-gradient(128deg,#3c605b 0%,#4c5753 100%)}
html[data-theme=dark] .hero p,html[data-theme=dark] .section-head p,html[data-theme=dark] .card p{color:var(--muted)}
html[data-theme=dark] main:not(.shell),html[data-theme=dark] .card,html[data-theme=dark] .pdf-downloads,html[data-theme=dark] .sample{background:var(--paper);border-color:var(--line);box-shadow:none}
html[data-theme=dark] .card.active,html[data-theme=dark] .links a{border-color:#89c7b8}
html[data-theme=dark] .button,html[data-theme=dark] .pdf-links a{background:#b0eedd;color:#1c3d3a}
html[data-theme=dark] .theme-toggle{background:#435b60;color:var(--ink);border-color:#8aa8a5}
html[data-theme=dark] blockquote,html[data-theme=dark] pre,html[data-theme=dark] th,html[data-theme=dark] .notice{background:#45605e;color:var(--ink)}
html[data-theme=dark] .example{background:#45605e;color:var(--ink);border-color:var(--line)}
html[data-theme=dark] footer{border-color:var(--line);color:var(--muted)}

/* Kullanıcının sağladığı Math5 simgesi */
.brand::before{content:"";display:inline-block;width:46px;height:46px;flex:none;margin-right:10px;border-radius:13px;background:#fff url("/images/math5-icon.png") center/cover no-repeat;box-shadow:0 2px 8px #142e3820}
.brand .brand-mark{display:none!important}
@media(max-width:600px){.brand::before{width:42px;height:42px;border-radius:12px}}