/* LEDX task-guide palette: matches the light Payback task page without changing content structure. */
html body.task-article-page.item-guide-page.item-guide-delta {
  --item-guide-ink-dark: #17202c;
  --item-guide-muted-dark: #5d6f7e;
  --item-guide-line-dark: #e3e9ef;
  --item-guide-panel-dark: #fff;
  --item-guide-panel-raised: #f8fafc;
  --item-guide-page-dark: #f5f7fa;
  --item-guide-blue-dark: #2563eb;
  --item-guide-teal-dark: #0b7480;
  --item-guide-danger-dark: #b45309;
  --item-guide-ink: #17202c;
  --item-guide-muted: #5d6f7e;
  --item-guide-line: #e3e9ef;
  --item-guide-panel: #fff;
  --item-guide-accent: #2563eb;
  --item-guide-accent-soft: #eef5ff;
  background: #f5f7fa;
  color: #17202c;
  color-scheme: light;
}

html body.task-article-page.item-guide-page.item-guide-delta .header,
html body.task-article-page.item-guide-page.item-guide-delta .header .h-fix,
html body.task-article-page.item-guide-page.item-guide-delta .takefu-shell-header {
  border-color: #e3e9ef !important;
  background: #fff !important;
  color: #17202c !important;
  box-shadow: 0 1px 0 rgb(15 23 42 / 4%) !important;
}

html body.task-article-page.item-guide-page.item-guide-delta.takefu-shell-ready .header,
html body.task-article-page.item-guide-page.item-guide-delta.takefu-shell-ready .header .h-fix,
html body.task-article-page.item-guide-page.item-guide-delta.takefu-shell-ready .takefu-shell-header {
  border-color: #e3e9ef !important;
  background: #fff !important;
  color: #17202c !important;
  box-shadow: 0 1px 0 rgb(15 23 42 / 4%) !important;
}

html body.task-article-page.item-guide-page.item-guide-delta.takefu-shell-ready .takefu-shell-nav__link,
html body.task-article-page.item-guide-page.item-guide-delta.takefu-shell-ready .takefu-shell-nav__toggle,
html body.task-article-page.item-guide-page.item-guide-delta.takefu-shell-ready .takefu-shell-menu {
  color: #17202c !important;
}

html body.task-article-page.item-guide-page.item-guide-delta.takefu-shell-ready .takefu-shell-search {
  border-color: #e3e9ef !important;
  background: #f5f7fa !important;
  box-shadow: none !important;
}

html body.task-article-page.item-guide-page.item-guide-delta.takefu-shell-ready .takefu-shell-search__input,
html body.task-article-page.item-guide-page.item-guide-delta.takefu-shell-ready .takefu-shell-search__button {
  color: #253241 !important;
}

html body.task-article-page.item-guide-page.item-guide-delta.takefu-shell-ready .takefu-shell-search__input::placeholder {
  color: #4b5563 !important;
  opacity: 1;
}

html body.task-article-page.item-guide-page.item-guide-delta .header .logo img,
html body.task-article-page.item-guide-page.item-guide-delta .takefu-shell-logo img {
  filter: none;
  opacity: 1;
}

