.sc-result,
.sc-flow {
  --sc-forest: #2d5f3f;
  --sc-white: #fff;
  --sc-ink: #1d1f22;
  --sc-t2: #6e7075;
  --sc-divider: #eaebed;
  --sc-success: #5a8a65;
  --sc-success-text: #4d7656;
  --sc-success-bg: #eaf2ec;
  --sc-warning: #c9a961;
  --sc-warning-text: #8a6a20;
  --sc-warning-bg: #fdf6e3;
  --sc-danger: #b85450;
  --sc-danger-bg: #fbedec;
  --sc-neutral-bg: #eff0f2;
  --sc-neutral-text: #6c6d72;

  
  --sc-radius: 16px;
  --sc-radius-sm: 12px;
  --sc-pad: 20px;
  
  --sc-ease: cubic-bezier(.22, 1, .36, 1);
  --sc-shadow: 0 1px 3px rgba(28, 30, 34, .04), 0 12px 32px rgba(28, 30, 34, .07);

  color: var(--sc-ink);
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.sc-card {
  background: var(--sc-white);
  border: 1px solid var(--sc-divider);
  border-radius: var(--sc-radius);
  padding: var(--sc-pad);
}

.sc-card--verdict {
  border-radius: 20px;
  padding: 22px;
  box-shadow: var(--sc-shadow);
}

.sc-result--enter .sc-card--verdict { animation: sc-rise .45s var(--sc-ease) both; }
@keyframes sc-rise {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}
@media (max-width: 430px) {
  .sc-card { padding: 17px; }
  .sc-card--verdict { padding: 18px; }
}

.sc-sr {
  position: absolute; width: 1px; height: 1px;
  margin: -1px; padding: 0; border: 0;
  clip-path: inset(50%); overflow: hidden; white-space: nowrap;
}

.sc-h {
  font-size: 12px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--sc-t2);
  font-weight: 600;
  margin: 0 0 10px;
}

.sc-notice {
  margin: 0;
  font-size: 12.5px;
  color: var(--sc-t2);
}

.sc-verdict-row {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}

.sc-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  flex: none;
}
.sc-dot--good { background: var(--sc-success); }
.sc-dot--caution { background: var(--sc-warning); }
.sc-dot--poor { background: var(--sc-danger); }
.sc-dot--cannot_assess { background: var(--sc-divider); }

.sc-verdict-title {
  font-size: clamp(20px, 3.6vw, 24px);
  font-weight: 600;
  letter-spacing: -0.018em;
  line-height: 1.22;
  margin: 0;
  text-wrap: balance;
}

.sc-stars {
  display: flex; align-items: center; gap: 4px;
  margin: 11px 0 0;
}
.sc-star {
  width: 19px; height: 19px; flex: none;
  fill: none; stroke: #C7CACE; stroke-width: 1.5; stroke-linejoin: round;
}
.sc-star.is-on { stroke: none; }
.sc-stars--good .sc-star.is-on { fill: var(--sc-success); }
.sc-stars--caution .sc-star.is-on { fill: var(--sc-warning); }
.sc-stars--poor .sc-star.is-on { fill: var(--sc-danger); }

.sc-result--enter .sc-star { animation: sc-star-in .26s var(--sc-ease) both; }
.sc-result--enter .sc-star:nth-child(2) { animation-delay: .04s; }
.sc-result--enter .sc-star:nth-child(3) { animation-delay: .08s; }
.sc-result--enter .sc-star:nth-child(4) { animation-delay: .12s; }
.sc-result--enter .sc-star:nth-child(5) { animation-delay: .16s; }
@keyframes sc-star-in {
  from { opacity: 0; transform: scale(.72); }
  to { opacity: 1; transform: none; }
}
.sc-score {
  margin-left: 8px;
  font-size: 13px; color: var(--sc-t2);
  font-variant-numeric: tabular-nums;
}

.sc-photo { margin: 0 0 14px; }
.sc-photo img {
  display: block; width: 100%; height: auto;
  aspect-ratio: 16 / 9; object-fit: cover;
  border-radius: 12px; background: #EDF1E8;
}

.sc-photo figcaption {
  margin-top: 7px;
  font-size: 11px; color: #74767B; line-height: 1.45;
}

