.wrap {
  max-width: 55em;
}

body {
  --accent-color: hsl(19.45deg 64.44% 55.88%);
  --accent-color-darker: hsl(19.45deg 51.4% 49.02%);
}

#pac-common-header {
  background-color: hsl(45, 95%, 70%);
  color: hsl(45, 0%, 10%);
}
#pac-common-navigation {
  background-color: hsl(45, 0%, 40%);
  --button-color: var(--accent-color);
  --button-hover-color: var(--accent-color-darker);
  --mobile-bg-color: hsl(19.45deg 41% 43%);
}
#pac-common-navigation a,
#pac-common-navigation button,
#pac-common-navigation.desktop
  .section.learn-more-about-wl
  a.learn-more-about-wl-button {
  padding-left: 0.75em;
  padding-right: 0.75em;
}
#pac-common-navigation .section .dropdown .grid {
  grid-template-columns: repeat(auto-fit, minmax(13em, 1fr));
}
#pac-common-navigation a:hover,
#pac-common-navigation button:hover,
#pac-common-navigation button.open,
#pac-common-navigation .section .dropdown {
  background-color: var(--button-color);
}
#pac-common-navigation .section .dropdown a,
#pac-common-navigation .section .dropdown button {
  font-weight: 400;
  line-height: 1.6;
}
#pac-common-navigation .section .dropdown a:hover,
#pac-common-navigation .section .dropdown button:hover {
  background-color: var(--button-hover-color);
}
#pac-common-navigation #pac-repo-common-nav-sorting-properties > ul .dropdown {
  background-color: var(--mobile-bg-color);
}
#pac-common-navigation
  #pac-repo-common-nav-sorting-properties
  > ul
  .dropdown
  a:hover,
#pac-common-navigation
  #pac-repo-common-nav-sorting-properties
  > ul
  .dropdown
  button:hover {
  background-color: var(--button-color);
}
#pac-common-navigation.desktop .section li:nth-of-type(1) button:hover,
#pac-common-navigation.desktop .section li:nth-of-type(1) button.open,
#pac-common-navigation.desktop .section li:nth-of-type(1) .dropdown {
  background-color: hsl(200.84deg 37.25% 50%);
}
#pac-common-navigation.desktop .section li:nth-of-type(1) .dropdown a:hover,
#pac-common-navigation.desktop
  .section
  li:nth-of-type(1)
  .dropdown
  button:hover {
  background-color: hsl(200.84deg 37.53% 42.92%);
}
#pac-common-navigation.desktop .section li:nth-of-type(3) button:hover,
#pac-common-navigation.desktop .section li:nth-of-type(3) button.open,
#pac-common-navigation.desktop .section li:nth-of-type(3) .dropdown {
  background-color: hsl(86deg 38.79% 45.49%);
}
#pac-common-navigation.desktop .section li:nth-of-type(3) .dropdown a:hover,
#pac-common-navigation.desktop
  .section
  li:nth-of-type(3)
  .dropdown
  button:hover {
  background-color: hsl(86deg 38.74% 37.53%);
}
#pac-common-header .header-top .logo {
  width: 7.5em;
  height: 4.5em;
}
#pac-common-header .header-top h1.site-title {
  font-size: 1.5625em; /* 25px */
}
#pac-common-header .header-top h1.site-title .wordmark .wl {
  font-weight: 300;
  letter-spacing: 0.048387em;
  display: block;
}
#pac-common-header .header-top h1.site-title .wordmark .repo {
  font-weight: 600;
  display: block;
}
#pac-common-header .header-top h1.site-title .under-development {
  font-size: 0.3777777778em;
  line-height: 1;
  right: unset;
  left: 15.3em;
  top: 0.8em;
  font-weight: 500;
  background: #db510e;
  color: #fff;
  padding: 0.25em 0.5em;
}
@media only screen and (min-width: 700px) {
  #home-page #pac-common-header .header-top {
    font-size: 1.25em; /* 20px */
    padding: 0.5em 0;
  }
  #home-page #pac-common-header .header-top .logo {
    width: 8.85em;
    height: 8.85em;
  }
  #home-page #pac-common-header .header-top .logo-frame {
    padding-right: 2em;
  }
  #home-page #pac-common-header .header-top .logo-frame svg .small-icons {
    opacity: 1;
  }
  #home-page #pac-common-header .header-top h1.site-title {
    font-size: 1.8em; /* 36px */
  }
  #home-page #pac-common-header .header-top .tagline {
    display: block;
    font-size: 0.75em;
    margin: 0.2em 0;
  }
}
#pac-auth-menu a.sign-in-button {
  border-color: var(--accent-color);
  color: var(--accent-color);
}
#pac-auth-menu a.sign-in-button:hover {
  background-color: var(--accent-color);
}
#pac-auth-menu.signed-in {
  background: var(--accent-color);
}

