:root{--bg:#fff;--fg:#1f2328;--muted:#656d76;--panel:#f6f8fa;--border:#d0d7de;--link:#0969da;--code:#f6f8fa}
[data-theme=dark]{--bg:#0d1117;--fg:#e6edf3;--muted:#8d96a0;--panel:#161b22;--border:#30363d;--link:#4493f8;--code:#161b22}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,sans-serif}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}a.broken{color:#f85149;text-decoration:line-through}
header{position:sticky;top:0;z-index:10;display:flex;gap:12px;align-items:center;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border)}
.brand{font-weight:700;color:var(--fg);white-space:nowrap}#search{flex:1;max-width:480px;margin-left:auto;padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--fg)}
header button{background:none;border:1px solid var(--border);color:var(--fg);border-radius:6px;padding:4px 8px;cursor:pointer}#menu{display:none}
#results{position:fixed;top:52px;right:16px;width:min(520px,95vw);max-height:70vh;overflow:auto;z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:6px}
#results a{display:block;padding:8px;border-radius:6px;color:var(--fg)}#results a:hover{background:var(--bg);text-decoration:none}#results small{color:var(--muted)}#results div{font-size:12px;color:var(--muted)}
.layout{display:flex}#sidebar{width:270px;flex-shrink:0;position:sticky;top:52px;height:calc(100vh - 52px);overflow:auto;padding:16px;border-right:1px solid var(--border)}
#sidebar .mod>a{display:block;font-weight:600;padding:4px 0;color:var(--fg)}#sidebar ul{list-style:none;margin:0 0 8px;padding-left:12px;border-left:1px solid var(--border)}
#sidebar li a{display:block;padding:2px 6px;font-size:14px;color:var(--muted)}#sidebar li a.active{color:var(--link);font-weight:600}
main{flex:1;min-width:0;padding:24px 40px}#content{max-width:960px}.crumb{color:var(--muted);font-size:14px}
h1,h2{border-bottom:1px solid var(--border);padding-bottom:.3em}h1,h2,h3,h4{scroll-margin-top:64px}
code{background:var(--code);padding:.15em .4em;border-radius:4px;font-size:90%}pre{background:var(--code);padding:14px;border-radius:6px;overflow:auto;border:1px solid var(--border)}pre code{padding:0;background:none}
table{border-collapse:collapse;display:block;overflow:auto}th,td{border:1px solid var(--border);padding:6px 12px}tr:nth-child(2n){background:var(--panel)}
blockquote{margin:0;padding:0 1em;color:var(--muted);border-left:4px solid var(--border)}img{max-width:100%}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.card{border:1px solid var(--border);border-radius:8px;padding:14px;background:var(--panel);color:var(--fg)}.card h3{margin:0 0 4px}.card span{color:var(--muted);font-size:14px}
@media(max-width:800px){#menu{display:block}#sidebar{position:fixed;left:-290px;background:var(--bg);z-index:15;transition:left .2s}.nav-open #sidebar{left:0}main{padding:16px}.brand{display:none}}

/* Loghi mod */
.card .logo { display:block; width:96px; height:96px; object-fit:contain; margin:0 auto 10px; }
.card { text-align:center; }
.logo-sm { width:20px; height:20px; object-fit:contain; vertical-align:middle; margin-right:6px; image-rendering:pixelated; }

/* Footer */
#footer { max-width:960px; margin-top:48px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 24px; padding:14px 0; border-top:1px solid var(--border, #333); font-size:.9em; opacity:.85; }
#footer a { color:inherit; text-decoration:underline; text-underline-offset:2px; }
#footer .f-mod { font-weight:600; }
pre code.hljs{background:transparent}