/* Mineral Selection Workshop. The rules below belong to the lime product body. */
.li-page {
  --ink: #0b2a46;
  --blue: #007fb9;
  --copy: #42627a;
  --line: #cfe3ec;
  color-scheme: light;
  color: var(--ink);
  background: #fff;
  line-height: 1.55;
}
.li-page *, .li-page *::before, .li-page *::after {box-sizing: border-box}
.li-page :is(h1,h2,h3,p,figure,ul) {margin: 0}
.li-page :is(h1,h2,h3) {font-weight: 600; line-height: 1.15; letter-spacing: -.035em}
.li-page h1 {font-size: clamp(48px,5vw,72px)}
.li-page h2 {font-size: clamp(29px,2.7vw,40px)}
.li-page h3 {font-size: 21px}
.li-page p {color: var(--copy); font-size: 15px}
.li-page em {color: var(--blue); font-style: normal}
.li-page a {text-decoration: none; color: inherit}
.li-page button,.li-page input,.li-page textarea,.li-page select {font: inherit; color: inherit}
.li-page button {cursor: pointer}
.li-page [hidden] {display: none !important}
.li-page :is(a,button,input,textarea,select,summary,[tabindex]):focus-visible {outline: 3px solid #008ecb; outline-offset: 3px}
.li-page .li-wrap {width: min(1280px,calc(100% - 48px)); margin-inline: auto}
.li-page .li-section {padding-block: clamp(25px,2.5vw,38px); scroll-margin-top: 94px}
.li-page .li-label,.li-page .li-doc-visual>span {font-weight: 600; font-size: 11px; letter-spacing: .12em; margin-bottom: 9px; color: var(--blue)}
.li-page .li-primary,.li-page .li-secondary {display: inline-flex; justify-content: space-between; align-items: center; gap: 16px; border: 1px solid #0089bf; border-radius: 4px; min-height: 46px; padding: 10px 18px; font-size: 14px; font-weight: 600}
.li-page .li-primary {background: linear-gradient(105deg,#008fc7,#006eb1); color: white}
.li-page .li-primary:hover {background: #006d9e}
.li-page .li-secondary {background: #fff; color: var(--blue)}
.li-page .li-secondary:hover {background: #edf7fb}
.li-page .li-text-link {display: inline-flex; align-items: center; gap: 16px; min-height: 42px; color: var(--blue); border-bottom: 1px solid var(--line); font-size: 14px; font-weight: 600}
.li-page .li-arrow {font-size: 17px; line-height: 1}
.li-page .li-icon {width: 27px; height: 27px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round}
.li-page figure figcaption {font-size: 11px; color: #56758a; line-height: 1.5}
.li-page .li-entry {background: linear-gradient(113deg,#fff 10%,#f2f9fb 65%,#ece8df); padding: 14px 0 18px}
.li-page .li-breadcrumb {display: flex; gap: 9px; flex-wrap: wrap; font-size: 11px; color: #526e80}
.li-page .li-breadcrumb [aria-current] {color: var(--blue)}
.li-page .li-hero-grid {display: grid; grid-template-columns: .95fr 1.15fr; gap: 30px; align-items: center}
.li-page .li-hero-grid>div {padding-block: 20px}
.li-page .li-lead {margin: 13px 0 9px; font-size: clamp(21px,1.9vw,27px); font-weight: 600; line-height: 1.25; color: var(--ink)}
.li-page .li-entry .li-primary {margin-top: 18px}
.li-page .li-mineral {display: block; width: 100%; height: auto; max-height: 270px; stroke: none}
.li-page .li-hero-grid figcaption {text-align: center}
.li-page .li-benefits {padding: 13px 0; border-bottom: 1px solid var(--line); background: linear-gradient(#fff,#f7fbfd)}
.li-page .li-benefits>.li-wrap {display: grid; grid-template-columns: repeat(4,1fr)}
.li-page .li-benefits>.li-wrap>div {min-height: 44px; display: flex; align-items: center; gap: 14px; padding: 0 18px; font-size: 15px}
.li-page .li-benefits>.li-wrap>div+div {border-left: 1px solid var(--line)}
.li-page .li-benefits>.li-wrap>div:first-child {padding-left: 0}
.li-page .li-icon {color: #008cc9}
.li-page .li-work-grid {display: grid; grid-template-columns: 1fr 1.2fr .68fr; gap: clamp(16px,2.3vw,34px); align-items: start}
.li-page .li-work-grid>* {min-width: 0}
.li-page .li-work-intro>p {margin: 14px 0}
.li-page .li-tabs {display: flex}
.li-page:not([data-ready]) :is(.li-tabs,.li-fields,.li-paper) {display: none}
.li-page .li-tabs button {display: flex; align-items: center; gap: 9px; min-height: 46px; background: white; border: 1px solid var(--line); border-radius: 3px; color: var(--ink); font-size: 15px; font-weight: 600; text-align: left}
.li-page .li-tabs button small {color: var(--blue); font-size: 10px}
.li-page .li-tabs button[aria-selected=true] {border-color: #008bc0; background: #eaf7ff; box-shadow: inset 0 -2px #008bc0}
.li-page .li-tabs-use {flex-wrap: wrap; gap: 6px; margin: 15px 0 8px}
.li-page .li-tabs-use button {padding: 6px 10px; font-size: 14px; gap: 6px}
.li-page .li-photo {position: relative}
.li-page .li-photo img {display: block; width: 100%; aspect-ratio: 1.62; height: auto; object-fit: cover; border-radius: 5px}
.li-page .li-photo figcaption {position: absolute; bottom: 7px; right: 7px; padding: 3px 7px; background: #fffc; border-radius: 2px; color: #354f62; font-size: 10px}
.li-page .li-use-panel h3,.li-page .li-identity-grid [role=tabpanel]>h3 {margin: 12px 0 6px}
.li-page .li-use-panel .li-note {margin-top: 10px; border-left: 2px solid #b5d8e7; padding-left: 10px; font-size: 13px}
.li-page .li-note strong {display: block; color: var(--ink)}
.li-page .li-archive {background: linear-gradient(120deg,#edf6fb,#f9fcfe); padding: 17px; border-radius: 4px}
.li-page .li-archive img {display: block; width: auto; height: 95px; max-width: 100%; object-fit: contain; margin-bottom: 12px}
.li-page .li-archive h3 {font-size: 19px; margin-bottom: 10px}
.li-page .li-archive p {font-size: 14px; margin-bottom: 11px}
.li-page .li-archive small {display: block; border-top: 1px solid var(--line); padding-top: 10px; color: var(--copy); font-size: 11px}
.li-page .li-context {margin-top: 17px; padding-top: 13px; border-top: 1px solid var(--line); font-size: 14px}
.li-page .li-split {display: grid; grid-template-columns: 1fr 1.25fr; gap: 38px; align-items: center}
.li-page .li-identity {background: linear-gradient(112deg,#fbfaf7,#fff)}
.li-page .li-identity-grid {display: grid; grid-template-columns: 1fr 1.25fr; gap: 38px; margin-top: 20px}
.li-page .li-tabs-identity {flex-direction: column; gap: 9px}
.li-page .li-tabs-identity button {width: 100%; min-height: 65px; padding: 12px 18px; gap: 16px; border-color: #e1edf2; background: #f6fafd; font-size: 18px}
.li-page .li-identity-grid .li-photo img {aspect-ratio: 2.6}
.li-page .li-catalog,.li-page .li-doc-visual {display: flex; align-items: center; gap: 22px; min-height: 155px; background: #f0f7fa; padding: 12px 18px; border-radius: 4px}
.li-page .li-catalog img {height: 125px; width: 90px; object-fit: contain}
.li-page .li-catalog figcaption a {display: block; color: var(--blue); text-decoration: underline; margin-bottom: 6px; font-size: 14px}
.li-page .li-doc-visual {flex-wrap: wrap; align-content: center; gap: 7px 10px; border-left: 2px solid var(--blue)}
.li-page .li-doc-visual>span {margin: 0}
.li-page .li-doc-visual strong,.li-page .li-doc-visual small {flex-basis: 100%}
.li-page .li-doc-visual strong {line-height: 1.6}
.li-page .li-doc-visual small {color: var(--copy)}
.li-page .li-supply {display: grid; grid-template-columns: 1.25fr 1fr; gap: 24px; border-top: 1px solid var(--line); padding-top: 15px; margin-top: 18px}
.li-page .li-supply>div {display: flex; gap: 15px}
.li-page .li-supply h3 {font-size: 17px; margin: 0 0 4px}
.li-page .li-supply p {font-size: 13px}
.li-page .li-supply p+h3 {margin-top: 8px}
.li-page .li-draft {border-top: 1px solid var(--line)}
.li-page .li-fields {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 20px 0 15px; gap: 16px}
.li-page .li-fields fieldset {margin: 0; padding: 10px 0 0; border: 0; min-width: 0}
.li-page .li-fields legend {width: 100%; padding-bottom: 8px; border-bottom: 2px solid #b6dbea; color: var(--ink); font-weight: 600}
.li-page .li-fields label,.li-page .li-paper label {display: block; font-size: 13px; color: var(--copy)}
.li-page .li-fields :is(input,select),.li-page .li-paper textarea {display: block; width: 100%; min-width: 0; border: 1px solid #bfd5e1; background: #fbfdfe; border-radius: 3px; padding: 8px; margin: 4px 0 9px; font-size: 15px}
.li-page .li-fields :is(input,select) {height: 44px}
.li-page .li-fields [aria-invalid=true] {border-color: #ac4f40}
.li-page .li-pair {display: grid; grid-template-columns: 1fr 1fr; gap: 6px}
.li-page .li-paper {display: grid; grid-template-columns: 1.6fr 1fr; gap: 20px; padding: 18px; background: #f0f8fc; border-top: 1px solid var(--line)}
.li-page .li-paper textarea {font-size: 14px; resize: vertical; min-height: 160px; line-height: 1.5; background: #fff}
.li-page .li-paper-actions {display: flex; flex-direction: column; align-self: center; gap: 9px}
.li-page .li-paper p {font-size: 13px}
.li-page .li-paper button:disabled {opacity: .55; cursor: default}
.li-page .li-faq {background: linear-gradient(110deg,#eaf6ff,#f8fcff)}
.li-page .li-faq .li-split {align-items: start}
.li-page .li-questions {background: white; border: 1px solid var(--line); border-radius: 4px}
.li-page .li-questions details+details {border-top: 1px solid var(--line)}
.li-page .li-questions summary {display: flex; align-items: center; justify-content: space-between; gap: 12px; list-style: none; cursor: pointer; min-height: 47px; padding: 10px 15px; font-size: 16px; font-weight: 600}
.li-page .li-questions summary::-webkit-details-marker {display: none}
.li-page .li-questions summary span::after {content:'+'; color: var(--blue); font-size: 20px}
.li-page .li-questions [open] summary span::after {content:'−'}
.li-page .li-questions details p {padding: 0 15px 14px}
.li-page .li-related h2 {font-size: 26px}
.li-page .li-related ul {list-style: none; padding: 0; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 12px; margin-top: 15px}
.li-page .li-related img {display: block; width: 100%; height: auto; aspect-ratio: 1.65; object-fit: cover}
.li-page .li-related a {display: block; border: 1px solid var(--line); border-radius: 4px; overflow: hidden; background: #fafcfd}
.li-page .li-related strong {display: flex; justify-content: space-between; align-items: center; padding: 8px; font-size: 15px}
.li-page .li-related a:hover strong {color: var(--blue)}
.li-page .li-related p {font-size: 12px; margin-top: 7px}
.li-page .li-closing {padding: 25px 0; background: linear-gradient(120deg,#e7f5ff,#f9fcff)}
.li-page .li-closing>.li-wrap {display: grid; grid-template-columns: 1.25fr .85fr .7fr; align-items: center; gap: 22px}
.li-page .li-closing h2 {font-size: clamp(29px,2.5vw,36px)}
.li-page .li-closing p:not(.li-label) {margin-top: 12px}
.li-page .li-actions {display: grid; gap: 10px}
@media(min-width:701px) and (max-width:1050px) {
  .li-page .li-fields {grid-template-columns: repeat(2,minmax(0,1fr))}
}
@media(max-width:800px) {
  .li-page .li-work-grid {grid-template-columns: .95fr 1.15fr}
  .li-page .li-archive {grid-column: 1/-1; display: grid; grid-template-columns: 70px 1fr 1.7fr; gap: 4px 20px; align-items: center}
  .li-page .li-archive img {grid-row: span 3; height: 85px; margin: 0}
  .li-page .li-archive h3,.li-page .li-archive p {margin: 0}
  .li-page .li-archive small {grid-column: 2/-1}
  .li-page .li-fields {grid-template-columns: 1fr 1fr}
  .li-page .li-related ul {grid-template-columns: repeat(3,minmax(0,1fr))}
}
@media(max-width:700px) {
  .li-page .li-wrap {width: calc(100% - 40px)}
  .li-page .li-hero-grid,.li-page .li-work-grid,.li-page .li-split,.li-page .li-identity-grid,.li-page .li-supply,.li-page .li-closing>.li-wrap,.li-page .li-paper {grid-template-columns: 1fr; gap: 16px}
  .li-page .li-entry .li-mineral {max-height: 175px}
  .li-page .li-hero-grid>div {padding: 20px 0 0}
  .li-page .li-benefits>.li-wrap {grid-template-columns: 1fr 1fr; gap: 9px}
  .li-page .li-benefits>.li-wrap>div {padding-inline: 8px; gap: 9px; font-size: 14px}
  .li-page .li-benefits>.li-wrap>div:nth-child(3) {border-left: 0; padding-left: 0}
  .li-page .li-photo img {aspect-ratio: 1.65}
  .li-page .li-archive {grid-template-columns: 68px 1fr; gap: 7px 15px}
  .li-page .li-archive img {grid-row: span 3}
  .li-page .li-archive p,.li-page .li-archive h3 {grid-column: 2}
  .li-page .li-archive small {grid-column: 1/-1}
  .li-page .li-tabs-identity button {min-height: 49px; font-size: 16px}
  .li-page .li-identity-grid .li-photo img {aspect-ratio: 1.7}
  .li-page p {font-size: 16px}
  .li-page .li-fields {grid-template-columns: 1fr; gap: 8px}
  .li-page .li-fields :is(input,select) {font-size: 16px}
  .li-page .li-paper {padding: 13px}
  .li-page .li-related ul {grid-template-columns: repeat(2,minmax(0,1fr))}
  .li-page .li-closing .li-mineral {max-height: 105px}
}
@media(prefers-reduced-motion:reduce) {.li-page * {scroll-behavior: auto !important}}