#pac-common-header p.tagline {
  font-style: italic;
}

a,
main .details .readmore {
  color: #0549a6;
}
a:hover,
main .details .readmore:hover {
  color: #f77700;
}
#shingle main ul.related-symbols a {
  color: #608bab;
}
#shingle main ul.related-symbols a:hover {
  color: #d96500;
}

main#results-page .entry h3 a:hover {
  color: var(--accent-color);
}
main#results-page header button#showFilterControls {
  border-color: var(--accent-color);
  color: var(--accent-color);
}
main#results-page header button#showFilterControls:hover {
  border-color: var(--accent-color-darker);
}
#pageControlsFrame .select-control .labelName,
main#results-page #pageControls p {
  color: var(--accent-color);
}
main#results-page ul#categoryFilter input:hover ~ label,
main#results-page ul#categoryFilter button:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
}
main#results-page ul#categoryFilter input:checked ~ label {
  border-color: var(--accent-color);
  background-color: var(--accent-color);
  color: #fff;
}

main h1 {
  color: #333;
}
main .documentation-notebook {
  margin-top: 1.5em;
}

#shingle main #source-notebook-frame button {
  font-size: 1.125em;
  line-height: 1;
  padding: 0.333333em 1em;
  background: #fff;
  color: #4d87ad;
  border: 1px solid #4d87ad;
  border-radius: 0.222222em;
}
#shingle main #source-notebook-frame button {
  color: var(--accent-color);
  border-color: var(--accent-color);
}
#shingle main #source-notebook-frame button:hover {
  background-color: var(--accent-color);
  color: #fff;
}

#shingle .notebook-dropdown.toggle {
  color: var(--accent-color);
}
#shingle .notebook-dropdown.list {
  border: 1px solid var(--accent-color);
}
#shingle .notebook-dropdown.list:after {
  border-bottom-color: var(--accent-color);
}
#shingle .notebook-dropdown.list:before {
  border-bottom-color: var(--accent-color);
}
#shingle .notebook-dropdown.list li {
  border-top: 1px solid var(--accent-color);
}
#shingle .notebook-dropdown.list li a {
  color: var(--accent-color);
}
#shingle .notebook-dropdown.list li a:hover {
  background-color: var(--accent-color);
}

#shingle main.shingle-content .install-code {
  border: 2px solid #d9e5f3;
  background: #f7fcff9e;
  padding: 0.8125em 1.28125em; /* 13px, 20.5px */
  margin-top: 1.5em;
  margin-right: 0px;
  margin-bottom: 1.5em;
  margin-left: 0px;
}
#shingle main.shingle-content .install-code p {
  margin: 0;
  line-height: 1.42857143; /* 20px */
}
#shingle main.shingle-content .install-code span.zc_c2c {
  display: block;
}
#shingle main.shingle-content .install-code kbd {
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: "Source Code Pro", monospace;
  font-weight: 600;
}
#shingle main.shingle-content .install-code span.zc_c2c .copy-icon {
  font-size: 1.428571em; /* 20px */
}

#home-page #pac-common-header {
  margin-bottom: 1em;
}

#home-page #pac-common-header .wrap,
#home-page main .wrap {
  max-width: 58em;
}

#home-page #pac-common-header .header-top p.tagline.home-page {
  font-style: normal;
  color: #766637;
  margin: 0.4em 0;
}
#home-page #pac-common-header .header-top p.tagline.home-page .item {
  display: inline-block;
  padding-right: 1em;
}
#home-page #pac-common-header .header-top p.tagline.home-page .item + .item {
  display: inline-block;
  padding-left: 1em;
}
#home-page #pac-common-header .header-top p.tagline.home-page a.item {
  font-style: italic;
  color: hsl(19.45, 100%, 40%);
}
#home-page #pac-common-header .header-top p.tagline.home-page a.item:hover {
  color: hsl(19.45, 100%, 30%);
}

