/* Sweats fixes: loaded by server.js after the page so a stale editor copy of index.html can't undo them */
@media (max-width: 700px) {
      html body .license-studio .exclusive-license-placeholder span { font-size: 0 !important; margin-top: 4px !important; line-height: 1.08 !important; }
      html body .license-studio .exclusive-license-placeholder span::after { content: 'EXCLUSIVE' !important; font-size: .6875rem !important; font-weight: 900 !important; letter-spacing: 0 !important; color: var(--ink) !important; }
      html body .license-studio .exclusive-license-placeholder::after { content: 'Make offer' !important; font-size: .656rem !important; font-weight: 750 !important; color: var(--muted) !important; line-height: 1.2 !important; white-space: nowrap; }
      html body .license-studio .studio-choice-panel .exclusive-license-placeholder { overflow: hidden; }
      html body #licenseModal .modal-exclusive span { margin-top: 4px !important; line-height: 1.08 !important; }
      html body #licenseModal .modal-exclusive span::after { content: "EXCLUSIVE" !important; font-size: .6875rem !important; font-weight: 900; letter-spacing: 0 !important; color: var(--ink); white-space: nowrap; }
      html body #licenseModal .modal-exclusive { min-width: 0 !important; overflow: hidden; gap: 3px !important; }
      html body #licenseModal .modal-exclusive small { margin: 0 !important; line-height: 11px !important; }
      html body #licenseModal .modal-exclusive small::after { line-height: 11px !important; }
}
/* no grey outline around the add-to-cart pop-up */
html body #licenseModal { border: 0 !important; }

