/* Staging-only rendering of the user's 2026-10-28 UI Studio mobile review.
 * Keep existing product data and calculator JS. D-marker = remove the entire
 * redundant closing checklist (and its blank space); "상담 접수" reuses the
 * functional existing summaryAction instead of adding an inert duplicate.
 * Deliberately use flow-aware spacing instead of body transforms: a 48px body
 * translation would shift the sticky header and create horizontal overflow.
 */
@media (max-width:600px) {
  /* Phone-specific overrides rolled back; preserve pre-review phone layout. */

  /* Hero background is the user's target size. Decorative illustration becomes
     a small supporting visual, while all text and links remain accessible. */
  html body.experience-ui[data-page="internet"] .internet-home-carousel {
    height:302px!important;
    min-height:302px!important;
    max-height:302px!important;
    overflow:hidden!important;
  }
  html body.experience-ui[data-page="internet"] .internet-home-carousel .internet-home-track {
    height:270px!important;
    min-height:270px!important;
    max-height:270px!important;
    margin-left:4px!important;
    margin-top:-6px!important;
  }
  html body.experience-ui[data-page="internet"] .internet-home-carousel .internet-home-slide {
    min-height:270px!important;
    height:270px!important;
    padding:12px!important;
    gap:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  html body.experience-ui[data-page="internet"] .internet-home-carousel .internet-home-copy {
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    gap:5px!important;
    z-index:2!important;
  }
  html body.experience-ui[data-page="internet"] .internet-home-carousel .internet-home-copy h1,
  html body.experience-ui[data-page="internet"] .internet-home-carousel .internet-home-copy h2 {
    font-size:clamp(20px,6.2vw,24px)!important;
    line-height:1.18!important;
    margin:2px 0!important;
  }
  html body.experience-ui[data-page="internet"] .internet-home-carousel .internet-home-copy p {
    font-size:11px!important;
    line-height:1.35!important;
    margin:0!important;
  }
  html body.experience-ui[data-page="internet"] .internet-home-carousel .internet-home-copy a {
    min-height:32px!important;
    padding:6px 10px!important;
    font-size:11px!important;
    box-sizing:border-box!important;
  }
  html body.experience-ui[data-page="internet"] .internet-home-carousel .internet-home-image {
    width:72px!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    position:absolute!important;
    bottom:5px!important;
    right:8px!important;
    opacity:.32!important;
    pointer-events:none!important;
  }

  /* The four shortcut tiles are one coordinated row/group. Moving the whole
     group preserves their click targets and avoids each tile overlapping. */
  html body.experience-ui[data-page="internet"] .internet-home-shortcuts {
    margin-top:70px!important;
  }
  html body.experience-ui[data-page="internet"] #internet-recommendations {
    min-height:426px!important;
    margin-top:32px!important;
    transform:translateX(2px)!important;
  }
  html body.experience-ui[data-page="internet"] #internet-recommendations-title {
    transform:translate(-4px,-2px)!important;
  }

  /* Estimate C03: use the user's smaller background and its existing live
     action. The old drawer/status stay retired, but the orange CTA returns. */
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"].internet-summary.estimate-card,
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"].internet-summary.estimate-card:has(#quickDiscountRow:not([hidden])) {
    position:relative!important;
    height:272px!important;
    min-height:272px!important;
    max-height:none!important;
    grid-template-rows:157px!important;
    grid-template-areas:"overview facts"!important;
    align-content:start!important;
    overflow:visible!important;
  }
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"] > .estimate-overview,
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"] > .internet-quick-facts {
    height:157px!important;
    min-height:157px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"] > .estimate-overview {
    transform:translate(0,0)!important;
  }
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"] #summaryDetail {
    transform:translate(4px,14px)!important;
  }
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"] > #summaryAction {
    display:flex!important;
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:43px!important;
    min-height:43px!important;
    padding:9px 12px!important;
    margin:0!important;
    border:0!important;
    border-radius:10px!important;
    background:#d96532!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.2!important;
    gap:8px!important;
    align-items:center!important;
    justify-content:center!important;
    transform:none!important;
    z-index:3!important;
    box-sizing:border-box!important;
  }
  /* D-marked redundant checklist: remove the entire section, including its
     approximately 800px of previously reserved space. */
  html body.experience-ui[data-page="internet"] #internet-guide.internet-notes {
    display:none!important;
    margin:0!important;
    padding:0!important;
    height:0!important;
    min-height:0!important;
  }

  /* Internet Step 02: keep Wi-Fi calculation toggle, but remove its V glyph.
     The selected white capsule/orange label still communicates its state. */
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-bundle-inline {
    max-width:100%!important;
    overflow:hidden!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-bundle-inline > .internet-inline-choice {
    position:relative!important;
    overflow:hidden!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-bundle-inline #routerOption {
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    opacity:0!important;
    clip-path:none!important;
    z-index:1!important;
    cursor:pointer!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-bundle-inline #routerOption:checked::after {
    content:none!important;
    display:none!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-bundle-inline #routerOption + .toggle-copy {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    text-align:center!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-bundle-inline #routerOption + .toggle-copy b {
    font-size:clamp(10px,2.8vw,11.5px)!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-bundle-inline #routerOption + .toggle-copy b::after {
    content:none!important;
  }
  /* Wrap labels inside their own capsule instead of spilling into neighbors. */
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-bundle-inline #bundleOptions .choice-pill,
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-bundle-inline > .internet-inline-choice .toggle-copy b,
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] #speedOptions > button :is(b,small),
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] #tvOptions > button :is(b,small,strong) {
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    word-break:keep-all!important;
    overflow-wrap:anywhere!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] #speedOptions > button:has(i) {
    padding-top:14px!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] #speedOptions > button > i {
    top:2px!important;
    right:3px!important;
    font-size:7px!important;
  }

}

