/* Security iteration illustration: native vector gear, original Operator mark. */
.security-gear{--gear-line:#294650;position:relative;min-width:0;padding:23px 19px 17px;border:1px solid #24404a;background:radial-gradient(ellipse at 50% 38%,#0c222b 0,transparent 65%),#071116;isolation:isolate}
.security-gear:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#729fac05 1px,transparent 1px),linear-gradient(90deg,#729fac05 1px,transparent 1px);background-size:24px 24px}
.gear-heading{margin-bottom:22px}
.security-gear .gear-kicker{color:#8eacb6;font:9px/1.5 Consolas,SFMono-Regular,monospace;letter-spacing:.13em;margin:0 0 10px}
.security-gear .gear-heading h2{font-size:clamp(17px,1.65vw,22px);letter-spacing:-.025em;font-weight:500;line-height:1.3}
.gear-control-row{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.security-gear.is-enhanced .gear-control-row{display:grid}
.gear-node{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:69px;min-width:0;padding:9px 3px 10px;color:#d7e4e8;background:#0a1a22;border:1px solid #35525d;border-radius:3px;text-align:center;transition:border-color .18s,background .18s,box-shadow .18s}
.gear-node:hover{border-color:#84b7c0;background:#102630}
.gear-node:focus-visible{outline:2px solid #22e3df;outline-offset:3px;z-index:2}
.gear-node[aria-expanded="true"]{border-color:#22e3df;background:#102d34;box-shadow:inset 0 -2px #22e3df}
.gear-node-meta{display:flex;justify-content:space-between;width:100%;padding-inline:7px;color:#89aeb8;font:9px/1 Consolas,monospace}
.gear-node-indicator{font-size:14px;color:#22e3df;font-weight:400}
.gear-node-label{font-size:12px;font-weight:550;line-height:1.32;overflow-wrap:normal}
.gear-disciplines .gear-node-label{max-width:112px}
.gear-stage{position:relative;margin:0 -1px}
.gear-illustration{display:block;width:100%;height:auto;overflow:visible}
.gear-wire{stroke:#315c68;transition:stroke .2s,stroke-width .2s}
.gear-wire.is-active{stroke:#22e3df;stroke-width:2}
.gear-teeth{transform-origin:280px 137px;transform:rotate(var(--gear-turn,0deg));transition:transform .7s cubic-bezier(.2,.65,.3,1)}
.security-gear .gear-cycle{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;color:#94b7c0;background:#07161d;padding:4px 8px;margin:0;font:8px/1.4 Consolas,monospace;letter-spacing:.06em}
.gear-cycle span:nth-child(even){color:#22e3df}
.security-gear .gear-hint{font-size:11px;text-align:center;margin:14px 0 0;line-height:1.5;color:#a6bac2}
.gear-readout{border-top:1px solid #36545f;margin-top:18px;padding-top:20px}
.security-gear .gear-topic-content p{font-size:13px;line-height:1.65;margin:0 0 13px;color:#b5c6cd}
.security-gear .gear-topic-content .gear-detail-label{font:9px/1.6 Consolas,monospace;letter-spacing:.1em;color:#22e3df;margin-bottom:8px}
.security-gear .gear-topic-content h3{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px;font-weight:500}
.security-gear .gear-topic-content .gear-example{padding:11px 12px;background:#0c1e27;border-left:2px solid #345966;font-size:12px}
.gear-example strong{display:block;margin-bottom:3px;font-weight:600;color:#d5e4e9}
.gear-topic-content a{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:12px;line-height:1.5;color:#52e5e0;border-bottom:1px solid #22e3df44}
.gear-topic-content a:hover{border-bottom-color:#22e3df}
.gear-topic-content a span{font-size:18px}
.gear-fallback{margin-top:20px}
.gear-fallback details{border-top:1px solid #36545f;padding:12px 0}
.gear-fallback summary{padding-block:6px;min-height:44px;color:#d7e4e8}
.gear-fallback .gear-topic-content{padding-block:15px}
@media(max-width:1100px) and (min-width:821px){.security-gear{padding:20px 12px 15px}.gear-control-row{gap:5px}.gear-node-label{font-size:10.5px}.gear-disciplines .gear-node-label{max-width:100px}.gear-node-meta{padding-inline:5px}.security-gear .gear-cycle{font-size:6px;gap:3px}}
@media(max-width:820px){.security-gear{width:100%;max-width:600px;justify-self:center;padding:25px}.security-gear .gear-heading h2{font-size:22px}.gear-node-label{font-size:14px}.gear-node{min-height:74px}.gear-stage{max-height:none}}
@media(max-width:480px){.security-gear{padding:20px 12px 15px}.gear-heading{margin-bottom:18px}.security-gear .gear-kicker{font-size:8px}.security-gear .gear-heading h2{font-size:19px}.gear-control-row{gap:5px}.gear-node-label{font-size:clamp(10px,2.78vw,12px)}.gear-node{min-height:66px}.gear-node-meta{padding-inline:4px;font-size:8px}.gear-disciplines .gear-node-label{max-width:101px}.security-gear .gear-cycle{font-size:6px;gap:3px;padding:3px 5px;letter-spacing:.015em}.security-gear .gear-hint{font-size:10px;margin-top:12px}.security-gear .gear-topic-content h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.gear-teeth,.gear-node,.gear-wire{transition:none}}
@media print{.security-gear{break-inside:avoid;background:#fff;border-color:#ccc}.gear-control-row,.gear-readout,.gear-hint{display:none!important}.gear-fallback{display:block!important}.gear-fallback details{display:block}.gear-fallback details>.gear-topic-content{display:block!important}.gear-fallback summary{color:#000}}

/* An independent, page-wide approach section with readable controls at desktop width. */
.security-gear.security-gear-wide{width:100%;max-width:none;margin:0;padding:clamp(36px,4.5vw,72px) clamp(18px,4vw,80px);border-inline:0;border-top:0}
.security-gear-wide .gear-heading{text-align:center;margin-bottom:clamp(26px,3vw,42px)}
.security-gear-wide .gear-kicker{font-size:clamp(9px,1.1vw,12px);margin-bottom:14px}
.security-gear-wide .gear-heading h2{font-size:clamp(27px,3.6vw,46px);line-height:1.15}
.security-gear-wide .gear-control-row,.security-gear-wide .gear-stage{width:100%;max-width:1240px;margin-inline:auto}
.security-gear-wide .gear-control-row{gap:clamp(8px,1.4vw,20px)}
.security-gear-wide .gear-node{min-height:clamp(74px,8.5vw,110px);padding:20px 26px}
.security-gear-wide .gear-node-meta{position:absolute;right:12px;top:12px;padding:0;width:auto}
.security-gear-wide .gear-node-label{font-size:clamp(13px,1.9vw,23px);font-weight:550;max-width:none;line-height:1.3}
.security-gear-wide .gear-node-indicator{font-size:18px}
.security-gear-wide .gear-cycle{font-size:clamp(8px,.95vw,12px);padding:5px 10px;gap:8px}
.security-gear-wide .gear-hint{font-size:clamp(12px,1.3vw,15px);margin-top:22px}
.security-gear-wide .gear-readout,.security-gear-wide .gear-fallback{max-width:1000px;margin:32px auto 0;padding-top:28px}
.security-gear-wide .gear-topic-content h3{font-size:clamp(24px,2.8vw,34px);margin-bottom:18px}
.security-gear-wide .gear-topic-content p{font-size:clamp(15px,1.5vw,18px);line-height:1.7;margin-bottom:20px}
.security-gear-wide .gear-topic-content .gear-detail-label{font-size:11px}
.security-gear-wide .gear-topic-content .gear-example{font-size:clamp(14px,1.35vw,17px);padding:20px 24px}
.security-gear-wide .gear-topic-content a{font-size:15px}
.gear-links{display:flex;flex-wrap:wrap;gap:12px 32px}
@media(max-width:480px){.security-gear-wide .gear-heading{text-align:left}.security-gear-wide .gear-heading h2{font-size:28px}.security-gear-wide .gear-node{padding:23px 4px 14px;min-height:78px}.security-gear-wide .gear-node-label{font-size:clamp(11px,3vw,14px)}.security-gear-wide .gear-node-meta{right:8px;top:7px}.security-gear-wide .gear-node-indicator{font-size:15px}.security-gear-wide .gear-cycle{font-size:6px;gap:3px;padding:3px 5px}.security-gear-wide .gear-topic-content .gear-example{padding:16px}.security-gear-wide .gear-hint{font-size:12px}.security-gear-wide .gear-readout{margin-top:24px}}
