/*! NBC v6.589 · Mobile Premium Foundation · Phase 1 */

/*
 * Owner: global mobile art direction and interaction contracts.
 * Scope: tokens, materials, decision line, header/menu, touch and preferences.
 * Template-specific composition remains with its existing owner.
 */

:root{
  --nbc-mp-ink-0:#050806;
  --nbc-mp-ink-1:#07100b;
  --nbc-mp-ink-2:#0b1710;
  --nbc-mp-paper:#f1efe8;
  --nbc-mp-paper-soft:#e8e6df;
  --nbc-mp-paper-ink:#111813;
  --nbc-mp-mint:#9adbac;
  --nbc-mp-mint-strong:#b3ebbf;
  --nbc-mp-mint-deep:#4f8e63;
  --nbc-mp-amber:#d0aa69;
  --nbc-mp-critical:#c86b65;
  --nbc-mp-line:rgba(232,242,235,.13);
  --nbc-mp-line-strong:rgba(184,222,194,.27);
  --nbc-mp-text:#f3f4ef;
  --nbc-mp-text-soft:rgba(235,240,234,.68);
  --nbc-mp-text-muted:rgba(228,236,229,.48);
  --nbc-mp-radius-s:12px;
  --nbc-mp-radius-m:18px;
  --nbc-mp-radius-l:24px;
  --nbc-mp-ease:cubic-bezier(.22,.61,.36,1);
  --nbc-mp-ease-reveal:cubic-bezier(.22,1,.36,1);
  --nbc-mp-touch:180ms;
  --nbc-mp-sheet:320ms;
  --nbc-mp-state:540ms;
  --nbc-mp-reveal:760ms;
  --nbc-mp-material:1100ms;
  --nbc-mp-stagger:80ms;
}

