/* Mobile calculator disclosure marker: use the expanded-state downward arrow
   in both closed and open states. Desktop keeps the native marker. */
@media (max-width: 600px) {
  .autonomy-details > summary {
    list-style: none;
  }

  .autonomy-details > summary::-webkit-details-marker {
    display: none;
  }

  .autonomy-details > summary::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 6px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid currentColor;
    vertical-align: middle;
    transform: translateY(-1px);
  }
}

/* Keep the two estimate metrics inside their cards on 320–374px screens. */
@media (max-width: 374px) {
  #calculator .calc-result > .grid.grid-cols-2.gap-4.mb-7 {
    gap: 8px;
  }

  #calculator .calc-result > .grid.grid-cols-2.gap-4.mb-7 > .stone-milk {
    min-width: 0;
    padding: 8px;
  }

  #calculator .calc-result > .grid.grid-cols-2.gap-4.mb-7 > .stone-milk > .relief-label {
    min-width: 0;
    font-size: 9.5px;
    line-height: 1.4;
    letter-spacing: 0.06em;
  }
}