/* 2026-10-29: mobile Internet consultation follows the phone's clear
   numbered cards and text-only, white-on-gray selection rails.
   Prices, fields, controls and calculation bindings are unchanged. */
@media (max-width:600px) {
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] {
    gap:10px!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-fieldset {
    min-width:0!important;
    padding:13px 10px 12px!important;
    margin:0!important;
    background:#fff!important;
    border:1px solid #e1e4e7!important;
    border-radius:16px!important;
    box-shadow:none!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-fieldset > legend {
    width:auto!important;
    max-width:100%!important;
    padding:0 3px!important;
    margin:0 0 8px!important;
    font-size:15px!important;
    line-height:1.35!important;
    font-weight:750!important;
    color:#27313b!important;
    letter-spacing:-.035em!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-fieldset > legend span {
    display:inline!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    margin-right:8px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:#ed6c2c!important;
    font-size:17px!important;
    font-weight:800!important;
    line-height:inherit!important;
  }
  /* All carriers are visible; no brand badges duplicating the provider name. */
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] #providerOptions#providerOptions {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:minmax(49px,auto)!important;
    flex-flow:unset!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:5px!important;
    gap:5px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    background:#f3f5f7!important;
    border-radius:16px!important;
    box-sizing:border-box!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] #providerOptions#providerOptions > button {
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    flex:initial!important;
    width:100%!important;
    min-width:0!important;
    min-height:49px!important;
    height:auto!important;
    max-height:none!important;
    padding:7px 3px!important;
    border-radius:12px!important;
    text-align:center!important;
    scroll-snap-align:none!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] #providerOptions .provider-mark,
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] #providerOptions > button small {
    display:none!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] #providerOptions > button b {
    font-size:clamp(10px,2.8vw,12px)!important;
    line-height:1.25!important;
    font-weight:750!important;
    white-space:normal!important;
    word-break:keep-all!important;
    overflow-wrap:anywhere!important;
  }
  /* Two explicit product choices above two independent optional switches. */
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-bundle-inline {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(46px,auto)!important;
    width:100%!important;
    gap:6px!important;
    padding:5px!important;
    border-radius:16px!important;
    background:#f3f5f7!important;
    overflow:visible!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-bundle-inline #bundleOptions.combo-row {
    grid-column:1/-1!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    min-height:46px!important;
    height:auto!important;
    padding:0!important;
    gap:6px!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-bundle-inline #bundleOptions .choice-pill {
    min-width:0!important;
    min-height:46px!important;
    height:auto!important;
    padding:10px 3px!important;
    font-size:clamp(12px,3.3vw,14px)!important;
    line-height:1.2!important;
    word-break:keep-all!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-bundle-inline > .internet-inline-choice {
    grid-row:2!important;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:46px!important;
    height:auto!important;
    padding:8px 4px!important;
    margin:0!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-bundle-inline > .internet-inline-choice input[type="checkbox"] {
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    opacity:0!important;
    margin:0!important;
    padding:0!important;
    z-index:1!important;
    cursor:pointer!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-bundle-inline > .internet-inline-choice input[type="checkbox"]::after,
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-bundle-inline > .internet-inline-choice .toggle-copy b::after {
    content:none!important;
    display:none!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-bundle-inline > .internet-inline-choice .toggle-copy {
    display:block!important;
    width:100%!important;
    text-align:center!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-bundle-inline > .internet-inline-choice .toggle-copy b {
    font-size:clamp(12px,3.2vw,14px)!important;
    line-height:1.2!important;
    white-space:normal!important;
    word-break:keep-all!important;
    overflow-wrap:anywhere!important;
  }
  /* Simplify the top-level home/business choice; explain special conditions on demand. */
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-customer-choices {
    height:auto!important;
    min-height:50px!important;
    padding:5px!important;
    background:#f3f5f7!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-customer-toggle {
    min-height:44px!important;
    padding:10px 4px!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-customer-toggle b {
    font-size:13px!important;
    line-height:1.2!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-customer-toggle small {
    display:none!important;
  }
  html body.experience-ui[data-page="internet"]:not(:has(#businessCustomerOption:checked)) [data-ui-name="C02"] .business-pricing-hint {
    display:none!important;
  }
  /* Keep prices and product names visible, but avoid tiny overlapping badges. */
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] #speedOptions,
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] #tvOptions {
    height:auto!important;
    min-height:98px!important;
    grid-template-rows:minmax(98px,auto)!important;
    align-items:stretch!important;
    gap:5px!important;
    padding:5px!important;
    background:#f3f5f7!important;
    border-radius:16px!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] #speedOptions#speedOptions > button,
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] #tvOptions#tvOptions > button {
    min-width:0!important;
    width:100%!important;
    height:auto!important;
    min-height:98px!important;
    max-height:none!important;
    padding:10px 4px!important;
    gap:4px!important;
    border-radius:12px!important;
    overflow:visible!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] #speedOptions > button > i {
    display:none!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] #speedOptions > button b {
    font-size:clamp(12px,3.2vw,15px)!important;
    line-height:1.22!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] #tvOptions > button b {
    font-size:clamp(10px,2.7vw,12px)!important;
    line-height:1.24!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] :is(#speedOptions,#tvOptions) > button small {
    font-size:clamp(9px,2.45vw,10px)!important;
    line-height:1.25!important;
    white-space:normal!important;
    word-break:keep-all!important;
    overflow-wrap:anywhere!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] #tvOptions > button strong {
    font-size:clamp(10px,2.6vw,12px)!important;
    line-height:1.2!important;
  }
}


