/* Clear next steps in the established Complior button family. */
#complior-cloud.cc-refined .cc-button,
#complior-cloud.cc-refined .cc-button-secondary{min-height:52px;max-width:100%;font-size:16px;line-height:1.45;padding:13px 23px;gap:18px;text-align:left;justify-content:space-between}
#complior-cloud.cc-refined .cc-text-link{font-size:16px;min-height:44px;max-width:100%;line-height:1.5}
#complior-cloud.cc-refined .cc-button-secondary{display:inline-flex;align-items:center;font-weight:600;border:1px solid #6f9483;border-radius:999px;color:var(--ink);background:transparent;text-decoration:none}
#complior-cloud.cc-refined .cc-button-secondary:hover{background:#dce9df;border-color:var(--brand)}
#complior-cloud.cc-refined .cc-dark .cc-button-secondary,
#complior-cloud.cc-refined .cc-operation-panel .cc-button-secondary{color:var(--mint);border-color:#8db4a1;background:transparent}
#complior-cloud.cc-refined .cc-dark .cc-button-secondary:hover,
#complior-cloud.cc-refined .cc-operation-panel .cc-button-secondary:hover{background:#b3dfc817;border-color:var(--mint)}
#complior-cloud.cc-refined :is(.cc-button,.cc-button-secondary)>span[aria-hidden]{flex-shrink:0;font-size:20px;line-height:1}
#complior-cloud.cc-refined .cc-text-link>span[aria-hidden]{flex-shrink:0}
#complior-cloud.cc-refined .cc-operation-panel a:focus-visible{outline-color:var(--mint)}
#complior-cloud.cc-refined :is(section,article)[id]{scroll-margin-top:28px}
/* The cloud uses its full transparent canvas; keys remain sharp HTML/SVG layers. */
#complior-cloud.cc-refined .km-cloud-object .km-key-token{top:61%}
#complior-cloud.cc-refined .km-model-zone-cloud{background:#f5f8f5}
#complior-cloud.cc-refined .cc-flow-image{display:block;width:180px;height:124px;object-fit:contain;margin:0 auto 20px}
#complior-cloud.cc-refined .sc-zone-cloud img{object-fit:contain}
#complior-cloud.cc-refined .sc-jump.cc-button-secondary{width:fit-content}
#complior-cloud.cc-refined .sl-detail-link{min-height:44px;display:flex;align-items:center}
#complior-cloud.cc-refined .cc-flow .cc-button-secondary{color:var(--ink);border-color:#6f9483}
#complior-cloud.cc-refined .cc-flow .cc-button-secondary:hover{background:#dce9df;border-color:var(--brand)}
#complior-cloud.cc-refined .cc-flow>div:not(.cc-flow-arrow){display:flex;flex-direction:column}
#complior-cloud.cc-refined .cc-flow .cc-button-secondary{align-self:flex-start;margin-top:auto}
@media(max-width:600px){
 #complior-cloud.cc-refined .cc-actions{align-items:stretch;gap:12px}
 #complior-cloud.cc-refined .cc-actions>.cc-button,
 #complior-cloud.cc-refined .cc-actions>.cc-button-secondary{width:100%}
 #complior-cloud.cc-refined .cc-button,
 #complior-cloud.cc-refined .cc-button-secondary{padding:13px 20px}
 #complior-cloud.cc-refined .cc-flow-image{width:150px;height:108px;margin:0 0 16px}
}
@media(prefers-reduced-motion:reduce){#complior-cloud.cc-refined :is(.cc-button,.cc-button-secondary){transition:none}}

/* KMS/HSM reading rhythm only. Diagram geometry and labels remain unchanged. */
#complior-cloud.km-reading h1{letter-spacing:-.03em}
#complior-cloud.km-reading h2{letter-spacing:-.025em;line-height:1.2}
#complior-cloud.km-reading .km-hero .cc-eyebrow{font-weight:500;letter-spacing:.1em}
#complior-cloud.km-reading .km-hero .cc-lead{max-width:40ch;line-height:1.65}
#complior-cloud.km-reading .cc-section-heading>p{max-width:47ch;line-height:1.7}
#complior-cloud.km-reading .km-service h3{font-weight:500;line-height:1.3;margin-bottom:16px}
#complior-cloud.km-reading .km-service p{max-width:45ch;line-height:1.7}
#complior-cloud.km-reading .km-kms-delivery>header p{max-width:45ch;line-height:1.7}
#complior-cloud.km-reading .km-kms-delivery>header h3{font-weight:500;line-height:1.3}
#complior-cloud.km-reading .km-delivery-points{column-gap:48px}
#complior-cloud.km-reading .km-delivery-points h4{font-weight:500;line-height:1.35}
#complior-cloud.km-reading .km-delivery-points p{line-height:1.7}
#complior-cloud.km-reading .cc-operation-panel h3{font-weight:500;line-height:1.3}
#complior-cloud.km-reading .cc-operation-panel p{max-width:46ch;line-height:1.7}
#complior-cloud.km-reading .km-integrations dd{line-height:1.7}
#complior-cloud.km-reading .km-model-copy p{line-height:1.7}
#complior-cloud.km-reading .km-model-details li{line-height:1.7}
#complior-cloud.km-reading .km-hsm-heading p{line-height:1.65}
#complior-cloud.km-reading .km-hsm-responsibility h3{font-weight:500;line-height:1.35}
#complior-cloud.km-reading .km-hsm-responsibility p{line-height:1.7}
#complior-cloud.km-reading .km-hsm-detail-grid :is(p,li){line-height:1.7}
#complior-cloud.km-reading .cc-assurance-intro>p{max-width:44ch;line-height:1.7}
#complior-cloud.km-reading .km-checks{background:var(--sage)}
#complior-cloud.km-reading .km-checks .cc-rows li{padding:26px 0;gap:18px}
#complior-cloud.km-reading .km-checks .cc-rows h3{font-weight:500;line-height:1.35;margin-bottom:12px}
#complior-cloud.km-reading .km-checks .cc-rows p{max-width:51ch;line-height:1.7}
#complior-cloud.km-reading .km-customer-proof p{line-height:1.7}
#complior-cloud.km-reading .km-related h3{font-weight:500;line-height:1.3}
#complior-cloud.km-reading :is(.km-related p,.cc-faq details p,.cc-closing-grid>div>p){line-height:1.7}
@media(max-width:760px){
 #complior-cloud.km-reading .km-hero .cc-lead{line-height:1.55}
 #complior-cloud.km-reading .km-delivery-points{gap:24px}
 #complior-cloud.km-reading .km-checks .cc-rows li{padding:22px 0;gap:14px}
 #complior-cloud.km-reading .km-checks .cc-rows h3{font-size:20px;margin-bottom:9px}
}