@media screen and (max-width:768px) {
 body {font-size:16px;line-height:1.9; -webkit-text-size-adjust:100%;}
 article {margin:0;}
 section {padding:20px 16px;overflow-wrap:anywhere;}
 section table {width:100%;table-layout:fixed;}
 section td, section th {width:auto;height:auto;white-space:normal;}
 section img {max-width:100%;height:auto;}
 section dl {display:block;}
 section dl dt, section dl dd {display:block;width:auto;white-space:normal;text-align:left;}
 section p {margin:16px 8px;}
}

/* Keep the photo column at 60px and leave exactly 10px before speaker text. */
section table.speaker-profile { width: 100%; table-layout: fixed; }
section table.speaker-profile td:first-child { width: 60px; padding: 0; vertical-align: middle; }
section table.speaker-profile td + td { padding: 0 0 0 10px; text-align: left; vertical-align: middle; }
section table.speaker-profile h8, section table.speaker-profile h9 { margin: 0; padding: 0; }
section table.speaker-profile img { display: block; width: 60px; height: auto; }