/* Approved solution presentation, shared by both languages and all devices. */
@media (min-width:981px) {
  body.ss-page:has(.solution-presentation) .site-header,
  body.ss-page:has(.solution-presentation) .site-header:not(.scrolled),
  body.ss-page:has(.solution-presentation) .site-header.scrolled { background:#000; backdrop-filter:none; -webkit-backdrop-filter:none; }
  .solution-presentation .se-image { padding:0; border:0; background:transparent; border-radius:16px; overflow:hidden; }
  .solution-presentation .se-image img { border-radius:16px; }
}

/* Construction content follows reading flow rather than viewport-sized chapters. */
@media (min-width:981px) {
  body[data-id="construction"] .solution-editorial .se-section {
    min-height:0;
    padding-block:72px;
  }
  body[data-id="construction"] .solution-editorial .se-image img { max-height:none; }
  body[data-id="construction"] .solution-editorial .se-points { margin-top:24px; gap:18px; }
  body[data-id="construction"] .solution-editorial .se-copy > h2 { font-size:clamp(30px,2.3vw,38px); line-height:1.3; letter-spacing:-.025em; margin-bottom:22px; }
  body[data-id="construction"] #bim-architecture .se-layout {
    grid-template-columns: minmax(0,.65fr) minmax(0,1.35fr);
    gap:48px;
  }
  body[data-id="construction"] .se-capability-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
  body[data-id="construction"] .se-capability-grid h3 { font-size:18px; }
  body[data-id="construction"] .se-capability-grid svg { display:none; }
}

/* Align descriptive text to a consistent measure without stretching the last line. */
@media (min-width:981px) {
  body[data-id="construction"] .solution-editorial .se-points {
    width:100%;
    justify-items:stretch;
  }
  body[data-id="construction"] .solution-editorial .se-points li {
    min-width:0;
    width:100%;
    box-sizing:border-box;
  }
  body[data-id="construction"] .solution-editorial :is(.se-description,.se-points p) {
    width:100%;
    max-width:none;
    text-align:justify;
    text-align-last:left;
    text-justify:inter-character;
    text-wrap:wrap;
  }
}

/* Handover adopts the approved construction layout; legacy mobile stays intact. */
@media (min-width:981px) {
  body[data-id="delivery"] .solution-editorial .se-section { min-height:0; padding-block:72px; }
  body[data-id="delivery"] .solution-editorial .se-copy > h2 { font-size:clamp(30px,2.3vw,38px); line-height:1.3; letter-spacing:-.025em; margin-bottom:22px; }
  body[data-id="delivery"] .solution-editorial .se-image img { max-height:none; }
  body[data-id="delivery"] .solution-editorial .se-points { margin-top:24px; gap:18px; width:100%; justify-items:stretch; }
  body[data-id="delivery"] .solution-editorial .se-points li { min-width:0; width:100%; box-sizing:border-box; }
  body[data-id="delivery"] .solution-editorial :is(.se-description,.se-points p) { width:100%; max-width:none; text-align:justify; text-align-last:left; text-justify:inter-character; text-wrap:wrap; }
  body[data-id="delivery"] #delivery-architecture .se-layout { grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:48px; }
  body[data-id="delivery"] .se-capability-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
  body[data-id="delivery"] .se-capability-grid h3 { font-size:18px; }
  body[data-id="delivery"] .se-capability-grid svg { display:none; }
}

/* Operation project material uses the continuous construction reading layout. */
@media (min-width:981px) {
  body[data-id="operation"] .solution-editorial .se-section { min-height:0; padding-block:72px; }
  body[data-id="operation"] .solution-editorial .se-copy > h2 { font-size:clamp(30px,2.3vw,38px); line-height:1.3; letter-spacing:-.025em; margin-bottom:22px; }
  body[data-id="operation"] .solution-editorial .se-image img { max-height:none; }
  body[data-id="operation"] .solution-editorial .se-points { margin-top:24px; gap:18px; width:100%; justify-items:stretch; }
  body[data-id="operation"] .solution-editorial .se-points li { min-width:0; width:100%; box-sizing:border-box; }
  body[data-id="operation"] .solution-editorial :is(.se-description,.se-points p) { width:100%; max-width:none; text-align:justify; text-align-last:left; text-justify:inter-character; text-wrap:wrap; }
  body[data-id="operation"] .se-capability-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
  body[data-id="operation"] .se-capability-grid h3 { font-size:18px; }
  body[data-id="operation"] .se-capability-grid svg { display:none; }
}

