/* Compact governance layers with security and risk controls alongside them. */
.protect-framework{max-width:1160px;margin:32px auto 0;padding:24px;background:#171b20;border:1px solid #46515a;border-radius:10px;color:#edf1f3;font-family:var(--display)}
.protect-framework-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;border-bottom:1px solid #38434c}
.protect-framework-heading h4{font:500 clamp(1.2rem,1.8vw,1.5rem)/1.25 var(--display);letter-spacing:-.02em;color:#fec422;margin:0}
.protect-framework-heading>span{font-size:.73rem;color:#b7c3cb;text-align:right}
.protect-framework-body{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center;padding-top:22px}
.protect-governance-layers{display:flex;flex-direction:column;gap:17px;align-items:center;min-width:0}
.protect-governance-layer{position:relative;width:100%;padding:15px 17px;background:#232b32;border:1px solid #53616c;border-radius:6px;text-align:center}
.protect-governance-layer:nth-child(1){width:84%}.protect-governance-layer:nth-child(2){width:92%}
.protect-governance-layer:not(:last-child)::after{content:'';position:absolute;left:calc(50% - 3px);bottom:-14px;width:5px;height:5px;border-top:1px solid #c5ab56;border-left:1px solid #c5ab56;transform:rotate(45deg)}
.protect-governance-layer:not(:last-child)::before{content:'';position:absolute;left:50%;bottom:-18px;width:1px;height:16px;background:#8a7950}
.protect-governance-layer h5{font:500 1rem/1.3 var(--display);letter-spacing:-.01em;color:#f1f4f6;margin:0 0 6px}
.protect-framework .protect-governance-layer p{font:400 .78rem/1.6 var(--sans);color:#b9c5ce;margin:0}
.protect-governance-layer:last-child{background:#2a2d29;border-color:#8a7950}
.protect-supporting-controls{border-left:1px solid #46515a;padding-left:28px;min-width:0}
.protect-crosscut-label{color:#b7c3cb;font:.72rem/1.5 var(--display);margin-bottom:12px}
.protect-control-domains{display:grid;gap:12px}
.protect-control-domain{padding:16px 18px;background:#1f252c;border:1px solid #46515a;border-radius:6px;min-width:0}
.protect-control-domain h5{font:500 1rem/1.3 var(--display);color:#edf1f3;margin:0 0 11px}
.protect-control-items{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.protect-control-items li{display:flex;align-items:flex-start;gap:9px;color:#c4ced5;font:.77rem/1.5 var(--sans)}
.protect-control-items li::before{content:'';width:4px;height:4px;border:1px solid #bca451;border-radius:50%;flex-shrink:0;margin-top:6px}
.protect-grc-items{grid-template-columns:1fr 1fr;gap:8px 16px}
@media(max-width:1000px){.protect-framework-body{grid-template-columns:1.2fr 1fr;gap:20px}.protect-supporting-controls{padding-left:19px}.protect-grc-items{grid-template-columns:1fr}.protect-framework-heading>span{max-width:170px}}
@media(max-width:760px){.protect-framework{padding:20px 16px}.protect-framework-heading{display:block;padding-bottom:15px}.protect-framework-heading>span{display:block;max-width:none;text-align:left;margin-top:7px}.protect-framework-body{grid-template-columns:1fr;gap:22px;padding-top:20px}.protect-supporting-controls{border-left:0;border-top:1px solid #46515a;padding:16px 0 0}.protect-governance-layer{padding:14px 12px}.protect-governance-layer:nth-child(1){width:90%}.protect-governance-layer:nth-child(2){width:95%}.protect-framework .protect-governance-layer p{font-size:.75rem}.protect-grc-items{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.protect-grc-items{grid-template-columns:1fr}}

/* Framework inputs and operating components, separate from the service catalogue. */
.protect-connections{margin-top:34px}
.protect-connections h4,.protect-building-blocks>h4,.protect-people>h4{font:500 1.55rem/1.25 var(--display);letter-spacing:-.025em;color:var(--ink);margin:0 0 22px}
.protect-connections ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.protect-connections li{display:flex;align-items:center;gap:12px;padding:17px 16px;background:var(--bg);border:1px solid var(--line-strong);border-radius:7px;min-width:0;font:500 .85rem/1.4 var(--display);color:var(--ink-2)}
.protect-connections svg,.protect-block-grid svg{width:29px;height:29px;fill:none;stroke:var(--stack-accent,#fec422);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.protect-connections+.protect-framework{position:relative;margin-top:26px}
.protect-connections+.protect-framework::before{content:'';position:absolute;top:-27px;left:50%;width:1px;height:26px;background:var(--line-strong)}
.protect-building-blocks,.protect-people{margin-top:40px}
.protect-block-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.protect-block-grid article{display:flex;align-items:center;gap:18px;padding:23px 22px;background:var(--bg);border:1px solid var(--line-strong);border-radius:7px;min-width:0}
.protect-block-grid h5{font:500 1rem/1.4 var(--display);color:var(--ink);margin:0;letter-spacing:-.01em}
.protect-responsibilities{border:1px solid var(--line-strong);border-radius:9px;overflow:hidden}
.protect-responsibilities table{border-collapse:collapse;width:100%;table-layout:fixed;text-align:left}
.protect-responsibilities thead{background:var(--bg)}
.protect-responsibilities thead th{font:500 .83rem/1.4 var(--display);color:var(--ink-2);padding:17px 22px}
.protect-responsibilities thead th:first-child{width:23%}
.protect-responsibilities tbody th,.protect-responsibilities td{padding:20px 22px;border-top:1px solid var(--line-strong);vertical-align:top}
.protect-responsibilities tbody th{font:500 .96rem/1.45 var(--display);color:var(--ink)}
.protect-responsibilities td{font:400 .83rem/1.7 var(--sans);color:var(--ink-3)}
.protect-responsibilities td strong{display:block;font:500 .9rem/1.5 var(--display);color:var(--ink-2);margin-bottom:4px}
.protect-people .protect-feedback{display:flex;align-items:center;gap:12px;margin:18px 0 0;color:var(--ink-3);font:400 .82rem/1.6 var(--sans)}
.protect-feedback svg{width:23px;height:23px;fill:none;stroke:var(--stack-accent,#fec422);stroke-width:1.4;flex-shrink:0}
@media(max-width:1050px){.protect-connections ul{grid-template-columns:repeat(3,minmax(0,1fr))}.protect-block-grid article{padding:19px 16px;gap:12px}.protect-responsibilities thead th,.protect-responsibilities tbody th,.protect-responsibilities td{padding:17px 16px}}
@media(max-width:720px){.protect-connections h4,.protect-building-blocks>h4,.protect-people>h4{font-size:1.35rem;margin-bottom:18px}.protect-connections ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.protect-connections li{font-size:.8rem;padding:14px 12px;gap:10px}.protect-connections li:last-child{grid-column:1/-1}.protect-block-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.protect-block-grid article{align-items:flex-start;flex-direction:column;padding:18px 15px;gap:13px}.protect-block-grid h5{font-size:.9rem}.protect-responsibilities table,.protect-responsibilities tbody{display:block}.protect-responsibilities thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}.protect-responsibilities tbody tr{display:grid;grid-template-columns:1fr 1fr;padding:18px;gap:13px 18px;border-top:1px solid var(--line-strong)}.protect-responsibilities tbody tr:first-child{border-top:0}.protect-responsibilities tbody th{grid-column:1/-1;padding:0;border:0;font-size:1rem}.protect-responsibilities td{padding:0;border:0;font-size:.79rem}.protect-responsibilities td::before{display:block;font:500 .72rem/1.4 var(--display);color:var(--stack-accent,#fec422);margin-bottom:8px}.protect-responsibilities td:nth-child(2)::before{content:'People'}.protect-responsibilities td:nth-child(3)::before{content:'Automation'}.protect-responsibilities td strong{font-size:.84rem}.protect-building-blocks,.protect-people{margin-top:32px}}
@media(max-width:420px){.protect-responsibilities tbody tr{grid-template-columns:1fr;gap:16px}.protect-responsibilities tbody th{grid-column:auto}.protect-connections svg{width:25px;height:25px}}
