/* Security Harness page — scoped additions on top of /styles.css (redesign tokens only) */
.sh-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end}
.sh-intro .hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:28px}
.sh-intro .micro{display:block;margin-top:16px;font-size:13px;color:var(--muted)}
.sh-quote{margin:0;background:var(--ink);color:var(--paper);border-radius:12px;padding:32px 30px}
.sh-quote blockquote{margin:16px 0 18px;font:500 22px/1.4 'Manrope',sans-serif;letter-spacing:-.5px}
.sh-quote figcaption{font-size:13px;line-height:1.6;color:#c9d8cd}
.sh-quote figcaption a{border-bottom:1px solid #789183}
.sh-quote .eyebrow{color:var(--teal)}
.sh-problem{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;margin-top:10px}
.sh-problem article{border-top:2px solid var(--teal);padding-top:22px}
.sh-problem h3{font-size:22px;font-weight:500;letter-spacing:-.6px;margin:14px 0 10px}
.sh-problem p{margin:0;font-size:16px;line-height:1.7;color:var(--muted)}
.sh-layers-section{background:#313131;color:var(--paper);padding:80px 0}
.sh-layers-section .eyebrow{color:var(--teal)}
.sh-layers-section h2{font:500 clamp(32px,4vw,46px)/1.12 'Manrope',sans-serif;letter-spacing:-1.5px;margin:18px 0 14px}
.sh-layers-section .lead{font-size:17px;line-height:1.75;color:#c9d8cd;max-width:640px;margin:0}
.sh-layers{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;margin-top:46px}
.sh-diagram{position:relative;aspect-ratio:1/1;max-width:440px;width:100%;margin:auto}
.sh-ring{position:absolute;border-radius:50%;border:1px solid #64b9af66;display:flex;justify-content:center}
.sh-ring span{position:absolute;top:8px;font-size:10px;letter-spacing:1.4px;font-weight:650;color:#c9d8cd;background:#313131;padding:0 6px}
.sh-ring.r1{inset:0}.sh-ring.r2{inset:9%}.sh-ring.r3{inset:18%}.sh-ring.r4{inset:27%}.sh-ring.r5{inset:36%;border-color:var(--teal)}
.sh-ring.r1 span{top:-7px}.sh-ring.r2 span,.sh-ring.r3 span,.sh-ring.r4 span,.sh-ring.r5 span{top:-7px}
.sh-core{position:absolute;inset:42%;border-radius:50%;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:center;font:700 13px 'Manrope',sans-serif;letter-spacing:.5px;text-align:center}
.sh-layer-list{list-style:none;margin:0;padding:0;counter-reset:l}
.sh-layer-list li{border-top:1px solid #ffffff30;padding:20px 0 20px 56px;position:relative}
.sh-layer-list li:last-child{border-bottom:1px solid #ffffff30}
.sh-layer-list li>span{position:absolute;left:0;top:20px;font-size:13px;font-weight:650;color:var(--teal)}
.sh-layer-list h3{margin:0 0 6px;font-size:20px;font-weight:550;letter-spacing:-.4px}
.sh-layer-list p{margin:0;font-size:15px;line-height:1.7;color:#c9d8cd}
.sh-usecases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.sh-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sh-formats article{background:var(--paper);border-radius:14px;padding:30px;display:flex;flex-direction:column}
.sh-formats article.featured{background:var(--lime)}
.sh-formats h3{font-size:24px;font-weight:550;letter-spacing:-.7px;margin:16px 0 10px}
.sh-formats p{font-size:15px;line-height:1.7;color:#3b5550;margin:0 0 18px}
.sh-formats .text-link{margin-top:auto;width:fit-content}
.sh-why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.sh-why article{border-top:1px solid #bfd3cc;padding-top:22px}
.sh-why h3{font-size:19px;font-weight:550;letter-spacing:-.4px;margin:0 0 10px}
.sh-why p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}
.sh-source{font-size:13px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;padding-bottom:10px}
.sh-source a{border-bottom:1px solid}
@media(max-width:1000px){.sh-intro,.sh-layers{grid-template-columns:1fr;gap:36px}.sh-why{grid-template-columns:repeat(2,minmax(0,1fr))}.sh-formats{grid-template-columns:1fr}}
@media(max-width:700px){.sh-problem,.sh-usecases,.sh-why{grid-template-columns:1fr}.sh-layers-section{padding:50px 0}.sh-quote blockquote{font-size:19px}.sh-diagram{max-width:320px}.sh-ring span{font-size:8.5px;letter-spacing:1px}}