html body.task-article-page.item-guide-page.item-guide-delta .header .nav > li > a,
html body.task-article-page.item-guide-page.item-guide-delta .header .m-btn,
html body.task-article-page.item-guide-page.item-guide-delta .header .search .s-btn,
html body.task-article-page.item-guide-page.item-guide-delta .takefu-shell-nav__link,
html body.task-article-page.item-guide-page.item-guide-delta .takefu-shell-nav__toggle,
html body.task-article-page.item-guide-page.item-guide-delta .takefu-shell-menu {
  color: #17202c !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .header .nav > li > a:hover,
html body.task-article-page.item-guide-page.item-guide-delta .header .nav > li > a:focus-visible,
html body.task-article-page.item-guide-page.item-guide-delta .takefu-shell-nav__link:hover,
html body.task-article-page.item-guide-page.item-guide-delta .takefu-shell-nav__link:focus-visible,
html body.task-article-page.item-guide-page.item-guide-delta .takefu-shell-nav__toggle:hover,
html body.task-article-page.item-guide-page.item-guide-delta .takefu-shell-nav__toggle:focus-visible {
  color: #2563eb !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .takefu-shell-nav__link[data-takefu-nav-icon="search"][href$="item-guide/"],
html body.task-article-page.item-guide-page.item-guide-delta .takefu-shell-nav__link[data-takefu-nav-icon="search"][href$="item-guide/"] .takefu-shell-nav__label {
  background: #eef5ff !important;
  color: #1d4ed8 !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .header .search .sform,
html body.task-article-page.item-guide-page.item-guide-delta .takefu-shell-search,
html body.task-article-page.item-guide-page.item-guide-delta .header .sub-menu,
html body.task-article-page.item-guide-page.item-guide-delta .takefu-shell-nav__submenu {
  border-color: #e3e9ef !important;
  background: #fff !important;
  box-shadow: 0 12px 28px rgb(15 23 42 / 10%) !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .header .search .sinput,
html body.task-article-page.item-guide-page.item-guide-delta .header .search button,
html body.task-article-page.item-guide-page.item-guide-delta .takefu-shell-search__input,
html body.task-article-page.item-guide-page.item-guide-delta .takefu-shell-search__button,
html body.task-article-page.item-guide-page.item-guide-delta .header .sub-menu a,
html body.task-article-page.item-guide-page.item-guide-delta .takefu-shell-nav__submenu-link {
  color: #253241 !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .task-article-main {
  background: #f5f7fa !important;
  color: #17202c !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .task-article-breadcrumb {
  color: #5d6f7e !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .task-article-breadcrumb a {
  color: #2563eb !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .task-article-breadcrumb i {
  color: #667085 !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-decision,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-tracker,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-overview,
html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-plot,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-routes,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side-card {
  border-color: #e3e9ef !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #17202c !important;
  box-shadow: 0 1px 3px rgb(15 23 42 / 8%), 0 10px 24px rgb(15 23 42 / 4%) !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-head,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-panel,
html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-content,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-section {
  border-color: #e3e9ef !important;
  background: transparent !important;
  color: #253241 !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-media,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-decision__states > div,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-options label,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-primary,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-metric,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-items > :is(span, a),
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-merchant__mark,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-related-card {
  border-color: #e3e9ef !important;
  background: #f8fafc !important;
  color: #253241 !important;
  box-shadow: none !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-related-card__icon {
  border-color: #dbe7f4 !important;
  background: #eef5ff !important;
  color: #2563eb !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-titlebox h1,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-head h2,
html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-head h2,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-section-heading h2,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-section h2,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side-card h2,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-decision__states strong,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-primary strong,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-metric strong,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-context-item strong,
html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-stat strong,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-merchant:not([href]) strong,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-related-card__copy strong {
  color: #17202c !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-subtitle,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-section-kicker,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side-card__label,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-eyebrow,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-metric.is-best strong,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-metric.is-up strong,
html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-current-label {
  color: #2563eb !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-decision h2,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-conclusion,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-result {
  color: #0b7480 !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-title {
  color: #17202c !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-tracker > p {
  color: #5d6f7e !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .task-article-meta span,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-lede,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-decision p,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-decision__states span,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side-card p,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side-card li,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-section-heading > p,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-primary span,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-metric span,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-context-item span,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-meta,
html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-legend,
html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-note,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-merchant small,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-side > span,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-limit,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-related-card__copy small {
  color: #5d6f7e !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-barter-group h3 {
  color: #253241 !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-advice,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-sources-list small {
  color: #5d6f7e !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-sources-list a {
  color: #1d4ed8 !important;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-sources-list strong {
  color: #17202c !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-context-strip span,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-status,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-source-kind {
  border-color: #cbd7e2 !important;
  background: #eef5ff !important;
  color: #1d4ed8 !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-context-strip [data-item-price-teaser],
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-stale {
  border-color: #e6c677 !important;
  background: #fff8e8 !important;
  color: #7a5500 !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-eyebrow a,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-meta a,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-demand-table a,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-task-links a {
  color: #1d4ed8 !important;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-tabs {
  border-color: #cbd7e2 !important;
  background: #f8fafc !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-tabs button {
  color: #5d6f7e !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-tabs button.is-active,
html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-tabs button:hover,
html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-tabs button:focus-visible {
  background: #0b7480 !important;
  color: #fff !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-grid {
  stroke: #dce5ec;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-price-line {
  stroke: #0b7480;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.5px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-min-line {
  stroke: #566fbd;
  stroke-dasharray: 8 5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.25px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-legend {
  gap: 16px;
  color: #51687f !important;
  font-size: 12px;
  font-weight: 750;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-legend span {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  gap: 8px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-legend span::before {
  display: block;
  width: 30px;
  height: 12px;
  flex: 0 0 30px;
  background:
    radial-gradient(circle at 50% 50%, #0b7480 0 3px, transparent 3.5px),
    linear-gradient(#0b7480, #0b7480) center / 100% 2px no-repeat;
  content: '';
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-legend .is-min::before {
  background:
    radial-gradient(circle at 50% 50%, #fff 0 2px, #566fbd 2.3px 3.5px, transparent 3.8px),
    repeating-linear-gradient(90deg, #566fbd 0 8px, transparent 8px 13px) center / 100% 2px no-repeat;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-area {
  fill: rgb(11 116 128 / 12%);
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-dot,
html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-cursor-dot,
html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-outlier-dot {
  fill: #fff;
  stroke: #0b7480;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-demand-table th,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-content .item-guide-facts th {
  border-color: #e3e9ef !important;
  background: #f8fafc !important;
  color: #2563eb !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-demand-table td,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-content .item-guide-facts td,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-sources-list li,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-reading-list li {
  border-color: #e3e9ef !important;
  color: #253241 !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-source-featured,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-side--receive .item-guide-trade-items > :is(span, a),
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side-card .item-guide-related-card:hover,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side-card .item-guide-related-card:focus-visible {
  border-color: #bfdbfe !important;
  background: #eef5ff !important;
  color: #1d4ed8 !important;
}

/* Cohesive LEDX layout: one item story instead of a wall of detached cards. */
html body.task-article-page.item-guide-page.item-guide-delta .task-article-wrap {
  width: min(1444px, calc(100% - 48px));
}

html body.task-article-page.item-guide-page.item-guide-delta .task-article-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-article-card {
  min-width: 0;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero {
  display: block;
  overflow: hidden;
  border: 1px solid #e3e9ef !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 12px 32px rgb(15 23 42 / 6%) !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-head {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 32px;
  align-items: center;
  min-height: 286px;
  border: 0 !important;
  padding: 32px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-media {
  display: grid;
  place-items: center;
  width: 220px;
  height: 220px;
  border: 1px solid #dbe3eb !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 12px 28px rgb(15 23 42 / 6%) !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-media img {
  width: 184px;
  height: 184px;
  object-fit: contain;
  outline: 0 !important;
  outline-offset: 0 !important;
  filter: drop-shadow(0 10px 14px rgb(15 23 42 / 12%));
  image-rendering: auto;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-titlebox {
  position: relative;
  min-width: 0;
  min-height: 220px;
  padding-right: 310px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-quick-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-titlebox h1 {
  margin: 0;
  color: #17202c !important;
  font-size: clamp(34px, 3vw, 46px);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-subtitle {
  margin: 9px 0 0;
  color: #5d6f7e !important;
  font-size: 18px;
  font-weight: 700;
}

html body.task-article-page.item-guide-page.item-guide-delta .task-article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

html body.task-article-page.item-guide-page.item-guide-delta .task-article-meta span {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  border: 1px solid #dbe7f4;
  border-radius: 7px;
  background: #f8fafc;
  color: #425466 !important;
  font-size: 13px;
  font-weight: 700;
  padding: 0 10px;
}

html body.task-article-page.item-guide-page.item-guide-delta .task-article-meta span:first-child {
  border-color: #111827 !important;
  background: #111827 !important;
  color: #fff !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .task-article-meta span[data-item-mode-status] {
  border-color: #93c5fd !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-context-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-context-strip span {
  min-height: 30px;
  border-radius: 7px !important;
  padding: 6px 10px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-context-strip [data-item-price-teaser] {
  position: absolute;
  top: 4px;
  right: 0;
  display: grid;
  width: 286px;
  min-height: 278px;
  align-content: start;
  justify-items: center;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: inset 1px 0 #e5e9f0 !important;
  color: #17202c !important;
  font-weight: 900;
  line-height: 1.25;
  padding: 14px 20px 12px;
  text-align: center;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-context-strip [data-item-price-teaser]::before {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #5d6f7e;
  content: "当前价格";
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  width: 100%;
  gap: 10px;
  color: #17202c;
  font-weight: 900;
  line-height: 1.15;
  margin-top: 39px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-value span {
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #17202c !important;
  font-size: clamp(30px, 3.2vw, 48px);
  white-space: nowrap;
  letter-spacing: -0.035em;
  padding: 0 !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-value em {
  color: #17202c;
  font-size: 17px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .02em;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-metrics {
  display: grid;
  width: 100%;
  gap: 0;
  margin-top: 7px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-metric {
  display: grid;
  min-height: 25px;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  border: 0;
  border-bottom: 1px solid #e2eaf3;
  border-radius: 0;
  background: transparent;
  color: #506b86;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.15;
  padding: 4px 1px;
  text-align: left;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-metric:last-child {
  border-bottom: 0;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-metric span {
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  padding: 0 !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-metric strong {
  color: #142a45;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-metric.is-net strong {
  color: #075f69;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-metric.is-up strong {
  color: #057a49;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-metric.is-down strong {
  color: #a33b46;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-stale {
  display: inline-flex;
  width: max-content;
  min-height: 28px;
  align-items: center;
  margin: 10px auto 0;
  border: 1px solid #e6c677;
  border-radius: 7px;
  background: #fff8e8;
  color: #9a6700;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  padding: 0 9px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-lede {
  max-width: 560px;
  margin: 15px 0 0;
  color: #5d6f7e !important;
  font-size: 15px;
  line-height: 1.7;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-decision {
  margin: 0;
  border: 0 !important;
  border-top: 1px solid #e3e9ef !important;
  border-radius: 0 !important;
  background: #f8fbff !important;
  box-shadow: none !important;
  padding: 28px 32px 30px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-decision h2 {
  margin: 0;
  color: #1d4ed8 !important;
  font-size: clamp(24px, 2.2vw, 32px);
  letter-spacing: -0.025em;
  line-height: 1.28;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-decision__main > p:not(.item-guide-section-kicker) {
  max-width: 900px;
  margin: 10px 0 0;
  color: #425466 !important;
  font-size: 14px;
  line-height: 1.7;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-decision__states {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-decision__states > div {
  min-width: 0;
  border: 1px solid #dce7f3 !important;
  border-radius: 9px !important;
  background: #fff !important;
  padding: 15px 17px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-decision__states strong {
  display: block;
  color: #0b7480 !important;
  font-size: 15px;
  line-height: 1.35;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-decision__states span {
  display: block;
  margin-top: 5px;
  color: #5d6f7e !important;
  font-size: 13px;
  line-height: 1.6;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-tracker {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr) minmax(260px, 0.8fr);
  grid-template-rows: auto auto;
  gap: 6px 22px;
  align-items: center;
  margin: 18px 0 0;
  border: 1px solid #e3e9ef !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgb(15 23 42 / 4%) !important;
  padding: 20px 22px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-title {
  grid-column: 1;
  grid-row: 1;
  width: auto;
  margin: 0;
  color: #17202c !important;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.3;
  padding: 0;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-tracker > p:first-of-type {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  color: #4b5563 !important;
  font-size: 12px;
  line-height: 1.5;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-options {
  display: grid;
  grid-column: 2;
  grid-row: 1 / span 2;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-options label {
  display: flex;
  min-width: 0;
  min-height: 52px;
  align-items: center;
  border: 1px solid #e3e9ef !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  color: #253241 !important;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.45;
  padding: 8px 10px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-options input {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 0 8px 0 0;
  accent-color: #2563eb;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-result {
  display: grid;
  grid-column: 3;
  grid-row: 1 / span 2;
  min-height: 68px;
  align-content: center;
  margin: 0;
  border: 1px solid #dbe7f4;
  border-radius: 9px;
  background: #eef5ff;
  color: #0b7480 !important;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.55;
  padding: 12px 14px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-panel {
  margin: 18px 0 0;
  border: 1px solid #e3e9ef !important;
  border-radius: 12px 12px 0 0 !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgb(15 23 42 / 4%) !important;
  padding: 24px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-head {
  align-items: flex-start;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-head h2,
html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-head h2 {
  color: #17202c !important;
  font-size: 22px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mode-tabs {
  display: inline-flex;
  gap: 4px;
  margin-top: 10px;
  border: 1px solid #cbd7e2;
  border-radius: 7px;
  background: #f8fafc;
  padding: 3px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mode-tabs button {
  min-width: 54px;
  min-height: 30px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #5d6f7e;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  padding: 0 10px;
  transition: background-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 120ms ease;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mode-tabs button:active {
  transform: scale(0.96);
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mode-tabs button:hover,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mode-tabs button:focus-visible,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mode-tabs button.is-active {
  background: #0b7480;
  box-shadow: 0 1px 3px rgb(11 116 128 / 18%);
  color: #fff;
  outline: none;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mode-tabs--hero {
  position: absolute;
  top: 14px;
  right: 20px;
  margin-top: 0;
  background: #fff;
  box-shadow: 0 0 0 1px rgb(203 215 226 / 70%), 0 8px 18px rgb(15 23 42 / 5%);
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mode-tabs--hero button {
  min-width: 48px;
  min-height: 28px;
  padding: 0 9px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: end;
  width: max-content;
  max-width: 100%;
  margin: 14px 0 16px;
  border-radius: 11px;
  background: #f5f8fb;
  box-shadow: 0 0 0 1px rgb(15 23 42 / 6%), 0 2px 6px rgb(15 23 42 / 4%);
  padding: 10px 12px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-control-group {
  display: grid;
  gap: 6px;
  min-width: 0;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-control-label {
  color: #4b5563;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-controls .item-guide-mode-tabs,
html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-controls .item-price-trend-tabs {
  display: grid;
  grid-auto-columns: minmax(62px, auto);
  grid-auto-flow: column;
  gap: 3px;
  margin: 0;
  border: 0 !important;
  border-radius: 8px;
  background: #e7edf4 !important;
  box-shadow: inset 0 0 0 1px rgb(71 85 105 / 10%);
  padding: 3px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-controls .item-price-trend-tabs {
  grid-auto-columns: minmax(76px, auto);
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-controls button {
  min-width: 0;
  min-height: 36px;
  border: 0 !important;
  border-radius: 6px;
  background: transparent !important;
  box-shadow: none;
  color: #526273 !important;
  font: inherit;
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
  padding: 0 13px;
  transition-property: background-color, box-shadow, color, scale;
  transition-duration: 150ms;
  transition-timing-function: ease-out;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-controls button:hover {
  background: rgb(255 255 255 / 72%) !important;
  color: #1e3a5f !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-controls button:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-controls button.is-active {
  background: #0b7480 !important;
  box-shadow: 0 1px 2px rgb(15 23 42 / 12%), 0 0 0 1px rgb(5 87 96 / 18%);
  color: #fff !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-controls button:active {
  scale: 0.96;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-overview {
  display: grid;
  grid-template-columns: 1.2fr repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid #e3e9ef !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-primary,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-metric {
  display: block;
  min-width: 0;
  min-height: 102px;
  border: 0 !important;
  border-right: 1px solid #e3e9ef !important;
  border-radius: 0 !important;
  background: #fff !important;
  padding: 17px 18px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-metric:last-child {
  border-right: 0 !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-primary strong {
  overflow: visible;
  color: #17202c !important;
  font-size: clamp(24px, 2.3vw, 34px);
  text-overflow: clip;
  white-space: normal;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-metric strong {
  overflow: visible;
  font-size: 18px;
  text-overflow: clip;
  white-space: normal;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-metric.is-fee em,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-metric.is-trader em {
  display: block;
  margin-top: 5px;
  color: #5d6f7e;
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-context,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trader-prices {
  border-color: #e3e9ef !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trader-prices {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  align-items: center;
  margin-top: 12px;
  border-top: 1px solid #e3e9ef;
  padding-top: 12px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trader-prices__list strong {
  color: #17202c;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-stale {
  border-radius: 8px !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend {
  margin: 0;
  border: 1px solid #e3e9ef !important;
  border-top: 0 !important;
  border-radius: 0 0 12px 12px !important;
  background: #fff !important;
  box-shadow: 0 10px 26px rgb(15 23 42 / 4%) !important;
  padding: 8px 24px 24px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-plot {
  border: 1px solid #e3e9ef !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: none !important;
  padding: 10px 12px 4px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-chart {
  height: 220px;
}

/* A mouse click focuses the SVG for arrow-key navigation. Keep that useful
   focus state without exposing the browser's heavy default black outline. */
html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-chart:focus {
  outline: none;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-chart:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 3px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  margin-top: 18px;
  padding: 0;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-section,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-editorial {
  margin: 0;
  border: 1px solid #e3e9ef !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgb(15 23 42 / 4%) !important;
  padding: 24px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-section-heading {
  align-items: flex-start;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-table-wrap,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-routes {
  overflow: hidden;
  border: 1px solid #e3e9ef !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-barter-group + .item-guide-barter-group {
  margin-top: 20px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-barter-group > h3 {
  margin: 0 0 10px;
  color: #334155;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.4;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-routes {
  display: grid;
  gap: 12px;
  overflow: visible;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-demand-table th,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-demand-table td {
  padding: 13px 14px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-route {
  display: grid;
  grid-template-columns: 176px minmax(0, 1fr);
  gap: 14px 20px;
  align-items: center;
  overflow: hidden;
  border: 1px solid #e0e7ef !important;
  border-radius: 10px;
  background: #fbfcfe;
  box-shadow: 0 1px 2px rgb(15 23 42 / 4%), 0 5px 16px rgb(15 23 42 / 4%);
  padding: 17px 18px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-merchant {
  align-self: stretch;
  border-right: 1px solid #e5ebf2;
  padding-right: 16px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-merchant__mark {
  width: 52px;
  height: 52px;
  border: 0 !important;
  border-radius: 9px !important;
  background: #eef4fa !important;
  box-shadow: inset 0 0 0 1px rgb(15 23 42 / 8%);
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-merchant__mark img {
  width: 48px;
  height: 48px;
  border-radius: 7px;
  object-fit: cover;
  outline: 1px solid rgb(0 0 0 / 10%);
  outline-offset: -1px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-merchant strong {
  font-size: 14px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-merchant small {
  margin-top: 4px;
  line-height: 1.45;
}

/* Blue is reserved for destinations that can be opened on this site. */
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-content a,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side a,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-panel a,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero a,
html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext__link {
  color: #2563eb !important;
  text-decoration: none;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-merchant[href],
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-item-link {
  color: #2563eb !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-merchant[href] strong,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-item-link > span,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-link,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-link,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-related-card[href] .item-guide-related-card__copy strong,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__empty > span,
html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext__link strong {
  color: #2563eb !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-items > span > span,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-merchant:not([href]) strong,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trader-prices__list em,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-metric em {
  color: #526273 !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-content a:hover,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side a:hover,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-panel a:hover,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero a:hover,
html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext__link:hover,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-content a:focus-visible,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side a:focus-visible,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-panel a:focus-visible,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero a:focus-visible,
html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext__link:focus-visible {
  color: #1d4ed8;
  text-decoration: underline;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-content a:focus-visible,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side a:focus-visible,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-panel a:focus-visible,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero a:focus-visible,
html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext__link:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-metric .item-guide-price-link {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-metric .item-guide-hero-price-link {
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  font-weight: 900;
  line-height: 1.2;
  white-space: nowrap;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-flow {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) 38px minmax(220px, 0.8fr);
  gap: 12px;
  align-items: center;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-side {
  gap: 7px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-side > span {
  color: #4b5563 !important;
  font-size: 12px;
  font-weight: 800;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-items {
  gap: 8px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-items > :is(span, a) {
  flex: 1 1 170px;
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 9px;
  min-width: 150px;
  min-height: 68px;
  align-items: center;
  border: 1px solid #e1e8f0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #243244 !important;
  line-height: 1.4;
  padding: 6px 9px 6px 6px;
}

/* Material cards may become links as their item pages are published. Keep the
   icon column and the copy column stable in both states, even for long names. */
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-item-copy {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-items > :is(span, a).is-image-missing {
  grid-template-columns: minmax(0, 1fr);
  padding-left: 12px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-items > a.item-guide-trade-item-link:hover,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-items > a.item-guide-trade-item-link:focus-visible {
  border-color: #93c5fd !important;
  background: #f8fbff !important;
  text-decoration: none;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-items img {
  width: 56px;
  height: 56px;
  border-radius: 6px;
  background: #f7f9fc;
  object-fit: contain;
  outline: 1px solid rgb(0 0 0 / 10%);
  outline-offset: -1px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-side--receive .item-guide-trade-items > :is(span, a) {
  min-width: 100%;
  border-color: #cfe0f2 !important;
  background: #f3f8fe !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-side--receive .item-guide-trade-items > a.item-guide-trade-item-link:hover,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-side--receive .item-guide-trade-items > a.item-guide-trade-item-link:focus-visible {
  border-color: #93c5fd !important;
  background: #eaf4ff !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-items > a.item-guide-trade-item-link {
  color: #2563eb !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-arrow {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  justify-self: center;
  border-radius: 50%;
  background: #e8f1fb;
  color: #2563eb !important;
  font-size: 14px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-limit,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-advice,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-value {
  grid-column: 1 / -1;
  margin: 0;
  color: #5d6f7e;
  font-size: 12px;
  line-height: 1.55;
  text-align: left;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-limit {
  border-top: 1px solid #e5ebf2;
  padding-top: 11px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-value {
  color: #425466;
  font-weight: 700;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-sources-list {
  display: grid;
  gap: 10px;
  overflow: visible;
  margin-top: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-sources-list li {
  display: grid;
  grid-template-areas: "kind title" "kind detail";
  grid-template-columns: 116px minmax(0, 1fr);
  gap: 5px 16px;
  align-items: start;
  margin: 0 !important;
  border: 1px solid #e1e8f0 !important;
  border-radius: 9px !important;
  background: #fbfcfe !important;
  box-shadow: 0 1px 2px rgb(15 23 42 / 3%);
  padding: 15px 16px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-sources-list li:last-child {
  border-bottom: 1px solid #e1e8f0 !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-source-kind {
  grid-area: kind;
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  min-height: 28px;
  align-items: center;
  border-radius: 6px;
  background: #edf4fb;
  color: #315f9d !important;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  padding: 0 9px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-sources-list a,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-sources-list strong {
  grid-area: title;
  color: #17202c !important;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.4;
  text-decoration: none;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-sources-list a:hover,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-sources-list a:focus-visible {
  color: #1d4ed8 !important;
  text-decoration: underline;
  text-underline-offset: 2px;
  outline: none;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-sources-list small {
  grid-area: detail;
  color: #5d6f7e !important;
  font-size: 13px;
  line-height: 1.6;
  text-wrap: pretty;
}

html body.task-article-page.item-guide-page.item-guide-delta .task-article-side-wrap {
  min-width: 0;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side {
  position: static;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

/* The map indexes deliberately stay out of a large containing card: each map
   remains a separate, easy-to-scan destination in the narrow side rail. */
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-index {
  min-width: 0;
  border-top: 1px solid #dce5ee;
  padding-top: 13px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-index__head {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 9px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-index__head h2 {
  min-width: 0;
  margin: 0;
  color: #17202c;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-index__head h2 i {
  margin-right: 5px;
  color: #2563eb;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-index__head > a {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 4px;
  min-height: 32px;
  color: #2563eb;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-index__head > a:hover,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-index__head > a:focus-visible {
  color: #1d4ed8;
  text-decoration: underline;
  outline: none;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-index__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-index__grid a {
  display: flex;
  min-width: 0;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #dfe7ef;
  border-radius: 7px;
  background: #fff;
  color: #315f9d;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 5px 6px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-index__grid a:hover,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-index__grid a:focus-visible {
  border-color: #9fc5f8;
  background: #eef5ff;
  color: #1d4ed8;
  outline: none;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side-card {
  margin: 0;
  overflow: hidden;
  border: 1px solid #e3e5f1 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 0 0 1px rgb(15 23 42 / 2%), 0 2px 5px rgb(15 23 42 / 4%), 0 14px 30px rgb(73 66 137 / 6%) !important;
  color: #18233f !important;
  padding: 18px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side-card__head {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 14px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side-card__head h2 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: #18233f !important;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.25;
  white-space: nowrap;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side-card__head h2 i {
  display: grid;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  background: #f0eeff;
  color: #5b4fd8;
  font-size: 13px;
  place-items: center;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side-card__badge {
  display: inline-flex;
  flex: 0 0 auto;
  min-height: 24px;
  align-items: center;
  border: 1px solid #e3e0fb;
  border-radius: 999px;
  background: #f5f3ff;
  color: #655b9d;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  padding: 0 8px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__current {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  min-width: 0;
  align-items: center;
  gap: 12px;
  border: 1px solid #ebe9f7;
  border-radius: 11px;
  background: #fbfaff;
  padding: 12px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__media {
  display: grid;
  width: 56px;
  height: 56px;
  border-radius: 10px;
  background: #f0effc;
  place-items: center;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__media img {
  display: block;
  width: 48px;
  height: 48px;
  object-fit: contain;
  outline: 0;
  outline-offset: 0;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__copy {
  display: grid;
  min-width: 0;
  justify-items: start;
  gap: 3px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__copy strong,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__copy small,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__copy em {
  display: block;
  max-width: 100%;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__copy strong {
  overflow: hidden;
  color: #18233f;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__copy small {
  overflow: hidden;
  color: #667085;
  font-size: 12px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__copy em {
  border: 1px solid #b9ebe8;
  border-radius: 999px;
  background: #edfbfa;
  color: #0f766e;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  line-height: 20px;
  padding: 0 7px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__empty {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 14px;
  min-height: 44px !important;
  align-items: center;
  gap: 6px !important;
  margin-top: 10px;
  border: 1px solid #dfdcfa !important;
  border-radius: 10px;
  background: #f3f1ff;
  color: #5549c5 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.35;
  text-decoration: none !important;
  padding: 8px 10px !important;
  transition-property: background-color, box-shadow, color, transform;
  transition-duration: 150ms;
  transition-timing-function: ease-out;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__empty i {
  width: auto !important;
  color: #6558d9 !important;
  font-size: 14px;
  text-align: right !important;
  transition: transform 150ms ease-out;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__empty:hover,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__empty:focus-visible {
  border-color: #c9c4f4 !important;
  background: #ebe8ff;
  box-shadow: 0 4px 12px rgb(91 79 216 / 12%);
  color: #4438b5 !important;
  outline: none;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__empty:hover i,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__empty:focus-visible i {
  transform: translateX(2px);
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__empty:focus-visible,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-related-card:focus-visible {
  outline: 2px solid #7568de;
  outline-offset: 2px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__empty:active,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-related-card:active {
  transform: scale(0.96);
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-related-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-related-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 24px !important;
  min-width: 0;
  min-height: 68px;
  align-items: center;
  gap: 8px !important;
  border: 1px solid #e5e7f1 !important;
  border-radius: 10px !important;
  background: #fbfbfe !important;
  color: #18233f !important;
  box-shadow: none !important;
  text-decoration: none !important;
  padding: 10px !important;
  transition-property: background-color, border-color, box-shadow, transform;
  transition-duration: 150ms;
  transition-timing-function: ease-out;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-related-card__copy {
  display: grid;
  min-width: 0;
  justify-items: start;
  gap: 6px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-related-card__copy strong {
  max-width: 100%;
  overflow: hidden;
  color: #18233f !important;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-related-card__copy small {
  display: inline-flex;
  max-width: 100%;
  min-height: 23px;
  align-items: center;
  overflow: hidden;
  border: 1px solid #ded9fb;
  border-radius: 999px;
  background: #f2efff;
  color: #5549c5 !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 8px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-related-card__copy small.is-reward {
  border-color: #b9e7e5;
  background: #ebfaf9;
  color: #0f766e !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-related-card__arrow {
  display: grid;
  width: 24px;
  height: 40px;
  color: #7165d2 !important;
  font-size: 15px;
  place-items: center;
  transition: transform 150ms ease-out;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-related-card:hover,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-related-card:focus-visible {
  border-color: #cfcaf3 !important;
  background: #f6f4ff !important;
  box-shadow: 0 5px 14px rgb(91 79 216 / 10%) !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-related-card:hover .item-guide-related-card__arrow,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-related-card:focus-visible .item-guide-related-card__arrow {
  transform: translateX(2px);
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-reading-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-reading-list li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  min-width: 0;
  align-items: start;
  gap: 10px;
  margin: 0;
  border: 1px solid #e6e2fb !important;
  border-radius: 11px !important;
  background: #f6f4ff !important;
  color: #18233f !important;
  padding: 12px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-reading-list li.is-sell {
  border-color: #cfebea !important;
  background: #f0fafa !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-reading-list li::before {
  display: none;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-reading-list__step {
  display: grid;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #6558d9;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  place-items: center;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-reading-list .is-sell .item-guide-reading-list__step {
  background: #249d9a;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-reading-list__copy {
  display: grid;
  min-width: 0;
  gap: 6px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-reading-list__copy strong {
  color: #18233f;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.35;
  text-wrap: balance;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-reading-list__copy small {
  color: #526079;
  font-size: 12px;
  line-height: 1.6;
  text-wrap: pretty;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-reading-decision {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 12px -18px -18px;
  border-top: 1px solid #e7e8ef;
  background: #fdfdff;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-reading-decision span {
  min-width: 0;
  color: #536078;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  overflow-wrap: anywhere;
  padding: 12px 5px;
  white-space: normal;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-reading-decision span + span {
  border-left: 1px solid #e7e8ef;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-reading-decision i {
  color: #8a84ae;
  font-style: normal;
  margin: 0 2px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-reading-decision strong {
  color: #5549c5;
  font-weight: 900;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-reading-decision span:last-child strong {
  color: #0f766e;
}

html body.task-article-page.item-guide-page.item-guide-delta .task-article-after {
  display: block !important;
  margin-top: 18px;
}

html body.task-article-page.item-guide-page.item-guide-delta .task-article-after > .takefu-api-bottom-ad {
  grid-column: 1;
  width: 100%;
  max-width: none;
  margin: 18px 0 0;
}

html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext__empty,
html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext__link {
  display: grid;
  min-height: 72px;
  align-content: center;
  border: 1px solid #e3e9ef;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 24px rgb(15 23 42 / 4%);
  color: #5d6f7e;
  padding: 14px 18px;
}

html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext__empty small,
html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext__empty strong,
html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext__link small,
html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext__link strong {
  display: block;
}

html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext__empty small,
html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext__link small {
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext__empty strong,
html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext__link strong {
  margin-top: 4px;
  color: #425466;
  font-size: 14px;
  line-height: 1.4;
}

html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext__link {
  color: #425466;
  text-decoration: none;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext__link:hover,
html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext__link:focus-visible {
  border-color: #bfdbfe;
  box-shadow: 0 10px 28px rgb(37 99 235 / 10%);
  outline: none;
  transform: translateY(-1px);
}

html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext__link:active {
  transform: scale(.96);
}

/* Desktop uses the same compact right-side section directory as task pages.
   Touch layouts retain the horizontal version below. */
@media (min-width: 1100px) {
  html body.task-article-page.item-guide-page.item-guide-delta .task-article-layout {
    grid-template-columns: minmax(0, 1fr) 240px;
    gap: 22px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-toc {
    display: grid;
    grid-column: 2;
    grid-row: 1;
    place-self: start stretch;
    position: relative;
    top: 0 !important;
    gap: 2px;
    width: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 1px 0;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-toc::before {
    position: absolute;
    top: 22px;
    bottom: 22px;
    left: 7px;
    width: 1px;
    background: #cbd8e6;
    content: '';
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-toc a {
    position: relative;
    z-index: 0;
    display: grid;
    grid-template-columns: 15px minmax(0, 1fr);
    width: 100%;
    min-height: 44px;
    height: auto;
    place-items: center stretch;
    gap: 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #425466;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.2;
    text-decoration: none;
    outline-offset: 2px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-toc a::before {
    position: static;
    inset: auto;
    display: block;
    grid-column: 1;
    grid-row: 1;
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #9aabba;
    box-shadow: 0 0 0 1px #9aabba;
    content: '';
    transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-toc a::after {
    display: none;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-toc a span {
    position: static;
    inset: auto;
    display: block;
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    color: inherit;
    font: inherit;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-toc a.is-current,
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-toc a:hover,
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-toc a:focus-visible {
    color: #1d4ed8;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-toc a:hover::before,
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-toc a:focus-visible::before {
    background: #60a5fa;
    box-shadow: 0 0 0 1px #60a5fa;
    transform: scale(1.08);
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-toc a.is-current {
    color: #1d4ed8;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-toc a.is-current::before {
    background: #2563eb;
    box-shadow: 0 0 0 1px #2563eb, 0 0 0 5px rgb(37 99 235 / 14%);
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-article-card {
    grid-column: 1;
    grid-row: 1;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .task-article-side-wrap {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    position: static;

    /* task-article.css reserves 18px for an old internal scrollbar. This
       item sidebar is not scroll-contained, so that reserve made it visibly
       narrower than the directory above it. */
    padding-right: 0;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    margin-top: 20px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-related-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-reading-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mobile-toc {
    display: none;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .task-article-after {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 240px;
    gap: 22px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext {
    grid-column: 1;
  }
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mobile-toc {
  position: sticky;
  top: 64px;
  z-index: 60;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 18px;
  overflow-x: auto;
  border: 1px solid #e3e9ef !important;
  border-radius: 10px !important;
  background: rgb(255 255 255 / 96%) !important;
  box-shadow: 0 8px 24px rgb(15 23 42 / 6%) !important;
  padding: 8px;
  scrollbar-width: thin;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mobile-toc a {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #425466 !important;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
  padding: 0 12px;
  text-decoration: none;
  white-space: nowrap;
}

/* 2026-10-27：目录项由 item-guide-page.js 用 link.hidden 关闭，
   但本节给 .item-guide-toc a / .item-guide-mobile-toc a 设了 display:grid / inline-flex，
   作者规则会压过 UA 对 [hidden] 的 display:none；item-guide.css 的通用 [hidden] 规则
   又排除了 .item-guide-home-bg 页面（现役物品页都带该 class）—— 必须按目录布局补一条窄作用域兜底。 */
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-toc a[hidden],
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mobile-toc a[hidden] {
  display: none;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mobile-toc a.is-current,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mobile-toc a:hover,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mobile-toc a:focus-visible {
  border-color: #bfdbfe !important;
  background: #eef5ff !important;
  color: #1d4ed8 !important;
  outline: none;
}

@media (max-width: 1099px) {
  html body.task-article-page.item-guide-page.item-guide-delta .task-article-wrap {
    width: min(100% - 32px, 980px);
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mobile-toc {
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    grid-template-columns: none;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-head {
    grid-template-columns: 180px minmax(0, 1fr);
    min-height: 278px;
    padding: 24px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-media {
    width: 180px;
    height: 180px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-media img {
    width: 140px;
    height: 140px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-titlebox {
    min-height: 180px;
    padding-right: 250px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-context-strip [data-item-price-teaser] {
    width: 224px;
    min-height: 264px;
    font-size: 21px;
    padding: 14px 12px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mode-tabs--hero {
    top: 12px;
    right: 16px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-value span {
    font-size: 40px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-value em {
    font-size: 15px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-tracker {
    grid-template-columns: minmax(0, 1fr);
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-title,
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-tracker > p:first-of-type,
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-options,
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-result {
    grid-column: 1;
    grid-row: auto;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-overview {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-primary,
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-metric {
    border-bottom: 1px solid #e3e9ef !important;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-metric:nth-child(3) {
    border-right: 0 !important;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  html body.task-article-page.item-guide-page.item-guide-delta .task-article-wrap {
    width: calc(100% - 24px);
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items {
    order: 1;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side-card--tasks {
    order: 2;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side-card--decision {
    order: 3;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-index {
    order: 4;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .task-article-breadcrumb {
    margin-bottom: 10px;
    font-size: 12px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mobile-toc {
    top: 58px;
    gap: 6px;
    margin-bottom: 12px;
    border-radius: 9px !important;
    padding: 7px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mobile-toc a {
    min-height: 44px;
    font-size: 13px;
    padding: 0 13px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-head {
    position: relative;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 14px;
    min-height: 0;
    padding: 16px 16px 246px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-media {
    width: 112px;
    height: 112px;
    border-radius: 9px !important;
    align-self: start;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-media img {
    width: 92px;
    height: 92px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-titlebox {
    position: static;
    min-height: 112px;
    padding-right: 0;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-titlebox h1 {
    font-size: clamp(22px, 7vw, 28px);
    letter-spacing: -0.025em;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-subtitle {
    margin-top: 5px;
    font-size: 14px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .task-article-meta {
    gap: 5px;
    margin-top: 8px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .task-article-meta span {
    min-height: 26px;
    font-size: 11px;
    padding: 0 7px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-context-strip {
    grid-column: 1 / -1;
    gap: 5px;
    margin-top: 9px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-quick-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: calc(100% + 126px);
    margin: 12px 0 0 -126px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-quick-facts > div:first-child {
    grid-column: 1 / -1;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-quick-facts > div:nth-child(2):last-child {
    grid-column: 1 / -1;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-quick-facts > div {
    min-width: 0;
    padding: 7px 6px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-quick-facts dd {
    font-size: 11px;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-context-strip span {
    min-height: 28px;
    font-size: 11px;
    padding: 5px 7px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-context-strip [data-item-price-teaser] {
    position: absolute;
    inset: auto 16px 16px;
    display: grid;
    width: auto;
    min-height: 230px;
    align-items: center;
    place-content: center stretch;
    margin: 0;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: 18px;
    padding: 12px;
    text-align: center;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-context-strip [data-item-price-teaser]::before {
    top: 20px;
    left: 10px;
    font-size: 12px;
    transform: none;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mode-tabs--hero {
    top: 8px;
    right: 10px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mode-tabs--hero button {
    min-width: 44px;
    min-height: 28px;
    padding: 0 8px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-value {
    width: 100%;
    font-size: 20px;
    margin-top: 33px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-value span {
    font-size: 34px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-value em {
    font-size: 13px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-metrics {
    gap: 0;
    margin-top: 5px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-metric {
    min-height: 22px;
    border-radius: 0;
    font-size: 10px;
    padding: 3px 1px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-metric strong {
    font-size: 11px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-hero-price-stale {
    min-height: 24px;
    margin: 0 auto;
    font-size: 11px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-lede {
    display: block;
    width: calc(100% + 126px);
    max-width: none;
    margin: 12px 0 0 -126px;
    font-size: 13px;
    line-height: 1.55;
    text-wrap: pretty;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-decision {
    padding: 18px 16px 20px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-decision h2 {
    width: calc(100% + 16px);
    font-size: 20px;
    text-wrap: wrap;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-decision__main > p:not(.item-guide-section-kicker) {
    font-size: 13px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-decision__states {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    margin-top: 14px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-decision__states > div {
    padding: 12px 13px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-tracker {
    display: block;
    margin-top: 12px;
    padding: 16px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-tracker > p:first-of-type {
    margin-top: 5px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-options {
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
    margin-top: 12px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-options label {
    min-height: 48px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-need-result {
    min-height: 58px;
    margin-top: 10px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-panel {
    margin-top: 12px;
    padding: 18px 16px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-head {
    display: block;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-head-copy {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px 10px;
    align-items: center;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-eyebrow {
    grid-column: 1 / -1;
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-head .item-guide-mode-tabs {
    grid-column: 2;
    grid-row: 2;
    margin: 0;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-conclusion {
    margin-top: 10px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-head h2,
  html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-head h2 {
    font-size: 20px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 14px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-primary,
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-metric {
    min-height: 88px;
    border-right: 1px solid #e3e9ef !important;
    border-bottom: 1px solid #e3e9ef !important;
    padding: 13px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-primary:nth-child(even),
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-metric:nth-child(even) {
    border-right: 0 !important;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-metric:last-child {
    grid-column: 1 / -1;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-primary strong {
    font-size: 24px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-metric.is-fee em,
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-metric.is-trader em {
    font-size: 11px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-price-context,
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trader-prices {
    grid-template-columns: minmax(0, 1fr);
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend {
    padding: 8px 16px 18px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-controls {
    width: 100%;
    gap: 8px;
    padding: 9px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-control-group {
    flex: 1 1 140px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-controls .item-guide-mode-tabs,
  html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-controls .item-price-trend-tabs {
    grid-auto-columns: minmax(0, 1fr);
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-controls button {
    min-height: 44px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-head,
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-section-heading {
    display: block;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-legend {
    margin-top: 8px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-price-trend-chart {
    height: 190px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-content {
    gap: 12px;
    margin-top: 12px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-section,
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-editorial {
    padding: 18px 16px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-section-heading > p {
    margin-top: 8px;
    text-align: left;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-route {
    grid-template-columns: minmax(0, 1fr);
    gap: 11px;
    padding: 15px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-merchant {
    border-right: 0;
    border-bottom: 1px solid #e5ebf2;
    padding: 0 0 12px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-flow {
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-arrow {
    transform: rotate(90deg);
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-items > :is(span, a) {
    flex-basis: 100%;
    min-width: 0;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-sources-list li {
    grid-template-areas: "kind" "title" "detail";
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    padding: 14px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-trade-limit {
    text-align: left;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side {
    gap: 12px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side-card {
    padding: 18px 16px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-related-list,
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-reading-list {
    grid-template-columns: minmax(0, 1fr);
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-reading-decision {
    margin-right: -16px;
    margin-bottom: -18px;
    margin-left: -16px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext__empty,
  html body.task-article-page.item-guide-page.item-guide-delta .task-article-prenext__link {
    min-height: 62px;
    padding: 12px 14px;
  }
}

/* P120-FIX category centers share the catalog cards while keeping hierarchy,
   counts and true empty states visible without decorative side rules. */
html body.item-guide-category-page.item-guide-delta .task-article-wrap {
  width: min(1400px, calc(100% - 32px));
}

html body.item-guide-category-page.item-guide-delta .item-guide-category-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  min-height: 132px;
  border: 1px solid #d6e0ea;
  border-radius: 12px;
  background: #fff;
  padding: 22px 24px;
}

html body.item-guide-category-page.item-guide-delta .item-guide-category-hero .item-guide-list-hero__brand {
  align-items: flex-start;
}

html body.item-guide-category-page.item-guide-delta .item-guide-category-eyebrow {
  margin: 0 0 4px;
  color: #2563eb !important;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
}

html body.item-guide-category-page.item-guide-delta .item-guide-category-hero h1 {
  margin: 0;
  color: #17202c;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.15;
}

html body.item-guide-category-page.item-guide-delta .item-guide-category-hero .item-guide-list-hero__copy > p:last-child {
  max-width: 760px;
  margin: 8px 0 0;
  color: #5d6f7e;
  font-size: 14px;
  line-height: 1.65;
}

html body.item-guide-category-page.item-guide-delta .item-guide-category-counts {
  display: grid;
  grid-template-columns: repeat(2, minmax(96px, 1fr));
  gap: 8px;
  margin: 0;
}

html body.item-guide-category-page.item-guide-delta .item-guide-category-counts > div {
  display: grid;
  min-height: 72px;
  align-content: center;
  border: 1px solid #dbe4ee;
  border-radius: 9px;
  background: #f8fafc;
  text-align: center;
  padding: 10px 14px;
}

html body.item-guide-category-page.item-guide-delta .item-guide-category-counts dt {
  color: #4b5563;
  font-size: 11px;
}

html body.item-guide-category-page.item-guide-delta .item-guide-category-counts dd {
  margin: 3px 0 0;
  color: #17202c;
  font-size: 24px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

html body.item-guide-list-page .item-guide-category-nav {
  margin: 16px 0;
  border: 1px solid #d6e0ea;
  border-radius: 11px;
  background: #fff;
  padding: 16px;
}

/* 2026-10-22：v2 的 #f5b942 眉标是为深色导航准备的；delta 把导航底改成白色后，
   11–15px 的琥珀色文字在白底上对比不足（Lighthouse color-contrast）。
   这里只覆盖白底导航的眉标，保留深色场景的琥珀色。 */
html body.item-guide-list-page .item-guide-category-nav__head .item-guide-category-eyebrow {
  color: #8a5a00;
}

html body.item-guide-list-page .item-guide-category-nav__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

html body.item-guide-list-page .item-guide-category-nav__head h2 {
  margin: 0;
  color: #17202c;
  font-size: 18px;
}

html body.item-guide-list-page .item-guide-category-nav__head > a,
html body.item-guide-list-page .item-guide-category-nav__head > span {
  color: #2563eb;
  font-size: 12px;
  font-weight: 800;
}

html body.item-guide-list-page .item-guide-category-nav__links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

html body.item-guide-list-page .item-guide-category-nav__links > a {
  display: grid;
  min-width: 0;
  min-height: 58px;
  align-content: center;
  border: 1px solid #dce5ef;
  border-radius: 8px;
  background: #f8fafc;
  color: #1d4ed8;
  text-decoration: none;
  padding: 9px 11px;
}

html body.item-guide-list-page .item-guide-category-nav__links > a:hover,
html body.item-guide-list-page .item-guide-category-nav__links > a:focus-visible {
  border-color: #93b7e6;
  background: #eef5ff;
  outline: 2px solid rgb(37 99 235 / 20%);
  outline-offset: 2px;
}

html body.item-guide-list-page .item-guide-category-nav__links strong,
html body.item-guide-list-page .item-guide-category-nav__links small {
  overflow-wrap: anywhere;
}

html body.item-guide-list-page .item-guide-category-nav__links small {
  margin-top: 3px;
  color: #4b5563;
  font-size: 10px;
}

html body.item-guide-list-page .item-guide-category-nav__empty,
html body.item-guide-list-page .item-guide-category-empty {
  display: grid;
  min-height: 84px;
  align-content: center;
  border: 1px solid #dce5ef;
  border-radius: 9px;
  background: #f8fafc;
  color: #5d6f7e;
  text-align: center;
  padding: 16px;
}

html body.item-guide-list-page .item-guide-category-empty strong {
  color: #253241;
  font-size: 16px;
}

html body.item-guide-list-page .item-guide-category-empty p {
  margin: 5px 0 0;
  font-size: 13px;
}

@media (min-width: 1840px) {
  html body.item-guide-category-page.item-guide-delta .task-article-wrap {
    width: min(1400px, calc(100% - 400px));
  }
}

@media (max-width: 900px) {
  html body.item-guide-list-page .item-guide-category-nav__links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  html body.item-guide-category-page.item-guide-delta .task-article-wrap {
    width: calc(100% - 12px);
  }

  html body.item-guide-category-page.item-guide-delta .item-guide-category-hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    min-height: 0;
    border-radius: 9px;
    padding: 15px 13px;
  }

  html body.item-guide-category-page.item-guide-delta .item-guide-category-hero h1 {
    font-size: 25px;
  }

  html body.item-guide-category-page.item-guide-delta .item-guide-category-counts {
    width: 100%;
  }

  html body.item-guide-category-page.item-guide-delta .item-guide-category-counts > div {
    min-height: 58px;
  }

  html body.item-guide-list-page .item-guide-category-nav {
    margin: 12px 0;
    padding: 12px;
  }

  html body.item-guide-list-page .item-guide-category-nav__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  html body.item-guide-list-page .item-guide-category-nav__links {
    grid-template-columns: minmax(0, 1fr);
  }

  html body.item-guide-list-page .item-guide-category-nav__links > a {
    min-height: 48px;
  }
}

html body.task-article-page.item-guide-page.item-guide-delta .footer-copyright,
html body.task-article-page.item-guide-page.item-guide-delta .footer-strip {
  border-color: #e3e9ef !important;
  background: #fff !important;
  color: #5d6f7e !important;
}

@media (max-width: 640px) {
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-demand-table,
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-demand-table tbody,
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-demand-table tr,
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-demand-table td {
    display: block;
    width: 100%;
    min-width: 0;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-demand-table thead {
    display: none;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-demand-table tr {
    border-bottom: 1px solid #e3e9ef;
    padding: 9px 0;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-demand-table td {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 8px;
    border: 0;
    padding: 3px 0;
    white-space: normal;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-demand-table td::before {
    color: #667085;
    content: "";
    font-size: 12px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-demand-table td:nth-child(1)::before { content: "用途"; }
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-demand-table td:nth-child(2)::before { content: "需要"; }
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-demand-table td:nth-child(3)::before { content: "条件"; }
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-demand-table td:nth-child(4)::before { content: "时机"; }

  html body.task-article-page.item-guide-page.item-guide-delta #item-decision,
  html body.task-article-page.item-guide-page.item-guide-delta #item-live-price,
  html body.task-article-page.item-guide-page.item-guide-delta #item-price-trend,
  html body.task-article-page.item-guide-page.item-guide-delta #item-demand,
  html body.task-article-page.item-guide-page.item-guide-delta #item-barters,
  html body.task-article-page.item-guide-page.item-guide-delta #item-sources {
    scroll-margin-top: 136px;
  }
}
/* 弹药表-穿甲能力（1-6 级甲）分段横条 + 统计细横条 */
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-table .item-guide-penchart {
  display: flex; gap: 3px; min-width: 168px;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-penchart-seg {
  position: relative; flex: 1; height: 20px; border-radius: 4px; background: #f1f5f9; overflow: hidden; display: block;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-penchart-seg::before {
  content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: var(--r); background: var(--c); border-radius: 4px; opacity: .92;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-penchart-seg i {
  position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; height: 100%; font-style: normal; font-size: 10px; font-weight: 600; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.35);
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-penchart-summary {
  display: block; margin-top: 5px; font-size: 12px; color: #475569; font-weight: 500; white-space: nowrap;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-penchart-na { color: #94a3b8; font-size: 12px; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-table .item-guide-ammo-stat { display: block; line-height: 1.1; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-table .item-guide-ammo-bar {
  display: block; height: 3px; margin-top: 4px; border-radius: 2px; background: #e2e8f0; position: relative; overflow: hidden;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-table .item-guide-ammo-bar::after {
  content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: var(--w); background: var(--c); border-radius: 2px;
}
/* 弹药表-点击展开更多数据 */
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-table tr[data-ammo-expand] { cursor: pointer; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-table tr[data-ammo-expand]:hover td { background: #f8fafc !important; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-chev {
  display: inline-block; width: 14px; margin-right: 3px; color: #94a3b8; font-size: 11px; transition: transform .18s ease; text-align: center;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-table tr.is-open .item-guide-ammo-chev { transform: rotate(90deg); color: #2563eb; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-extra td {
  background: #f8fafc !important; padding: 12px 14px !important;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-meta {
  display: flex; flex-wrap: wrap; gap: 8px 22px;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-meta span {
  display: inline-flex; align-items: baseline; gap: 6px; font-size: 13px; color: #334155; white-space: nowrap;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-meta b {
  font-weight: 500; color: #4b5563; font-size: 12px;
}
/* 弹药表-展开数据分组 + 钉住 */
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-meta { display: flex; flex-direction: column; gap: 8px; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-meta-group { display: flex; flex-wrap: wrap; gap: 6px 22px; padding-bottom: 8px; border-bottom: 1px dashed #e2e8f0; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-meta-group:last-child { padding-bottom: 0; border-bottom: 0; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-meta-group span { display: inline-flex; align-items: baseline; gap: 6px; font-size: 13px; color: #334155; white-space: nowrap; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-meta-group b { font-weight: 500; color: #4b5563; font-size: 12px; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-table tr[data-ammo-expand].is-open td, html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-table tr[data-ammo-expand].is-pinned td { background: #f0f7ff !important; }
/* 弹药表-破甲率估算说明 */
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-note { margin: 12px 0 2px; color: #4b5563; font-size: 12px; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-note summary { cursor: pointer; font-weight: 500; color: #475569; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-ammo-note p { margin: 6px 0 0; line-height: 1.6; color: #4b5563; }
/* 战局内拾取决策块 */
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-loot {
  margin: 18px 0 4px; padding: 16px 18px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fbfcfe;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-loot.is-loading {
  min-height: 180px;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-loot-head p.item-guide-section-kicker { margin: 0 0 4px; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-loot-head h2 { margin: 0 0 6px; font-size: 20px; color: #17202c; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-loot-head > p:last-child { margin: 0 0 12px; color: #4b5563; font-size: 13px; line-height: 1.6; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-loot-loading { color: #94a3b8; font-size: 13px; margin: 0; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-loot-grid { display: flex; flex-wrap: wrap; gap: 10px 26px; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-loot-cell dt { font-size: 12px; color: #4b5563; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-loot-cell dd { margin: 2px 0 0; font-size: 20px; font-weight: 700; color: #17202c; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-loot-conclusion { margin: 12px 0 0; padding-top: 10px; border-top: 1px dashed #e2e8f0; font-size: 14px; color: #334155; line-height: 1.6; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-loot-unavailable { border-top: 0; padding-top: 0; color: #94a3b8; }

/* 详情页 P0：基础属性卡 + 关系模块（弹药/配件/钥匙/容器/制作） */
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-card {
  margin: 12px 0 0; padding: 12px 14px; border: 1px solid #dbe5ea; border-radius: 10px; background: #fff;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-card__head {
  display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-card__kicker {
  margin: 0; font-size: 13px; font-weight: 700; color: #2563eb; letter-spacing: .04em;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-card__snapshot {
  font-size: 13px; color: #5d6f7e;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-card__grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); gap: 8px;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-metric {
  min-width: 0; padding: 8px 10px; border: 1px solid #e5edf2; border-radius: 8px; background: #fbfdfe;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-metric small {
  display: block; font-size: 13px; color: #4b5563; line-height: 1.4;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-metric strong {
  display: block; margin-top: 2px; font-size: 14px; color: #17202c; font-weight: 700; line-height: 1.4; overflow-wrap: anywhere;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-metric.is-highlight {
  border-color: #bfdbfe; background: #f8fbff;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-metric.is-highlight strong { color: #2563eb; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-relations { margin-top: 22px; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-relation {
  margin: 22px 0 0; padding: 16px 18px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fbfcfe;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-heading { margin-bottom: 12px; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-kicker {
  margin: 0 0 4px; font-size: 13px; font-weight: 700; color: #2563eb; letter-spacing: .04em;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-heading h2 {
  margin: 0 0 6px; font-size: 19px; line-height: 1.4; color: #17202c;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-intro {
  margin: 0; font-size: 13px; line-height: 1.7; color: #4b5563;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-link-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-link {
  display: flex; align-items: center; gap: 8px; min-width: 0; min-height: 42px; padding: 9px 11px;
  border: 1px solid #dbe5ea; border-radius: 8px; background: #fff; color: #1f2937; text-decoration: none;
}
html body.task-article-page.item-guide-page.item-guide-delta a.item-guide-p0-link:hover {
  border-color: #93c5fd; background: #f8fbff; color: #1d4ed8;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-link__badge {
  flex: none; padding: 2px 7px; border: 1px solid #bfdbfe; border-radius: 999px;
  background: #eff6ff; color: #2563eb; font-size: 13px; font-weight: 600;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-link__name {
  min-width: 0; font-size: 13px; line-height: 1.45; overflow-wrap: anywhere;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-more { margin-top: 9px; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-more summary {
  cursor: pointer; font-size: 13px; font-weight: 600; color: #2563eb; line-height: 1.5;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-more .item-guide-p0-link-grid { margin-top: 9px; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-map-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 8px;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-map {
  display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; padding: 10px 12px;
  border: 1px solid #dbe5ea; border-radius: 8px; background: #fff; color: #1f2937; text-decoration: none;
}
html body.task-article-page.item-guide-page.item-guide-delta a.item-guide-p0-map:hover {
  border-color: #93c5fd; background: #f8fbff; color: #1d4ed8;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-map strong {
  min-width: 0; font-size: 14px; font-weight: 700; overflow-wrap: anywhere;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-map small { flex: none; font-size: 13px; color: #4b5563; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-craft-list { display: grid; gap: 8px; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-craft {
  display: grid; grid-template-columns: auto 1fr; gap: 2px 10px; align-items: baseline;
  padding: 10px 12px; border: 1px solid #dbe5ea; border-radius: 8px; background: #fff;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-craft__badge {
  grid-row: 1 / span 2; align-self: center; padding: 3px 8px; border: 1px solid #bfdbfe;
  border-radius: 999px; background: #eff6ff; color: #2563eb; font-size: 13px; font-weight: 600;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-craft strong {
  min-width: 0; font-size: 14px; color: #17202c; overflow-wrap: anywhere;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-craft small {
  min-width: 0; font-size: 13px; line-height: 1.6; color: #4b5563; overflow-wrap: anywhere;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-desc {
  margin: 0 0 10px; font-size: 14px; line-height: 1.7; color: #334155; overflow-wrap: anywhere;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-effects {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 0 12px;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-effects__group {
  min-width: 0; padding: 10px 12px; border: 1px solid #e5edf2; border-radius: 10px; background: #fbfdfe;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-effects__group h4 {
  margin: 0 0 6px; font-size: 13px; font-weight: 800; color: #4b5563;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-effects__group.is-buff h4 { color: #15803d; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-effects__group.is-debuff h4 { color: #dc2626; }
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-effects__chips {
  display: flex; flex-wrap: wrap; gap: 6px;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-effects__chips span {
  display: inline-flex; align-items: center; min-height: 26px; padding: 3px 9px;
  border: 1px solid #dbe5ea; border-radius: 999px; background: #fff; color: #334155;
  font-size: 13px; font-weight: 600; white-space: nowrap;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-effects__group.is-buff .item-guide-p0-effects__chips span {
  border-color: #bbf7d0; background: #f0fdf4; color: #166534;
}
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-effects__group.is-debuff .item-guide-p0-effects__chips span {
  border-color: #fecaca; background: #fef2f2; color: #b91c1c;
}
@media (max-width: 640px) {
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-card__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-effects { grid-template-columns: 1fr; }
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-link-grid { grid-template-columns: 1fr; }
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-map-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-relation { padding: 14px; }
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-craft { grid-template-columns: 1fr; }
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-p0-craft__badge { grid-row: auto; align-self: start; justify-self: start; }
}

/* ==========================================================================
   2026-10-17 物品页：目录从右侧栏移到左侧悬浮轨道 + 更多物品改纯图片格
   --------------------------------------------------------------------------
   1) ≥1320px：三栏（目录 112px / 正文 / 信息栏 240px）。侧栏容器用
      display:contents 把「目录」和「信息栏」提升为 .task-article-layout 的直接
      网格项，从而无需改动 5000+ 静态页的 DOM 顺序。
   2) 1100-1319px：横向吸顶目录（.item-guide-mobile-toc），信息栏留在右侧。
   3) 更多物品：3 列纯图片格，悬停显示物品名。
   4) 窄正文（1320-1759px）：hero 标题字号与价格卡宽度收敛，避免标题撑到 5 行。
   ========================================================================== */
@media (min-width: 1320px) {
  html body.task-article-page.item-guide-page.item-guide-delta .task-article-wrap {
    width: min(1444px, calc(100% - 48px));
  }

  /* 第一列 132px、目录本身仍 112px 且右对齐：圆点与左侧固定推广位之间留出 20px，
     避免暗色广告面板和它的投影贴住目录左侧。 */
  html body.task-article-page.item-guide-page.item-guide-delta .task-article-layout {
    grid-template-columns: 132px minmax(0, 1fr) 240px;
    gap: 22px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .task-article-side-wrap {
    display: contents;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-toc {
    grid-column: 1;
    grid-row: 1;
    position: sticky;
    top: 76px !important;
    align-self: start;
    justify-self: end;
    width: 112px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-article-card {
    grid-column: 2;
    grid-row: 1;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side {
    grid-column: 3;
    grid-row: 1;
    align-self: start;
    margin-top: 0;
  }
}

/* 1560px 起左右固定推广位出现，正文两侧各让出 160px，避免广告压住目录与信息栏 */
@media (min-width: 1560px) {
  html body.task-article-page.item-guide-page.item-guide-delta .task-article-wrap {
    width: min(1540px, calc(100% - 340px));
  }
}

@media (min-width: 1100px) and (max-width: 1319px) {
  html body.task-article-page.item-guide-page.item-guide-delta .task-article-layout {
    grid-template-columns: minmax(0, 1fr) 240px;
    gap: 22px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-toc {
    display: none;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-mobile-toc {
    display: grid;
  }
}

/* 窄正文区间：hero 收敛 */
@media (min-width: 1320px) and (max-width: 1759px) {
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-head {
    align-items: start;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-titlebox {
    padding-right: 248px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-titlebox h1 {
    font-size: clamp(28px, 2.4vw, 36px);
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-context-strip [data-item-price-teaser] {
    width: 232px;
  }
}

/* ---- 更多物品：3 列纯图片格 ---- */
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items {
  padding: 14px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__current {
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 9px;
  border-radius: 9px;
  padding: 8px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__media {
  width: 40px;
  height: 40px;
  border-radius: 8px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__media img {
  width: 34px;
  height: 34px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__copy {
  gap: 2px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__copy strong {
  font-size: 13px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__copy small {
  display: none;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__copy em {
  font-size: 9px;
  line-height: 16px;
  padding: 0 6px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  border: 1px solid #e4e8f2;
  border-radius: 10px;
  background: #f7f8fc;
  text-decoration: none;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 7px;
  object-fit: contain;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile-mono {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: #8a93a8;
  font-size: 20px;
  font-weight: 900;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile-name {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  overflow: hidden;
  padding: 16px 5px 5px;
  background: linear-gradient(180deg, rgb(15 23 42 / 0%), rgb(15 23 42 / 86%));
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
  opacity: 0;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  transition: opacity .16s ease;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile:hover,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile:focus-visible {
  border-color: #bfd4f7;
  box-shadow: 0 6px 16px rgb(37 99 235 / 14%);
  outline: none;
  transform: translateY(-1px);
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile:hover .item-guide-more-items__tile-name,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile:focus-visible .item-guide-more-items__tile-name {
  opacity: 1;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__all {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 36px;
  margin-top: 10px;
  border: 1px solid #dfe5f0;
  border-radius: 9px;
  background: #fff;
  color: #425466;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__all:hover,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__all:focus-visible {
  border-color: #bfd4f7;
  background: #eef5ff;
  color: #1d4ed8;
  outline: none;
}

/* ---- 互动地图：首页同款「地图集切换」分段控件 ---- */
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-switch {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px;
  min-width: 0;
  margin-bottom: 7px;
  padding: 3px;
  border: 1px solid #e3e9ef;
  border-radius: 10px;
  background: #eef2f8;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-switch::before {
  position: absolute;
  z-index: 0;
  top: 3px;
  bottom: 3px;
  left: 3px;
  width: calc((100% - 8px) / 2);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 8px rgb(25 37 31 / 14%);
  content: "";
  transition: transform .22s ease;
  transform: translateX(calc(var(--item-map-index, 0) * (100% + 2px)));
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-switch__tab {
  position: relative;
  z-index: 1;
  display: inline-flex;
  min-width: 0;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 4px;
  border: 0;
  border-radius: 8px;
  background: none;
  color: #5d6b7a;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: color .16s ease;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-switch__tab:hover,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-switch__tab.is-active {
  color: #17202c;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-switch__tab:focus-visible {
  outline: 2px solid rgb(37 99 235 / 42%);
  outline-offset: 2px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-switch__tab em {
  flex: 0 0 auto;
  padding: 1px 5px;
  border-radius: 999px;
  background: rgb(15 23 42 / 6%);
  color: #7b8796;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.4;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-switch__tab.is-active em {
  background: rgb(37 99 235 / 12%);
  color: #2563eb;
}

@media (max-width: 640px) {
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-switch__tab em {
    display: none;
  }
}

/* 切换面板靠 hidden 显隐，但 .item-guide-map-index__grid 自身设了 display: grid，
   作者规则会压过 UA 对 [hidden] 的 display:none —— 必须显式补一条。 */
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-index__grid[hidden] {
  display: none;
}

/* ==========================================================================
   2026-10-17 第三轮：① hero 标题通栏（长名称一行，放不下按宽度缩字号）
                     ② 更多物品悬停名字改为卡片外气泡（不再压在图内被裁）
   ========================================================================== */

/* ---- ① 标题通栏 ----
   原设计给右侧价格块留 310/248px 右内边距，标题被挤在中间，长名称换 3-4 行。
   现在标题独占一行、用满整条宽度；价格块下移到标题行之下，其余内容仍为它让位。 */
@media (min-width: 1100px) {
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-titlebox {
    padding-right: 0;
  }

  /* 标题以外的兄弟节点继续保持右让位，避免与价格块重叠。
     用 margin 而不是 padding：属性卡/简介卡自带边框，padding 会让边框still 通栏、
     只在内部留出空白，视觉上会压到价格块。 */
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-titlebox > :not(h1) {
    margin-right: 310px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-titlebox h1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  /* --item-title-h 由 item-guide-page.js 量出标题实际行高写入；无脚本时退化为 56px */
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-context-strip [data-item-price-teaser] {
    top: calc(var(--item-title-h, 56px) + 12px);
  }
}

@media (min-width: 1100px) and (max-width: 1759px) {
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-titlebox > :not(h1) {
    margin-right: 248px;
  }
}

/* ---- ② 更多物品：悬停名字气泡 ---- */
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile {
  overflow: visible;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile:hover,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile:focus-visible {
  z-index: 2;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile-name {
  position: absolute;
  right: auto;
  bottom: calc(100% + 9px);
  left: 50%;
  display: block;
  overflow: visible;
  width: max-content;
  max-width: 188px;
  padding: 7px 10px;
  border-radius: 8px;
  background: #17202c;
  box-shadow: 0 10px 24px rgb(15 23 42 / 26%);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  white-space: normal;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 4px);
  transition: opacity .14s ease, transform .14s ease;
  -webkit-line-clamp: unset;
  -webkit-box-orient: initial;
  z-index: 7;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile-name::after {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  background: #17202c;
  content: "";
  transform: rotate(45deg);
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile:hover .item-guide-more-items__tile-name,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile:focus-visible .item-guide-more-items__tile-name {
  opacity: 1;
  transform: translate(-50%, 0);
}

/* 三列网格：左右两列的气泡改成贴边对齐，避免 1440 这类窄边距视口下气泡被视口右缘切掉 */
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile:nth-child(3n + 1) .item-guide-more-items__tile-name {
  left: 0;
  transform: translate(0, 4px);
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile:nth-child(3n + 1) .item-guide-more-items__tile-name::after {
  left: 27px;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile:nth-child(3n) .item-guide-more-items__tile-name {
  right: 0;
  left: auto;
  transform: translate(0, 4px);
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile:nth-child(3n) .item-guide-more-items__tile-name::after {
  right: 23px;
  left: auto;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile:nth-child(3n + 1):hover .item-guide-more-items__tile-name,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile:nth-child(3n + 1):focus-visible .item-guide-more-items__tile-name,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile:nth-child(3n):hover .item-guide-more-items__tile-name,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-more-items__tile:nth-child(3n):focus-visible .item-guide-more-items__tile-name {
  transform: translate(0, 0);
}


/* ---- 2026-10-17 右侧信息栏：悬浮 + 内部滚动，不显示滚动条 ----
   侧栏内容（3D/互动地图 + 更多物品）在 1080p 下高于视口，原先是跟着整页滚走。
   改为 sticky + 独立滚动：鼠标停在侧栏上可以直接滚，滚动条隐藏但仍可滚轮/触控板操作。
   注：内部滚动会裁剪横向阴影，故给 2px 内边距兜住卡片投影。 */
@media (min-width: 1100px) {
  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side {
    position: sticky;
    top: 76px;
    max-height: calc(100vh - 96px);
    align-self: start;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-right: 2px;
  }

  html body.task-article-page.item-guide-page.item-guide-delta .item-guide-side::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}

/* ==========================================================================
   2026-10-18 互动地图切换：第二套地图（互动地图2）改用橙色身份色
   问题：两颗按钮外观完全一致，切到「互动地图2」后下方 15 个地图格与「互动地图」
        同款，用户看不出现在是另一张互动地图。
   方案：只给第二颗按钮一套暖橙身份 —— 未选中时橙色数量徽标先透出身份，选中后
        整颗按钮填充深橙 + 白字，下方地图格同步换成暖橙描边，冷暖一眼可分，
        不需要额外文案。第一颗按钮保持站点蓝白主色，不做对称改色。
   取色：主橙 #c2410c（白字对比 5.18:1，AA 通过）、描边 #f1d3b6、浅底 #fff6ee。
   无障碍：仅靠 :has() 给滑动指示块补橙色投影；不支持 :has() 的浏览器自动回退为
        按钮自身的橙色填充，功能与辨识度不受影响。
   ========================================================================== */

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-switch__tab[data-item-map-tab="map2"] {
  transition: background-color .16s ease, box-shadow .16s ease, color .16s ease;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-switch__tab[data-item-map-tab="map2"] em {
  background: #fff1e6;
  box-shadow: inset 0 0 0 1px rgb(194 65 12 / 14%);
  color: #c2410c;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-switch__tab[data-item-map-tab="map2"]:hover {
  color: #c2410c;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-switch__tab[data-item-map-tab="map2"].is-active,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-switch__tab[data-item-map-tab="map2"].is-active:hover {
  background: #c2410c;
  box-shadow: 0 2px 8px rgb(194 65 12 / 30%);
  color: #fff;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-switch:has([data-item-map-tab="map2"].is-active)::before {
  background: #c2410c;
  box-shadow: 0 2px 8px rgb(194 65 12 / 26%);
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-switch__tab[data-item-map-tab="map2"].is-active em {
  background: #fff;
  color: #b23c08;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-switch__tab[data-item-map-tab="map2"]:focus-visible {
  outline-color: rgb(194 65 12 / 48%);
}

/* 侧栏链接色由 `.item-guide-side a { color: #2563eb !important }` 统一接管，
   橙色身份必须同样用 !important 才不被刷回蓝色（与文件里既有的对抗写法一致）。 */
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-index--switch [data-item-map-panel="map2"] a {
  border-color: #f1d3b6;
  color: #c2410c !important;
}

html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-index--switch [data-item-map-panel="map2"] a:hover,
html body.task-article-page.item-guide-page.item-guide-delta .item-guide-map-index--switch [data-item-map-panel="map2"] a:focus-visible {
  border-color: #e79a5c;
  background: #fff6ee;
  color: #9a3412 !important;
}