/* help.css - shared styles for in-app help pages */

:root{
  --font-sans: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN",
               "Hiragino Kaku Gothic Pro", "Helvetica Neue", Arial, sans-serif;

  --text: #000;
  --bg: #fff;
  --muted: #666;
  --border: #e5e5e5;
  --warning: #b00020;
  --accent: #fcbf49;
}

*{ box-sizing: border-box; }

html, body{
  background: var(--bg);
  color: var(--text);
  margin: 0;
  padding: 0;
  font-family: var(--font-sans);
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body{
  font-size: 15px;
  line-height: 1.65;
}

.help{
  padding: 16px;
}

.help h1{
  font-size: 18px;
  margin: 0 0 12px 0;
}

/* Policy page specific heading size */
.policy-page h1{
  font-size: 21px;
}
.policy-page h2{
  font-size: 17px;
}
.policy-page h1,
.policy-page h2{
  font-weight: 700;
}

.help ol{
  padding-left: 1.2em;
  margin: 0;
}

.help li{
  margin: 10px 0;
}

.help ul{
  margin: 8px 0 0 0;
  padding-left: 1.2em;
  list-style-type: disc;
}

.help .note{
  color: var(--muted);
  font-size: 0.95em;
  margin-top: 6px;
}

.help .warning{
  color: var(--warning);
  font-weight: 600;
}

.help img{
  max-width: 100%;
  height: auto;
}

/* Inline UI icons */
.help li img{
  display: inline-block;
  height: 1.5em;
  width: auto;
  vertical-align: -0.25em;
  margin: 0 .2em;
}

/* Header */
.web-header{
  display: block;
  background: #fff9e6;
  border-bottom: 3px solid var(--accent);
}

.web-header-inner{
  padding: 5px 0 0 16px;
}

.web-logo{
  height: 28px;
  width: auto;
}