#home-page #llm-kit-banner {
  background: hsl(212, 68%, 95%);
  border: 1px solid hsl(212, 0%, 90%);
  border-radius: 0.25em;
  margin: 1.625em 0;
}
#home-page #llm-kit-banner p {
  margin: 0.5em 0.8125em;
  font-size: 1em;
  display: flex;
}
#home-page #llm-kit-banner p span.icon {
  margin-right: 0.5625em;
}
#home-page #llm-kit-banner p span.nobr {
  display: inline-block;
}

#home-page p.lead {
  font-style: italic;
  font-size: 1.3125em; /* 21px */
  line-height: 1.4761904762; /* 31px */
  margin: -0.2380952381em 0 0px 0; /* -5px */
}

#home-page main h2,
main#results-page h2 {
  font-size: 17px;
  line-height: 1;
  font-weight: 500;
  border-top: none;
  border-bottom: 1px solid #ebebeb;
  margin-top: 22px;
  padding-bottom: 10px;
  color: #7d7d7d;
  margin-bottom: 12px;
  letter-spacing: 1px;
}
/* 
#home-page #results-page h2 {
  font-size: 1.5em;
  line-height: 1;
  margin: 0.833333em 0 0.4166667em 0;
  padding: 0;
  border: 0;
  color: #363636;
  font-weight: 400;
} */
#home-page main h2 span.tagline {
  font-size: 0.85rem;
  line-height: 1.5;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  opacity: 0.65;
  display: block;
}
@media only screen and (min-width: 540px) {
  #home-page main h2 span.tagline {
    display: inline-block;
  }
}
#home-page ul.category-buttons {
  margin-bottom: 3em;
  line-height: 1;
  font-size: 1em;
  margin-right: -0.375em;
  margin-left: -0.375em;
}
#home-page .category-buttons li {
  display: inline-block;
}
#home-page .category-buttons li a {
  display: inline-block;
  background: hsl(30, 95%, 50%);
  color: #fff;
  border-radius: 0.25em;
  padding: 0.1875em 0.5em;
  margin: 0.375em;
}
#home-page .category-buttons li a:hover {
  background: hsl(30, 95%, 45%);
}
#home-page-tiles ul {
  display: grid;
  font-size: 1em;
  column-gap: 1.875em; /* 30px */
  row-gap: 0.9375em; /* 15px */
}
#home-page-tiles ul li {
  display: block;
  min-width: 100%;
}
#home-page-tiles a.tile {
  display: block;
  border: 1px solid hsl(30, 95%, 50%);
  border-radius: 4px;
  color: #535353;
  font-size: 0.875em; /* 14px */
  line-height: 1;
  padding: 1.2857142857em 1.6em; /* 18px 20px */
}
#home-page-tiles a.tile:hover,
#home-page-tiles a.tile:active {
  background-color: hsl(45, 95%, 95%);
}
#home-page-tiles a.tile h3,
#home-page-tiles a.tile p {
  font-size: 1em;
  line-height: 1;
  margin: 0;
  color: inherit;
}
#home-page-tiles a.tile h3 {
  line-height: 1.14285714em; /* 16px */
}
#home-page-tiles a.tile .publisher-id,
#home-page-tiles a.tile .paclet-name {
  display: block;
}
#home-page-tiles a.tile .publisher-id,
#home-page-tiles a.tile .paclet-name,
#home-page-tiles a.tile p.description {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#home-page-tiles a.tile .publisher-id {
  color: #959595;
}
#home-page-tiles a.tile .paclet-name {
  font-size: 1.21428571em; /* 17px */
  font-weight: 600;
  line-height: 1.17647059; /* 20px */
}
#home-page-tiles a.tile p.description {
  color: #000;
  font-weight: 300;
  line-height: 1.42857143; /* 20px */
}
/* @media only screen and (min-width: 600px) {
  #home-page-tiles a.tile {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20430%20430%22%20class%3D%22logo%22%3E%0A%3Cg%20opacity%3D%22.5%22%3E%0A%3Cpath%20fill%3D%22%23a0a0a0%22%20d%3D%22M220%20407.34V217.89l41.02-23.69%20123.05-71.04v189.45zM45.93%20123.16l123.05%2071.04L210%20217.9v189.45L45.93%20312.61ZM215%2019.77l164.07%2094.73-123.05%2071.04L215%20209.23l-41.02-23.69L50.93%20114.5Zm176.57%2090.4L217.5%209.67a5%205%200%200%200-5%200L38.43%20110.17a5%205%200%200%200-2.5%204.33v201a5%205%200%200%200%202.5%204.33l174.07%20100.5a5%205%200%200%200%205%200l174.07-100.5a5%205%200%200%200%202.5-4.33v-201a5%205%200%200%200-2.5-4.33%22%2F%3E%0A%3Cg%20fill%3D%22%23a1a1a1%22%3E%0A%3Cpath%20fill%3D%22%23d5d5d5%22%20d%3D%22m214.98%2033.52%2064.77%2037.4-64.77%2037.39-64.77-37.4Z%22%2F%3E%0A%3Cpath%20d%3D%22m145.03%2079.88%2064.77%2037.4v74.8l-64.77-37.4z%22%2F%3E%0A%3Cpath%20fill%3D%22%23696969%22%20d%3D%22M284.93%2079.88v74.8l-64.77%2037.4v-74.8z%22%2F%3E%0A%3Cpath%20d%3D%22m135.87%2079.39-.07%2069.53-60.12-34.79Zm157.5%2069.39.07-69.53%2060.12%2034.79z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20fill%3D%22%23a9a9a9%22%3E%0A%3Cpath%20fill%3D%22%23dadada%22%20d%3D%22m127.89%20185%2064.71%2037.36-64.71%2037.37-64.72-37.37z%22%2F%3E%0A%3Cpath%20d%3D%22m58%20231.33%2064.71%2037.36v74.72L58%20306.05z%22%2F%3E%0A%3Cpath%20fill%3D%22%23717171%22%20d%3D%22M197.78%20231.33v74.72l-64.72%2037.36V268.7z%22%2F%3E%0A%3Cpath%20d%3D%22m137.17%20351.64%2060.25-34.71-.06%2069.46zm-18.65-171.11-60.25%2034.71.07-69.46z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20fill%3D%22%23c2c2c2%22%3E%0A%3Cpath%20fill%3D%22%23ebebeb%22%20d%3D%22m302.04%20184.84%2064.29%2037.12-64.3%2037.11-64.28-37.11z%22%2F%3E%0A%3Cpath%20d%3D%22m232.61%20230.86%2064.29%2037.12v74.23l-64.29-37.12z%22%2F%3E%0A%3Cpath%20fill%3D%22%238f8f8f%22%20d%3D%22M371.47%20230.86v74.23l-64.3%2037.12v-74.23z%22%2F%3E%0A%3Cpath%20d%3D%22m371.47%20214.23-60.19-34.82%2060.19-34.68zM232.61%20315.94l60.18%2034.82-60.18%2034.67z%22%2F%3E%3C%2Fg%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 1.6em) center;
    background-size: 2.8em;
    padding-right: 5.2em;
  }
  #home-page-tiles a.tile:hover,
  #home-page-tiles a.tile:active {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20430%20430%22%20class%3D%22logo%22%3E%3Cpath%20d%3D%22M220%20407.34V217.89l41.02-23.69%20123.05-71.04v189.45zM45.93%20123.16l123.05%2071.04L210%20217.9v189.45L45.93%20312.61ZM215%2019.77l164.07%2094.73-123.05%2071.04L215%20209.23l-41.02-23.69L50.93%20114.5Zm176.57%2090.4L217.5%209.67a5%205%200%200%200-5%200L38.43%20110.17a5%205%200%200%200-2.5%204.33v201a5%205%200%200%200%202.5%204.33l174.07%20100.5a5%205%200%200%200%205%200l174.07-100.5a5%205%200%200%200%202.5-4.33v-201a5%205%200%200%200-2.5-4.33%22%20fill%3D%22%23f58134%22%2F%3E%3Cg%20fill%3D%22%23b097cf%22%3E%3Cpath%20d%3D%22m214.98%2033.52%2064.77%2037.4-64.77%2037.39-64.77-37.4Z%22%20fill%3D%22%23e2cdf4%22%2F%3E%3Cpath%20d%3D%22m145.03%2079.88%2064.77%2037.4v74.8l-64.77-37.4z%22%2F%3E%3Cpath%20d%3D%22M284.93%2079.88v74.8l-64.77%2037.4v-74.8z%22%20fill%3D%22%23785c9c%22%2F%3E%3Cpath%20d%3D%22m135.87%2079.39-.07%2069.53-60.12-34.79Zm157.5%2069.39.07-69.53%2060.12%2034.79z%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%238eaccf%22%3E%3Cpath%20d%3D%22m127.89%20185%2064.71%2037.36-64.71%2037.37-64.72-37.37z%22%20fill%3D%22%23c7dcf3%22%2F%3E%3Cpath%20d%3D%22m58%20231.33%2064.71%2037.36v74.72L58%20306.05z%22%2F%3E%3Cpath%20d%3D%22M197.78%20231.33v74.72l-64.72%2037.36V268.7z%22%20fill%3D%22%2350749c%22%2F%3E%3Cpath%20d%3D%22m137.17%20351.64%2060.25-34.71-.06%2069.46zm-18.65-171.11-60.25%2034.71.07-69.46z%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23a9cd92%22%3E%3Cpath%20d%3D%22m302.04%20184.84%2064.29%2037.12-64.3%2037.11-64.28-37.11z%22%20fill%3D%22%23dbf2cb%22%2F%3E%3Cpath%20d%3D%22m232.61%20230.86%2064.29%2037.12v74.23l-64.29-37.12z%22%2F%3E%3Cpath%20d%3D%22M371.47%20230.86v74.23l-64.3%2037.12v-74.23z%22%20fill%3D%22%23709a58%22%2F%3E%3Cpath%20d%3D%22m371.47%20214.23-60.19-34.82%2060.19-34.68zM232.61%20315.94l60.18%2034.82-60.18%2034.67z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
} */
@media only screen and (min-width: 900px) {
  #home-page-tiles ul {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

#home-page main ul.bullet-list {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}
@media only screen and (min-width: 710px) {
  #home-page main ul.bullet-list {
    font-size: 16px;
  }
}
@media only screen and (min-width: 990px) {
  #home-page main ul.bullet-list {
    font-size: 17px;
  }
}
#home-page main ul.bullet-list.topics {
  font-size: 13px;
  margin: 0.5em 0;
}
@media only screen and (min-width: 710px) {
  #home-page main ul.bullet-list.topics {
    font-size: 15px;
  }
}
@media only screen and (min-width: 990px) {
  #home-page main ul.bullet-list.topics {
    font-size: 16px;
  }
}
#home-page main ul.bullet-list li {
  padding: 0.1764705882em 0;
}
#home-page main ul.bullet-list li::before,
#home-page main ul.bullet-list.inline li::after {
  content: " ";
  display: inline-block;
  width: 0.470588235294118em;
  height: 0.470588235294118em;
  background: #bbb;
  margin-right: 0.312434em;
  vertical-align: middle;
}
#home-page main ul.bullet-list.inline.topics li::after {
  display: none;
}
#home-page main ul.bullet-list.inline li {
  display: inline-block;
}
#home-page main ul.bullet-list.inline li::before,
#home-page main ul.bullet-list.inline li:last-child::after {
  display: none;
}
#home-page main ul.bullet-list.inline li::after {
  margin: 0 0.588235294117647em 0;
}
#home-page main ul.bullet-list.inline li a {
  display: inline-block;
  vertical-align: middle;
  color: hsl(20 100% 50%);
}
#home-page main ul.bullet-list.inline li a:hover {
  color: hsl(15 100% 40%);
}
#home-page main ul.bullet-list.inline li a.see-all-button {
  font-size: 0.7647058824em; /* 13px */
  border: 1px solid hsl(20 100% 50%);
  line-height: 1.307692307692308;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0 0.615384615384615em;
  border-radius: 0.384615384615385em;
}
#home-page main ul.bullet-list.inline.topics a {
  margin-right: 2em;
}
#home-page main ul.bullet-list.inline li .icon svg {
  width: 1.3em;
  height: 1.3em;
}

