/* The existing editor controls and product slot form one mobile studio.
   The unenhanced page and desktop layout keep their original structure. */
@media (max-width: 760px) {
  #su-misura[data-label-studio="ready"] { gap: 0; }
  #su-misura[data-label-studio="ready"] .label-copy { width: 100%; }
  #su-misura[data-label-studio="ready"] .label-copy > h2 { margin-bottom: 16px; }
  #su-misura[data-label-studio="ready"] .label-copy > p:not(.eyebrow):not(.label-formats) { margin-bottom: 22px; }
  #su-misura .label-studio {
    margin: 24px 0 20px;
    min-width: 0;
    scroll-margin-top: 70px;
    border: 1px solid #163e4260;
    background: var(--paper);
  }
  #su-misura .label-studio .label-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin: 0;
    padding: 10px;
    border: 0;
  }
  #su-misura .label-studio .label-tabs button {
    min-width: 0;
    min-height: 48px;
    padding: 10px 4px;
    border: 1px solid #163e4250;
    background: var(--paper);
    color: var(--ink);
    font-size: .75rem;
    line-height: 1.3;
  }
  #su-misura .label-studio .label-tabs button[aria-selected="true"] {
    background: var(--ink);
    border-color: var(--ink);
    color: var(--paper);
  }
  #su-misura .label-studio .label-tabs button:focus-visible {
    outline: 2px solid var(--ink);
    outline-offset: 2px;
  }
  #su-misura .label-studio .label-stage {
    min-height: 390px;
    height: 390px;
    padding: 12px 14px;
    border: 0;
  }
  #su-misura .label-studio .label-stage-heading {
    font-size: .5rem;
    letter-spacing: .06em;
  }
  #su-misura .label-studio .label-mockup {
    display: grid;
    grid-template-rows: 28px 24px 72px 28px 54px 24px;
    gap: 4px;
    align-content: center;
    justify-items: center;
    top: 32px;
    left: 6%;
    width: 43%;
    height: 290px;
    min-height: 0;
    box-sizing: border-box;
    padding: 12px 10px;
    transform: rotate(-1.25deg);
    box-shadow: 0 8px 16px #163e4214;
  }
  #su-misura .label-studio .label-brand { width: 65px; height: 28px; margin: 0; }
  #su-misura .label-studio .label-preview-kicker {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    height: 24px;
    font-size: .42rem;
    line-height: 1.4;
    letter-spacing: .09em;
  }
  #su-misura .label-studio .label-preview-name {
    --label-name-size: 1.125rem;
    height: 72px;
    min-height: 72px;
    margin: 0;
    font-size: var(--label-name-fit, var(--label-name-size));
  }
  #su-misura .label-studio .label-preview-subtitle {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    height: 28px;
    font-size: .45rem;
    line-height: 1.4;
  }
  #su-misura .label-studio .label-pumo { width: 54px; height: 54px; margin: 0; }
  #su-misura .label-studio .label-preview-foot {
    margin: 0;
    align-self: center;
    font-size: .35rem;
    line-height: 1.5;
    letter-spacing: .03em;
  }
  #su-misura .label-studio .product-slot-label {
    top: 28px;
    right: 5%;
    width: 44%;
    height: 294px;
  }
  #su-misura .label-studio .product-slot-label .product-fallback { padding: 0 4px; }
  #su-misura .label-studio .label-illustration-note {
    left: 14px;
    right: 14px;
    bottom: 12px;
    max-width: none;
    font-size: .625rem;
    line-height: 1.45;
  }
  #su-misura .label-studio .label-name {
    margin: 0;
    padding: 12px 14px 14px;
    border-top: 1px solid #163e4228;
    border-bottom: 1px solid #163e4228;
    gap: 6px;
    font-size: .7rem;
    line-height: 1.4;
  }
  #su-misura .label-studio .label-name input {
    width: 100%;
    min-height: 48px;
    padding: 10px 11px;
    font-size: 1rem;
  }
  #su-misura[data-label-studio="ready"] #label-panel {
    min-height: 132px;
    margin: 0 0 14px;
  }
  #su-misura[data-label-studio="ready"] #label-panel h3 { margin-bottom: 10px; }
  #su-misura[data-label-studio="ready"] .label-formats { margin-bottom: 16px; }
  #su-misura[data-label-studio="ready"] .label-actions { gap: 10px; }

  /* Equal rows keep the seven original evidence cards and product anchors.
     Fractional rows expand together if enlarged text needs additional room. */
  #riconoscimenti .awards-grid.awards-journey {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: 1fr;
    gap: 0;
    margin-top: 22px;
  }
  #riconoscimenti .awards-grid .award-chapter {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(80px, .6fr);
    gap: 16px;
    align-items: center;
    min-height: 300px;
    margin: 0;
    padding: 18px 0;
    border: 0;
    border-top: 1px solid var(--line);
  }
  #riconoscimenti .award-editorial { border: 0; padding: 0; min-width: 0; }
  #riconoscimenti .award-index { font-size: .625rem; letter-spacing: .1em; }
  #riconoscimenti .award-evidence {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin-top: 12px;
    justify-items: start;
  }
  #riconoscimenti .award-proof { max-width: 112px; }
  #riconoscimenti .award-proof > img { width: 112px; max-width: 100%; height: 79px; }
  #riconoscimenti .award-proof > span { margin-top: 6px; font-size: .65rem; line-height: 1.4; }
  #riconoscimenti .award-official-logo { width: 112px; height: 79px; justify-self: start; }
  #riconoscimenti .awards-grid .award-evidence h3 { font-size: 1.22rem; line-height: 1.2; margin: 0 0 8px; }
  #riconoscimenti .awards-grid .award-result { font-size: .8125rem; line-height: 1.4; margin: 0 0 4px; }
  #riconoscimenti .awards-grid .award-detail { font-size: .7rem; line-height: 1.4; margin: 0; }
  #riconoscimenti .award-evidence .text-link { font-size: .7rem; margin-top: 7px; }
  #riconoscimenti .product-slot-award { width: 100%; height: 270px; max-width: none; margin: 0; }
  #riconoscimenti .product-slot-award .product-fallback { padding: 0 3px; }
}