body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;max-width:760px;margin:40px auto;padding:0 20px;color:#172b4d;line-height:1.55}
h1{font-size:1.8rem}h2{font-size:1.2rem;margin-top:1.8em}a{color:#0052cc}nav a{margin-right:16px}footer{margin-top:3em;color:#5e6c84;font-size:.9rem}
table{border-collapse:collapse}td,th{border:1px solid #dfe1e6;padding:6px 10px;text-align:left}

/* Demo videos on the docs pages. Aspect-ratio keeps the iframe from letterboxing
   on narrow screens without a padding-hack wrapper. */
.video { margin: 1.5rem 0; max-width: 720px; }
.video iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; border: 1px solid #ddd; border-radius: 6px; }