@media (max-width:760px){
  :root{
    --nbc-mp-gutter:clamp(18px,5.1vw,22px);
    --nbc-mp-header-h:66px;
    --nbc-mp-rhythm-tight:clamp(40px,12vw,54px);
    --nbc-mp-rhythm-standard:clamp(58px,16vw,74px);
    --nbc-mp-rhythm-cinematic:clamp(88px,25vw,118px);
    --nbc-mp-focus:0 0 0 3px rgba(154,219,172,.28);
  }

  html[data-mobile-premium="v6589"]{
    color-scheme:dark;
    accent-color:var(--nbc-mp-mint);
  }

  body[data-mobile-premium="v6589"]{
    --m-gutter:var(--nbc-mp-gutter);
    --m-header-h:var(--nbc-mp-header-h);
    --m-ease:var(--nbc-mp-ease);
    background-color:var(--nbc-mp-ink-0);
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
  }

  body[data-mobile-premium="v6589"] main :where(section,article,aside,div,figure,form,fieldset){
    min-inline-size:0;
  }

  body[data-mobile-premium="v6589"] :where(a,button,input,select,textarea,summary):focus-visible{
    outline:2px solid var(--nbc-mp-mint)!important;
    outline-offset:3px!important;
    box-shadow:var(--nbc-mp-focus);
  }

  body[data-mobile-premium="v6589"] ::selection{
    background:rgba(154,219,172,.3);
    color:var(--nbc-mp-text);
  }

  /* ---------------------------------------------------------------------
     Rhythm contracts
     --------------------------------------------------------------------- */
  body[data-mobile-premium="v6589"] [data-nbc-rhythm="tight"]{
    padding-block:var(--nbc-mp-rhythm-tight);
  }
  body[data-mobile-premium="v6589"] [data-nbc-rhythm="standard"]{
    padding-block:var(--nbc-mp-rhythm-standard);
  }
  body[data-mobile-premium="v6589"] [data-nbc-rhythm="cinematic"]{
    padding-block:var(--nbc-mp-rhythm-cinematic);
  }

  body[data-mobile-premium="v6589"] [data-nbc-full-bleed="true"]{
    width:100%;
    margin-inline:0;
  }

  /* ---------------------------------------------------------------------
     Three material contracts
     --------------------------------------------------------------------- */
  body[data-mobile-premium="v6589"] [data-nbc-material]{
    position:relative;
    isolation:isolate;
    box-sizing:border-box;
    transition:
      background-color var(--nbc-mp-material) var(--nbc-mp-ease),
      border-color var(--nbc-mp-material) var(--nbc-mp-ease),
      color var(--nbc-mp-state) var(--nbc-mp-ease);
  }

  body[data-mobile-premium="v6589"] [data-nbc-material="deep"]{
    overflow:hidden;
    color:var(--nbc-mp-text);
    background:
      radial-gradient(90% 78% at 86% 4%,rgba(88,151,105,.115),transparent 64%),
      radial-gradient(75% 65% at 10% 88%,rgba(36,86,55,.095),transparent 70%),
      linear-gradient(180deg,var(--nbc-mp-ink-1),var(--nbc-mp-ink-0));
  }

  body[data-mobile-premium="v6589"] [data-nbc-material="deep"]::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    opacity:.18;
    background-image:
      linear-gradient(115deg,transparent 0 48%,rgba(230,239,232,.025) 49%,transparent 50%),
      repeating-linear-gradient(0deg,transparent 0 23px,rgba(220,236,224,.015) 24px);
    background-size:130px 130px,100% 24px;
  }

  body[data-mobile-premium="v6589"] [data-nbc-material="instrument"]{
    overflow:hidden;
    color:var(--nbc-mp-text);
    border:1px solid var(--nbc-mp-line-strong);
    border-radius:var(--nbc-mp-radius-l);
    background:
      radial-gradient(70% 80% at 82% 18%,rgba(154,219,172,.115),transparent 66%),
      linear-gradient(rgba(136,182,148,.055) 1px,transparent 1px),
      linear-gradient(90deg,rgba(136,182,148,.055) 1px,transparent 1px),
      linear-gradient(145deg,rgba(17,34,23,.96),rgba(7,17,11,.96));
    background-size:auto,32px 32px,32px 32px,auto;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      inset 0 0 48px rgba(75,132,90,.035);
    backdrop-filter:blur(12px) saturate(110%);
    -webkit-backdrop-filter:blur(12px) saturate(110%);
  }

  body[data-mobile-premium="v6589"] [data-nbc-material="instrument"]::before{
    content:"";
    position:absolute;
    inset:8px;
    z-index:-1;
    border:1px solid rgba(215,236,220,.045);
    border-radius:calc(var(--nbc-mp-radius-l) - 7px);
    pointer-events:none;
  }

  body[data-mobile-premium="v6589"] [data-nbc-material="evidence"]{
    overflow:hidden;
    color:var(--nbc-mp-paper-ink);
    border:1px solid rgba(19,34,24,.17);
    border-radius:var(--nbc-mp-radius-m);
    background:
      linear-gradient(90deg,rgba(26,52,34,.08) 1px,transparent 1px),
      linear-gradient(180deg,rgba(26,52,34,.055) 1px,transparent 1px),
      linear-gradient(180deg,#f4f2ec,#ece9e1);
    background-size:34px 100%,100% 34px,auto;
  }

  body[data-mobile-premium="v6589"] [data-nbc-material="evidence"]::before{
    content:"";
    position:absolute;
    inset:14px 14px auto;
    height:1px;
    background:linear-gradient(90deg,var(--nbc-mp-mint-deep),rgba(79,142,99,0));
    pointer-events:none;
  }

  body[data-mobile-premium="v6589"] [data-nbc-material="evidence"] :where(h1,h2,h3,h4,strong){
    color:var(--nbc-mp-paper-ink);
  }

  body[data-mobile-premium="v6589"] [data-nbc-material="evidence"] :where(p,li,small){
    color:rgba(17,24,19,.7);
  }

  body[data-mobile-premium="v6589"] [data-nbc-material="evidence"] :where(.mono,[class*="eyebrow"],[class*="kicker"]){
    color:#356d47;
  }

  /* ---------------------------------------------------------------------
     NBC decision line: semantic scene component, never a viewport spine
     --------------------------------------------------------------------- */
  body[data-mobile-premium="v6589"] .nbc-decision-line{
    --nbc-decision-progress:100%;
    --nbc-decision-color:var(--nbc-mp-mint);
    width:100%;
    max-width:100%;
    display:grid;
    gap:9px;
    color:var(--nbc-mp-text-soft);
  }

  body[data-mobile-premium="v6589"] .nbc-decision-line[data-decision-state="signal"]{
    --nbc-decision-progress:8%;
    --nbc-decision-color:rgba(224,235,226,.56);
  }
  body[data-mobile-premium="v6589"] .nbc-decision-line[data-decision-state="process"]{
    --nbc-decision-progress:28%;
  }
  body[data-mobile-premium="v6589"] .nbc-decision-line[data-decision-state="break"]{
    --nbc-decision-progress:50%;
    --nbc-decision-color:var(--nbc-mp-amber);
  }
  body[data-mobile-premium="v6589"] .nbc-decision-line[data-decision-state="review"]{
    --nbc-decision-progress:74%;
    --nbc-decision-color:var(--nbc-mp-amber);
  }
  body[data-mobile-premium="v6589"] .nbc-decision-line[data-decision-state="decision"]{
    --nbc-decision-progress:100%;
    --nbc-decision-color:var(--nbc-mp-mint-strong);
  }

  body[data-mobile-premium="v6589"] .nbc-decision-line__track{
    position:relative;
    height:14px;
  }

  body[data-mobile-premium="v6589"] .nbc-decision-line__track::before,
  body[data-mobile-premium="v6589"] .nbc-decision-line__track::after{
    content:"";
    position:absolute;
    top:6px;
    left:0;
    height:1px;
    border-radius:2px;
  }

  body[data-mobile-premium="v6589"] .nbc-decision-line__track::before{
    width:100%;
    background:rgba(231,240,233,.16);
  }

  body[data-mobile-premium="v6589"] .nbc-decision-line__track::after{
    width:var(--nbc-decision-progress);
    background:linear-gradient(90deg,rgba(154,219,172,.38),var(--nbc-decision-color));
    box-shadow:0 0 16px color-mix(in srgb,var(--nbc-decision-color) 32%,transparent);
    transition:width var(--nbc-mp-reveal) var(--nbc-mp-ease-reveal),background-color var(--nbc-mp-state) var(--nbc-mp-ease);
  }

  body[data-mobile-premium="v6589"] .nbc-decision-line__nodes{
    position:absolute;
    inset:0;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:start;
  }

  body[data-mobile-premium="v6589"] .nbc-decision-line__node{
    position:relative;
    display:grid;
    place-items:start center;
    min-width:0;
  }

  body[data-mobile-premium="v6589"] .nbc-decision-line__node::before{
    content:"";
    width:7px;
    height:7px;
    margin-top:3px;
    border:1px solid rgba(229,240,232,.5);
    border-radius:50%;
    background:var(--nbc-mp-ink-1);
  }

  body[data-mobile-premium="v6589"] .nbc-decision-line__node[aria-current="step"]::before{
    border-color:var(--nbc-decision-color);
    background:var(--nbc-decision-color);
    box-shadow:0 0 0 4px color-mix(in srgb,var(--nbc-decision-color) 13%,transparent);
  }

  body[data-mobile-premium="v6589"] .nbc-decision-line__labels{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:4px;
    font:500 7px/1.25 var(--mono,"IBM Plex Mono",monospace);
    letter-spacing:.08em;
    text-transform:uppercase;
    text-align:center;
  }

  body[data-mobile-premium="v6589"] .nbc-decision-line__labels span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  /* ---------------------------------------------------------------------
     Premium mobile header
     --------------------------------------------------------------------- */
  body[data-mobile-premium="v6589"] .site-header{
    isolation:isolate;
    height:calc(var(--nbc-mp-header-h) + env(safe-area-inset-top));
    padding-top:env(safe-area-inset-top);
    border-bottom:1px solid rgba(226,240,230,.075);
    background:linear-gradient(180deg,rgba(5,9,7,.88),rgba(5,9,7,.64));
    box-shadow:0 12px 38px rgba(0,0,0,.12);
    backdrop-filter:blur(18px) saturate(112%);
    -webkit-backdrop-filter:blur(18px) saturate(112%);
    transition:
      background-color var(--nbc-mp-sheet) var(--nbc-mp-ease),
      border-color var(--nbc-mp-sheet) var(--nbc-mp-ease),
      box-shadow var(--nbc-mp-sheet) var(--nbc-mp-ease);
  }

  body[data-mobile-premium="v6589"][data-nbc-header-state="condensed"] .site-header{
    border-bottom-color:rgba(171,215,182,.145);
    background:linear-gradient(180deg,rgba(5,10,7,.97),rgba(6,12,8,.91));
    box-shadow:0 16px 42px rgba(0,0,0,.2);
  }

  body[data-mobile-premium="v6589"] .site-header>.wrap.nav{
    width:calc(100% - (2 * var(--nbc-mp-gutter)));
    height:var(--nbc-mp-header-h);
    min-height:var(--nbc-mp-header-h);
    gap:8px;
  }

  body[data-mobile-premium="v6589"] .site-header .brand{
    min-width:0;
    transition:opacity var(--nbc-mp-sheet) var(--nbc-mp-ease);
  }

  body[data-mobile-premium="v6589"][data-nbc-header-state="condensed"] .site-header .brand{
    opacity:.72;
  }

  body[data-mobile-premium="v6589"] .site-header .brand-logo{
    width:104px;
    height:auto;
    max-height:43px;
  }

  body[data-mobile-premium="v6589"] .site-header .nav>.nbc-mobile-context{
    min-width:0;
    max-width:100%;
    font:500 9px/1.2 var(--mono,"IBM Plex Mono",monospace);
    letter-spacing:.1em;
  }

  body[data-mobile-premium="v6589"] .site-header .nav>.nbc-mobile-context b{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  body[data-mobile-premium="v6589"] .nbc-mobile-header-cta,
  body[data-mobile-premium="v6589"] .burger{
    min-width:44px!important;
    min-height:44px!important;
  }

  body[data-mobile-premium="v6589"] .nbc-mobile-header-cta{
    height:44px;
    padding-inline:13px;
    border-color:rgba(154,219,172,.29);
    background:linear-gradient(180deg,rgba(154,219,172,.09),rgba(154,219,172,.045));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  }

  body[data-mobile-premium="v6589"] .burger{
    width:44px!important;
    height:44px!important;
    border-color:rgba(233,241,235,.17)!important;
    background:linear-gradient(180deg,rgba(18,29,21,.86),rgba(8,15,10,.74))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  }

  body[data-mobile-premium="v6589"].menu-open .site-header{
    border-bottom-color:transparent;
    background:rgba(5,9,7,.96);
    box-shadow:none;
  }

  /* ---------------------------------------------------------------------
     Full-screen decision menu
     --------------------------------------------------------------------- */
  body[data-mobile-premium="v6589"] .site-header nav #menu.open{
    inset:0!important;
    box-sizing:border-box;
    width:100%!important;
    max-width:100%!important;
    height:100dvh!important;
    min-height:100svh!important;
    max-height:100dvh!important;
    display:block;
    padding:
      calc(var(--nbc-mp-header-h) + env(safe-area-inset-top) + 20px)
      var(--nbc-mp-gutter)
      calc(30px + env(safe-area-inset-bottom))!important;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    background:
      radial-gradient(80% 44% at 92% 4%,rgba(104,174,121,.14),transparent 72%),
      linear-gradient(rgba(128,172,139,.026) 1px,transparent 1px),
      linear-gradient(90deg,rgba(128,172,139,.026) 1px,transparent 1px),
      linear-gradient(180deg,#07100b,#050906 72%);
    background-size:auto,42px 42px,42px 42px,auto;
    scrollbar-width:thin;
    scrollbar-color:rgba(154,219,172,.42) transparent;
  }

  body[data-mobile-premium="v6589"] .site-header nav #menu.open::after{
    content:"";
    display:block;
    height:1px;
    margin-top:18px;
    background:linear-gradient(90deg,rgba(154,219,172,.36),transparent 78%);
  }

  body[data-mobile-premium="v6589"] .site-header nav #menu.open>.nbc-premium-menu-intro{
    margin:0 0 14px;
    padding:2px 0 17px;
    border:0!important;
    list-style:none;
  }

  body[data-mobile-premium="v6589"] .nbc-premium-menu-intro__eyebrow{
    display:block;
    margin-bottom:11px;
    color:rgba(222,236,226,.5);
    font:500 8px/1.2 var(--mono,"IBM Plex Mono",monospace);
    letter-spacing:.14em;
    text-transform:uppercase;
  }

  body[data-mobile-premium="v6589"] .site-header nav #menu.open>li:not(.nbc-premium-menu-intro){
    border-top:1px solid rgba(231,240,233,.09);
  }

  body[data-mobile-premium="v6589"] .site-header nav #menu.open>li>a,
  body[data-mobile-premium="v6589"] .site-header nav #menu.open .nav-summary{
    min-height:54px;
    padding:13px 0;
    color:var(--nbc-mp-text);
    font-size:clamp(21px,6vw,26px);
    line-height:1.08;
    letter-spacing:-.025em;
  }

  body[data-mobile-premium="v6589"] .site-header nav #menu.open .nav-summary::after{
    color:var(--nbc-mp-mint);
  }

  body[data-mobile-premium="v6589"] .site-header nav #menu.open .nav-sub{
    padding:0 0 11px;
  }

  body[data-mobile-premium="v6589"] .site-header nav #menu.open .nav-sub a{
    min-height:44px;
    padding:9px 0;
    color:var(--nbc-mp-text-soft);
    font-size:15px;
    line-height:1.35;
  }

  body[data-mobile-premium="v6589"] .site-header nav #menu.open .nav-cta{
    min-height:52px;
    margin-top:12px;
    border:1px solid rgba(154,219,172,.48);
    background:linear-gradient(90deg,var(--nbc-mp-mint-strong),#7dc993);
    color:#0b1710;
    font-size:15px;
    font-weight:750;
  }

  html[data-nbc-motion="full"] body[data-mobile-premium-ready="true"] .site-header nav #menu.open>li{
    animation:nbc-premium-menu-enter var(--nbc-mp-sheet) var(--nbc-mp-ease-reveal) both;
  }
  html[data-nbc-motion="full"] body[data-mobile-premium-ready="true"] .site-header nav #menu.open>li:nth-child(2){animation-delay:40ms}
  html[data-nbc-motion="full"] body[data-mobile-premium-ready="true"] .site-header nav #menu.open>li:nth-child(3){animation-delay:80ms}
  html[data-nbc-motion="full"] body[data-mobile-premium-ready="true"] .site-header nav #menu.open>li:nth-child(4){animation-delay:120ms}
  html[data-nbc-motion="full"] body[data-mobile-premium-ready="true"] .site-header nav #menu.open>li:nth-child(5){animation-delay:160ms}
  html[data-nbc-motion="full"] body[data-mobile-premium-ready="true"] .site-header nav #menu.open>li:nth-child(6){animation-delay:200ms}
  html[data-nbc-motion="full"] body[data-mobile-premium-ready="true"] .site-header nav #menu.open>li:nth-child(7){animation-delay:240ms}
  html[data-nbc-motion="full"] body[data-mobile-premium-ready="true"] .site-header nav #menu.open>li:nth-child(8){animation-delay:280ms}

  @keyframes nbc-premium-menu-enter{
    from{opacity:0;transform:translateY(7px)}
    to{opacity:1;transform:none}
  }

  /* ---------------------------------------------------------------------
     Tactile response
     --------------------------------------------------------------------- */
  body[data-mobile-premium="v6589"] [data-nbc-tactile="true"]{
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    transform:translateZ(0) scale(1);
    transform-origin:center;
    transition:
      transform var(--nbc-mp-touch) var(--nbc-mp-ease),
      border-color var(--nbc-mp-touch) var(--nbc-mp-ease),
      background-color var(--nbc-mp-touch) var(--nbc-mp-ease),
      color var(--nbc-mp-touch) var(--nbc-mp-ease);
  }

  body[data-mobile-premium="v6589"] [data-nbc-tactile="true"]:active{
    transform:translateZ(0) scale(.985)!important;
  }

  body[data-mobile-premium="v6589"] :where(button,a,summary,[role="button"],[role="tab"]){
    min-block-size:44px;
  }

  body[data-mobile-premium="v6589"] :where([aria-pressed="true"],[aria-selected="true"],[role="tab"][aria-selected="true"]){
    border-color:rgba(154,219,172,.58)!important;
    box-shadow:inset 0 0 0 1px rgba(154,219,172,.18);
  }

  /* ---------------------------------------------------------------------
     Footer close: restrained decision-line echo
     --------------------------------------------------------------------- */
  body[data-mobile-premium="v6589"] .site-footer::before{
    content:"";
    display:block;
    width:calc(100% - (2 * var(--nbc-mp-gutter)));
    height:1px;
    margin:0 auto;
    background:linear-gradient(90deg,var(--nbc-mp-mint-deep),rgba(79,142,99,.2) 42%,transparent 90%);
    opacity:.52;
  }

  body[data-mobile-premium="v6589"] .site-footer .footer-navigation-row{
    border-top:1px solid rgba(229,240,232,.1);
  }

  body[data-mobile-premium="v6589"] .site-footer .footer-navigation-row a{
    min-height:44px;
    display:flex;
    align-items:center;
  }

  /* ---------------------------------------------------------------------
     Styleguide Phase-1 reference
     --------------------------------------------------------------------- */
  body.page-styleguide[data-mobile-premium="v6589"] .sg-premium-foundation{
    padding-block:var(--nbc-mp-rhythm-standard);
    border-top:1px solid rgba(229,240,232,.09);
  }

  body.page-styleguide[data-mobile-premium="v6589"] .sg-premium-foundation__grid{
    display:grid;
    gap:14px;
    margin-top:26px;
  }

  body.page-styleguide[data-mobile-premium="v6589"] .sg-premium-material{
    min-height:220px;
    padding:24px 20px;
  }

  body.page-styleguide[data-mobile-premium="v6589"] .sg-premium-material>span,
  body.page-styleguide[data-mobile-premium="v6589"] .sg-premium-contract>span{
    display:block;
    margin-bottom:12px;
    font:500 9px/1.3 var(--mono,"IBM Plex Mono",monospace);
    letter-spacing:.13em;
    text-transform:uppercase;
  }

  body.page-styleguide[data-mobile-premium="v6589"] .sg-premium-material h3{
    margin:0 0 10px;
    font-size:30px;
    line-height:1;
  }

  body.page-styleguide[data-mobile-premium="v6589"] .sg-premium-material p{
    margin:0;
    font-size:16px;
    line-height:1.55;
  }

  body.page-styleguide[data-mobile-premium="v6589"] .sg-premium-contract{
    padding:22px 18px;
    border:1px solid var(--nbc-mp-line);
    border-radius:var(--nbc-mp-radius-m);
    background:rgba(9,18,12,.62);
  }

  body.page-styleguide[data-mobile-premium="v6589"] .sg-premium-motion-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1px;
    overflow:hidden;
    margin-top:18px;
    border:1px solid var(--nbc-mp-line);
    border-radius:var(--nbc-mp-radius-m);
    background:var(--nbc-mp-line);
  }

  body.page-styleguide[data-mobile-premium="v6589"] .sg-premium-motion-grid div{
    min-height:94px;
    padding:15px;
    background:var(--nbc-mp-ink-1);
  }

  body.page-styleguide[data-mobile-premium="v6589"] .sg-premium-motion-grid span{
    display:block;
    margin-bottom:8px;
    color:var(--nbc-mp-mint);
    font:500 8px/1.2 var(--mono,"IBM Plex Mono",monospace);
    letter-spacing:.1em;
  }

  body.page-styleguide[data-mobile-premium="v6589"] .sg-premium-motion-grid strong{
    font-size:14px;
    line-height:1.25;
  }

  body.page-styleguide[data-mobile-premium="v6589"] [data-premium-diagnostics]{
    margin:16px 0 0;
    color:var(--nbc-mp-text-soft);
    font:500 10px/1.6 var(--mono,"IBM Plex Mono",monospace);
    white-space:pre-wrap;
  }
}

