body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;max-width:860px;margin:0 auto;padding:24px 18px 64px;color:#e6e9ef;line-height:1.7;background:#0a0e14}
a{color:#4da3ff;text-decoration:none}a:hover{text-decoration:underline}
header nav{display:flex;gap:14px;flex-wrap:wrap;padding:12px 0;border-bottom:2px solid #e6e9ef;margin-bottom:28px;font-weight:600}
header nav a{color:#e6e9ef}
img{max-width:100%;height:auto;border-radius:6px}
h1{line-height:1.25;font-size:2rem} .meta{color:#9aa4b2;font-size:.9rem}
.card{border:1px solid #2a3242;border-radius:10px;padding:16px 18px;margin:12px 0;background:#12161f}
footer{margin-top:56px;border-top:1px solid #2a3242;padding-top:16px;color:#9aa4b2;font-size:.9rem}
.related h2{font-size:1.2rem}
table{border-collapse:collapse;width:100%;margin:16px 0}
th,td{border:1px solid #2a3242;padding:8px 12px;text-align:left}
th{background:#12161f}
code{background:#1a2030;padding:2px 6px;border-radius:4px}
pre{background:#12161f;padding:14px;border-radius:8px;overflow-x:auto}
blockquote{border-left:3px solid #4da3ff;margin:16px 0;padding:4px 16px;color:#c3cad4}

.juka-box{border:1px solid #ffd400;border-radius:12px;padding:20px 22px;margin:36px 0;background:#12161f}
.juka-box h3{margin:0 0 10px;color:#ffd400;font-size:1.25rem}
.juka-box p{margin:8px 0}
.juka-btn{display:inline-block;background:#ffd400;color:#0a0e14;font-weight:700;padding:10px 18px;border-radius:8px;text-decoration:none}
.juka-btn:hover{text-decoration:none;opacity:.9}
.juka-alt{font-size:.92rem;color:#9aa4b2}
