/* Shared website navigation for the app's original help and policy documents. */
:root {
  --paper:#fff;
  --canvas:#f7f8f2;
  --ink:#172820;
  --muted:#68736a;
  --green:#567b2c
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:90px;
  background:#f7f8f2
}

body {
  margin:0 auto!important;
  padding:0 20px 40px!important;
  max-width:900px;
  color:#172820;
  background:#f7f8f2!important;
  font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;
  font-size:15px;
  line-height:1.8;
  overflow-wrap:anywhere
}

a {
  color:#476c32;
  text-underline-offset:3px
}

img,video {
  max-width:100%;
  height:auto
}

a:focus-visible,summary:focus-visible {
  outline:3px solid #729e3c;
  outline-offset:4px
}

.doc-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px 0;
  margin-bottom:26px;
  border-bottom:1px solid #dce2d6;
  font-size:12px
}

.doc-header>a {
  text-decoration:none;
  color:#466b31
}

.doc-header .doc-brand {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:17px;
  color:#172820;
  font-weight:750
}

.doc-brand img {
  margin:0!important;
  width:36px;
  height:36px;
  border:0!important
}

.hero {
  padding-top:14px!important
}

.topic-nav {
  top:0
}

.page {
  padding-bottom:20px
}

.faq-item {
  scroll-margin-top:30px
}

.faq-question {
  background:#e9efdf!important;
  color:#2d492b
}

.faq-answer {
  border-left-color:#a4c378!important
}

.footer-card a {
  display:inline-block;
  margin:5px
}

.container {
  max-width:100%!important
}

.system-map {
  background:#172820
}

.section-card {
  box-shadow:0 10px 30px #183c2910
}

.footer-card {
  background:#e9efdf
}

@media(min-width:1000px) {
  body:has(.page) {
    max-width:1140px
  }
  .page {
    width:100%;
    max-width:none
  }
  .page>.hero,.page>.system-map,.page>.footer-card {
    max-width:760px;
    margin-inline:auto
  }
  .page>.topic-nav {
    justify-content:center
  }
  .page>.guide-section {
    display:inline-block;
    vertical-align:top;
    width:calc(50% - 28px);
    margin:24px 12px 0
  }
  .page>.guide-section .section-head {
    min-height:183px
  }
  .page>.guide-section .diagram {
    min-height:290px
  }
  .page>.footer-card {
    margin-top:35px
  }
}

@media(max-width:600px) {
  body {
    padding:0 16px 30px!important;
    font-size:14px
  }
  .page .hero {
    padding-inline:0
  }
  .page .guide-section {
    margin-inline:0
  }
  .page .system-map {
    margin-inline:0
  }
  .topic-nav {
    margin-inline:-16px;
    padding-inline:16px
  }
  .section-head h2 {
    font-size:23px
  }
  .doc-header {
    margin-bottom:14px
  }
  .page .section-head {
    padding:21px 18px 16px
  }
  .page .section-body {
    padding-inline:18px
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*::before,*::after {
    animation:none!important;
    transition:none!important
  }
}