/* The older pages (the course, the ten language editions, the legal pages and
   anything not yet rebuilt) keep their content but wear the new design: this
   restyles their markup inside the new site's header and footer. */
main.legacy{padding:104px var(--gutter) var(--s-16);max-width:var(--page);margin:0 auto}
main.legacy .crumb{font:400 10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--s-6)}
main.legacy .crumb a{color:var(--ink-2)}
main.legacy h1{font:500 clamp(40px,6vw,92px)/.92 var(--sans);letter-spacing:-.055em;max-width:16ch;margin:0 0 var(--s-6)}
main.legacy h2{font:500 clamp(24px,2.6vw,36px)/1.05 var(--sans);letter-spacing:-.04em;margin:var(--s-12) 0 var(--s-4)}
main.legacy h3{font:500 20px/1.2 var(--sans);letter-spacing:-.02em;margin:var(--s-8) 0 var(--s-3)}
main.legacy .lede{font-size:var(--t-lg);line-height:1.45;letter-spacing:-.015em;color:var(--ink-2);max-width:52ch}
main.legacy p,main.legacy li,main.legacy dd{font-size:17px;line-height:1.7;max-width:70ch}
main.legacy a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;transition:color .2s}
main.legacy a:hover{color:var(--accent);text-decoration-color:currentColor}
main.legacy .note{color:var(--ink-3);font-size:13px}
main.legacy table{width:100%;border-collapse:collapse;margin:var(--s-6) 0;font-size:15px}
main.legacy th{text-align:left;font:400 9.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);
  padding:10px 12px;border-bottom:1px solid var(--ink)}
main.legacy td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}
main.legacy td.p{font-family:var(--mono);font-size:13px;white-space:nowrap}
main.legacy tr:hover td{background:var(--sunk)}
main.legacy .cta,main.legacy a.cta{display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:999px;background:var(--ink);
  color:var(--paper);text-decoration:none;font:500 15px/1 var(--sans);margin:var(--s-4) 8px 0 0}
main.legacy .cta:hover{color:var(--paper);transform:translateY(-2px)}
main.legacy .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:var(--s-6) 0}
main.legacy .grid > *{padding:14px;border:1px solid var(--line);border-radius:16px;transition:transform .4s var(--ease),border-color .25s}
main.legacy .grid > *:hover{transform:translateY(-3px);border-color:var(--ink)}
main.legacy .grid img{max-width:100%;border-radius:10px;background:#fff}
main.legacy .vs-pics{display:flex;gap:12px;flex-wrap:wrap;margin:var(--s-6) 0}
main.legacy .vs-im,main.legacy img{max-width:260px;height:auto;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line)}
main.legacy .house{font:400 10px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
main.legacy dl{display:grid;grid-template-columns:200px 1fr;gap:8px 20px} main.legacy dt{color:var(--ink-3)}
@media (max-width:700px){ main.legacy{padding-top:88px} main.legacy table{display:block;overflow-x:auto} main.legacy dl{grid-template-columns:1fr} }