/* One readable scale for every page, language and viewport. */
:root{--text-small:.875rem;--text-body:1rem}
body{font-size:var(--text-body);line-height:1.5}
#main p{font-size:var(--text-body);line-height:1.7}
#main :is(.map-platform p,.reviews-note,.review-link p,.license-note p,.playbook-footnote,.integration-category-note,.subtle){font-size:var(--text-small);line-height:1.6}
small,figcaption{font-size:var(--text-small);line-height:1.6}
.btn,.path-action,.route-link{line-height:1.5}
.contact :is(input,select,textarea){font-size:var(--text-body);line-height:1.5;padding:13px 14px}
.contact label{line-height:1.5}
.formnote{font-size:var(--text-small)!important}
.formstatus{font-size:var(--text-body)!important}
.tab span{font-size:var(--text-body)}
.flowstep b,.subscription-included strong{font-size:var(--text-body);line-height:1.5}
.flowstep i{flex-shrink:0}
.nav-group>summary::after{content:none}
.nav-topline,.nav-contact,.nav-panel-kicker{line-height:1.5}
.primary-nav a.nav-option strong{font-size:var(--text-body)}
.nav-panel-kicker,.journey-kicker,.map-label{letter-spacing:.07em}
.new{max-width:100%;line-height:1.5;border-radius:12px}
.new b{flex-shrink:0}
.actions,.micro,.bottom{flex-wrap:wrap}
.actions .btn{max-width:100%;white-space:normal}
.operation-map{min-width:0}
.map-source{padding:18px 14px}
.map-source strong,.map-node h3,.map-mdr strong{font-size:var(--text-body);line-height:1.4}
.map-platform{padding:23px 16px 18px}
.map-triad{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.map-node{padding:16px 8px;min-width:0}
.map-relationships{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;line-height:1.5;padding:14px 0}
.map-foundation{line-height:1.5;text-align:center}
.map-connector{text-align:center;line-height:1.5;padding:10px 0}
.map-mdr{padding:18px 15px}
.map-mdr small{letter-spacing:.03em;line-height:1.5}
.map-247{flex-shrink:0}
.operation-map figcaption{font-size:var(--text-small);line-height:1.6;margin-top:18px}
.journey-cta p,.next-step p{line-height:1.7}
footer .bottom{gap:16px 24px;line-height:1.6}
@media(max-width:1100px){
 .herogrid{grid-template-columns:1fr;gap:35px}
 .hero .intro{max-width:680px}
 .operation-map{width:100%;max-width:760px;margin:0 auto}
 .wazuh-flow-nodes{grid-template-columns:1fr;gap:12px}
 .wazuh-flow-arrow{transform:rotate(90deg)}
}
@media(max-width:560px){
 .map-triad{grid-template-columns:1fr;gap:10px}
 .map-node{display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 10px;text-align:left;padding:16px}
 .map-node-icon{grid-column:1;grid-row:1/3;margin:0;align-self:center}
 .map-node h3,.map-node p{grid-column:2;margin:0}
 .map-relationships{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px}
 .map-relationships strong{flex-basis:100%;order:1}
 .map-mdr{align-items:flex-start;flex-wrap:wrap;gap:12px}
 .map-source{justify-content:flex-start;gap:10px}
 .map-label{display:block;letter-spacing:.04em}
 .new{align-items:flex-start}
 .sectionhead p{margin-top:18px}
}