/* Rainstar Paint: continuous cobalt and paper, with actual native captures. */
#plan-paint {
  margin:0;
  color:#28394d;
  background:repeating-linear-gradient(0deg,#d5dde4 0,#d5dde4 1px,#dae2e8 1px,#dae2e8 3px);
  font:19px/1.65 Georgia,"Times New Roman",serif
}
#plan-paint * {
  box-sizing:border-box
}
.paint-page {
  max-width:1180px;
  margin:28px auto 56px;
  border:1px solid #f5faff;
  border-radius:5px;
  overflow:hidden;
  box-shadow:0 18px 46px #1e334d35,0 2px 7px #243b5433;
  background:#edf0f3
}
.paint-cover {
  position:relative;
  padding:98px 64px 65px;
  background:radial-gradient(ellipse at 12% 0,#4b72aa 0,transparent 60%),linear-gradient(135deg,#2d4d7c,#192f52);
  color:#f3f6fc;
  box-shadow:0 12px 35px #1e395a24
}
.paint-nav {
  position:absolute;
  top:20px;
  left:24px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  padding:6px 12px;
  border:1px solid #b0c7e449;
  border-radius:4px;
  background:linear-gradient(#55749b85,#1e385fa8);
  box-shadow:inset 0 1px #e9f3ff33,0 3px 8px #0e203c3b;
  font:12px/1.5 Tahoma,sans-serif
}
.paint-nav span[aria-hidden] {
  opacity:.5
}
#plan-paint .paint-cover a {
  color:#e5f0ff
}
.paint-cover h1 {
  max-width:680px;
  font-size:clamp(38px,5vw,62px);
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:400;
  margin:0 0 24px
}
.paint-cover>p {
  max-width:740px;
  margin:0;
  font-size:21px;
  line-height:1.55;
  color:#e1e9f4
}
.cover-actions {
  display:flex;
  gap:25px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:30px;
  font:15px/1.5 Tahoma,sans-serif
}
#plan-paint a {
  color:#1c5089;
  text-underline-offset:3px
}
#plan-paint a:hover {
  color:#123d6e;
  text-decoration-thickness:2px
}
#plan-paint .button,#plan-paint .paint-cover .button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:11px 20px;
  border:1px solid #6686af;
  border-radius:4px;
  background:linear-gradient(#f7fbff,#dce9fa 48%,#c6daf4 49%,#dfedff);
  box-shadow:inset 0 1px #fff,0 2px 4px #263e5c25;
  color:#1c3f6b;
  font:15px/1.3 Tahoma,sans-serif;
  text-decoration:none;
  white-space:nowrap
}
#plan-paint .button:hover {
  background:linear-gradient(#fff,#e2f0ff 48%,#c8e1ff 49%,#ebf6ff);
  border-color:#285e99
}
.button span {
  font-size:12px;
  color:#425d7e
}
.paint-body {
  background:radial-gradient(ellipse 100% 450px at 50% 0,#d6e3f1,transparent),#edf0f3;
  padding:0 48px 68px
}
.opening {
  max-width:850px;
  padding:36px 16px 10px;
  margin:auto;
  font-size:21px
}
.paint-body section {
  margin-top:64px
}
.paint-body .prose {
  max-width:780px;
  margin-left:auto;
  margin-right:auto
}
.paint-body h2 {
  font-size:33px;
  line-height:1.2;
  font-weight:400;
  letter-spacing:-.02em;
  color:#213d60;
  margin:0 0 20px
}
.paint-body h3 {
  font-size:24px;
  line-height:1.3;
  font-weight:400;
  color:#294565;
  margin:0 0 12px
}
.paint-body p {
  margin:0 0 21px
}
.paint-body figure {
  margin:28px 0 0
}
.paint-body img {
  display:block;
  width:100%;
  height:auto;
  border-radius:5px;
  box-shadow:0 9px 25px #23394e26
}
.image-link {
  display:block;
  border-radius:5px
}
.paint-body figcaption {
  font:13px/1.6 Tahoma,sans-serif;
  color:#4c5d70;
  max-width:900px;
  margin:15px 0 0
}
.columns {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  margin-top:38px
}
.split {
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:38px;
  align-items:center
}
.split figure {
  margin:0
}
.split p {
  font-size:18px
}
.split h2 {
  font-size:31px
}
.handbook {
  grid-template-columns:1.1fr .9fr
}
.document-links {
  padding-left:22px;
  margin:0;
  font-size:17px
}
.document-links li {
  margin:6px 0
}
.formats>p {
  font-size:17px;
  max-width:900px;
  margin-top:20px
}
.table-scroll {
  overflow-x:auto
}
table {
  width:100%;
  border-collapse:collapse;
  font:17px/1.6 Georgia,serif;
  text-align:left
}
caption {
  text-align:left;
  font:13px Tahoma,sans-serif;
  padding-bottom:12px;
  color:#516479
}
th,td {
  padding:16px 22px;
  border-bottom:1px solid #b8c7d7;
  vertical-align:top;
  width:50%
}
th {
  background:#dce5ef;
  font:600 14px Tahoma,sans-serif
}
td {
  background:#f6f8fa80
}
.downloads {
  padding-top:40px;
  border-top:1px solid #b9c9da
}
.downloads>p {
  max-width:820px
}
.download-list {
  margin:30px 0
}
.download-row {
  display:flex;
  align-items:center;
  gap:30px;
  justify-content:space-between;
  border-top:1px solid #b9c9da;
  padding:22px 0
}
.download-row:last-child {
  border-bottom:1px solid #b9c9da
}
.download-row h3 {
  font-size:23px;
  margin-bottom:7px
}
.download-row p {
  font:15px/1.6 Tahoma,sans-serif;
  max-width:660px;
  margin:0
}
.install-note {
  font-size:16px
}
.evidence p,.credits p {
  font-size:17px
}
.credits {
  padding-top:35px;
  border-top:1px solid #b9c9da
}
.dedication {
  font-style:italic;
  color:#4a5c72
}
.skip {
  position:fixed;
  left:15px;
  top:-100px;
  padding:10px 20px;
  background:#fff;
  z-index:5
}
.skip:focus {
  top:15px
}
#plan-paint :focus-visible {
  outline:3px solid #2171c3;
  outline-offset:5px
}
.paint-cover :focus-visible {
  outline-color:#c7e4ff!important
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
  border:0
}
[id] {
  scroll-margin-top:24px
}
@media(max-width:900px) {
  .paint-page {
    margin:16px
  }
  .paint-cover {
    padding:90px 38px 50px
  }
  .paint-body {
    padding:0 30px 48px
  }
  .columns {
    gap:30px
  }
  .split {
    grid-template-columns:1fr;
    gap:22px
  }
  .split figure {
    max-width:760px
  }
  .handbook>figure {
    order:2
  }
  .paint-body section {
    margin-top:50px
  }
}
@media(max-width:560px) {
  #plan-paint {
    font-size:17px
  }
  .paint-page {
    margin:8px 8px 28px
  }
  .paint-cover {
    padding:110px 23px 39px
  }
  .paint-nav {
    top:15px;
    left:13px;
    right:13px;
    width:fit-content;
    font-size:11px;
    gap:7px;
    padding:6px 9px
  }
  .paint-cover h1 {
    font-size:39px
  }
  .paint-cover>p {
    font-size:18px
  }
  .cover-actions {
    gap:18px
  }
  .paint-body {
    padding:0 19px 38px
  }
  .opening {
    padding:28px 0 3px;
    font-size:18px
  }
  .paint-body h2,.split h2 {
    font-size:29px
  }
  .columns {
    grid-template-columns:1fr;
    gap:25px
  }
  .paint-body section {
    margin-top:42px
  }
  .paint-body figure {
    margin-left:-9px;
    margin-right:-9px
  }
  .paint-body figcaption {
    padding:0 9px;
    font-size:12px
  }
  .download-row {
    align-items:flex-start;
    flex-direction:column;
    gap:15px
  }
  .download-row .button {
    width:100%
  }
  th,td {
    padding:12px;
    font-size:15px
  }
  .paint-body .downloads {
    padding-top:30px
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
}
@media print {
  #plan-paint {
    background:white
  }
  .paint-page {
    box-shadow:none;
    margin:0;
    border:0
  }
  .paint-cover {
    background:#e5edf6;
    color:#213d60;
    padding:35px
  }
  .paint-nav,.cover-actions,.skip {
    display:none
  }
  .paint-cover>p {
    color:inherit
  }
  .paint-body {
    padding:20px
  }
  .paint-body img {
    box-shadow:none
  }
  a {
    color:inherit!important
  }
  .download-row {
    break-inside:avoid
  }
}

.plan-icon{float:right;width:160px;height:160px;object-fit:contain;margin:8px 0 16px 24px;image-rendering:auto} @media(max-width:600px){.plan-icon{width:110px;height:110px;margin-left:12px}}