html {margin: 2em 1em 4em 1em; font: 400 1em Noteworthy, Comic Sans MS, cursive}
html:lang(zh), html:lang(ja) {line-height: 1.5}
body {background: #333;
  background: linear-gradient(90deg,hsl(0,0%,21%),hsl(0,0%,18%),hsl(0,0%,21%));
  color: #fff; margin: auto; max-width: 54em}
h1, h2, h3 {font-family: Luminari, "1942 report", Arial Black, sans-serif;
 font-weight: normal}
a {overflow-wrap: break-word}
:link {color: #cef}
:visited {color: #fbf}
h1, h2 {text-align: center}
#links {text-align: center}
#links a + a {margin-left: 1em}
#attendees, #toc {margin: 1em 0; width: 50%; box-sizing: border-box}
#attendees {float: left; padding-right: 1em}
#toc {float: right; padding-left: 1em}
#attendees h2, #toc h2 {border-bottom: thin solid}
dt {font-weight: bold}
dd {margin-left: 2em}
details, summary {display: inline} /* Long list of participants */
summary::after {content: "…"; margin: 0 0.2em; border: thin solid;
  padding: 0 0.2em; border-radius: 0.3em}
[open] > summary::after {content: none}
ul, ol {padding-left: 1em}
ol ol {font-size: smaller}
.app {list-style: square}
#meeting {clear: both; padding: 0 7em}
.phone, .irc {padding: 0.5em 0.6em; border: thin solid;
  border-radius: 0.9em; margin: 1em 0}
.phone {clear: left; background: #000; background: linear-gradient(#222,#000)}
.irc {clear: right; background: #666; background: linear-gradient(#666,#5f5f5f);
  text-align: right}
.phone cite {float: left; margin: 0 0 0 -7em;
  border-radius: 0.4em;
  font-weight: bold; font-style: normal;
  min-width: 6.55em; text-align: right}
.phone cite::after {content: " ◀"; font: bold 1em Symbol, FreeSerif, serif;
  color: #fff; position: relative; z-index: -1}
.irc cite {float: right; margin: 0 -7.1em 0 0;
  border-radius: 0.4em; text-align: left;
  min-width: 6.6em; font-style: normal}
.irc cite::before {content: "▶ "; font: bold 1em Symbol, FreeSerif, serif;
  position: relative; z-index: -1}
.resolution, .action, .issue, .issue-update {padding: 0.3em 1em; color: white;
  font-weight: bold}
.resolution {background: hsl(0,80%,40%)}
.action {background: hsl(300,80%,40%)}
.issue, .issue-update {background: hsl(210,80%,40%)}
p.summary {font-style: italic}
code {white-space: pre}
.action strong, .resolution strong, .issue strong, .issue-update strong {
  text-transform: uppercase}
.bot {color: hsl(110,90%,80%); border-left: thick solid; padding-left: 1em}
h3 {text-align: center; /*color: #00d;*/ font-size: 1.5em}
address {margin-top: 1em; border-top: dotted; padding-top: 1em}

h1, h2, h3, .phone cite, .irc cite, #attendees, #toc, #links {
  text-shadow: 1px 3px 2px #000}
.phone, .irc {box-shadow: 1px 6px 5px #000}

.s01 cite, .s25 cite {color: hsl(0,100%,60%)}
.s02 cite, .s26 cite {color: hsl(120,100%,60%)}
.s03 cite, .s27 cite {color: hsl(240,100%,75%)}
.s04 cite, .s28 cite {color: hsl(60,100%,60%)}
.s05 cite, .s29 cite {color: hsl(180,100%,60%)}
.s06 cite, .s30 cite {color: hsl(300,100%,60%)}
.s07 cite, .s31 cite {color: hsl(30,100%,60%)}
.s08 cite, .s32 cite {color: hsl(150,100%,60%)}
.s09 cite, .s33 cite {color: hsl(270,100%,60%)}
.s10 cite, .s34 cite {color: hsl(90,100%,60%)}
.s11 cite, .s35 cite {color: hsl(210,100%,60%)}
.s12 cite, .s36 cite {color: hsl(330,100%,60%)}
.s13 cite, .s37 cite {color: hsl(135,100%,60%)}
.s14 cite, .s38 cite {color: hsl(45,100%,60%)}
.s15 cite, .s39 cite {color: hsl(75,100%,60%)}
.s16 cite, .s40 cite {color: hsl(105,100%,60%)}
.s17 cite, .s41 cite {color: hsl(15,100%,60%)}
.s18 cite, .s42 cite {color: hsl(165,100%,60%)}
.s19 cite, .s43 cite {color: hsl(195,100%,60%)}
.s20 cite, .s44 cite {color: hsl(225,100%,60%)}
.s21 cite, .s45 cite {color: hsl(255,100%,60%)}
.s22 cite, .s46 cite {color: hsl(285,100%,60%)}
.s23 cite, .s47 cite {color: hsl(315,100%,60%)}
.s24 cite, .s48 cite {color: hsl(345,100%,60%)}

@media all and (max-width: 35em) {
  html {margin: 1em 0.5em 2em 0.5em}
  #attendees, #toc {float: none; width: auto; padding: 0}
}
@media all and (max-width: 27em) {
  #meeting {padding: 0 5em}
  .phone cite {margin-left: -5em; min-width: 4.7em}
  .irc cite {margin-right: -5em; min-width: 4.5em}
}
i-slide {
    width: min(500px, 100%);
}