:root{
  --bg:#0f1117;
  --panel:#171a21;
  --panel-raised:#1f2430;
  --ink:#f5f5f4;
  --muted:#b6bac7;
  --faint:#7a8090;
  --line:rgba(182,186,199,0.16);
  --line-strong:rgba(182,186,199,0.28);
}
:root[data-theme="light"]{
  --bg:#f5f4f0;
  --panel:#ffffff;
  --panel-raised:#ebe9e3;
  --ink:#20242d;
  --muted:#596170;
  --faint:#7a8090;
  --line:rgba(31,36,48,0.14);
  --line-strong:rgba(31,36,48,0.28);
}

*{margin:0;padding:0;box-sizing:border-box;}

html,body{
  background:var(--bg);
  color:var(--ink);
  font-family:'Source Serif 4',serif;
}

body{min-height:100vh;}

.question-shell{max-width:1180px;margin:0 auto;padding:0 32px}
.question-nav{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}
.question-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:13px}
.question-brand b{font-family:'Merriweather',serif;font-size:15px}
.question-logo{width:32px;height:32px;border-radius:8px;box-shadow:0 0 0 1px var(--line)}
.question-nav-actions{display:flex;align-items:center;gap:14px;color:var(--muted);font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.question-nav-actions>a:hover{color:var(--ink)}

.wrap{max-width:1180px;margin:0 auto;padding:48px 32px 64px;}

footer{
  margin-top:44px;
  text-align:center;
  font-family:'Space Mono',monospace;
  font-size:11px;
  letter-spacing:0.14em;
  color:var(--faint);
  text-transform:uppercase;
}

@media(max-width:560px){
  .question-shell{padding:0 20px}.question-nav{min-height:62px}.question-brand{font-size:0}.question-brand b{font-size:14px}.question-nav-actions{gap:8px}.question-nav-actions>a{display:none}
  .wrap{padding:38px 20px 54px}
}