.sc-sharebtn {
  flex: none; margin-left: auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px;
  border: 1px solid var(--sc-divider); border-radius: 10px;
  background: var(--sc-white); color: #4A4C50; cursor: pointer;
}
.sc-sharebtn:hover { border-color: #C9CCD1; background: #FAFBFA; }
.sc-sharebtn[aria-expanded="true"] {
  border-color: var(--sc-forest); color: var(--sc-forest); background: #F3F8F4;
}
.sc-sharebtn:focus-visible { outline: 2px solid var(--sc-forest); outline-offset: 2px; }

.sc-scope-line {
  margin: 6px 0 0;
  font-size: 10.5px; letter-spacing: .05em; text-transform: uppercase;
  color: var(--sc-t2);
}

.sc-scope {
  font-size: 11px;
  color: var(--sc-t2);
  border: 1px solid var(--sc-divider);
  border-radius: 999px;
  padding: 2px 8px;
  margin-left: auto;
  white-space: nowrap;
}

.sc-verdict-sub {
  color: var(--sc-t2);
  font-size: 13.5px;
  margin: 7px 0 0;
}

.sc-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 22px;
  margin-top: 16px;
}

.sc-fit-head {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 9px;
}

.sc-ico {
  width: 17px;
  height: 17px;
  flex: none;
  color: var(--sc-t2);
}

.sc-fit-label { font-size: 13.5px; }

.sc-track {
  position: relative;
  height: 6px;
  border-radius: 3px;
  background: var(--sc-divider);
}

.sc-band {
  position: absolute;
  left: 30%;
  right: 30%;
  top: 0;
  bottom: 0;
  border-radius: 3px;
  background: var(--sc-success-bg);
}

.sc-marker {
  position: absolute;
  top: -4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-left: -7px;
  border: 2px solid var(--sc-white);
  box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.05);
  --sc-marker-from: 0px;
}

.sc-result--enter .sc-marker { animation: sc-marker-in .5s var(--sc-ease) both; }
.sc-result--enter .sc-fit:nth-child(2) .sc-marker { animation-delay: .05s; }
.sc-result--enter .sc-fit:nth-child(3) .sc-marker { animation-delay: .1s; }
.sc-result--enter .sc-fit:nth-child(4) .sc-marker { animation-delay: .15s; }
@keyframes sc-marker-in {
  from { opacity: 0; transform: translateX(var(--sc-marker-from)) scale(.5); }
  to { opacity: 1; transform: none; }
}

.sc-marker--side-below { --sc-marker-from: 26px; }
.sc-marker--side-above { --sc-marker-from: -26px; }
.sc-marker--pass { background: var(--sc-success); }
.sc-marker--warn { background: var(--sc-warning); }
.sc-marker--fail { background: var(--sc-danger); }

.sc-fit-say {
  font-size: 11.5px;
  color: var(--sc-t2);
  margin: 7px 0 0;
}

.sc-kim-item {
  border-top: 1px solid var(--sc-divider);
  padding: 10px 0;
}
.sc-kim-item:first-child { border-top: 0; padding-top: 0; }

.sc-kim-item summary {
  cursor: pointer;
  font-size: 13.5px;
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
}
.sc-kim-item summary::-webkit-details-marker { display: none; }
.sc-kim-item summary::after {
  content: "›";
  margin-left: auto;
  color: var(--sc-t2);
  font-size: 16px;
  transform: rotate(90deg);
  transition: transform 0.15s ease;
}
.sc-kim-item[open] summary::after { transform: rotate(-90deg); }

.sc-kim-body {
  margin: 8px 0 0;
  font-size: 13px;
  color: var(--sc-t2);
}

.sc-pill {
  font-size: 10.5px;
  padding: 2px 7px;
  border-radius: 999px;
  font-weight: 600;
  flex: none;
}
.sc-pill--warn { background: var(--sc-warning-bg); color: var(--sc-warning-text); }
.sc-pill--fail { background: var(--sc-danger-bg); color: var(--sc-danger); }

.sc-measure {
  border-color: var(--sc-forest);
  background: #fbfdfb;
}
.sc-measure-title { font-size: 13.5px; font-weight: 600; margin: 0 0 4px; }
.sc-measure-body { font-size: 12.5px; color: var(--sc-t2); margin: 0; }

.sc-btn {
  display: inline-block;
  margin-top: 12px;
  background: var(--sc-forest);
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 17px;
  border-radius: var(--sc-radius-sm);
  transition: box-shadow .18s var(--sc-ease), transform .18s var(--sc-ease);
}
.sc-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(45, 95, 63, .22); }
.sc-btn:active { transform: scale(.985); }
.sc-btn:focus-visible { outline: 2px solid var(--sc-forest); outline-offset: 2px; }

