.detail-main.recovery-material-page h1 { max-width: 1000px; font-size: clamp(28px, 3.3vw, 44px); line-height: 1.4; }
.recovery-material-page .recovery-hero > p { max-width: 1000px; }
.recovery-material-page #center-materials { margin-top: 36px; }
.recovery-material-page .recovery-materials { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.recovery-material-page .recovery-materials article { padding: 24px; border: 1px solid #dce2ed; border-top: 3px solid #F0BE3A; border-radius: 8px; background: #fff; }
.recovery-material-page .recovery-materials h3 a, .recovery-hub h2 a { color: #203D8A; text-decoration: none; }
.recovery-group-focus { font-size: 14px; color: #203D8A; }
.recovery-subnav { display: flex; flex-wrap: wrap; gap: 12px; font-size: 13px; }
.recovery-subnav a { color: #203D8A; }
.recovery-detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 28px; }
.recovery-material-detail { min-width: 0; padding: 30px; border: 1px solid #dce2ed; border-radius: 8px; background: #fff; scroll-margin-top: 120px; }
.recovery-material-page .recovery-material-detail h2 { color: #203D8A; font-size: 24px; line-height: 1.5; margin: 10px 0 20px; }
.recovery-material-detail h3 { color: #203D8A; font-size: 17px; margin: 24px 0 10px; }
.recovery-material-detail p, .recovery-material-detail li { font-size: 15px; line-height: 1.9; overflow-wrap: anywhere; }
.recovery-material-detail ul { padding-left: 22px; }
.recovery-material-detail li + li { margin-top: 6px; }
.recovery-assay { padding: 16px; border-left: 3px solid #F0BE3A; background: #f4f6fa; color: #203D8A; font-weight: 600; }
.recovery-detail-table { width: 100%; border-collapse: collapse; table-layout: fixed; background: #fff; }
.recovery-detail-table th, .recovery-detail-table td { text-align: left; padding: 16px 20px; border-bottom: 1px solid #dce2ed; vertical-align: top; line-height: 1.8; overflow-wrap: anywhere; }
.recovery-detail-table th { width: 28%; color: #203D8A; font-weight: 600; }
.recovery-detail-table tr:nth-child(odd) { background: #f4f6fa; }
.recovery-material-page .recovery-process { grid-template-columns: repeat(4,minmax(0,1fr)); }
.recovery-material-page .recovery-process strong { display: block; }
.recovery-material-page .recovery-process p { font-size: 14px; }
.recovery-material-page .recovery-process li { display: block; }
.recovery-material-page .recovery-services { display: flex; flex-wrap: wrap; gap: 12px 28px; padding-left: 20px; }
.recovery-hub, .recovery-product { padding-top: var(--home-header-height, 180px); }
.recovery-hub > .section, .recovery-product > .section { padding: 48px max(18px, calc((100% - var(--max)) / 2)); }
.recovery-hub > .recovery-hero { padding-bottom: 0; }
.recovery-hub-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.recovery-hub-card { min-width: 0; border: 1px solid #dce2ed; border-radius: 10px; overflow: hidden; background: #fff; }
.recovery-figure { margin: 22px 0; min-width: 0; }
.recovery-figure img { display: block; width: 100%; height: auto; object-fit: contain; background: #f4f6fa; }
.recovery-figure figcaption { margin: 0; padding: 12px 14px; color: #596273; font-size: 13px; line-height: 1.7; background: #f4f6fa; overflow-wrap: anywhere; }
.recovery-figure figcaption span { display: block; margin-top: 4px; font-size: 12px; }
.recovery-hub-card > .recovery-figure { margin: 0; align-self: start; }
.recovery-hub-card .recovery-figure img { aspect-ratio: 4 / 3; }
.recovery-hub-card > .material-photos { margin: 0; }
.recovery-hub-card .material-photo figcaption { padding: 12px 20px; }
.recovery-product [data-recycled-quality] > .material-photos { max-width: 600px; }
.recovery-hub-body { padding: 26px; }
.recovery-hub-body h2 { color: #203D8A; font-size: 23px; line-height: 1.5; }
.recovery-hub-body p { font-size: 15px; line-height: 1.9; }
.recovery-hub-start { border-top: 2px solid #F0BE3A; }
.recovery-hub-start > .home-text-link, .recovery-hub-start > .supplier-guide-link { display: block; margin-top: 22px; }
.recovery-product-hero { display: grid; grid-template-columns: 1.2fr 1fr; gap: 44px; align-items: center; }
.recovery-product-hero img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; border-radius: 10px; background: #f4f6fa; }
.recovery-product h1, .recovery-hub h1 { font-size: clamp(30px,3.6vw,46px); line-height: 1.4; color: #203D8A; }
.recovery-product h2, .recovery-hub h2 { color: #203D8A; }
html[lang] .recovery-product h1, html[lang] .recovery-product h2, html[lang] .recovery-hub h1, html[lang] .recovery-hub h2 { text-transform: none; }
.recovery-product p, .recovery-hub-start p, .recovery-product li { line-height: 1.9; }
@media (max-width: 900px) {
  .recovery-hub-grid { grid-template-columns: 1fr; }
  .recovery-hub-card { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.5fr); align-items: center; }
  .recovery-material-page .recovery-process { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .recovery-material-page .recovery-materials, .recovery-detail-grid, .recovery-product-hero { grid-template-columns: 1fr; }
  .recovery-material-detail { padding: 22px; }
  .recovery-material-detail h2 { font-size: 22px; }
  .recovery-material-page .recovery-process { grid-template-columns: 1fr; }
  .recovery-detail-table th, .recovery-detail-table td { padding: 13px 10px; font-size: 14px; }
  .recovery-hub-card { display: block; }
  .recovery-hub > .section, .recovery-product > .section { padding: 32px 18px; }
  .recovery-hub > .recovery-hero { padding-bottom: 0; }
}