/*! NBC v6.563 · Full mobile audit · site-wide refinement */
@media (max-width:760px){
  /* Global mobile hygiene: preserve the desktop system, remove edge-case overflow. */
  html,body{max-width:100%;overflow-x:clip}
  body.page.design-system-executive img,body.page.design-system-executive svg{max-width:100%}
  body.page.design-system-executive :is(button,a,input,select,textarea,summary){-webkit-tap-highlight-color:transparent}
  body.page.design-system-executive :is(.m4-reading-nav a,.m4-case-nav a){min-height:44px!important}

  /* Service instruments: diagram labels must remain readable, not decorative dust. */
  body[data-m3-service-active="true"] :is(.m3-process-labels,.m3-g6a-labels span,.m3-g6a-erp-steps span){font-size:9px!important;line-height:1.22!important}
  body[data-m3-service-active="true"] :is(.m3-process-excel::after,.m3-g6a-provider-lanes em,.m3-g6a-ai-outcomes span,.m3-g6a-ops span b,.m3-guide__path b){font-size:9px!important}
  body[data-m3-service-active="true"] .m3-g6a-ai-outcomes span{padding:10px 5px!important}

  /* Articles: one executive answer, then evidence. Remove the repeated paragraph and tighten long-form rhythm. */
  body[data-m4-kind="article"] .m4-quick-answer{margin:22px var(--m-gutter) 4px!important;padding:20px!important}
  body[data-m4-kind="article"] .m4-quick-answer p{font-size:15.75px!important;line-height:1.58!important}
  body[data-m4-kind="article"] .ep-executive-answer{margin-top:14px!important;padding:22px 0 26px!important}
  body[data-m4-kind="article"] .ep-executive-answer>.ep-answer-text{display:none!important}
  body[data-m4-kind="article"] .ep-answer-triad{display:block!important;margin-top:0!important}
  body[data-m4-kind="article"] .ep-answer-triad>article{padding:15px 0!important;border:0!important;border-top:1px solid var(--m4-line)!important;background:transparent!important;border-radius:0!important}
  body[data-m4-kind="article"] .ep-answer-triad>article:last-child{border-bottom:1px solid var(--m4-line)!important}
  body[data-m4-kind="article"] .ep-answer-triad :is(h3,strong){font-size:16px!important;line-height:1.2!important}
  body[data-m4-kind="article"] .ep-answer-triad p{font-size:14.5px!important;line-height:1.55!important;margin-top:7px!important}
  body[data-m4-kind="article"] .ep-chapter{padding-block:29px!important}
  body[data-m4-kind="article"] .ep-chapter h2{font-size:27px!important;line-height:1.05!important}
  body[data-m4-kind="article"] .ep-chapter :is(p,li){font-size:16.25px!important;line-height:1.69!important}
  body[data-m4-kind="article"] .ep-conclusion{padding-block:54px!important}

  /* Decision Guides: page previews are a visual proof rail, not three full pages stacked vertically. */
  body[data-m4-kind="guide-detail"] .dg-guide-preview{padding-block:50px!important}
  body[data-m4-kind="guide-detail"] .dg-preview-stack{
    display:flex!important;grid-template-columns:none!important;gap:12px!important;
    width:calc(100% + var(--m-gutter))!important;max-width:none!important;
    margin-right:calc(-1 * var(--m-gutter))!important;
    padding:8px var(--m-gutter) 20px 0!important;
    overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;overscroll-behavior-inline:contain!important;
  }
  body[data-m4-kind="guide-detail"] .dg-preview-stack::-webkit-scrollbar{display:none!important}
  body[data-m4-kind="guide-detail"] .dg-preview-stack>.dg-preview-sheet{
    flex:0 0 min(82vw,328px)!important;width:auto!important;min-width:min(82vw,328px)!important;
    transform:none!important;scroll-snap-align:start!important;box-shadow:0 16px 36px rgba(0,0,0,.17)!important;
  }
  body[data-m4-kind="guide-detail"] .dg-preview-sheet figcaption span{font-size:9px!important}
  body[data-m4-kind="guide-detail"] .dg-preview-sheet figcaption strong{font-size:13.5px!important}
  body[data-m4-kind="guide-detail"] :is(.dg-live-tool,.dg-after20,.dg-related-guides){padding-block:48px!important}
  body[data-m4-kind="guide-detail"] .dg-after20-item{padding:22px 0!important}

  /* Knowledge hubs: keep the decision path visible; move research depth behind one intentional disclosure. */
  body[data-m4-kind="knowledge-category"] .authority-section{padding-block:56px!important}
  body[data-m4-kind="knowledge-category"] .g8-entry{padding-top:48px!important}
  body[data-m4-kind="knowledge-category"] .g8-brief{padding-block:48px!important}
  .m6-depth-gate{margin:0;padding:0 var(--m-gutter);background:#07100b;color:#f5f3ee}
  .m6-depth-gate__inner{padding:26px 0;border-block:1px solid rgba(245,243,238,.13)}
  .m6-depth-gate small{display:block;margin-bottom:10px;color:#98d7a4;font:600 9px/1 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.1em;text-transform:uppercase}
  .m6-depth-toggle{display:flex;width:100%;min-height:54px;align-items:center;justify-content:space-between;gap:18px;padding:0;border:0;background:transparent;color:inherit;text-align:left;font:600 16px/1.25 inherit;cursor:pointer}
  .m6-depth-toggle span:last-child{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border:1px solid rgba(245,243,238,.18);border-radius:50%;font-size:18px;font-weight:400}
  .m6-depth-gate p{margin:10px 42px 0 0;color:rgba(245,243,238,.6);font-size:13.5px;line-height:1.5}
  .m6-depth-section[hidden],.m6-regional-matrix[hidden]{display:none!important}

  /* Knowledge index: six visible entry points are enough before the user asks for the full library. */
  body.page-blog .km-index-group__rows.m6-blog-collapsed>.km-index-row:nth-child(n+3){display:none!important}
  body.page-blog .km-index-row{padding-block:17px!important}
  body.page-blog .km-index-row__body>span:last-child{font-size:13px!important;line-height:1.45!important}
  .m6-library-gate{margin-top:24px;padding-top:20px;border-top:1px solid rgba(245,243,238,.13)}
  .m6-library-toggle{display:flex;width:100%;min-height:50px;align-items:center;justify-content:space-between;gap:16px;padding:0;border:0;background:transparent;color:inherit;text-align:left;font-weight:650;font-size:15px;cursor:pointer}
  .m6-library-toggle span:last-child{color:#98d7a4;font:600 11px/1 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.05em}

  /* Regional Intelligence: preserve the atlas as the signature visual, make evidence swipeable, matrix optional. */
  body.page-regional-intelligence .regional-atlas__topicbar>div{
    display:flex!important;gap:8px!important;overflow-x:auto!important;padding:8px 14px 12px!important;
    scroll-snap-type:x mandatory!important;scrollbar-width:none!important;
  }
  body.page-regional-intelligence .regional-atlas__topicbar>div::-webkit-scrollbar,
  body.page-regional-intelligence .regional-atlas__regions::-webkit-scrollbar,
  body.page-regional-intelligence .regional-signal-grid::-webkit-scrollbar,
  body.page-regional-intelligence .regional-radius-grid::-webkit-scrollbar{display:none!important}
  body.page-regional-intelligence .regional-topic-button{
    flex:0 0 72%!important;min-height:52px!important;padding:13px 14px!important;border:1px solid var(--regional-line)!important;border-radius:10px!important;scroll-snap-align:start!important;
  }
  body.page-regional-intelligence .regional-atlas__regions{
    display:flex!important;gap:8px!important;overflow-x:auto!important;padding:10px 14px 14px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;
  }
  body.page-regional-intelligence .regional-atlas__regions .regional-region-button{
    flex:0 0 74%!important;min-height:62px!important;padding:14px!important;border:1px solid var(--regional-line)!important;border-radius:10px!important;scroll-snap-align:start!important;
  }
  body.page-regional-intelligence .regional-atlas__map,
  body.page-regional-intelligence .regional-atlas--full .regional-atlas__map{min-height:330px!important}
  body.page-regional-intelligence .regional-signal-grid{
    display:flex!important;gap:12px!important;width:calc(100% + var(--m-gutter))!important;
    margin-right:calc(-1 * var(--m-gutter))!important;padding:4px var(--m-gutter) 16px 0!important;
    overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;
  }
  body.page-regional-intelligence .regional-signal-card{
    flex:0 0 min(86vw,340px)!important;min-height:340px!important;padding:24px!important;
    border:1px solid rgba(17,21,18,.13)!important;border-radius:18px!important;background:#fff!important;scroll-snap-align:start!important;
  }
  body.page-regional-intelligence .regional-signal-card>b{margin-top:26px!important}
  body.page-regional-intelligence .regional-radius-grid{
    display:flex!important;gap:12px!important;width:calc(100% + var(--m-gutter))!important;
    margin-right:calc(-1 * var(--m-gutter))!important;padding:4px var(--m-gutter) 16px 0!important;
    overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;
  }
  body.page-regional-intelligence .regional-radius-card{
    flex:0 0 min(86vw,340px)!important;min-height:270px!important;padding:24px!important;
    border:1px solid var(--regional-line)!important;border-radius:18px!important;background:var(--regional-soft)!important;scroll-snap-align:start!important;
  }
  body.page-regional-intelligence .m6-depth-gate{padding-inline:0;background:transparent}
  body.page-regional-intelligence .m6-depth-gate__inner{border-color:var(--regional-line)}

  /* Barometer: keep the modeled state visible without a dead visual stage. */
  body[data-m4-kind="barometer"] .baro-svg{height:210px!important;min-height:210px!important;margin-block:0!important}
  body[data-m4-kind="barometer"] .baro-stage{min-height:0!important}
  body[data-m4-kind="barometer"] :is(.baro-break-label,.baro-status,.baro-dimension small){font-size:10px!important;line-height:1.25!important}

  /* Legal / governance pages: long text should read like a document on a phone. */
  body.page-legal:not(.page-styleguide) main :is(p,li){font-size:16px!important;line-height:1.68!important}
  body.page-legal:not(.page-styleguide) main :is(h2,h3){text-wrap:balance}
  body.page-styleguide main :is(pre,table){max-width:100%;overflow:auto}
}

@media (max-width:374px){
  body[data-m4-kind="guide-detail"] .dg-preview-stack>.dg-preview-sheet{flex-basis:86vw!important;min-width:86vw!important}
  body.page-regional-intelligence .regional-topic-button{flex-basis:82%!important}
  body.page-regional-intelligence .regional-atlas__regions .regional-region-button{flex-basis:82%!important}
}

/*! v6.563 QA pass · active Decision Guide preview + residual microtype */
@media (max-width:760px){
  /* Current Decision Guide template (dgp-*): one preview page at a time with a visible next-card cue. */
  body.page-template-guide .dgp-preview-grid{
    display:flex!important;grid-template-columns:none!important;gap:12px!important;
    width:calc(100% + var(--m-gutter))!important;max-width:none!important;
    margin-right:calc(-1 * var(--m-gutter))!important;padding:4px var(--m-gutter) 18px 0!important;
    overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;overscroll-behavior-inline:contain!important;align-items:stretch!important;
  }
  body.page-template-guide .dgp-preview-grid::-webkit-scrollbar{display:none!important}
  body.page-template-guide .dgp-preview-sheet{
    flex:0 0 min(82vw,328px)!important;width:auto!important;min-width:min(82vw,328px)!important;
    margin:0!important;scroll-snap-align:start!important;
  }
  body.page-template-guide .dgp-preview-sheet figcaption span{font-size:9px!important}
  body.page-template-guide :is(.dgp-hero-meta span,.dgp-cover-caption span,.dgp-guide-current>span,.dgp-guide-other>span,.dgp-preview-next span,.dgp-download-facts span,.dg-after20-item .n,.dg-related-link .code){font-size:9px!important;line-height:1.25!important}

  /* Remaining information labels: retain the mono/editorial character without falling below readable microtype. */
  body.page-blog :is(.km-b2-domain__num,.km-b2-library-link,.km-seo-topic-links__label,.km-b5-filtergroup>span,.km-b5-library-status,.km-index-row__phase){font-size:9px!important;line-height:1.25!important}
  body[data-m4-kind="digital"] .dc7-choice .mono{font-size:9px!important}
  body[data-m3-service-active="true"] .m3-ai-question__n{font-size:9px!important}
}
@media (max-width:374px){
  body.page-template-guide .dgp-preview-sheet{flex-basis:86vw!important;min-width:86vw!important}
}