/* Article additions only. No header, hero, gallery or shared control overrides. */
.page-article-detail .article-shortcuts {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 10px;
  margin:clamp(12px,2vw,18px) 0 clamp(16px,2.6vw,22px);
  padding:0;
  border:0;
  background:transparent;
}
/* Discreet "in this article" label (localized via the nav's own aria-label). */
.page-article-detail .article-shortcuts::before {
  content:attr(aria-label);
  flex:0 0 100%;
  font:700 .66rem/1 var(--font-ui);
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--ink-soft);
}
.page-article-detail .article-shortcuts a,
.page-article-detail .article-questions-return-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  max-width:100%;
  box-sizing:border-box;
  padding:11px 17px;
  border:1px solid color-mix(in srgb,var(--action) 45%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--action) 7%,var(--bg));
  color:var(--action);
  font:650 13px/1.25 var(--font-ui);
  text-align:center;
  text-decoration:none;
  box-shadow:0 2px 6px rgba(var(--ink-rgb),.04);
  overflow-wrap:anywhere;
}
.page-article-detail .article-shortcuts a:hover,
.page-article-detail .article-questions-return-link:hover {
  background:color-mix(in srgb,var(--action) 13%,var(--bg));
  border-color:var(--action);
}
.page-article-detail .article-shortcuts svg { width:15px; height:15px; flex:none; }
.page-article-detail .article-shortcuts a:focus-visible,
.page-article-detail .article-questions a:focus-visible,
.page-article-detail .article-questions summary:focus-visible {
  outline:3px solid var(--action);
  outline-offset:3px;
}
.page-article-detail .article-shortcuts[hidden],
.page-article-detail .article-shortcuts [hidden],
.page-article-detail .article-questions[hidden] { display:none; }
/* Equal-width row (visible buttons split evenly: 1 = full, 2 = 50/50, 3 = thirds). */
.page-article-detail .article-shortcuts a {
  flex:0 0 auto;
  min-height:34px;
  padding:6px 12px;
  gap:6px;
  font-size:.8rem;
  white-space:nowrap;
  overflow-wrap:normal;
  color:var(--ink);
  background:#ffffffbd;
  border-color:var(--line-soft);
  box-shadow:none;
  transition:color .2s, background-color .2s, border-color .2s;
}
.page-article-detail .article-shortcuts a:hover {
  background:#fff;
  border-color:rgba(var(--ink-rgb),.28);
}
.page-article-detail.theme-night .article-shortcuts a {
  color:#fff;
  background:#090e18db;
  border-color:#f6d77a57;
}
.page-article-detail.theme-night .article-shortcuts a:hover {
  background:#0b111e;
  border-color:#f6d77a85;
}
/* Land anchor targets below the fixed header (native jumps + cross-page links). */
.page-article-detail :is(#articleTitle,#articleRecommendations,#articleGallerySection,#articleQuestions) {
  scroll-margin-top:calc(var(--header-height) + 16px);
}
.page-article-detail .article-questions-panel {
  width:100%;
  border:0;
  border-radius:clamp(14px,1.9vw,18px);
  background:var(--surface-strong);
  box-shadow:none;
}
.page-article-detail.theme-night .article-questions-panel { background:rgba(15,24,41,.55); }
.page-article-detail .article-questions-summary {
  display:flex;
  align-items:center;
  gap:clamp(12px,1.6vw,16px);
  padding:clamp(12px,1.6vw,16px) clamp(14px,1.8vw,18px);
  border-radius:clamp(13px,1.8vw,17px);
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.page-article-detail .article-questions-summary::-webkit-details-marker,
.page-article-detail .article-question-summary::-webkit-details-marker { display:none; }
.page-article-detail .article-questions-icon {
  flex:none;
  display:grid;
  place-items:center;
  width:clamp(36px,4.4vw,42px);
  height:clamp(36px,4.4vw,42px);
  border-radius:50%;
  background:color-mix(in srgb,var(--accent) 14%,transparent);
  color:var(--accent);
}
.page-article-detail .article-questions-icon svg { width:20px; height:20px; }
body.index2-page.page-article-detail #articleQuestions .article-questions-title {
  flex:1 1 auto;
  min-width:0;
  margin:0;
  font-family:var(--font-ui);
  font-size:clamp(1rem,1.8vw,1.18rem);
  font-weight:750;
  letter-spacing:-.01em;
  line-height:normal;
  text-transform:none;
  color:var(--ink);
}
.page-article-detail .article-questions-count {
  flex:none;
  display:grid;
  place-items:center;
  min-width:26px;
  height:26px;
  padding:0 8px;
  border-radius:999px;
  background:var(--action);
  color:var(--on-action);
  font:700 .8rem/1 var(--font-ui);
}
.page-article-detail .article-questions-chevron {
  flex:none;
  width:14px;
  height:9px;
  color:var(--ink-soft);
  transition:transform .22s ease;
}
.page-article-detail .article-questions-panel[open] > summary > .article-questions-chevron,
.page-article-detail .article-question[open] > summary > .article-questions-chevron { transform:rotate(180deg); }
.page-article-detail .article-questions-body { padding:clamp(6px,1vw,10px) clamp(14px,1.8vw,18px) clamp(16px,2vw,22px); }
.page-article-detail .article-question { border:0; margin:0; padding:0; background:transparent; }
.page-article-detail .article-question + .article-question { border-top:1px solid var(--line-soft); }
.page-article-detail .article-question-summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:48px;
  box-sizing:border-box;
  padding:17px 0;
  list-style:none;
  cursor:pointer;
  font:650 16px/1.5 var(--font-body);
  color:var(--ink);
  overflow-wrap:anywhere;
}
.page-article-detail .article-question-summary .article-questions-chevron { color:var(--action); }
.page-article-detail .article-question-answer { padding:0 30px 19px 0; color:var(--ink-soft); overflow-wrap:anywhere; }
body.index2-page.page-article-detail #articleQuestions .article-question-answer p {
  margin:0;
  font:400 16px/1.6 var(--font-body);
}
body.index2-page.page-article-detail #articleQuestions .article-question-answer p + p { margin-top:1em; }
.page-article-detail .article-questions-return { display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; margin-top:18px; }
body.index2-page.page-article-detail #articleQuestions .article-questions-return p { margin:0; font:400 14px/1.5 var(--font-body); color:var(--ink-soft); }
.page-article-detail .article-questions-return-link { background:transparent; }
@media (width <= 480px) {
  .page-article-detail .article-shortcuts a { padding:6px 11px; font-size:.78rem; }
  .page-article-detail .article-questions-return { display:grid; justify-items:start; gap:12px; }
  .page-article-detail .article-question-summary { font-size:15px; }
  .page-article-detail .article-question-answer { padding-right:0; }
  body.index2-page.page-article-detail #articleQuestions .article-question-answer p { font-size:15px; }
}
@media (prefers-reduced-motion:reduce) {
  .page-article-detail .article-questions-chevron { transition:none; }
}