/* Detail routes only. Original global styles and listing assets are preserved. */
.article-detail {
  --detail-ink:#26372f; --detail-muted:#536257; --detail-line:#dbe3d9;
  --detail-accent:#54774b; --detail-soft:#f3f6f0;
  background:#f6f7f3; color:var(--detail-ink); padding:24px 16px 48px;
}
.article-detail .detail-reading-layout {display:grid; grid-template-columns:minmax(0,1fr); gap:28px; align-items:start; max-width:1200px; margin:0 auto;}
.article-detail .detail-reading-layout > * {min-width:0;}
.article-detail .article-prose {min-width:0; max-width:none; width:100%; margin:0; padding:24px; background:#fff; border:1px solid var(--detail-line); border-radius:6px; font-size:1.0625rem; line-height:1.8; letter-spacing:0; color:var(--detail-ink);}
.article-detail .article-prose > .container {width:100%; max-width:none; margin:0; padding:0;}
.article-detail .article-prose :is(.harp-article,.yao-article,.article-readable,.article-wrap > article,.product-detail-wrap > article) {min-width:0; max-width:100%; margin:0; color:var(--detail-ink);}
.article-detail.article-detail .article-prose :is(p,li,dt,dd,th,td,blockquote) {font-size:1.0625rem!important; line-height:1.8!important; letter-spacing:0; overflow-wrap:break-word; word-break:normal;}
.article-detail .article-prose p {margin:0 0 24px;}
.article-detail.article-detail .article-prose h1 {font-size:2rem!important; line-height:1.45!important; letter-spacing:0; margin:8px 0 16px; max-height:none; white-space:normal; overflow:visible; display:block; -webkit-line-clamp:unset; overflow-wrap:break-word; word-break:normal; color:var(--detail-ink);}
.article-detail.article-detail .article-prose h2 {font-size:1.625rem!important; line-height:1.5!important; letter-spacing:0; margin:40px 0 16px; padding:12px 14px; border:0; border-left:3px solid var(--detail-accent); border-radius:2px; background:var(--detail-soft); color:var(--detail-ink); box-shadow:none;}
.article-detail.article-detail .article-prose h3 {font-size:1.375rem!important; line-height:1.5!important; margin:28px 0 12px; color:var(--detail-ink);}
.article-detail .article-prose :is(.reading-card,.product-card,.news-card) h3 {font-size:1rem!important; margin:0;}
.article-detail .article-prose :is(.article-meta,.image-credit,figcaption,.purchase-destinations__note) {font-size:.875rem!important; line-height:1.7!important; color:var(--detail-muted);}
.article-detail .article-prose figure {margin-block:12px 16px; min-width:0;}
.article-detail .article-prose :is(.harp-gallery,.yao-gallery,.body-gallery,.sg-photo-grid) {gap:12px;}
.article-detail .article-prose :is(.harp-gallery,.yao-gallery,.body-gallery,.sg-photo-grid) figure {margin:0;}
.article-detail .article-prose :is(.reading-card,.product-card,.news-card) p {margin-block:4px;}
.article-detail .article-prose a[data-detail-specialist] {grid-column:1 / -1;}
.article-detail .article-prose figure img {max-width:100%; height:auto; object-fit:contain;}
.article-detail .article-prose :is(.harp-hero,.yao-hero) {margin-top:0;}
.article-detail .article-prose .detail-columns {display:block;}
.article-detail .article-prose .detail-side {position:static; width:100%; margin-top:24px;}
.article-detail .article-prose :is(.harp-top,.yao-top,.product-detail-top) > * {min-width:0;}
.article-detail .detail-quick-facts {margin:0 0 14px; padding:8px 0; border-block:1px solid var(--detail-line);}
.article-detail .detail-quick-facts > div {display:grid; grid-template-columns:6.5em minmax(0,1fr); column-gap:10px; padding:5px 0;}
.article-detail .detail-quick-facts dt {font-weight:700; color:var(--detail-muted);}
.article-detail .detail-quick-facts dd {margin:0; min-width:0;}
.article-detail.article-detail .article-prose .detail-quick-facts :is(dt,dd) {font-size:1rem!important; line-height:1.7!important;}
.article-detail .detail-facts-source {margin:4px 0 12px; color:var(--detail-muted); font-size:.875rem!important; line-height:1.7!important;}
.article-detail .detail-facts-source a {text-decoration:underline; text-underline-offset:3px;}
.article-detail .article-prose :is(.harp-facts,.yao-facts,.facts,.sg-case-facts,.article-timing-html,.sg-terms) {display:block; min-width:0; width:100%;}
.article-detail .article-prose :is(.harp-facts,.yao-facts,.facts,.sg-case-facts,.article-timing-html,.sg-terms) > div {display:grid; grid-template-columns:6.5em minmax(0,1fr); gap:10px; padding:9px 0; min-width:0; min-height:0;}
.article-detail .article-prose :is(.harp-facts,.yao-facts,.facts,.sg-case-facts,.article-timing-html,.sg-terms) :is(dt,dd) {margin:0; padding:0; min-width:0;}
.article-detail .detail-table-scroll {overflow-x:auto; max-width:100%; margin:20px 0 24px; overscroll-behavior-inline:contain;}
.article-detail .detail-table-scroll table {min-width:640px; width:100%; border-collapse:collapse; table-layout:auto;}
.article-detail .article-prose table.detail-spec-table {min-width:0; width:100%; table-layout:auto;}
.article-detail .article-prose table.detail-spec-table tr > :first-child {min-width:6em; width:28%;}
.article-detail .article-prose table :is(th,td) {white-space:normal; overflow-wrap:break-word; word-break:normal; padding:10px; vertical-align:top;}
.article-detail .detail-sidebar {display:none; min-width:0;}
.article-detail .detail-search {padding:12px; border:1px solid var(--detail-line); border-radius:4px; background:#fff; margin-bottom:18px; min-width:0;}
.article-detail .detail-search label {display:block; font-size:.9375rem; font-weight:700; margin-bottom:6px;}
.article-detail .detail-search-controls {display:flex; gap:6px; min-width:0;}
.article-detail .detail-search input {min-width:0; width:100%; flex:1; min-height:44px; border:1px solid #a7b4a7; border-radius:3px; padding:8px; font-size:1rem; background:#fff; color:var(--detail-ink);}
.article-detail .detail-search button {min-height:44px; padding:8px 10px; flex:none; border:1px solid #a7b4a7; border-radius:3px; background:var(--detail-soft); color:var(--detail-ink); font-size:.9375rem;}
.article-detail .detail-search-status {display:block; font-size:.875rem; line-height:1.6; margin-top:6px;}
.article-detail .detail-search-results {margin:8px 0 0; padding-left:20px; max-height:24rem; overflow:auto;}
.article-detail .detail-search-results li {font-size:.9375rem!important; line-height:1.6!important; margin:8px 0;}
.article-detail .detail-search-results a {text-decoration:underline; text-underline-offset:3px;}
.article-detail .detail-sidebar h2 {font-size:1.125rem!important; line-height:1.5!important; margin:24px 0 12px; padding:0 0 8px; color:var(--detail-ink); border-bottom:2px solid var(--detail-accent);}
.article-detail .detail-related-card {margin:0 0 12px; padding:8px; border:1px solid var(--detail-line); border-radius:4px; background:#fff;}
.article-detail .detail-related-card > a {display:block;}
.article-detail .detail-related-card img {display:block; width:100%; height:auto; max-height:360px; object-fit:contain; background:#fff;}
.article-detail .detail-related-title {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; font-size:1rem; font-weight:700; line-height:1.5; margin:7px 0 3px;}
.article-detail .detail-related-price {display:block; font-size:.9375rem; line-height:1.7; color:var(--detail-ink);}
.article-detail .detail-related-note {display:none;}
.article-detail .detail-motion-ad {width:300px; max-width:none; margin:28px auto; padding:0; background:#fff;}
.article-detail .detail-motion-ad .detail-ad-label {font-size:.875rem!important; margin:0 0 6px; color:var(--detail-muted);}
.article-detail.article-detail .article-prose .detail-motion-ad .detail-ad-note {font-size:.8125rem!important; line-height:1.6!important; margin:6px 0 0; color:var(--detail-muted);}
.article-detail .detail-motion-ad .detail-ad-note a {text-decoration:underline;}
@media(min-width:1100px) {
  .article-detail .detail-reading-layout {grid-template-columns:minmax(0,1fr) 296px;}
  .article-detail .detail-sidebar {display:block;}
  .article-detail .detail-mobile-search {display:none;}
}
@media(max-width:1099px) {
  .article-detail .article-prose :is(.harp-top,.yao-top,.product-detail-top) {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:767px) {
  .article-detail {padding:18px 16px 32px; background:#fff;}
  .article-detail .article-prose {padding:0; border:0; border-radius:0; width:100%; font-size:1rem;}
  .article-detail.article-detail .article-prose :is(p,li,dt,dd,th,td,blockquote) {font-size:1rem!important; line-height:1.8!important;}
  .article-detail .article-prose p {margin-bottom:18px;}
  .article-detail.article-detail .article-prose h1 {font-size:1.625rem!important; line-height:1.45!important;}
  .article-detail.article-detail .article-prose h2 {font-size:1.375rem!important; margin:32px 0 14px; padding:10px 12px;}
  .article-detail.article-detail .article-prose h3 {font-size:1.25rem!important;}
  .article-detail .article-prose :is(.product-main-info,.article-heading,.harp-heading,.sg-heading,.restored-guide-content) {padding-inline:0; min-width:0;}
  .article-detail.article-detail .article-prose :is(.harp-purchase,.yao-purchase,.purchase-destinations__links,.sg-buy-group) {display:grid; grid-template-columns:minmax(0,1fr); width:100%; min-width:0;}
  .article-detail .article-prose :is(.harp-buy,.yao-buy,.purchase-destinations__link,.sg-buy-group a,.button) {width:100%; min-height:44px; height:auto; white-space:normal; overflow-wrap:break-word; word-break:normal; line-height:1.5; padding:10px 12px;}
  .article-detail.article-detail .article-prose :is(.harp-facts,.yao-facts,.facts,.sg-case-facts,.article-timing-html,.sg-terms) > div {grid-template-columns:6em minmax(0,1fr);}
  .article-detail .article-prose table {display:table!important;}
  .article-detail .article-prose table thead {display:table-header-group!important;}
  .article-detail .article-prose table tbody {display:table-row-group!important;}
  .article-detail .article-prose table tr {display:table-row!important;}
  .article-detail .article-prose table :is(th,td) {display:table-cell!important;}
  .article-detail .detail-mobile-search {padding:10px 0; border-inline:0;}
  .article-detail .detail-motion-ad {margin-left:calc((100% - 300px)/2); margin-right:0;}
}
@media(min-width:1100px){
 .article-detail{padding-inline:0}
 .article-detail .detail-reading-layout{width:min(1200px,calc(100% - 64px));max-width:none}
}
@media(min-width:1051px) and (max-width:1099px){
 .article-detail .detail-reading-layout{width:calc(100% - 32px)}
}
@media(min-width:601px) and (max-width:1050px){
 .article-detail .detail-reading-layout{width:calc(100% - 12px)}
}
@media(max-width:360px){
 .article-detail{padding-inline:12px}
}
.article-detail .detail-sidebar .detail-related-price,.article-detail .article-prose :is(.price,[data-price-value="true"]),.article-detail .detail-quick-facts>div:nth-child(2)>dd{color:#9b3e2c!important;font-weight:800}
.article-detail .article-prose :is(.article-meta,.detail-facts-source,.image-credit){font-size:.8rem!important;line-height:1.6!important}

/* R8 desktop rail matches the homepage outer box. Body prose remains one readable column. */
@media(min-width:1120px){
 .article-detail .detail-reading-layout{box-sizing:border-box;width:min(1280px,100%);max-width:none;padding-inline:28px;grid-template-columns:minmax(0,1fr) 300px;gap:28px}
 .article-detail .detail-reading-layout>.article-prose,.article-detail .detail-reading-layout>.detail-sidebar{min-width:0}
 .article-detail .detail-sidebar .detail-related-card img{max-height:none}
}

/* Timing panels are distinct from compact label/value fact lists. */
.article-detail.article-detail .article-prose .restore-timing .article-timing-html,
.article-detail.article-detail .article-prose .restore-timing.restore-four .article-timing-html{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));
  gap:12px;
  width:100%;
  padding:0;
}
.article-detail.article-detail .article-prose .restore-timing .article-timing-html::before,
.article-detail.article-detail .article-prose .restore-timing .article-timing-html dt::after{content:none}
.article-detail.article-detail .article-prose .restore-timing .article-timing-html>div{
  display:block;
  grid-template-columns:none;
  border-left:2px solid #bac4d6;
  padding:2px 0 2px 10px;
  min-width:0;
}
.article-detail.article-detail .article-prose .restore-timing.restore-green .article-timing-html>div{border-left-color:#bccbb3}
.article-detail.article-detail .article-prose .restore-timing .restore-timing-heading{
  font-size:1.125rem!important;
  line-height:1.5!important;
  font-weight:700;
  margin:0 0 14px;
}
.article-detail.article-detail .article-prose .restore-timing .article-timing-html dt{
  font-size:.875rem!important;
  line-height:1.5!important;
  font-weight:700;
  margin:0 0 3px;
}
.article-detail.article-detail .article-prose .restore-timing .article-timing-html dd{
  font-size:1rem!important;
  line-height:1.55!important;
  font-weight:700;
  margin:0;
  overflow-wrap:break-word;
  word-break:normal;
}
.article-detail.article-detail .article-prose .restore-timing .article-timing-note{
  font-size:.8125rem!important;
  line-height:1.6!important;
  margin:12px 0 0;
}