/* Extend SUNENG's project record with specifications, complete engineering
   sheets and grouped field photographs. Inherit the existing visual system. */
.suneng-project-record { color: var(--ink); }
.suneng-project-supply-note { display: grid; grid-template-columns: minmax(190px,.42fr) minmax(0,1.58fr); gap: 22px; align-items: baseline; padding-top: 34px; padding-bottom: 34px; border-bottom: 1px solid #d6e8f3; }
.suneng-project-supply-note strong { color: var(--blue); font-size: 13px; letter-spacing: .45px; text-transform: uppercase; }
.suneng-project-supply-note p { max-width: 72ch; margin: 0; color: var(--ink); font-size: 17px; line-height: 1.55; }
.suneng-project-record-specs,
.suneng-project-record-photos { padding: 80px 0 88px; background: #f4fbff; }
.suneng-project-record-drawings { padding: 80px 0 88px; background: #fff; }
.suneng-project-record-section-head { display: flex; justify-content: space-between; gap: 32px; align-items: end; margin-bottom: 32px; }
.suneng-project-record-section-head h2 { margin: 0; color: var(--ink); font-size: var(--type-heading); line-height: 1.15; }
.suneng-project-record-section-head p { max-width: 420px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.55; }
.suneng-project-record-spec-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 0; border-top: 1px solid #cfe3ef; }
.suneng-project-record-spec-grid > div { display: grid; grid-template-columns: minmax(110px,.7fr) minmax(0,1.3fr); gap: 18px; padding: 20px 0; border-bottom: 1px solid #cfe3ef; }
.suneng-project-record-spec-grid > div:nth-child(odd) { padding-right: 28px; }
.suneng-project-record-spec-grid > div:nth-child(even) { padding-left: 28px; border-left: 1px solid #cfe3ef; }
.suneng-project-record-spec-grid dt { color: var(--blue); font-size: 14px; font-weight: 600; line-height: 1.5; }
.suneng-project-record-spec-grid dd { margin: 0; color: var(--ink); font-size: 15px; line-height: 1.55; overflow-wrap: anywhere; }
.suneng-project-drawing-list { display: grid; gap: 40px; }
.suneng-project-drawing { margin: 0; padding: 0 0 20px; border-bottom: 1px solid #d6e8f3; }
.suneng-project-drawing > img { display: block; width: 100%; height: auto; background: #f4f7f9; }
.suneng-project-drawing img { display: block; width: 100%; height: auto; max-height: none; }
.suneng-project-drawing figcaption { padding-top: 12px; color: var(--ink); font-size: 14px; line-height: 1.5; }
.suneng-project-photo-group + .suneng-project-photo-group { margin-top: 56px; }
.suneng-project-photo-group-head { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 22px; }
.suneng-project-photo-group-head h3 { margin: 0; color: var(--ink); font-size: var(--type-title); line-height: 1.2; }
.suneng-project-photo-group-head p { max-width: 500px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.5; }
.suneng-project-photo-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.suneng-project-photo-grid figure { margin: 0; }
.suneng-project-photo-grid img { display: block; width: 100%; height: auto; }
.suneng-project-photo-grid figcaption { padding-top: 12px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.suneng-project-record-note { padding-top: 28px; padding-bottom: 36px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.suneng-project-record-note p { max-width: 100ch; margin: 0; }
@media (max-width: 980px) {
  .suneng-project-record-spec-grid { grid-template-columns: 1fr; }
  .suneng-project-record-spec-grid > div:nth-child(even), .suneng-project-record-spec-grid > div:nth-child(odd) { padding-right: 0; padding-left: 0; border-left: 0; }
  .suneng-project-photo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .suneng-project-supply-note { grid-template-columns: 1fr; gap: 8px; padding-top: 24px; padding-bottom: 26px; }
  .suneng-project-supply-note p { font-size: 16px; }
  .suneng-project-record-specs, .suneng-project-record-drawings, .suneng-project-record-photos { padding: 56px 0 64px; }
  .suneng-project-record-section-head, .suneng-project-drawing figcaption, .suneng-project-photo-group-head { display: block; }
  .suneng-project-record-section-head h2 { font-size: 28px; }
  .suneng-project-record-section-head p, .suneng-project-photo-group-head p { margin-top: 14px; }
  .suneng-project-record-spec-grid > div { grid-template-columns: 1fr; gap: 6px; }
  .suneng-project-photo-grid { grid-template-columns: 1fr; gap: 28px; }
}