*{box-sizing:border-box}body{margin:0;background:#fff;color:#171717;font-family:Georgia,serif}h1,h2,p,figure{margin:0}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid #365f96;outline-offset:3px}main{margin:0 auto;padding:28px 24px 40px;max-width:1050px}.label{font:700 11px/1.4 system-ui,sans-serif;letter-spacing:.08em;color:#98444a;margin-bottom:24px}.section-label{font:700 11px/1.3 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.byline{font:12px/1.4 system-ui,sans-serif;color:#555;margin:14px 0}h1{font-size:clamp(30px,5vw,56px);line-height:1.03;letter-spacing:-.025em;max-width:23ch}h2{font-size:26px;line-height:1.12;margin-bottom:16px}.dek{font-size:20px;line-height:1.35;max-width:48ch;margin-top:18px}.numbers{display:flex;gap:38px;margin:28px 0}.numbers strong{display:block;font-size:30px}.numbers span{display:block;font:12px/1.4 system-ui,sans-serif;color:#555}.evidence{max-width:780px;margin:30px auto}.commute-chart{display:block;width:100%;height:auto;max-height:300px}.commute-chart text{font-family:system-ui,sans-serif}figcaption{font:12px/1.5 system-ui,sans-serif;color:#555;margin-top:14px}.reporting,.method p{font:18px/1.65 Georgia,serif;max-width:60ch;margin:30px auto}.method{max-width:780px;margin:40px auto}.method p{margin:14px 0}.method a{display:inline-block;padding:12px 0;font:14px/1.5 system-ui,sans-serif;min-height:44px}
/* The before page is deliberately awkward. It is teaching material. */
.before{background:linear-gradient(140deg,#1f194c,#061830);color:#fff;font-family:system-ui,sans-serif}.before main{width:1000px;max-width:none;padding:30px 40px}.before .label{color:#e0d7ff}.before .section-label{display:inline-block;background:#7059be;padding:8px 18px;border-radius:99px;box-shadow:0 7px 18px #0005}.before h1{max-width:none;font-size:40px;font-family:system-ui,sans-serif;color:#d7b5ff;text-shadow:0 5px 15px #8b5cf6}.before .dek{font:700 22px/1.1 system-ui,sans-serif}.before .byline{font-size:20px;color:#dbd0ff}.before .numbers{gap:20px}.before .numbers>div{border:1px solid #ac90e9;background:linear-gradient(130deg,#6c58a0,#352a63);border-radius:20px;box-shadow:0 10px 26px #0007;flex:1;padding:24px}.before .numbers strong{color:#d5bcff}.before .numbers span{color:#ddd}.before .evidence{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:none;margin:14px 0}.before .evidence h2{grid-column:1/-1;font:800 24px system-ui,sans-serif;color:#cbb7ff;margin:0}.before figure{background:white;padding:14px;border-radius:16px;color:#111;align-self:start;box-shadow:0 10px 30px #0005}.before .reporting{font:700 16px/1.05 system-ui,sans-serif;margin:0}.before .method{margin:10px 0;max-width:none}.before .method h2{font:800 24px system-ui,sans-serif}.before .method p{max-width:none;font:15px/1.05 system-ui,sans-serif;margin:8px 0}.before .method a{color:#ddd}
.after .numbers{border-block:1px solid #ccc;padding-block:16px}.after .evidence{border-top:1px solid #aaa;padding-top:26px}.after .method{border-top:1px solid #ccc;padding-top:24px}
@media(max-width:540px){.after main{padding:22px 18px 32px}.after .label{margin-bottom:22px}.after h1{font-size:32px;max-width:23ch}.after .dek{font-size:18px}.after .numbers{gap:20px;justify-content:space-between}.after .numbers strong{font-size:26px}.after .reporting,.after .method p{font-size:18px;line-height:1.65}.after .evidence{margin-top:24px}.after h2{font-size:24px}.after figcaption{font-size:12px;line-height:1.55}}