@layer components {
@media (max-width: 1023px) {

  .ds-page .ds-now-h,
  .ds-page .ds-span-read .ds-span-k,
  .ds-page .ds-span-gov-k { font-size: 12px; }

  .ds-page .ds-now-chan { font-size: 12px; }

  .ds-page .ds-exc-flag,
  .ds-page .ds-exc-k,
  .ds-page .ds-exc-log-k,
  .ds-page .ds-exc-foot-k { font-size: 12px; }

  .ds-page .ds-load-fig .obj-phone,
  .ds-page .ds-layer-fig .obj-phone { margin-block: 8px 4px; }

  .ph-load .ph-deck { fill: color-mix(in srgb, var(--text-primary) 82%, transparent); }

  .ph-load .ph-deck-in {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.18em;
    fill: #0b0e15;
  }

  .ph-load .ph-sep { stroke: var(--border-strong); stroke-width: 1; }

  .ph-load .ph-stage {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    fill: var(--text-primary);
  }

  .ph-load .ph-stage-n {
    font-size: 12px;
    letter-spacing: 0.02em;
    fill: var(--text-muted);
  }

  .ph-load .ph-col {
    fill: color-mix(in srgb, var(--accent-color) 74%, #ffffff);
    opacity: 0.9;
  }

  .ph-load .ph-col--dec { fill: var(--text-primary); opacity: 1; }

  .ph-load .ph-foot--far { fill: color-mix(in srgb, var(--accent-color) 78%, #ffffff); }
  .ph-load .ph-foot--near { fill: var(--text-primary); }

  .ph-load .ph-foot-k {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
  }

  .ph-load .ph-foot-k--near { fill: var(--text-primary); }
  .ph-load .ph-foot-k--far { fill: color-mix(in srgb, var(--accent-color) 62%, #ffffff); }

  .ph-load .ph-carried {
    font-size: 17px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    fill: color-mix(in srgb, var(--accent-color) 62%, #ffffff);
  }

  .ph-load .ph-carried-k {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    fill: var(--text-muted);
  }

  .ph-load .ph-cap { font-size: 12px; fill: var(--text-secondary); }
  .ph-load .ph-cap--dec { font-weight: 600; fill: var(--text-primary); }

  .ph-auth .ph-bound { stroke: var(--border-strong); stroke-width: 1.5; }

  .ph-auth .ph-ret {
    stroke: color-mix(in srgb, var(--accent-color) 62%, #ffffff);
    stroke-width: 1;
    opacity: 0.42;
  }

  .ph-auth .ph-ret-k {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.10em;
    fill: color-mix(in srgb, var(--accent-color) 62%, #ffffff);
  }

  .ph-auth .ph-ret-s { font-size: 12px; fill: var(--text-secondary); }

  .ph-auth .ph-acts-k {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    fill: var(--text-muted);
  }

  .ph-auth .ph-act-bar { fill: var(--text-primary); }
  .ph-auth .ph-act-run { stroke: var(--text-primary); stroke-width: 2; }
  .ph-auth .ph-act-term { stroke: var(--text-primary); stroke-width: 2; }

  .ph-auth .ph-act-b {
    font-size: 12px;
    fill: color-mix(in srgb, var(--accent-color) 62%, #ffffff);
  }

  .ph-layer .ph-cover {
    fill: rgba(244, 244, 245, 0.055);
    stroke: color-mix(in srgb, var(--text-primary) 26%, transparent);
    stroke-width: 1;
  }

  .ph-layer .ph-body {
    fill: rgba(16, 20, 29, 0.96);
    stroke: var(--border-light);
    stroke-width: 1;
  }

  .ph-layer .ph-body-n {
    font-size: 14px;
    font-weight: 600;
  }

  .ph-layer .ph-junc {
    fill: rgba(244, 244, 245, 0.16);
    stroke: var(--text-primary);
    stroke-width: 1;
  }

  .ph-layer .ph-junc-n {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    fill: var(--text-primary);
  }

  .ph-layer .ph-cast {
    fill: color-mix(in srgb, var(--accent-color) 26%, rgba(10, 13, 20, 0.9));
    stroke: color-mix(in srgb, var(--accent-color) 70%, #ffffff);
    stroke-width: 1;
  }

  .ph-layer .ph-cast-in {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.01em;
    fill: var(--text-primary);
  }

  .ph-layer .ph-count {
    font-size: 23px;
    font-weight: 600;
    letter-spacing: -0.02em;
  }

  .ph-layer .ph-count--brand { fill: var(--text-primary); }
  .ph-layer .ph-count--op { fill: color-mix(in srgb, var(--accent-color) 35%, #ffffff); }

}
}

@layer components {

@media (max-width: 1023px) {

  .ds-page .ds-exc-fig { margin-bottom: 20px; }

  .ds-page .ds-exc-top { padding: 16px var(--space-5) 12px; gap: 10px; }
  .ds-page .ds-exc-body { padding: 10px var(--space-5) 14px; gap: 20px; }
  .ds-page .ds-exc-field { padding: 5px 0; }

  .ds-page .ds-layer-rail { padding-bottom: 16px; }

}
}

@layer components {

@media (max-width:1023px) {

  .ds-page .ds-load .site-lede,
  .ds-page .ds-auth .site-lede,
  .ds-page .ds-layer .site-lede,
  .ds-page .ds-exc .site-lede { display: revert; }

  .ds-page .ds-ph-h {
    margin-bottom: var(--stack-md);
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--text-primary);
    max-width: 26ch;
  }

  .ds-page .ds-ph-k {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--text-muted);
  }

  .ds-page .ds-ph-note {
    margin-top: 8px;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--text-secondary);
  }

  .ds-page .ds-ph-ok { color: color-mix(in srgb, var(--success-color) 60%, var(--text-muted)); }

  .ds-page .ds-ph-cap {
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--border-subtle);
    font-size: 1rem;
    line-height: 1.5;
    color: var(--text-secondary);
  }

  .ds-page .ds-hero-pa .ds-hero-obj { margin-top: 0; }

  .ds-page .ds-hero-pa .ds-hero-body { padding: 10px 20px 12px; }
  .ds-page .ds-hero-pa .ds-hero-chrome { padding: 8px 20px; }

  .ds-page .ds-ph-gov {
    margin-top: 10px;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--text-secondary);
  }

  .ds-page .ds-ph-gov .ds-ph-k { margin-bottom: 2px; }

  .ds-page .ds-auth-pa .obj-phone,
  .ds-page .ds-auth-pb .obj-phone { margin-block: 12px 0; }
  .ds-page .ds-load-pa .ds-load-fig .obj-phone,
  .ds-page .ds-load-pb .ds-load-fig .obj-phone { margin-block: 4px 0; }

  .ph-auth .ph-act-d {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    fill: var(--text-primary);
  }

  .ph-layer .ph-body-n { fill: var(--text-primary); }

  .ds-page .ds-layer-pa .ds-layer-rail { padding-bottom: 10px; }
  .ds-page .ds-layer-pa .ds-layer-rail .site-head { gap: 0; }
  .ds-page .ds-layer-pa .ds-layer-rail .site-kicker { margin-bottom: 8px; }
  .ds-page .ds-layer-pa .ds-layer-rail .site-lede { margin-top: 8px; }
  .ds-page .ds-layer-pa .ds-layer-fig { margin-top: -20px; }

  .ds-page .ds-ph-crumb {
    margin-bottom: 10px;
    font-size: 1rem;
    color: var(--text-muted);
  }

  .ds-page .ds-ph-crumb b {
    margin-left: 8px;
    font-weight: 600;
    color: var(--text-primary);
  }

  .ds-page .ds-exc-pa .ds-exc-top { padding: 14px var(--space-6) 10px; }
  .ds-page .ds-exc-pa .ds-exc-body { padding: 6px var(--space-6) 12px; }
  .ds-page .ds-exc-pa .ds-exc-field { padding: 4px 0; }
}
}

@layer components {
@media (max-width:1023px) {

  .ds-page .ds-exc-coda { gap: 6px 20px; }

  .js .ph-auth .ph-anim-bar {
    transform: scaleX(0);
    transform-box: fill-box;
    transform-origin: left center;
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .js-observe-fade.visible .ph-auth .ph-anim-bar { transform: scaleX(1); }

  .js-observe-fade.visible .ph-auth .ph-a0 { transition-delay: 200ms; }
  .js-observe-fade.visible .ph-auth .ph-a1 { transition-delay: 380ms; }
  .js-observe-fade.visible .ph-auth .ph-a2 { transition-delay: 560ms; }
  .js-observe-fade.visible .ph-auth .ph-a3 { transition-delay: 740ms; }

}

@media (prefers-reduced-motion: reduce) {
  .ds-page .ph-auth .ph-anim-bar {
    transform: none !important;
    transition: none !important;
  }
}
}

@layer components {
@media (max-width: 1023px) {

  .ds-page .ds-ph-chan {
    display: block;
    font-weight: 400;
    line-height: 1.45;
    color: var(--text-muted);
  }

  .ds-page .ds-ph-chan .ds-ph-ok {
    display: inline;
    margin-top: 0;
    margin-left: var(--space-2);
  }

  .ds-page .ds-ph-crumb { margin-bottom: var(--stack-sm); }

  .ds-page .ds-exc-pa .ds-exc-fig { margin-bottom: 0; }

}
}

@layer components {
@media (max-width: 1023px) {

  .ph-layer .ph-body-f {
    font-size: 12px;
    letter-spacing: 0.01em;
    fill: var(--text-secondary);
  }
}
}