/* Real staging screenshot QA: native fieldset legends had collapsed into the
   option rail. Keep the semantic legends for assistive tech and place a normal
   in-flow heading above the controls on mobile. */
html body.experience-ui[data-page="internet"] .internet-mobile-fieldset-heading {display:none}
@media (max-width:600px) {
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-fieldset {
    position:relative!important;
    padding:13px 10px 12px!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-fieldset > legend {
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-fieldset > .internet-mobile-fieldset-heading {
    display:flex!important;
    position:relative!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    min-height:24px!important;
    margin:0 0 10px!important;
    padding:0 2px!important;
    color:#27313b!important;
    font-size:15px!important;
    font-weight:750!important;
    line-height:1.3!important;
    letter-spacing:-.035em!important;
    box-sizing:border-box!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-fieldset > .internet-mobile-fieldset-heading span {
    display:inline!important;
    flex:0 0 auto!important;
    color:#ed6c2c!important;
    font-size:17px!important;
    font-weight:800!important;
  }
  /* Override the legacy three-provider rule that centered the last choice
     on a second row and restored duplicate subtitles. */
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] #providerOptions#providerOptions > .provider-option:last-child {
    grid-column:auto!important;
    justify-self:stretch!important;
    width:100%!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] #providerOptions#providerOptions .provider-option small,
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] #providerOptions#providerOptions .provider-mark {
    display:none!important;
  }
}