#home-page main ul.bullet-list.inline li a.see-all-button:hover {
  border-color: hsl(15 100% 40%);
}

#home-page ul.buttons {
  font-size: 0.875em;
  margin: 1em 0;
  position: relative;
}
#home-page ul.buttons.bottom {
  margin-bottom: 30px;
  border-top: 1px solid #ebebeb;
  margin-top: 30px;
  padding-top: 17px;
}
#home-page ul.buttons li {
  display: inline-block;
  vertical-align: top;
  width: 45%;
  padding: 0 5% 0 0;
}
#home-page ul.buttons li.disabled {
  color: #aaa;
}
#home-page ul.buttons li .tile {
  display: block;
  padding: 0.5555556em 0;
}

#home-page ul.buttons li .tile {
  display: table;
  line-height: 1;
  padding: 0.1785714286em 0;
}
#home-page ul.buttons li .tile .icon,
#home-page ul.buttons li .tile .text {
  display: table-cell;
  vertical-align: middle;
}
#home-page ul.buttons li .tile svg {
  display: block;
  width: 1.5em;
  height: 1.5em;
  fill: hsl(20 100% 50%);
  margin-right: 0.5em;
}
#home-page ul.buttons li.disabled .tile svg {
  fill: #aaa;
}
#home-page ul.buttons li a:hover svg {
  fill: hsl(15 100% 40%);
}

