/* =====================================================================
   LOUIE DESIGN · PC DELIVERY FINISH · STAGE 11-8
   MICRO UI SYSTEM — numbers / badges / small icons / chips only
   Scope: desktop >= 901px. No layout, card geometry, typography body,
   media, CTA, header, QR rail, footer or mobile changes.
   ===================================================================== */
@media (min-width:901px){
  /* Shared numeric rendering: prevent mixed-width digits from looking off-axis. */
  .inquiry-page :is(.inquiry-brief article>b,.inquiry-rule-grid article>b),
  .inquiry-page .inquiry-board__row::before,
  .pricex-page :is(.pricex-category>header>b,.pricex-intro__level>b,.pricex-card__visual>span),
  :is(.services-page--th,.services-page--vi,.services-page--ko) :is(.services-card__visual-no,.services-cta__steps b),
  :is(.production-page--th,.production-page--vi,.production-page--ko).whyx-page :is(.whyx-industry-card>b,.whyx-flow-grid b){
    font-variant-numeric:tabular-nums!important;
    font-feature-settings:"tnum" 1!important;
  }

  /* INQUIRY — card numbers use one visual tier; queue status stays compact. */
  .inquiry-page .inquiry-brief article>b,
  .inquiry-page .inquiry-rule-grid article>b{
    width:40px!important;
    min-width:40px!important;
    font-size:28px!important;
    line-height:1!important;
    letter-spacing:-.035em!important;
  }
  .inquiry-page .inquiry-board__row::before{
    font-size:19px!important;
    line-height:1!important;
    letter-spacing:-.025em!important;
  }
  .inquiry-page .inquiry-board__type{
    min-width:48px!important;
    height:24px!important;
    padding:0 9px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* PRICE — keep hierarchy, but make all A/B and 01/02/03 markers geometrically exact. */
  .pricex-page .pricex-category>header>b{
    display:block!important;
    width:58px!important;
    min-width:58px!important;
    font-size:44px!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
  }
  .pricex-page .pricex-intro__level>b{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    line-height:1!important;
  }
  .pricex-page .pricex-card__visual>span,
  .pricex-page #price-profile .pricex-profile-card__visual>span{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border-radius:50%!important;
    font-size:13px!important;
    line-height:1!important;
    letter-spacing:0!important;
  }
  .pricex-page .pricex-card__visual>span:is(:only-child){
    align-content:center!important;
  }

  /* ADDITIONAL SERVICES — align overlay number, tags and workflow icon/step baseline. */
  :is(.services-page--th,.services-page--vi,.services-page--ko) .services-card__visual-no{
    min-width:30px!important;
    height:28px!important;
    padding:0 8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:7px!important;
    font-size:12px!important;
    line-height:1!important;
    letter-spacing:.02em!important;
  }
  :is(.services-page--th,.services-page--vi,.services-page--ko) .services-card__tags span{
    min-height:22px!important;
    padding:0 7px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  :is(.services-page--th,.services-page--vi,.services-page--ko) .services-step-icon{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
  }
  :is(.services-page--th,.services-page--vi,.services-page--ko) .services-step-icon svg{
    width:19px!important;
    height:19px!important;
  }
  :is(.services-page--th,.services-page--vi,.services-page--ko) .services-cta__steps b{
    line-height:1!important;
    letter-spacing:.02em!important;
  }

  /* WHY LOUIE — section number tiers and chips share one baseline system. */
  :is(.production-page--th,.production-page--vi,.production-page--ko).whyx-page .whyx-industry-card>b{
    width:44px!important;
    min-width:44px!important;
    font-size:36px!important;
    line-height:1!important;
    letter-spacing:-.04em!important;
  }
  :is(.production-page--th,.production-page--vi,.production-page--ko).whyx-page .whyx-flow-grid b{
    display:block!important;
    min-height:20px!important;
    font-size:20px!important;
    line-height:1!important;
    letter-spacing:-.02em!important;
  }
  :is(.production-page--th,.production-page--vi,.production-page--ko).whyx-page .whyx-chip-row span{
    min-height:22px!important;
    padding:0 7px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
  }
  :is(.production-page--th,.production-page--vi,.production-page--ko).whyx-page .whyx-hero__tags span{
    min-height:32px!important;
    padding:0 12px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
  }
  :is(.production-page--th,.production-page--vi,.production-page--ko).whyx-page .whyx-local-device__flag{
    width:34px!important;
    height:24px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    line-height:1!important;
  }

  /* PORTFOLIO — media-type badges use the same compact badge geometry. */
  :is(.country-index-page,.portfolio-list-page,.portfolio-show-page) .media-badge{
    min-height:20px!important;
    padding:0 6px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:5px!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.03em!important;
    white-space:nowrap!important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .inquiry-page .inquiry-brief article>b,
  .inquiry-page .inquiry-rule-grid article>b{
    width:36px!important;
    min-width:36px!important;
    font-size:26px!important;
  }
  .pricex-page .pricex-category>header>b{
    width:52px!important;
    min-width:52px!important;
    font-size:40px!important;
  }
  :is(.production-page--th,.production-page--vi,.production-page--ko).whyx-page .whyx-industry-card>b{
    width:40px!important;
    min-width:40px!important;
    font-size:33px!important;
  }
  :is(.production-page--th,.production-page--vi,.production-page--ko).whyx-page .whyx-hero__tags span{
    min-height:30px!important;
    padding:0 10px!important;
  }
}