/* Home / business is a one-tap segmented selection, not a removed product.
   Keep both buttons visible and let the existing calculator switch rates. */
@media (max-width:600px) {
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-business-choice {
    display:block!important;
    height:auto!important;
    min-height:0!important;
    padding:2px 0 6px!important;
    margin:0!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-customer-choices {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding:5px!important;
    height:auto!important;
    min-height:54px!important;
    border-radius:16px!important;
    background:#f3f5f7!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-customer-toggle {
    min-width:0!important;
    min-height:44px!important;
    padding:10px 5px!important;
    border-radius:12px!important;
    text-align:center!important;
    justify-content:center!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-customer-toggle b {
    font-size:14px!important;
    font-weight:750!important;
    line-height:1.2!important;
  }
  html body.experience-ui[data-page="internet"] [data-ui-name="C02"] .internet-customer-toggle small {display:none!important}
  html body.experience-ui[data-page="internet"]:not(:has(#businessCustomerOption:checked)) [data-ui-name="C02"] .business-pricing-hint {display:none!important}
}

/* 2026-11-01 mobile C03 review:
 * The user's temporary divider was an alignment marker, not page content.
 * Keep one functional consultation action, align its right edge with the
 * summary column, and let the card grow for real (longer) totals.
 * Do not translate or hide any price, benefit, or action element.
 */
@media (max-width:600px) {
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"].internet-summary.estimate-card,
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"].internet-summary.estimate-card:has(#quickDiscountRow:not([hidden])) {
    display:grid!important;
    grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;
    grid-template-areas:"overview facts" ". action"!important;
    grid-template-rows:minmax(157px,auto) 40px!important;
    column-gap:6px!important;
    row-gap:8px!important;
    height:auto!important;
    min-height:232px!important;
    max-height:none!important;
    padding:9px!important;
    align-content:space-between!important;
    align-items:start!important;
    overflow:visible!important;
  }
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"] > .estimate-overview,
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"] > .internet-quick-facts {
    height:auto!important;
    min-height:157px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"] > #summaryAction {
    display:flex!important;
    position:static!important;
    grid-area:action!important;
    grid-column:2!important;
    grid-row:2!important;
    justify-self:end!important;
    align-self:end!important;
    width:min(148px,100%)!important;
    min-width:0!important;
    max-width:100%!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:8px 12px!important;
    border-radius:10px!important;
  }
}


/* 2026-11-01 follow-up: place the existing CTA INSIDE the right white
   price-facts card visually. Both inner cards share their bottom edge;
   disclosure below the outer card stays intact and readable. */
@media (max-width:600px) {
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"].internet-summary.estimate-card,
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"].internet-summary.estimate-card:has(#quickDiscountRow:not([hidden])) {
    position:relative!important;
    top:0!important;
    bottom:auto!important;
    translate:none!important;
    transform:none!important;
    grid-template-areas:"overview facts"!important;
    grid-template-rows:minmax(160px,auto)!important;
    min-height:0!important; /* override the previous fixed 232px outer card */
    row-gap:0!important;
    align-items:stretch!important;
    align-content:start!important;
  }
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"] > .estimate-overview,
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"] > .internet-quick-facts {
    min-height:160px!important;
    height:auto!important;
    max-height:none!important;
    box-sizing:border-box!important;
    align-self:stretch!important;
  }
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"] > .internet-quick-facts {
    padding-bottom:54px!important;
  }
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"] > #summaryAction {
    display:flex!important;
    position:absolute!important;
    z-index:2!important;
    grid-area:auto!important;
    grid-column:auto!important;
    grid-row:auto!important;
    left:auto!important;
    right:10px!important;
    bottom:10px!important;
    justify-self:auto!important;
    align-self:auto!important;
    width:min(148px,calc(50% - 8px))!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
  }
}

