/* Episode pages (/tricks/). Same look as index.html. Fonts: system stack, no extra download. */
:root { --bg:#0d0f12; --grid:#1a1f26; --panel:#12161b; --ink:#e9edf2; --dim:#8a95a1; --green:#3dff8a; --yellow:#ffcc33; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:400 18px/1.65 Inter, system-ui, -apple-system, sans-serif; }
header, main, footer { max-width:720px; margin:0 auto; padding:0 16px; }
header { padding-top:20px; }
.home { display:inline-flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font:800 15px/1 system-ui, sans-serif; letter-spacing:1px; }
.home img { border-radius:50%; }
.home span { color:var(--yellow); }
main { padding-top:32px; padding-bottom:24px; }
h1 { font-size:34px; line-height:1.2; margin:0 0 8px; }
h2 { font-size:24px; line-height:1.3; margin:40px 0 8px; }
h3 { font-size:20px; margin:28px 0 4px; }
a { color:var(--green); }
.date { color:var(--dim); font-size:15px; margin:0 0 24px; }
.video { max-width:340px; aspect-ratio:9/16; margin:0 auto 32px; border-radius:14px; overflow:hidden; background:var(--panel); }
.video iframe { width:100%; height:100%; border:0; }
code { font:500 0.9em "JetBrains Mono", ui-monospace, monospace; background:var(--panel); padding:2px 6px; border-radius:6px; }
pre { background:var(--panel); border:2px solid var(--grid); border-radius:10px; padding:14px 16px; overflow-x:auto; }
pre code { background:none; padding:0; font-size:15px; }
blockquote { margin:20px 0; padding:4px 16px; border-left:4px solid var(--yellow); color:var(--ink); }
li { margin:4px 0; }
.related { border-top:2px solid var(--grid); margin-top:48px; }
.tricks { list-style:none; padding:0; }
.tricks li { margin:0 0 18px; }
.tricks a { font-weight:800; font-size:20px; }
.tricks span { display:block; color:var(--dim); font-size:16px; }
footer { padding-bottom:48px; color:var(--dim); font-size:15px; text-align:center; }
footer nav { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
footer nav a { color:var(--ink); text-decoration:none; padding:8px 12px; border:2px solid var(--grid); border-radius:10px; background:var(--panel); font-weight:800; }
@media (max-width:480px) { h1 { font-size:28px; } body { font-size:17px; } }