/* AP Chemistry — clean, airy, print-first worksheet style (Dr. Ras Mulinta) */
@page { size: letter; margin: 1.6cm 1.5cm; }
* { box-sizing: border-box; }
body{
  font-family: Georgia, "Times New Roman", serif;
  font-size: 11pt; line-height: 1.55; color:#1a1a1a;
  max-width: 820px; margin: 0 auto; padding: 28px 30px; background:#fff;
}
/* masthead */
.mast{ display:flex; justify-content:space-between; align-items:flex-end; border-bottom:2px solid #1a1a1a; padding-bottom:8px; margin-bottom:6px; }
.mast .l{ text-align:left; }
.mast .course{ font-family:Helvetica,Arial,sans-serif; font-size:8.5pt; letter-spacing:.06em; text-transform:uppercase; color:#666; }
.mast h1{ font-size:18pt; margin:2px 0 0; font-weight:600; }
.mast .r{ font-family:Helvetica,Arial,sans-serif; font-size:8.5pt; color:#555; text-align:right; line-height:1.4; }
/* intro line */
.intro{ font-size:10pt; color:#333; margin:10px 0 4px; }
.day{ font-family:Helvetica,Arial,sans-serif; font-size:9.5pt; color:#444; margin:8px 0 2px; }
.blockmap{ font-family:Helvetica,Arial,sans-serif; font-size:8.5pt; color:#555; margin:4px 0 14px; }
.targets{ font-size:9.5pt; color:#333; margin:0 0 6px; padding-left:2px; }
.targets li{ margin:1px 0; }
.namebar{ display:flex; gap:26px; font-family:Helvetica,Arial,sans-serif; font-size:9pt; color:#777; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px 0; margin:8px 0 20px; }
/* sections — lots of air, minimal boxes */
section{ margin: 0 0 26px; }
h2{ font-size:13pt; font-weight:600; margin:0 0 2px; padding-bottom:3px; border-bottom:1px solid #ccc; }
h2 .tag{ font-family:Helvetica,Arial,sans-serif; font-size:8pt; font-weight:400; color:#888; float:right; margin-top:5px; letter-spacing:.03em; }
.lead{ margin:8px 0; }
.idea{ margin:8px 0; padding:2px 0 2px 12px; border-left:2px solid #999; color:#222; }
.idea b{ font-variant: small-caps; letter-spacing:.02em; }
.eq{ font-family:"Courier New",monospace; font-size:10pt; background:#f4f4f4; padding:1px 5px; border-radius:3px; white-space:nowrap; }
/* worked example — label + thin rule, no box */
.ex{ margin:10px 0; padding-left:12px; border-left:2px solid #1a1a1a; }
.ex .lab{ font-family:Helvetica,Arial,sans-serif; font-size:8pt; text-transform:uppercase; letter-spacing:.07em; color:#1a1a1a; font-weight:700; }
.ex .s{ margin:3px 0; }
.ex .ans{ font-weight:600; }
/* practice — simple list */
.practice{ margin:12px 0 0; }
.practice h3{ font-family:Helvetica,Arial,sans-serif; font-size:9.5pt; text-transform:uppercase; letter-spacing:.05em; color:#444; margin:0 0 4px; }
.practice ol{ margin:0; padding-left:22px; }
.practice li{ margin:5px 0; padding-left:4px; }
/* the small "not tested" aside */
.skip{ font-size:9pt; font-style:italic; color:#666; margin:8px 0; padding-left:12px; border-left:2px dotted #bbb; }
.skip b{ font-style:normal; }
.foot{ margin-top:26px; padding-top:8px; border-top:1px solid #ddd; font-family:Helvetica,Arial,sans-serif; font-size:7.5pt; color:#888; line-height:1.4; }
.pagebreak{ page-break-after: always; }
/* data tables — thin rules, lots of air, ready to write in */
table.dt{ width:100%; border-collapse:collapse; margin:10px 0 16px; font-size:9.5pt; }
table.dt th{ font-family:Helvetica,Arial,sans-serif; font-size:8.5pt; text-transform:uppercase; letter-spacing:.04em; color:#444; text-align:left; border-bottom:1.5px solid #1a1a1a; padding:4px 6px; }
table.dt td{ border-bottom:1px solid #ccc; padding:9px 6px; vertical-align:top; }
table.dt tr td:first-child{ font-family:Helvetica,Arial,sans-serif; font-size:9pt; color:#333; }
/* flow-chart scaffold — monospace, light box */
.flowbox{ font-family:"Courier New",monospace; font-size:9.5pt; line-height:1.7; color:#222; background:#fafafa; border:1px solid #ddd; border-radius:4px; padding:12px 14px; margin:10px 0; }
sub,sup{ font-size:.75em; }
@media print{ body{ padding:0; } a{ color:#000; text-decoration:none; } }