/* Additions for the six-language stocklot entry pages and the two English buying
   guides (QIHANG-DRAGON-20261013). Loaded after stocklot-page.css and reusing its
   navy/blue variables, so existing pages are untouched by this file. */

.dragon-page .dragon-notice {
  max-width: 610px;
  margin: 18px 0 0;
  padding: 12px 16px;
  border-left: 3px solid var(--stock-yellow);
  background: #fff;
  color: var(--stock-navy);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
}
.dragon-page .stocklot-hero--global .dragon-notice { background: rgba(255, 255, 255, .78); }
.dragon-page .dragon-lang-tag { color: var(--stock-muted); font-size: 13px; font-weight: 600; white-space: nowrap; }

/* Equal-width content panels that wrap instead of squeezing on a phone. */
.dragon-page .dragon-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 0 28px;
  border-top: 1px solid var(--stock-navy);
}
.dragon-page .dragon-grid article { padding: 24px 0 18px; border-bottom: 1px solid var(--stock-line); }
.dragon-page .dragon-grid h3 { margin-bottom: 9px; }
.dragon-page .dragon-grid p { margin: 0; }

.dragon-page .dragon-guide-links .route-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dragon-page .dragon-guide-links .route-grid article a {
  display: inline-block;
  margin-top: 12px;
  color: var(--stock-blue);
  font-weight: 800;
}

.dragon-page .dragon-buyer-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.dragon-page .dragon-buyer-list li {
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .18);
  color: #fff;
  font-size: 17px;
  font-weight: 700;
}
.dragon-page .dragon-buyer-list li:last-child { border-bottom: 0; }

.dragon-page .dragon-process-link { margin-top: 18px; }
.dragon-page .dragon-process-link a { color: var(--stock-yellow); font-weight: 800; }

.dragon-page .dragon-link-row { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.dragon-page .dragon-link-row a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid var(--stock-line);
  border-radius: 999px;
  color: var(--stock-navy);
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
}
.dragon-page .dragon-link-row a:hover,
.dragon-page .dragon-link-row a:focus-visible { border-color: var(--stock-blue); color: var(--stock-blue); }

.dragon-page .dragon-section--mist { background: var(--stock-mist); }
.dragon-page .dragon-footnote { max-width: 760px; margin: 22px 0 0; font-size: 15px; }
.dragon-page .dragon-footnote a { color: var(--stock-blue); font-weight: 800; }

.dragon-page .dragon-checklist { max-width: 820px; margin: 0; padding-left: 22px; }
.dragon-page .dragon-checklist li { margin-bottom: 11px; color: var(--stock-muted); line-height: 1.68; }

/* Wide tables: scrollable wrapper, readable cells, visible fill-in rows. */
.dragon-page .dragon-table-scroll { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.dragon-page .dragon-table-scroll:focus-visible { outline: 2px solid var(--stock-blue); outline-offset: 3px; }
.dragon-page .dragon-table { width: 100%; min-width: 560px; border-collapse: collapse; background: #fff; }
.dragon-page .dragon-table caption {
  padding: 0 0 12px;
  color: var(--stock-navy);
  font-size: 15px;
  font-weight: 800;
  text-align: left;
}
.dragon-page .dragon-table th,
.dragon-page .dragon-table td {
  padding: 13px 16px 13px 0;
  border-bottom: 1px solid var(--stock-line);
  font-size: 15px;
  line-height: 1.6;
  text-align: left;
  vertical-align: top;
}
.dragon-page .dragon-table thead th {
  border-bottom: 2px solid var(--stock-navy);
  color: var(--stock-navy);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.dragon-page .dragon-table tbody th { width: 30%; min-width: 170px; color: var(--stock-navy); font-weight: 800; }
.dragon-page .dragon-table tbody td { color: var(--stock-muted); }
.dragon-page .dragon-table__blank { min-width: 120px; height: 44px; background: #fbfcfe; }

.dragon-page .dragon-contact-title { margin: 26px 0 0; font-size: 16px; }
.dragon-page .dragon-related h3 { margin-bottom: 14px; }
.dragon-page .dragon-form label { display: grid; gap: 7px; }
.dragon-page .dragon-form .stocklot-form__status:empty { display: none; }
.dragon-page .dragon-form .stocklot-form__status { color: var(--stock-navy); font-weight: 700; }

@media (max-width: 900px) {
  .dragon-page .dragon-guide-links .route-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .dragon-page .dragon-table { min-width: 520px; }
  .dragon-page .dragon-link-row a { min-height: 46px; padding: 0 15px; font-size: 14px; }
  .dragon-page .dragon-buyer-list li { font-size: 15px; }
  .dragon-page .dragon-notice { font-size: 13px; }
}