.sc-backups { list-style: none; margin: 0; padding: 0; }

.sc-backup {
  display: flex;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px solid var(--sc-divider);
  font-size: 13.5px;
}
.sc-backup:first-child { border-top: 0; padding-top: 0; }

.sc-backup-rank {
  color: var(--sc-t2);
  font-variant-numeric: tabular-nums;
  flex: none;
  width: 16px;
}
.sc-backup-body { display: flex; flex-direction: column; }
.sc-backup-name { font-weight: 600; }
.sc-backup-why { color: var(--sc-t2); font-size: 12.5px; }

.sc-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 999px;
  font-weight: 600;
}
.sc-tag--safe { background: var(--sc-success-bg); color: var(--sc-success-text); }
.sc-tag--toxic { background: var(--sc-warning-bg); color: var(--sc-warning-text); }
.sc-tag--unknown { background: var(--sc-neutral-bg); color: var(--sc-neutral-text); }

@media (max-width: 420px) {
  .sc-grid { grid-template-columns: 1fr; gap: 16px; }
}

.sc-flow { display: flex; flex-direction: column; gap: 12px; color: var(--sc-ink); }

.sc-q {
  font-size: 13.5px;
  font-weight: 600;
  margin: 16px 0 8px;
}
.sc-q:first-of-type { margin-top: 0; }

.sc-hint {
  font-weight: 400;
  font-size: 12px;
  color: var(--sc-t2);
  margin-left: 6px;
}

.sc-input {
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  font-size: 15px;               
  padding: 12px 14px;
  border: 1px solid var(--sc-divider);
  border-radius: var(--sc-radius-sm);
  background: var(--sc-white);
  color: var(--sc-ink);
}
.sc-input:focus { outline: 2px solid var(--sc-forest); outline-offset: -1px; }

.sc-hits { list-style: none; margin: 10px 0 0; padding: 0; }

.sc-hit {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
  border-top: 1px solid var(--sc-divider);
  padding: 8px 2px;
  cursor: pointer;
  font: inherit;
  color: inherit;
}
.sc-hits li:first-child .sc-hit { border-top: 0; }
.sc-hit:hover { background: #fafbfa; }
.sc-hit-txt { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.sc-hit-name { font-size: 14px; font-weight: 600; }
.sc-hit-sci { font-size: 12px; color: var(--sc-t2); font-style: italic; }

.sc-thumb {
  width: 48px; height: 48px; flex: none;
  border-radius: 9px; object-fit: cover;
  background: #EDF1E8;
}
.sc-thumb--none {
  display: inline-flex; align-items: center; justify-content: center;
  color: #A9BBA6;
}
.sc-thumb-ico { width: 22px; height: 22px; }

.sc-nohit { margin: 12px 0 0; font-size: 13px; color: var(--sc-t2); }
.sc-nohit p { margin: 0; }
.sc-nohit-cta { margin-top: 4px !important; color: var(--sc-ink); font-weight: 600; }
.sc-nohit .sc-btn--big { margin-top: 12px; }

.sc-dealbreaker {
  margin: 10px 0 0;
  padding-left: 11px;
  border-left: 2px solid var(--sc-divider);
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--sc-t2);
}

.sc-petsafe-note { margin: 8px 0 0; font-size: 11.5px; color: var(--sc-t2); }

.sc-chosen {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
}
.sc-chosen .sc-thumb { flex: none; width: 46px; height: 46px; }
.sc-chosen-txt { display: flex; flex-direction: column; gap: 1px; min-width: 0; flex: 1; }
.sc-chosen-label {
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--sc-t2);
}
.sc-chosen-name {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  
  overflow-wrap: anywhere;
}
.sc-chosen-sci {
  font-size: 12px;
  font-style: italic;
  color: var(--sc-t2);
  overflow-wrap: anywhere;
}
.sc-chosen-acts { display: flex; align-items: center; gap: 8px; flex: none; }
.sc-chosen-btn {
  font: inherit;
  font-size: 12.5px;
  font-weight: 600;
  padding: 7px 13px;
  border-radius: 999px;
  border: 1px solid var(--sc-forest);
  background: var(--sc-white);
  color: var(--sc-forest);
  cursor: pointer;
  white-space: nowrap;
}
.sc-chosen-btn:hover { background: var(--sc-success-bg); }

