.quality-documentation-hub-page{--qdh-navy:#0a2540;--qdh-ink:#12263f;--qdh-orange:#e85d22;--qdh-cream:#fbf7f2;--qdh-line:#dce4ec;--qdh-muted:#64748b}
.qdh-hub{color:var(--qdh-ink);background:#fff}
.qdh-hub *{box-sizing:border-box}
.qdh-breadcrumb-wrap{border-bottom:1px solid var(--qdh-line);background:#fff}
.qdh-breadcrumb{display:flex;gap:.65rem;align-items:center;padding-top:1rem;padding-bottom:1rem;color:var(--qdh-muted);font-size:.82rem}
.qdh-breadcrumb a{color:var(--qdh-navy);text-decoration:none}
.qdh-hero{padding:4.25rem 0;background:linear-gradient(135deg,#fff 0%,#f7fafc 55%,#eef4f7 100%);border-bottom:1px solid var(--qdh-line)}
.qdh-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:4rem;align-items:center}
.qdh-eyebrow,.qdh-kicker{margin:0 0 .8rem;color:var(--qdh-orange);font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.qdh-hero h1{max-width:780px;margin:0;color:var(--qdh-navy);font-size:clamp(2.6rem,5.3vw,5.4rem);line-height:.98;letter-spacing:-.055em}
.qdh-lead{max-width:720px;margin:1.5rem 0 0;color:#455a70;font-size:1.14rem;line-height:1.75}
.qdh-hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.9rem}
.qdh-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.2rem;border:1px solid var(--qdh-navy);border-radius:8px;font-weight:750;text-decoration:none}
.qdh-button-primary{background:var(--qdh-navy);color:#fff}
.qdh-button-secondary{background:#fff;color:var(--qdh-navy)}
.qdh-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:2.2rem 0 0}
.qdh-stats div{padding:1rem;border:1px solid var(--qdh-line);border-radius:10px;background:rgba(255,255,255,.85)}
.qdh-stats dt{font-size:1.55rem;font-weight:850;color:var(--qdh-orange)}
.qdh-stats dd{margin:.2rem 0 0;color:var(--qdh-muted);font-size:.76rem;line-height:1.35}
.qdh-hero-media{margin:0;border:1px solid #cfdbe5;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 24px 60px rgba(10,37,64,.12)}
.qdh-hero-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.qdh-hero-media figcaption{padding:.8rem 1rem;color:var(--qdh-muted);font-size:.72rem;line-height:1.5}
.qdh-intro,.qdh-section{padding:5.25rem 0}
.qdh-intro-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:5rem}
.qdh-intro h2,.qdh-heading-row h2,.qdh-checklist-grid h2,.qdh-policy h2,.qdh-final h2{margin:.2rem 0 0;color:var(--qdh-navy);font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.08;letter-spacing:-.035em}
.qdh-intro-grid>div:last-child{font-size:1.06rem;line-height:1.8;color:#43566b}
.qdh-intro-grid>div:last-child p:first-child{margin-top:0}
.qdh-section-tinted{background:var(--qdh-cream);border-top:1px solid #eadfd3;border-bottom:1px solid #eadfd3}
.qdh-heading-row{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}
.qdh-heading-row>p{max-width:510px;margin:0;color:var(--qdh-muted);line-height:1.65}
.qdh-guide-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.1rem}
.qdh-guide-card{grid-column:span 2;display:flex;flex-direction:column;min-width:0;border:1px solid #e0d8d0;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 8px 26px rgba(35,42,49,.05)}
.qdh-guide-card:nth-child(-n+2){grid-column:span 3}
.qdh-guide-image{display:block;overflow:hidden;background:#eaf0f4}
.qdh-guide-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .35s ease}
.qdh-guide-card:hover .qdh-guide-image img{transform:scale(1.025)}
.qdh-guide-body{display:flex;flex:1;flex-direction:column;padding:1.35rem}
.qdh-guide-body>span{color:var(--qdh-orange);font-weight:850;font-size:.75rem;letter-spacing:.14em}
.qdh-guide-body h3{margin:.65rem 0 0;font-size:1.3rem;line-height:1.25}
.qdh-guide-body h3 a{color:var(--qdh-navy);text-decoration:none}
.qdh-guide-body p{color:#586a7e;line-height:1.65}
.qdh-guide-body small{display:block;margin-top:auto;padding-top:.8rem;border-top:1px solid var(--qdh-line);color:#718096;line-height:1.45}
.qdh-text-link{display:inline-flex;gap:.3rem;margin-top:1rem;color:var(--qdh-orange);font-weight:780;text-decoration:none}
.qdh-framework{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.qdh-framework>div{padding:1.45rem;border:1px solid var(--qdh-line);border-radius:12px;background:#fff}
.qdh-framework span{display:block;color:var(--qdh-orange);font-weight:850;font-size:.75rem}
.qdh-framework strong{display:block;margin:.55rem 0;color:var(--qdh-navy);font-size:1.08rem}
.qdh-framework p{margin:0;color:var(--qdh-muted);font-size:.9rem;line-height:1.6}
.qdh-section-dark{background:var(--qdh-navy);color:#dfe8ef}
.qdh-section-dark .qdh-kicker{color:#f79464}
.qdh-section-dark h2{color:#fff}
.qdh-checklist-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:5rem;align-items:start}
.qdh-checklist-grid>div>p:last-child{color:#b9c8d6;line-height:1.7}
.qdh-checklist-grid ol{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:0;padding:0;list-style:none;counter-reset:qdh-list}
.qdh-checklist-grid li{position:relative;padding:1rem 1rem 1rem 3.2rem;border:1px solid rgba(255,255,255,.16);border-radius:9px;counter-increment:qdh-list}
.qdh-checklist-grid li:before{content:counter(qdh-list,decimal-leading-zero);position:absolute;left:1rem;color:#f79464;font-size:.75rem;font-weight:850}
.qdh-policy{display:grid;grid-template-columns:.75fr 1.25fr;gap:4rem}
.qdh-policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.qdh-policy-grid article{padding:1.35rem;border-left:3px solid var(--qdh-orange);background:#f8fafc}
.qdh-policy-grid strong{color:var(--qdh-navy)}
.qdh-policy-grid p{margin:.5rem 0 0;color:var(--qdh-muted);line-height:1.6}
.qdh-final{padding:4rem 0;background:#edf3f7;border-top:1px solid var(--qdh-line)}
.qdh-final>.container{display:flex;justify-content:space-between;gap:3rem;align-items:center}
.qdh-final h2{max-width:760px;font-size:clamp(1.9rem,3vw,3rem)}
.qdh-final p:not(.qdh-kicker){color:var(--qdh-muted)}
.qdh-final>.container>div:last-child{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1050px){.qdh-hero-grid,.qdh-intro-grid,.qdh-checklist-grid,.qdh-policy{grid-template-columns:1fr;gap:2.5rem}
.qdh-hero-media{max-width:760px}
.qdh-framework{grid-template-columns:1fr 1fr}
.qdh-guide-card,.qdh-guide-card:nth-child(-n+2){grid-column:span 3}
}
@media(max-width:700px){.qdh-hero{padding:2.8rem 0}
.qdh-hero-grid{gap:2rem}
.qdh-hero h1{font-size:clamp(2.35rem,13vw,3.6rem)}
.qdh-lead{font-size:1rem}
.qdh-stats{grid-template-columns:1fr}
.qdh-intro,.qdh-section{padding:3.5rem 0}
.qdh-heading-row,.qdh-final>.container{display:block}
.qdh-heading-row>p{margin-top:1rem}
.qdh-guide-grid{display:block}
.qdh-guide-card{margin-bottom:1rem}
.qdh-framework,.qdh-policy-grid,.qdh-checklist-grid ol{grid-template-columns:1fr}
.qdh-final>.container>div:last-child{justify-content:flex-start;margin-top:1.5rem}
.qdh-button{width:100%}
}

/* First-fold and fixed-contact refinements after visual QA. */
.qdh-hero-grid{align-items:start}
.quality-documentation-hub-page .phoenix-fab{display:none}