#home-page ul.buttons li .tile .text {
  line-height: 1.11111111;
}
#home-page ul.buttons li .tile a {
  color: #363636;
}
#home-page ul.buttons li a:hover,
#home-page ul.buttons li a:focus,
#home-page ul.buttons li a:active {
  outline: none;
  box-shadow: none;
  color: hsl(15 100% 40%);
}

@media only screen and (min-width: 710px) {
  #home-page ul.buttons {
    font-size: 1em;
    margin: 1.25em 0;
  }
  #home-page ul.buttons li {
    width: 30.83333333%;
    padding: 0 2.5% 0 0;
  }
}
@media only screen and (min-width: 990px) {
  /* #home-page ul.buttons {
    font-size: 1.125em;
    margin: -7px 0 16px 0;
  } */
  #home-page ul.buttons li {
    width: 25%;
    padding: 0;
    vertical-align: middle;
  }
}

#home-page main section {
  --fg-color: hsl(20 100% 50%);
  --hover-color: hsl(15 100% 40%);
  --stripe-color: hsla(20, 100%, 50%, 60%);
}
#home-page main section.personas {
  --fg-color: hsl(201, 37%, 50%);
  --hover-color: hsl(201, 37%, 35%);
  --stripe-color: hsla(201, 37%, 50%, 60%);
}
#home-page main section.function-prompts {
  --fg-color: hsl(19.5deg 64.69% 55.84%);
  --hover-color: hsl(20.26deg 76.94% 38.64%);
  --stripe-color: hsl(19.5deg 75.09% 59.53% / 75%);
}
#home-page main section.modifier-prompts {
  --fg-color: hsl(86, 39%, 45%);
  --hover-color: hsl(86, 39%, 30%);
  --stripe-color: hsla(86, 39%, 45%, 60%);
}
#home-page main section {
  border-top: 0.25em solid var(--stripe-color);
  margin: 3em 0;
}
#home-page main section h2 {
  color: #363636;
  margin: 1em 0;
  padding: 0;
  border: none;
}
#home-page main section h2 a {
  color: inherit;
}
#home-page main section h2 a:hover .name {
  color: var(--fg-color);
}
#home-page main section ul.bullet-list.inline li a {
  color: var(--fg-color);
}
#home-page main section ul.bullet-list.inline li a:hover {
  color: var(--hover-color);
}
#home-page main section ul.bullet-list.inline li a.see-all-button {
  border-color: var(--fg-color);
}
#home-page main section ul.bullet-list.inline.topics li a {
  color: inherit;
}
#home-page main section ul.bullet-list.inline li a:hover {
  color: var(--hover-color);
}
#home-page main section ul.bullet-list.inline li a.see-all-button:hover {
  border-color: var(--hover-color);
}
#home-page main section ul.buttons li .tile svg,
#home-page main ul.bullet-list.inline li .icon svg {
  fill: var(--fg-color);
}
#home-page main section ul.buttons li a:hover {
  color: var(--hover-color);
}
#home-page main section ul.buttons li a:hover svg {
  fill: var(--hover-color);
}

