/* Interview study book — print-friendly, no fancy UI */
html { font-size: 18px; }
body {
  font-family: Georgia, "Times New Roman", serif;
  color: #111;
  background: #fff;
  max-width: 42rem;
  margin: 2rem auto;
  padding: 0 1.25rem 4rem;
  line-height: 1.55;
}
h1, h2, h3, h4 { font-weight: normal; line-height: 1.25; }
h1 { font-size: 1.75rem; margin: 1.5rem 0 0.75rem; }
h2 { font-size: 1.35rem; margin: 2rem 0 0.5rem; border-bottom: 1px solid #ccc; padding-bottom: 0.2rem; }
h3 { font-size: 1.1rem; margin: 1.4rem 0 0.4rem; }
.lede { font-size: 1.02rem; color: #222; }
.nav, .toc { font-size: 0.92rem; font-family: Georgia, serif; }
.nav { margin: 0 0 1.5rem; padding-bottom: 0.75rem; border-bottom: 1px solid #ddd; }
.nav a, .toc a { color: #000; }
.toc ul { padding-left: 1.2rem; }
.tag {
  font-family: Georgia, serif;
  font-size: 0.75rem;
  letter-spacing: 0.02em;
  border: 1px solid #333;
  padding: 0 0.35rem;
  margin-left: 0.35rem;
  white-space: nowrap;
  vertical-align: middle;
}
.tag.ie { background: #eee; }
.tag.resume { background: #f7f7f7; }
.tag.std { background: #fff; }
pre, code { font-family: Consolas, "Courier New", monospace; font-size: 0.82rem; }
pre {
  background: #f5f5f5;
  border: 1px solid #ddd;
  padding: 0.85rem 1rem;
  overflow-x: auto;
  line-height: 1.4;
  white-space: pre-wrap;
}
table { border-collapse: collapse; width: 100%; margin: 0.75rem 0 1.25rem; font-size: 0.92rem; }
th, td { border: 1px solid #ccc; padding: 0.35rem 0.5rem; text-align: left; vertical-align: top; }
th { background: #f0f0f0; }
.probe { font-style: italic; }
.note { border-left: 3px solid #333; padding-left: 0.75rem; }
.answer { margin: 0.7rem 0 1.15rem; }
.answer p { margin: 0.55rem 0; }
.eg { margin: 0.4rem 0 0.7rem; }
.spoken h4 { font-size: 1rem; margin: 1.1rem 0 0.35rem; font-style: italic; }
footer { margin-top: 3rem; font-size: 0.85rem; color: #444; }
@media print {
  body { max-width: none; margin: 0; }
  .nav { display: none; }
  a { color: #000; text-decoration: none; }
}

table { border-collapse: collapse; width: 100%; font-size: 0.92rem; margin: 1rem 0; }
th, td { border: 1px solid #ccc; padding: 0.35rem 0.5rem; text-align: left; vertical-align: top; }
th { background: #f5f5f5; }
.note { border: 1px solid #ddd; padding: 0.6rem 0.8rem; }
