/* Page-specific additions; the site's shared stylesheet stays unchanged. */
.fiber-report .content-layout > article { min-width: 0; }
.fiber-report .capture { margin: 24px 0; }
.fiber-report .capture > a { display: block; background: #08131b; }
.fiber-report .capture img, .fiber-report .capture video { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; background: #08131b; }
.fiber-report .subpage-hero .capture { margin-top: 34px; }
.fiber-report .subpage-title { max-width: 1000px; }
.fiber-report .hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 22px; margin-top: 24px; }
.fiber-report .hero-actions > span { font-size: .8rem; color: var(--muted); }
.fiber-report .math-display { overflow-x: auto; padding: 12px 8px; font-size: 1.02rem; }
.fiber-report .math-display mjx-container[display="true"] { margin: .6em 0 !important; }
.fiber-report .reading-key { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 25px 0 8px; }
.fiber-report .reading-key > div { padding: 17px; background: #eff8fc; border: 1px solid var(--soft-line); border-radius: 14px; }
.fiber-report .reading-key b { font: 700 1.4rem Georgia, serif; color: #137b80; }
.fiber-report .reading-key p { margin: 9px 0 0; font-size: .86rem; }
.fiber-report .fiber-note { padding: 6px 22px; border-left: 3px solid #358c9b; background: #f0f8fc; margin-top: 20px; border-radius: 0 12px 12px 0; }
.fiber-report .screen-pair, .fiber-report .screen-triple { display: grid; gap: 16px; align-items: start; }
.fiber-report .screen-pair { grid-template-columns: repeat(2,minmax(0,1fr)); }
.fiber-report .screen-triple { grid-template-columns: repeat(3,minmax(0,1fr)); }
.fiber-report .screen-pair .capture, .fiber-report .screen-triple .capture { margin: 8px 0 20px; }
.fiber-report .domain-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 24px 0; }
.fiber-report .domain-card { min-width: 0; padding: 20px; border: 1px solid var(--soft-line); border-radius: 16px; background: rgba(255,255,255,.85); }
.fiber-report .domain-card h3 { margin: 0; }
.fiber-report .domain-card p { margin: 8px 0 0; font-size: .9rem; }
.fiber-report .domain-card .math-display { font-size: .96rem; padding: 8px 0; }
.fiber-report .media-links { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 10px; align-items: center; }
.fiber-report .media-links > span { margin-right: auto; }
.fiber-report .gif-preview { margin-top: 13px; border-top: 1px solid var(--soft-line); padding-top: 12px; }
.fiber-report summary { cursor: pointer; color: var(--blue-deep); font-weight: 650; }
.fiber-report .gif-preview img { margin-top: 12px; border-radius: 7px; }
.fiber-report .control-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.fiber-report .control-columns ul { padding-left: 20px; }
.fiber-report .control-columns li { margin-bottom: 10px; }
.fiber-report .media-note { font-size: .88rem; padding: 16px 18px; background: #f0f8fc; border-radius: 12px; }
.fiber-report .implementation-note { margin: 22px 0; padding: 18px 20px; border: 1px solid var(--soft-line); border-radius: 12px; }
.fiber-report .related-links { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0; }
@media (max-width: 760px) {
  .fiber-report .screen-pair, .fiber-report .screen-triple, .fiber-report .control-columns { grid-template-columns: 1fr; }
  .fiber-report .math-display { font-size: .9rem; }
  .fiber-report .reading-key { grid-template-columns: 1fr; }
  .fiber-report .reading-key > div { display: flex; gap: 16px; align-items: center; }
  .fiber-report .reading-key p { margin: 0; }
}
@media (max-width: 520px) {
  .fiber-report .domain-list { grid-template-columns: 1fr; }
  .fiber-report .subpage-title { font-size: clamp(2.1rem, 8.3vw, 2.8rem); line-height: 1.18; }
}