/* minimal obsidian-like, crisp */
:root{--bg:#0b0b0b;--panel:transparent;--text:#e6e6e6;--muted:#9ea9b2;--accent:#4fc3f7}
*{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial;letter-spacing:0.1px}
/* fixed left nav */
#nav{width:160px;position:fixed;left:0;top:0;bottom:0;padding:20px 14px;overflow:auto}
/* content area: center inner column inside available space */
#content{margin-left:160px;padding:40px;display:flex;justify-content:center}
.content-inner{width:min(820px,92vw)}
/* nav links minimal */
a.file{display:block;padding:8px 10px;color:var(--muted);text-decoration:none;border-radius:4px;margin-bottom:6px;font-weight:600}
a.file:hover{color:var(--text);background:rgba(255,255,255,0.02)}
.page-title{font-size:28px;margin:4px 0 18px;color:var(--text);font-weight:700;text-align:left}
/* progress bar: solid color, no gradient */
.progress{height:12px;background:rgba(255,255,255,0.04);border-radius:999px;position:relative;overflow:hidden;margin-bottom:24px;width:200px}
.progress-fill{height:100%;background:var(--accent);width:0;border-radius:inherit;transition:width .28s ease}
.progress-label{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--muted)}
/* preserve nesting: remove bullets but keep indentation */
ul{list-style:none;padding-left:0;margin:0}
ul ul{padding-left:20px}
ul ul ul{padding-left:20px}
li{margin:6px 0}
li > ul{margin-top:6px}
/* style inputs generated by markdown */
input[type=checkbox]{width:18px;height:18px;vertical-align:middle;margin-right:10px;border-radius:4px;border:2px solid rgba(255,255,255,0.06);background:transparent}
input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}
/* content typography */
h2{margin-top:18px}
p,li{color:var(--muted);line-height:1.8;font-size:15px}
code,pre{background:#071017;color:#cfe;padding:6px;border-radius:6px}
pre{padding:12px}
img{max-width:100%}
/* center page title and progress on small screens */
@media(max-width:800px){#nav{position:relative;width:100%;height:auto}#content{margin-left:0;padding:18px} .page-title{text-align:center} .progress{margin-left:auto;margin-right:auto}}