main#results-page .entry h3 a:hover {
  color: #dd3f0b;
}

#home-page div#bottom.fake-footer {
  border: none;
  text-align: center;
  padding: 0;
}
#home-page div#bottom.fake-footer li {
  display: inline-block;
}
#home-page div#bottom.fake-footer a {
  display: block;
  font-size: 1em; /* 16px */
  line-height: 1;
  padding: 0.75em 1.5625em; /* 12px 25px */
  background: hsl(30, 95%, 50%);
  color: #fff;
  border-radius: 0.25em; /* 4px */
}
#home-page div#bottom.fake-footer a:hover {
  background: hsl(30, 95%, 45%);
}
#home-page div#bottom.fake-footer a svg {
  display: none;
}
#home-page div.fake-footer#bottom .text {
  display: block;
}

#shingle main h2.large-section {
  font-size: 1.4375em;
  margin: 1em 0 0;
  padding: 0.347826087em 0;
  border-top: 1px solid #ccc;
  letter-spacing: 0.036187em;
  color: #d96500;
  cursor: pointer;
}
#shingle main h2.large-section:hover {
  color: #f77700;
}
#shingle main h2.large-section .icon svg {
  fill: #d96500;
}
#shingle main h2.large-sectio:hover .icon svg {
  fill: #f77700;
}
#shingle main h2.large-section .icon svg .closed,
#shingle main h2.large-section.collapsed .icon svg .open {
  opacity: 0;
}
#shingle main h2.large-section.collapsed .icon svg .closed {
  opacity: 1;
}