/* Licensing section on desktop: compact layout (one info card + one buy card), scales with the section width */
@media (min-width: 701px) {
  html body .license-studio { container-type: inline-size; container-name: studio; }
  html body:not(.storefront-compact) .license-studio .recommend-details { grid-template-columns: repeat(3, minmax(min-content, 1fr)) minmax(min-content, 1.5fr) clamp(250px, 31.5cqw, 340px); grid-template-rows: auto auto auto; column-gap: 0; }
  html body:not(.storefront-compact) .license-studio .recommend-details::before { grid-column: 1 / 5; grid-row: 1 / 4; margin-right: 16px; }
  html body:not(.storefront-compact) .license-studio .recommend-details::after { grid-column: 5; grid-row: 1 / 4; }
  html body:not(.storefront-compact) .license-studio .recommend-main > div:first-child { grid-column: 1 / 5; }
  html body:not(.storefront-compact) .license-studio .recommend-price { grid-column: 5; justify-self: center; margin: 22px 24px 0 !important; font-size: clamp(2rem, 4.2cqw, 2.75rem); }
  html body:not(.storefront-compact) .license-studio .recommend-summary { font-size: clamp(.78rem, 1.3cqw, .875rem); }

  html body:not(.storefront-compact) .license-studio .recommend-details > .studio-mobile-rights, html body:not(.storefront-compact) .license-studio .recommend-details > .studio-mobile-stats { display: none !important; }
  /* usage row: label on top, big number level with the file checks */
  html body:not(.storefront-compact) .license-studio .recommend-details > .studio-feature-list { display: contents; }
  html body:not(.storefront-compact) .license-studio .studio-feature-list::before { content: ""; display: block; grid-column: 1 / 5; grid-row: 2; align-self: start; height: 1px; margin: 18px 24px 0; padding: 0; background: var(--line); font-size: 0; }
  html body:not(.storefront-compact) .license-studio .studio-feature-list .studio-feature { grid-row: 2; margin: 19px 0 18px; padding: 16px 20px 0 0; min-width: 0; display: block; }
    html body:not(.storefront-compact) .license-studio .studio-feature-list .studio-feature:nth-child(n+4) { display: none; }
html body:not(.storefront-compact) .license-studio .studio-feature-list .studio-feature:nth-child(1) { grid-column: 1; margin-left: 24px; }
  html body:not(.storefront-compact) .license-studio .studio-feature-list .studio-feature:nth-child(2) { grid-column: 2; }
  html body:not(.storefront-compact) .license-studio .studio-feature-list .studio-feature:nth-child(3) { grid-column: 3; }
  html body:not(.storefront-compact) .license-studio .studio-feature-list .studio-feature > div { display: flex; flex-direction: column-reverse; min-width: 0; }
  html body:not(.storefront-compact) .license-studio .studio-feature-list .studio-feature span { margin: 0; color: var(--muted); font-size: .625rem; font-weight: 800; letter-spacing: .14em; line-height: 1.3; text-transform: uppercase; white-space: nowrap; }
  html body:not(.storefront-compact) .license-studio .studio-feature-list .studio-feature strong { display: flex; align-items: center; min-height: 26px; margin-top: 6px; font-size: clamp(1.1rem, 2.3cqw, 1.5rem); font-weight: 900; line-height: 1.1; white-space: nowrap; }
  html body:not(.storefront-compact) .license-studio .recommend-details > .studio-files { grid-column: 4; grid-row: 2; margin: 19px 24px 18px 0; padding: 16px 0 0 clamp(16px, 2.6cqw, 28px); border-top: 0; border-left: 1px solid var(--line); gap: 0; }
  html body:not(.storefront-compact) .license-studio .studio-files-label { color: var(--muted); font-size: .625rem; font-weight: 800; letter-spacing: .14em; line-height: 1.3; }
  html body:not(.storefront-compact) .license-studio .studio-files-list { margin-top: 6px; min-height: 26px; gap: clamp(10px, 1.4cqw, 14px); }
  html body:not(.storefront-compact) .license-studio .studio-file-check { font-size: clamp(.82rem, 1.3cqw, .9rem); gap: 4px; }
  html body:not(.storefront-compact) .license-studio .studio-file-check svg { width: 14px; height: 14px; }

  /* key terms live inside the info card */
  html body:not(.storefront-compact) .license-studio .recommend-details > .studio-key-terms { grid-column: 1 / 5; grid-row: 3; margin: 0 24px 20px; padding: 16px 0 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; grid-template-columns: 1.3fr 1fr 1fr 1.3fr; gap: 12px 16px; }
  html body:not(.storefront-compact) .license-studio .studio-key-term:nth-child(4) { display: none; }
  html body:not(.storefront-compact) .license-studio .studio-key-term { min-width: 0; }
  html body:not(.storefront-compact) .license-studio .studio-key-term strong { font-size: clamp(.78rem, 1.3cqw, .9rem); white-space: normal; overflow-wrap: anywhere; line-height: 1.25; }
  html body:not(.storefront-compact) .license-studio .studio-key-term span { font-size: .59rem; }

  /* Exclusive Rights: one compact centered bar, no dead space either side */
  html body:not(.storefront-compact) .license-studio .studio-choice-panel .exclusive-license-placeholder { grid-column: 1 / -1; justify-self: center; width: fit-content !important; min-height: 0 !important; height: auto !important; display: flex !important; flex-direction: row; align-items: center; gap: 14px !important; padding: 10px 14px 10px 20px !important; margin: 4px auto 0; border-style: dashed; }
  html body:not(.storefront-compact) .license-studio .studio-choice-panel .exclusive-license-placeholder span { font-size: .875rem; font-weight: 900; white-space: nowrap; }
  html body:not(.storefront-compact) .license-studio .studio-choice-panel .exclusive-license-placeholder small { font-size: .78rem; white-space: nowrap; }
  html body:not(.storefront-compact) .license-studio .studio-choice-panel .exclusive-license-placeholder::after { content: "Make an Offer" !important; display: inline-flex !important; align-items: center; padding: 6px 14px; border: 1px solid var(--red); border-radius: 999px; color: var(--red); font-size: .75rem; font-weight: 800; white-space: nowrap; position: static; }

  /* buy card: price centered over the buttons */
  html body:not(.storefront-compact) .license-studio .recommend-details > .studio-action-row { grid-column: 5; grid-row: 2 / 4; margin: 18px 24px 0; }
  html body:not(.storefront-compact) .license-studio .recommend-details > .recommend-trust { grid-column: 5; grid-row: 3; align-self: end; margin: 0 24px 16px; gap: 4px 12px; }
}
@container studio (max-width: 1060px) {
  html body:not(.storefront-compact) .license-studio .recommend-details { grid-template-columns: repeat(3, minmax(0, 1fr)) 0 clamp(250px, 31.5cqw, 340px); grid-template-rows: auto auto auto auto auto; }
  html body:not(.storefront-compact) .license-studio .recommend-details::before,
  html body:not(.storefront-compact) .license-studio .recommend-details::after { grid-row: 1 / 6; }
  html body:not(.storefront-compact) .license-studio .recommend-details > .studio-files { grid-column: 1 / 5; grid-row: 3; margin: 0 24px 16px; padding: 14px 0 0; border-left: 0; border-top: 1px solid var(--line); }
  html body:not(.storefront-compact) .license-studio .recommend-details > .studio-key-terms { grid-row: 4; }
  html body:not(.storefront-compact) .license-studio .recommend-details > .studio-action-row { grid-row: 2 / 5; }
  html body:not(.storefront-compact) .license-studio .recommend-details > .recommend-trust { grid-row: 5; }
  html body:not(.storefront-compact) .license-studio .studio-choice-panel .intent-button { padding: 12px !important; }
}
@container studio (max-width: 780px) {
  html body:not(.storefront-compact) .license-studio .studio-feature-list .studio-feature:nth-child(1) span { font-size: 0; }
  html body:not(.storefront-compact) .license-studio .studio-feature-list .studio-feature:nth-child(1) span::after { content: "UNITS"; font-size: .625rem; }
  html body:not(.storefront-compact) .license-studio .studio-feature-list .studio-feature span { letter-spacing: .1em; }
  /* narrow: fold everything into one tight block */
  html body:not(.storefront-compact) .license-studio .recommend-main > div:first-child { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 16px; align-items: center; }
  html body:not(.storefront-compact) .license-studio .recommended-label { grid-column: 1 / -1; }
  html body:not(.storefront-compact) .license-studio .recommend-title { grid-column: 1; grid-row: 2; margin: 0; font-size: clamp(1.4rem, 3.6cqw, 1.875rem); }
  html body:not(.storefront-compact) .license-studio .recommend-summary { grid-column: 2; grid-row: 2; align-self: end; height: auto !important; margin: 0 !important; padding-bottom: 3px; text-align: right; white-space: normal !important; overflow: visible !important; line-height: 1.25 !important; font-size: .7rem !important; }
  html body:not(.storefront-compact) .license-studio .recommend-details > .studio-files { grid-column: 1 / 3; grid-row: 3; margin: 0 0 0 24px; padding: 14px 8px 12px 0; }
  html body:not(.storefront-compact) .license-studio .recommend-details > .studio-key-terms { display: contents; }
  html body:not(.storefront-compact) .license-studio .studio-key-term { padding: 0 12px 12px 0; }
  html body:not(.storefront-compact) .license-studio .studio-key-term:nth-child(1) { grid-column: 1 / 3; grid-row: 4; margin-left: 24px; }
  html body:not(.storefront-compact) .license-studio .studio-key-term:nth-child(2) { grid-column: 3; grid-row: 4; }
  html body:not(.storefront-compact) .license-studio .studio-key-term:nth-child(3) { grid-column: 3; grid-row: 3; margin-right: 24px; padding: 14px 0 12px; border-top: 1px solid var(--line); align-self: start; }
  html body:not(.storefront-compact) .license-studio .studio-key-term:nth-child(5) { grid-column: 1 / 5; grid-row: 5; margin: 0 24px 18px; padding: 0; display: flex; align-items: baseline; gap: 8px; min-width: 0; }
  html body:not(.storefront-compact) .license-studio .studio-key-term:nth-child(5) strong { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  html body:not(.storefront-compact) .license-studio .studio-key-term strong { font-size: .8rem; }
}

/* License type cards (desktop): the license type is the big bold line, the goal is the small line under it, then the price */
@media (min-width: 701px) {
  html body .license-studio .studio-choice-panel .intent-tabs { gap: 12px !important; }
  html body .license-studio .studio-choice-panel .intent-button { height: auto !important; min-height: 0 !important; padding: 14px 16px 14px !important; gap: 0 !important; justify-content: flex-start !important; align-items: flex-start !important; text-align: left !important; }
  html body .license-studio .studio-choice-panel .intent-button .studio-intent-format { order: 1; display: block !important; color: var(--ink) !important; font-size: clamp(1.05rem, 2.6cqw, 1.35rem) !important; font-weight: 900 !important; letter-spacing: -.01em !important; text-transform: none !important; line-height: 1.1 !important; }
  html body .license-studio .studio-choice-panel .intent-button .studio-intent-goal { order: 2; display: block !important; margin-top: 4px; color: var(--muted) !important; font-size: clamp(.72rem, 1.7cqw, .84rem) !important; font-weight: 700 !important; line-height: 1.25 !important; min-height: 0 !important; }
  html body .license-studio .studio-choice-panel .intent-button .studio-intent-bestfor { display: none !important; }
  html body .license-studio .studio-choice-panel .intent-button .studio-intent-price { order: 3; margin-top: 10px !important; font-size: clamp(1.05rem, 2.6cqw, 1.35rem) !important; }
  html body .license-studio .studio-choice-panel .intent-button.active .studio-intent-format { color: var(--red) !important; }
}