/* Bridge partnership: shared editorial scale, original brand assets, desktop only. */
@media (min-width:981px) {
  body[data-id="bridge"] .solution-editorial .se-section { min-height:0; padding-block:72px; }
  body[data-id="bridge"] .solution-editorial .se-copy > h2 { font-size:clamp(30px,2.3vw,38px); line-height:1.3; letter-spacing:-.025em; margin-bottom:22px; }
  body[data-id="bridge"] .solution-editorial .se-image img { max-height:none; }
  body[data-id="bridge"] .solution-editorial .se-points { margin-top:24px; gap:18px; width:100%; justify-items:stretch; }
  body[data-id="bridge"] .solution-editorial .se-points li { min-width:0; width:100%; box-sizing:border-box; }
  body[data-id="bridge"] .solution-editorial :is(.se-description,.se-points p) { width:100%; max-width:none; text-align:justify; text-align-last:left; text-justify:inter-character; text-wrap:wrap; }
  body[data-id="bridge"] #bridge-architecture .se-layout { grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:48px; }
  body[data-id="bridge"] .se-capability-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
  body[data-id="bridge"] .se-capability-grid h3 { font-size:18px; }
  body[data-id="bridge"] .se-capability-grid svg { display:none; }
  body[data-id="bridge"] .se-hero { background:#0b1a2d; }
  body[data-id="bridge"] .se-hero::after { background:linear-gradient(90deg,rgba(5,16,30,.94),rgba(5,16,30,.72) 40%,rgba(5,16,30,.12) 78%); }
  body[data-id="bridge"] .se-hero h1 { font-size:clamp(38px,3.1vw,54px); color:#fff; max-width:850px; }
  body[data-id="bridge"] .se-hero h2 { font-size:clamp(20px,1.6vw,27px); color:#e2edfc; }
  body[data-id="bridge"] .se-hero-summary { color:#c5d3e2; max-width:600px; }
  .se-partner-lockup { display:flex; align-items:center; gap:16px; margin-bottom:24px; color:#b8c7d9; }
  .se-partner-lockup img { display:block; height:30px; width:auto; object-fit:contain; }
  .se-partner-lockup span { font-size:21px; }
}

/* Beam yard: Chinese desktop, continuous editorial layout aligned with construction. */
@media (min-width:981px) {
  body[data-id="smart-beam-yard"] .solution-editorial .se-section { min-height:0; padding-block:72px; }
  body[data-id="smart-beam-yard"] .solution-editorial .se-copy > h2 { font-size:clamp(30px,2.3vw,38px); line-height:1.3; letter-spacing:-.025em; margin-bottom:22px; }
  body[data-id="smart-beam-yard"] .solution-editorial .se-image img { max-height:none; }
  body[data-id="smart-beam-yard"] .solution-editorial .se-points { margin-top:24px; gap:18px; width:100%; justify-items:stretch; }
  body[data-id="smart-beam-yard"] .solution-editorial .se-points li { min-width:0; width:100%; box-sizing:border-box; }
  body[data-id="smart-beam-yard"] .solution-editorial :is(.se-description,.se-points p) { width:100%; max-width:none; text-align:justify; text-align-last:left; text-justify:inter-character; text-wrap:wrap; }
  body[data-id="smart-beam-yard"] .se-hero h1 { font-size:clamp(38px,3.1vw,54px); max-width:850px; }
  body[data-id="smart-beam-yard"] .se-hero h2 { font-size:clamp(20px,1.6vw,27px); }
  body[data-id="smart-beam-yard"] #beam-challenges .se-layout { display:block; }
  body[data-id="smart-beam-yard"] #beam-challenges .se-copy { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; margin-bottom:32px; }
  body[data-id="smart-beam-yard"] #beam-challenges .se-copy > h2 { margin-bottom:0; }
  body[data-id="smart-beam-yard"] #beam-challenges .se-workflow-steps { grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
  body[data-id="smart-beam-yard"] #beam-challenges .se-workflow-steps li { padding:26px; min-height:0; }
  body[data-id="smart-beam-yard"] #beam-challenges .se-step { font-size:26px; margin-bottom:24px; }
  body[data-id="smart-beam-yard"] #beam-challenges .se-flow-arrow { display:none; }
  body[data-id="smart-beam-yard"] .se-capability-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
  body[data-id="smart-beam-yard"] .se-capability-grid-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body[data-id="smart-beam-yard"] .se-capability-grid h3 { font-size:18px; }
  body[data-id="smart-beam-yard"] .se-capability-grid svg { display:none; }
}

/* Bridge operating topics use generous two-column illustrations. */
@media (min-width:981px) {
  body[data-id="bridge"] #bridge-operations .se-capability-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; }
  body[data-id="bridge"] #bridge-operations .se-capability-grid article { padding:0 0 24px; border:1px solid #e0eaf5; border-radius:16px; overflow:hidden; background:#f8fbff; }
  body[data-id="bridge"] #bridge-operations .se-operation-image { margin:0 0 22px; aspect-ratio:16/9; background:#edf5fd; }
  body[data-id="bridge"] #bridge-operations .se-operation-image img { display:block; width:100%; height:100%; object-fit:contain; }
  body[data-id="bridge"] #bridge-operations .se-capability-grid :is(h3,p) { margin-inline:26px; }
  body[data-id="bridge"] #bridge-operations .se-capability-grid h3 { font-size:21px; margin-bottom:10px; }
}

/* Preserve the original beam-yard dashboards at a readable scale. */
@media (min-width:981px) {
  body[data-id="smart-beam-yard"] #beam-materials .se-capability-grid { grid-template-columns:1fr; gap:36px; }
  body[data-id="smart-beam-yard"] #beam-materials .se-capability-grid article { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,1fr); gap:36px; align-items:center; border:0; border-bottom:1px solid #dce6f2; padding:0 0 36px; }
  body[data-id="smart-beam-yard"] #beam-materials .se-capability-grid article:last-child { border:0; padding-bottom:0; }
  body[data-id="smart-beam-yard"] #beam-materials .se-operation-image { margin:0; overflow:hidden; border-radius:12px; background:#091c31; }
  body[data-id="smart-beam-yard"] #beam-materials .se-operation-image img { display:block; width:100%; height:auto; }
  body[data-id="smart-beam-yard"] #beam-materials .se-capability-copy { min-width:0; }
  body[data-id="smart-beam-yard"] #beam-materials .se-capability-copy h3 { font-size:24px; margin-bottom:18px; }
}

/* Original service screens remain uncropped in paired cards. */
@media (min-width:981px) {
  body[data-id="operation"] #operation-service .se-capability-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
  body[data-id="operation"] #operation-service .se-capability-grid article { padding:0; border:1px solid #dce6f2; border-radius:14px; overflow:hidden; background:#f8fbff; }
  body[data-id="operation"] #operation-service .se-operation-image { margin:0; aspect-ratio:16/9; background:#f4f8fe; border-bottom:1px solid #e2eaf4; }
  body[data-id="operation"] #operation-service .se-operation-image img { display:block; width:100%; height:100%; object-fit:contain; }
  body[data-id="operation"] #operation-service .se-capability-copy { padding:24px; }
  body[data-id="operation"] #operation-service .se-capability-copy h3 { font-size:21px; margin-bottom:12px; }
}

/* Brochure-backed solutions share the approved Chinese desktop reading scale. */
@media (min-width:981px) {
  body:is([data-id="smart-segment-plant"],[data-id="pccp-plant"],[data-id="smart-sleeper-plant"],[data-id="standardized-construction"],[data-id="sleeper-appearance-inspection"],[data-id="rebar-mesh-inspection"],[data-id="rebar-cage-inspection"],[data-id="precast-beam-inspection"],[data-id="heavy-equipment-monitoring"],[data-id="bridge-rotation-launching"]) .solution-editorial .se-section { min-height:0; padding-block:72px; }
  body:is([data-id="smart-segment-plant"],[data-id="pccp-plant"],[data-id="smart-sleeper-plant"],[data-id="standardized-construction"],[data-id="sleeper-appearance-inspection"],[data-id="rebar-mesh-inspection"],[data-id="rebar-cage-inspection"],[data-id="precast-beam-inspection"],[data-id="heavy-equipment-monitoring"],[data-id="bridge-rotation-launching"]) .solution-editorial .se-copy > h2 { font-size:clamp(30px,2.3vw,38px); line-height:1.3; letter-spacing:-.025em; margin-bottom:22px; }
  body:is([data-id="smart-segment-plant"],[data-id="pccp-plant"],[data-id="smart-sleeper-plant"],[data-id="standardized-construction"],[data-id="sleeper-appearance-inspection"],[data-id="rebar-mesh-inspection"],[data-id="rebar-cage-inspection"],[data-id="precast-beam-inspection"],[data-id="heavy-equipment-monitoring"],[data-id="bridge-rotation-launching"]) .solution-editorial .se-image img { max-height:none; object-fit:contain; }
  body:is([data-id="smart-segment-plant"],[data-id="pccp-plant"],[data-id="smart-sleeper-plant"],[data-id="standardized-construction"],[data-id="sleeper-appearance-inspection"],[data-id="rebar-mesh-inspection"],[data-id="rebar-cage-inspection"],[data-id="precast-beam-inspection"],[data-id="heavy-equipment-monitoring"],[data-id="bridge-rotation-launching"]) .solution-editorial .se-points { margin-top:24px; gap:18px; width:100%; justify-items:stretch; }
  body:is([data-id="smart-segment-plant"],[data-id="pccp-plant"],[data-id="smart-sleeper-plant"],[data-id="standardized-construction"],[data-id="sleeper-appearance-inspection"],[data-id="rebar-mesh-inspection"],[data-id="rebar-cage-inspection"],[data-id="precast-beam-inspection"],[data-id="heavy-equipment-monitoring"],[data-id="bridge-rotation-launching"]) .solution-editorial .se-points li { min-width:0; width:100%; box-sizing:border-box; }
  body:is([data-id="smart-segment-plant"],[data-id="pccp-plant"],[data-id="smart-sleeper-plant"],[data-id="standardized-construction"],[data-id="sleeper-appearance-inspection"],[data-id="rebar-mesh-inspection"],[data-id="rebar-cage-inspection"],[data-id="precast-beam-inspection"],[data-id="heavy-equipment-monitoring"],[data-id="bridge-rotation-launching"]) .solution-editorial :is(.se-description,.se-points p) { width:100%; max-width:none; text-align:justify; text-align-last:left; text-justify:inter-character; text-wrap:wrap; }
  body:is([data-id="smart-segment-plant"],[data-id="pccp-plant"],[data-id="smart-sleeper-plant"],[data-id="standardized-construction"],[data-id="sleeper-appearance-inspection"],[data-id="rebar-mesh-inspection"],[data-id="rebar-cage-inspection"],[data-id="precast-beam-inspection"],[data-id="heavy-equipment-monitoring"],[data-id="bridge-rotation-launching"]) .se-capability-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
  body:is([data-id="smart-segment-plant"],[data-id="pccp-plant"],[data-id="smart-sleeper-plant"],[data-id="standardized-construction"],[data-id="sleeper-appearance-inspection"],[data-id="rebar-mesh-inspection"],[data-id="rebar-cage-inspection"],[data-id="precast-beam-inspection"],[data-id="heavy-equipment-monitoring"],[data-id="bridge-rotation-launching"]) .se-capability-grid h3 { font-size:18px; }
  body:is([data-id="smart-segment-plant"],[data-id="pccp-plant"],[data-id="smart-sleeper-plant"],[data-id="standardized-construction"],[data-id="sleeper-appearance-inspection"],[data-id="rebar-mesh-inspection"],[data-id="rebar-cage-inspection"],[data-id="precast-beam-inspection"],[data-id="heavy-equipment-monitoring"],[data-id="bridge-rotation-launching"]) .se-capability-grid svg { display:none; }
  body:is([data-id="smart-segment-plant"],[data-id="pccp-plant"],[data-id="smart-sleeper-plant"],[data-id="standardized-construction"],[data-id="sleeper-appearance-inspection"],[data-id="rebar-mesh-inspection"],[data-id="rebar-cage-inspection"],[data-id="precast-beam-inspection"],[data-id="heavy-equipment-monitoring"],[data-id="bridge-rotation-launching"]) .se-hero h1 { font-size:clamp(38px,3.1vw,54px); max-width:850px; }
  body:is([data-id="smart-segment-plant"],[data-id="pccp-plant"],[data-id="smart-sleeper-plant"],[data-id="standardized-construction"],[data-id="sleeper-appearance-inspection"],[data-id="rebar-mesh-inspection"],[data-id="rebar-cage-inspection"],[data-id="precast-beam-inspection"],[data-id="heavy-equipment-monitoring"],[data-id="bridge-rotation-launching"]) .se-hero h2 { font-size:clamp(20px,1.6vw,27px); }
  body:is([data-id="smart-segment-plant"],[data-id="pccp-plant"],[data-id="smart-sleeper-plant"],[data-id="standardized-construction"],[data-id="sleeper-appearance-inspection"],[data-id="rebar-mesh-inspection"],[data-id="rebar-cage-inspection"],[data-id="precast-beam-inspection"],[data-id="heavy-equipment-monitoring"],[data-id="bridge-rotation-launching"]) .se-workflow-steps li { padding:24px; min-height:0; }
  body:is([data-id="smart-segment-plant"],[data-id="pccp-plant"],[data-id="smart-sleeper-plant"],[data-id="standardized-construction"],[data-id="sleeper-appearance-inspection"],[data-id="rebar-mesh-inspection"],[data-id="rebar-cage-inspection"],[data-id="precast-beam-inspection"],[data-id="heavy-equipment-monitoring"],[data-id="bridge-rotation-launching"]) .se-step { font-size:28px; margin-bottom:20px; }
}

@media (min-width:981px) {
  body[data-id="precast-beam-inspection"] #precast-interior .se-image { overflow:hidden; background:#f4f8fd; border-radius:16px; }
  body[data-id="precast-beam-inspection"] #precast-interior .se-image img { transform:scale(1.6); }
}