.sc-chosen-btn--quiet {
  border-color: transparent;
  font-weight: 500;
  color: var(--sc-t2);
  padding-inline: 6px;
}
.sc-chosen-btn--quiet:hover { background: var(--sc-neutral-bg); color: var(--sc-ink); }
.sc-chosen-btn:focus-visible {
  outline: 2px solid var(--sc-forest);
  outline-offset: 2px;
}

@media (max-width: 430px) {
  .sc-chosen { flex-wrap: wrap; }
  .sc-chosen-txt { flex-basis: calc(100% - 58px); }
  .sc-chosen-acts { width: 100%; justify-content: flex-end; }
}

.sc-chips { display: flex; flex-wrap: wrap; gap: 8px; }

.sc-chip {
  display: inline-flex; align-items: center; gap: 6px;
  font: inherit;
  font-size: 13px;
  padding: 7px 13px;
  border-radius: 999px;
  border: 1px solid var(--sc-divider);
  background: var(--sc-white);
  color: var(--sc-ink);
  cursor: pointer;
}
.sc-chip-ico { width: 16px; height: 16px; flex: none; }
.sc-chip:hover { border-color: #d8dade; }
.sc-chip.is-on {
  background: var(--sc-forest);
  border-color: var(--sc-forest);
  color: #fff;
  font-weight: 600;
}
.sc-chip:focus-visible { outline: 2px solid var(--sc-forest); outline-offset: 2px; }

.sc-scale { margin-top: 2px; touch-action: pan-y; }

.sc-scale input[type="range"] {
  width: 100%;
  height: 34px;
  margin: 0;
  padding: 0;
  accent-color: var(--sc-forest);
  background: transparent;
  position: relative;
  z-index: 1;
  touch-action: pan-y;
  cursor: pointer;
}

.sc-scale--sun input[type="range"] { -webkit-appearance: none; appearance: none; }

.sc-scale--sun input[type="range"]::-webkit-slider-runnable-track {
  height: 6px; border-radius: 999px;
  background: linear-gradient(90deg, #C9CEC9 0%, #E4E2CF 38%, #F2E4AE 68%, #F7D779 100%);
}
.sc-scale--sun input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  width: 20px; height: 20px; border-radius: 50%;
  background: var(--sc-forest); border: 3px solid #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.22); cursor: pointer;
  margin-top: -7px;                     
}
.sc-scale--sun input[type="range"]::-moz-range-track {
  height: 6px; border-radius: 999px;
  background: linear-gradient(90deg, #C9CEC9 0%, #E4E2CF 38%, #F2E4AE 68%, #F7D779 100%);
}
.sc-scale--sun input[type="range"]::-moz-range-thumb {
  width: 16px; height: 16px; border-radius: 50%;
  background: var(--sc-forest); border: 3px solid #fff; cursor: pointer;
}

.sc-scale.is-unset input[type="range"] { opacity: .45; }
.sc-scale.is-unset .sc-valline { color: var(--sc-t2); font-style: italic; }
.sc-scale.is-unset .sc-valline .sc-ico { color: var(--sc-t2); }

.sc-ticks {
  display: flex; justify-content: space-between;
  padding: 0 8px; margin-top: -7px;     
}
.sc-ticks i { width: 1px; height: 5px; background: #DDE0DD; }

.sc-anchors {
  display: flex; justify-content: space-between;
  font-size: 11.5px; color: var(--sc-t2); margin-top: 2px;
}

.sc-valline {
  display: flex; align-items: center; gap: 7px;
  margin-top: 5px;
  font-size: 13px; color: var(--sc-ink);
  font-variant-numeric: tabular-nums;
}
.sc-valline .sc-ico { color: var(--sc-forest); }

.sc-compass { margin-top: 20px; }

.sc-dialwrap {
  display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
}

.sc-dial {
  flex: none; cursor: grab; touch-action: none;
  border-radius: 50%;
  -webkit-tap-highlight-color: transparent;
}
.sc-dial:active { cursor: grabbing; }
.sc-dial:focus-visible { outline: 2px solid var(--sc-forest); outline-offset: 3px; }

.sc-dial-face { fill: #FCFDFC; stroke: #E6E8E6; stroke-width: 1.5; }
.sc-dial-ticks line { stroke: #DCDFDC; stroke-width: 1.4; }
.sc-dial-n { font-size: 13px; font-weight: 700; fill: #4A4C50; text-anchor: middle; }

.sc-dial-c { font-size: 12.5px; fill: #6E7075; text-anchor: middle; }
.sc-dial-hubring { fill: #fff; stroke: var(--sc-forest); stroke-width: 2.5; }
.sc-dial-hub { fill: var(--sc-forest); }

.sc-needle { transition: transform .12s ease-out; }
.sc-needle-a { fill: var(--sc-forest); }
.sc-needle-b { fill: #D9DBDD; }

.sc-needle.is-off { opacity: .28; }

.sc-dial-wind path { stroke: #6F88A6; stroke-width: 2; stroke-linecap: round; fill: none; }
.sc-dial-windhead { fill: #6F88A6; stroke: none; }
.sc-dial-windtxt { font-size: 10px; fill: #56708C; text-anchor: middle; letter-spacing: .08em; }

.sc-dial-read { flex: 1 1 140px; min-width: 0; }
.sc-dial-card { display: block; font-size: 26px; line-height: 1.15; letter-spacing: -.01em; }

.sc-dial-card.is-off { font-size: 15px; font-weight: 500; color: var(--sc-t2); }
.sc-dial-deg { font-size: 13px; color: var(--sc-t2); font-variant-numeric: tabular-nums; }
.sc-dial-hint { margin: 8px 0 0; font-size: 12px; color: var(--sc-t2); line-height: 1.5; }
.sc-dial-row { display: flex; align-items: center; gap: 12px; margin-top: 10px; flex-wrap: wrap; }

.sc-dial-phone { margin: 8px 0 0; font-size: 11.5px; color: var(--sc-t2); line-height: 1.5; }

.sc-btn--ghost {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--sc-white); color: var(--sc-forest);
  border: 1px solid var(--sc-divider); padding: 8px 13px; font-size: 13px;
}
.sc-btn--ghost:hover { border-color: #C9CCD1; }

.sc-linkbtn {
  font: inherit; font-size: 12.5px;
  background: none; border: 0; padding: 0;
  color: var(--sc-t2); text-decoration: underline; cursor: pointer;
}
.sc-linkbtn:hover { color: var(--sc-ink); }

.sc-note { margin: 12px 0 0; font-size: 12px; color: var(--sc-t2); line-height: 1.55; }

@media (max-width: 440px) {
  .sc-dialwrap { flex-direction: column; gap: 4px; }
  .sc-dial svg { width: 150px; height: 150px; }
  .sc-dial-read { flex: none; width: 100%; text-align: center; }
  .sc-dial-row { justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .sc-needle { transition: none; }
}

.sc-loc { margin: 0 0 10px; font-size: 13px; color: var(--sc-t2); }
.sc-loc:last-child { margin-bottom: 0; }

.sc-page {
  max-width: 620px;
  margin: 0 auto;
  padding: 44px 20px 80px;
}

.sc-eyebrow {
  display: block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #8A6A20;
  margin: 0 0 12px;
}

.sc-title {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(27px, 5vw, 36px);
  line-height: 1.14;
  letter-spacing: -0.015em;
  margin: 0 0 22px;
  text-wrap: balance;
}

.sc-lede {
  font-size: 15px;
  line-height: 1.6;
  color: #6e7075;
  margin: 0 0 24px;
}

.sc-browse {
  margin: 28px 0 0;
  font-size: 13px;
  color: #6e7075;
}
.sc-browse a {
  display: inline-block;
  margin: 4px 8px 0 0;
  color: #2d5f3f;
}

.sc-cmp-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 -4px; }
.sc-cmp table { width: 100%; border-collapse: collapse; font-size: 13.5px; }

.sc-cmp thead th {
  padding: 10px 10px 11px;
  border-bottom: 1px solid var(--sc-divider);
  font-size: 10.5px;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--sc-t2);
  font-weight: 600;
  text-align: center;
  vertical-align: bottom;
  white-space: nowrap;
}
.sc-cmp thead th:first-child { width: auto; }
.sc-cmp thead th span { display: block; font-size: 10px; letter-spacing: .02em;
  text-transform: none; font-weight: 400; margin-top: 2px; }
.sc-cmp .is-app { background: #F6FAF7; }
.sc-cmp thead th.is-app { color: #4D7656; }

.sc-cmp tbody td { padding: 11px 10px; border-bottom: 1px solid var(--sc-divider);
  vertical-align: middle; line-height: 1.45; }
.sc-cmp td.sc-cmp-f { color: var(--sc-ink); font-weight: 500; }
.sc-cmp td.sc-cmp-c { text-align: center; width: 92px; }
.sc-cmp tbody tr:last-child td { border-bottom: 0; }

.sc-cmp tr.sc-cmp-grp td {
  padding: 16px 10px 6px;
  border-bottom: 1px solid var(--sc-divider);
  font-size: 10px;
  letter-spacing: .11em;
  text-transform: uppercase;
  color: #8A6A20;
  font-weight: 700;
  background: none;
}

.sc-tick {
  display: inline-block; width: 21px; height: 21px; line-height: 21px;
  border-radius: 50%; background: #EAF2EC; color: var(--sc-forest);
  font-weight: 700; font-size: 12.5px;
}
.sc-tick.is-app { background: var(--sc-forest); color: #fff; }

.sc-dash { color: var(--sc-t2); font-size: 15px; }
.sc-est {
  display: block; margin-top: 3px;
  font-size: 9.5px; font-weight: 700; letter-spacing: .04em; color: #8A6A20;
}
.sc-est.is-app { color: #4D7656; }

.sc-btn--big {
  display: block; width: 100%; text-align: center;
  margin-top: 16px; padding: 13px 16px; font-size: 15px;
}

.sc-fold { border-top: 1px solid #eaebed; }
.sc-fold > summary {
  list-style: none; cursor: pointer;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 18px 2px;
  font-size: 16px; font-weight: 600; letter-spacing: -.01em; color: #1d1f22;
}
.sc-fold > summary::-webkit-details-marker { display: none; }

.sc-fold > summary::after {
  content: ''; flex: none;
  width: 8px; height: 8px;
  border-right: 1.6px solid #6e7075; border-bottom: 1.6px solid #6e7075;
  transform: rotate(45deg) translate(-2px, -2px);
  transition: transform .18s var(--sc-ease, cubic-bezier(.22, 1, .36, 1));
}
.sc-fold[open] > summary::after { transform: rotate(225deg) translate(-2px, -2px); }
.sc-fold > summary:hover { color: #2d5f3f; }
.sc-fold > summary:focus-visible { outline: 2px solid #2d5f3f; outline-offset: 2px; border-radius: 6px; }
.sc-fold-body { padding-bottom: 10px; }

.sc-fold-body > :first-child { margin-top: 0; }

html { overscroll-behavior-x: none; }

.sc-share {
  margin: 12px 0 4px;
  padding: 12px;
  border: 1px solid var(--sc-divider); border-radius: 12px;
  background: #FAFBFA;
}
.sc-share-note { margin: 9px 0 0; font-size: 11.5px; color: var(--sc-t2); line-height: 1.5; }

.sc-sharedin {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  margin: 0 0 12px; padding: 10px 13px;
  border: 1px solid #DCE7DE; border-radius: 11px;
  background: #F3F8F4;
  font-size: 13px; color: var(--sc-ink);
}
.sc-sharedin .sc-linkbtn { color: var(--sc-forest); font-size: 13px; font-weight: 600; }

.sc-sharerow { display: flex; gap: 8px; flex-wrap: wrap; }
.sc-sbtn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 42px; height: 42px; flex: none;
  border: 1px solid var(--sc-divider); border-radius: 11px;
  background: var(--sc-white); color: #4A4C50; cursor: pointer;
  text-decoration: none; font: inherit;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.sc-sbtn:hover { border-color: #C9CCD1; background: #FAFBFA; }
.sc-sbtn:active { transform: scale(.94); }
.sc-sbtn:focus-visible { outline: 2px solid var(--sc-forest); outline-offset: 2px; }
.sc-sbtn--wide { width: auto; padding: 0 14px; gap: 7px; font-size: 13px; font-weight: 500; color: var(--sc-ink); }
.sc-sbtn[hidden] { display: none; }

@media (prefers-reduced-motion: reduce) {
  .sc-sbtn, .sc-sbtn:active { transition: none; transform: none; }
  
  .sc-result--enter .sc-card--verdict,
  .sc-result--enter .sc-star,
  .sc-result--enter .sc-marker { animation: none; }
  .sc-btn, .sc-btn:hover, .sc-btn:active { transition: none; transform: none; }
}