
/* Website update v42 — public manuals and safety access. */
.documentation-hero {
  padding: clamp(7rem, 12vw, 10rem) clamp(1.25rem, 5vw, 5rem) clamp(4rem, 8vw, 7rem);
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .75fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: end;
  background: linear-gradient(135deg, #f6f9fc 0%, #ffffff 58%, #eef5fb 100%);
}
.documentation-hero h1 { margin: .6rem 0 1.2rem; max-width: 13ch; font-size: clamp(3rem, 7vw, 6.4rem); line-height: .94; letter-spacing: -.055em; color: #0b2f59; }
.documentation-hero h1 span { color: #e0282d; }
.documentation-hero .intro { max-width: 50rem; font-size: clamp(1.05rem, 1.6vw, 1.28rem); line-height: 1.65; color: #34516d; }
.documentation-status { border-left: 4px solid #0068b4; padding: 1.4rem 0 1.4rem 1.5rem; }
.documentation-status strong { display:block; color:#0b2f59; font-size:1.12rem; margin-bottom:.55rem; }
.documentation-status p { margin:0; color:#47627b; line-height:1.6; }
.documentation-grid-section, .safety-summary, .support-access {
  padding: clamp(4rem, 8vw, 7rem) clamp(1.25rem, 5vw, 5rem);
}
.documentation-grid-section { background:#fff; }
.documentation-grid { margin-top:2.2rem; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; }
.documentation-card { border:1px solid #d7e2eb; border-radius:1rem; padding:clamp(1.35rem,3vw,2.2rem); background:#fff; display:flex; flex-direction:column; min-height:18rem; }
.documentation-card .status-tag { align-self:flex-start; font-size:.72rem; font-weight:750; letter-spacing:.12em; text-transform:uppercase; color:#0068b4; background:#eaf4fb; padding:.42rem .6rem; border-radius:99px; }
.documentation-card h3 { color:#0b2f59; font-size:clamp(1.45rem,2.5vw,2rem); line-height:1.1; margin:1rem 0 .75rem; }
.documentation-card p { color:#4a6278; line-height:1.65; margin:0 0 1rem; }
.documentation-card .doc-meta { margin-top:auto; color:#6a7d8e; font-size:.9rem; }
.documentation-card .button, .documentation-card .text-link { margin-top:1.2rem; align-self:flex-start; }
.documentation-card.is-pending { background:#f7f9fb; }
.safety-summary { background:#0b2f59; color:#fff; }
.safety-summary .section-number, .safety-summary h2 { color:#fff; }
.safety-summary h2 { max-width:16ch; font-size:clamp(2.2rem,5vw,4.5rem); line-height:1; letter-spacing:-.04em; margin:.7rem 0 2rem; }
.safety-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.18); }
.safety-grid article { background:#0b2f59; padding:1.45rem; }
.safety-grid b { color:#6dc4f2; display:block; margin-bottom:.45rem; }
.safety-grid p { margin:0; color:#e7eef5; line-height:1.55; }
.support-access { background:#f3f7fa; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(2rem,6vw,6rem); align-items:start; }
.support-access h2 { color:#0b2f59; font-size:clamp(2.2rem,5vw,4rem); line-height:1; letter-spacing:-.04em; margin:.7rem 0 1rem; }
.support-access p, .support-access li { color:#465f76; line-height:1.65; }
.support-access ul { margin:0 0 1.5rem; padding-left:1.2rem; }
.product-safety-section { padding:clamp(4rem,7vw,6.5rem) clamp(1.25rem,5vw,5rem); background:#f3f7fa; }
.product-safety-section h2 { color:#0b2f59; font-size:clamp(2.2rem,5vw,4rem); line-height:1; letter-spacing:-.04em; margin:.7rem 0 1.8rem; max-width:16ch; }
.product-safety-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.product-safety-grid article { background:#fff; border:1px solid #d8e3ec; border-radius:.8rem; padding:1.2rem 1.3rem; }
.product-safety-grid strong { display:block; color:#0b2f59; margin-bottom:.35rem; }
.product-safety-grid p { margin:0; color:#4a6278; line-height:1.55; }
.product-safety-actions { display:flex; gap:.8rem; flex-wrap:wrap; margin-top:1.7rem; }
.service-support-note { margin:0 clamp(1.25rem,5vw,5rem) clamp(4rem,7vw,6rem); padding:1.4rem 1.6rem; border-left:4px solid #0068b4; background:#eef6fb; }
.service-support-note h2 { color:#0b2f59; margin:0 0 .5rem; font-size:1.35rem; }
.service-support-note p { margin:0; color:#47627b; line-height:1.6; }
@media (max-width: 800px) {
  .documentation-hero, .support-access { grid-template-columns:1fr; }
  .documentation-grid, .safety-grid, .product-safety-grid { grid-template-columns:1fr; }
  .documentation-card { min-height:auto; }
}