#shingle main .functionIntroWrap {
  padding: 1rem 0;
  background: #f3fbff;
  margin: 0 0 1.8rem;
  border: 2px solid #d9e5f3;
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.3;
  overflow: auto;
}
#shingle main .functionIntroWrap .grid {
  width: 100%;
}
#shingle main .functionIntroWrap .grid tbody tr td .functionIntro {
  border-bottom: 1px solid #d9e5f3;
  margin: 0 1.64rem;
  padding: 0.87rem 0;
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.3;
}
#shingle main .functionIntroWrap .grid tbody tr:last-child td .functionIntro {
  border-bottom: 0;
}
#shingle main .functionIntro .code {
  margin: 0;
  line-height: 1.1;
  font-weight: 400;
}
#shingle main .functionIntro .code-description {
  margin: 0.2rem 0 0 1.07rem;
  line-height: 1.3;
  font-weight: 400;
}
#shingle main .functionIntro:last-child {
  border-bottom: 0;
  padding: 0.7rem 0;
  font-weight: 400;
}

#shingle .fr_c2c {
  position: relative;
  display: inline-block;
  padding: 0.117647em;
  margin: -0.117647em;
  padding-right: 0;
  margin-right: 0;
}
#shingle .fr_c2c:hover,
#shingle .fr_c2c:focus {
  background: white;
  box-shadow: 0 0 0.117647em #444;
}
#shingle .fr_c2c .copy-icon {
  display: none;
  position: absolute;
  font-size: 1.764706em;
  width: 1em;
  height: 1em;
  top: 50%;
  margin-top: -0.5em;
  left: -0.933333em;
}
#shingle .fr_c2c:hover .copy-icon,
#shingle .fr_c2c:focus .copy-icon {
  display: block;
}
#shingle .fr_c2c.checked:hover,
#shingle .fr_c2c.checked:focus {
  box-shadow: 0 0 0.25em #04b000;
}
#shingle .fr_c2c .copy-icon .checked,
#shingle .fr_c2c.checked .copy-icon .no-checked {
  opacity: 0;
}
#shingle .fr_c2c.checked .copy-icon .checked {
  opacity: 1;
}
#shingle .fr_c2c.function-name {
  padding: 0.125em;
  margin: -0.125em;
  margin-left: 0;
  border-radius: 0.125em;
  padding-left: 0.825em;
  text-indent: -1.5em;
  line-height: 1.15;
}
#shingle .fr_c2c.function-name .copy-icon {
  font-size: 0.75em;
}

#rate-as-good-frame {
  margin-top: -2em;
  top: 2em;
}

main .hero-image-frame {
  position: absolute;
  display: none;
}
@media only screen and (min-width: 540px) {
  main .hero-image-frame {
    display: block;
  }
  main.shingle-content .hero-image-frame + .page-title,
  main.shingle-content .hero-image-frame + .page-title + .lead {
    padding-left: 6rem;
  }
}
main .hero-image-frame img.hero-image {
  max-height: 5rem;
  margin: 0 auto;
}

#shingle .prompt-main-section h2 {
  font-size: 1.5em;
}