@media (hover:hover) and (pointer:fine) and (max-width:760px){
  body[data-mobile-premium="v6589"] [data-nbc-tactile="true"]:hover{
    border-color:rgba(154,219,172,.42);
  }
}

@media (prefers-reduced-motion:reduce) and (max-width:760px){
  :root{
    --nbc-mp-touch:1ms;
    --nbc-mp-sheet:1ms;
    --nbc-mp-state:1ms;
    --nbc-mp-reveal:1ms;
    --nbc-mp-material:1ms;
    --nbc-mp-stagger:0ms;
  }

  html[data-mobile-premium="v6589"]{
    scroll-behavior:auto!important;
  }

  html[data-nbc-motion="reduced"] body[data-mobile-premium="v6589"] :where(
    .nbc-decision-line *,
    .site-header,
    .site-header *,
    [data-nbc-tactile="true"],
    [data-nbc-material]
  ){
    animation:none!important;
    transition-duration:1ms!important;
    transition-delay:0ms!important;
  }

  html[data-nbc-motion="reduced"] body[data-mobile-premium="v6589"] :where(
    [data-signature-scene],
    [data-mobile-sticky],
    [data-pin-scene]
  ){
    position:relative!important;
    top:auto!important;
    min-height:0!important;
    transform:none!important;
  }

  html[data-nbc-motion="reduced"] body[data-mobile-premium="v6589"] :where(
    canvas,
    [class*="particle"],
    [data-particle]
  ){
    animation-play-state:paused!important;
  }

  html[data-nbc-motion="reduced"] body[data-mobile-premium="v6589"] [data-nbc-tactile="true"]:active{
    transform:none!important;
  }
}

@media (prefers-reduced-transparency:reduce) and (max-width:760px){
  body[data-mobile-premium="v6589"] .site-header,
  body[data-mobile-premium="v6589"] [data-nbc-material="instrument"]{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body[data-mobile-premium="v6589"] .site-header{
    background:#07100b!important;
  }

  body[data-mobile-premium="v6589"] [data-nbc-material="instrument"]{
    background-color:#0a1710;
  }
}

@media (prefers-contrast:more) and (max-width:760px){
  body[data-mobile-premium="v6589"]{
    --nbc-mp-text-soft:rgba(247,249,246,.84);
    --nbc-mp-text-muted:rgba(247,249,246,.7);
    --nbc-mp-line:rgba(239,247,241,.28);
    --nbc-mp-line-strong:rgba(190,231,200,.52);
  }

  body[data-mobile-premium="v6589"] :where(.site-header,[data-nbc-material]){
    border-color:var(--nbc-mp-line-strong)!important;
  }
}

@media print{
  .nbc-premium-menu-intro,
  .nbc-decision-line[aria-hidden="true"]{
    display:none!important;
  }
}