/* Leave disclosure directly beneath the now flow-aligned estimate card. */
@media (max-width:600px) {
  html body.experience-ui[data-page="internet"] .internet-legal { margin-top:12px!important; }
}

/* UI Studio review #6 (2026-10-31): preserve the requested internet
   carousel area and its full 56px navigation controls on mobile.
   The temporary yellow-line divider was an editorial marker, not content.
   Proposal #7 must not reset these #6-only changes. */
@media (max-width:600px) {
  html body.experience-ui[data-page="internet"] .internet-home-carousel {
    height:319px!important;
    min-height:319px!important;
    max-height:319px!important;
  }
  html body.experience-ui[data-page="internet"] .internet-home-carousel .internet-home-track,
  html body.experience-ui[data-page="internet"] .internet-home-carousel .internet-home-slide {
    height:240px!important;
    min-height:240px!important;
    max-height:240px!important;
  }
  html body.experience-ui[data-page="internet"] .internet-home-carousel .internet-home-controls {
    min-height:56px!important;
    transform:translateY(6px);
  }
}

/* 2026-11-02: keep the three customer internet speeds readable on narrow phones.
   Preserve the approved three-column layout and two-column live estimate. */
@media (max-width:600px){
  html body.experience-ui[data-page="internet"] #internet-recommendations-title{
    font-size:clamp(22px,6vw,26px)!important;
    line-height:1.28!important;
    letter-spacing:-.055em!important;
    transform:none!important;
    word-break:keep-all!important;
  }
  html body.experience-ui[data-page="internet"] #internet-recommendations .internet-speed-copy h3{
    font-size:12px!important;
    line-height:1.3!important;
  }
  html body.experience-ui[data-page="internet"] #internet-recommendations .internet-speed-copy button{
    font-size:10px!important;
    line-height:1.2!important;
  }
}

/* 2026-11-02 review comments 5–6: lower the copy/CTA inside the existing
   240px carousel. Keep arrows, slide size, and overflow safeguards unchanged. */
@media (max-width:600px) {
  html body.experience-ui[data-page="internet"] .internet-home-carousel .internet-home-copy {
    position:relative!important;
    transform:translateY(12px)!important;
  }
  html body.experience-ui[data-page="internet"] .internet-home-carousel .internet-home-copy p {
    margin:4px 0 13px!important;
  }
}

/* 2026-11-02 annotated C03 review: keep the two white quote cards balanced.
   Long business offer details stay INSIDE the left card; the real CTA gains
   breathing room on all four sides within the right price card. */
@media(max-width:600px) {
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"] #summaryDetail {
    transform:none!important;
    margin:4px 0 0!important;
    padding:0!important;
    font-size:9px!important;
    line-height:1.25!important;
    letter-spacing:-.015em!important;
    overflow-wrap:anywhere!important;
    word-break:keep-all!important;
  }
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"] > .internet-quick-facts {
    padding-bottom:66px!important;
  }
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"] > #summaryAction {
    right:18px!important;
    bottom:18px!important;
    width:clamp(128px,calc(53% - 29px),150px)!important;
    height:40px!important;
    min-height:40px!important;
    max-width:none!important;
    padding:10px 12px!important;
    box-sizing:border-box!important;
    border-radius:10px!important;
    font-size:14px!important;
  }
}

@media(max-width:360px) {
  html body.experience-ui[data-page="internet"] .internet-layout [data-ui-name="C03"] > #summaryAction {
    right:10px!important;
  }
}


/* 2026-11-02 carousel review: the former -6px track offset cut off the
   slide's rounded top corners in the carousel's overflow-hidden frame.
   Move the complete slide/controls 10px lower and add the same 10px to the
   section height, preserving the bottom control clearance. */
@media(max-width:600px) {
  html body.experience-ui[data-page="internet"] .internet-home-carousel {
    height:329px!important;
    min-height:329px!important;
    max-height:329px!important;
  }
  html body.experience-ui[data-page="internet"] .internet-home-carousel .internet-home-track {
    margin-top:4px!important;
  }
}