/* Security centre phase 1: restrained, task-focused, mobile-first. */
.security-main{padding:42px 0 84px}
.security-hero{padding:18px 0 29px;max-width:860px}
.security-eyebrow{font-size:12px;font-weight:850;letter-spacing:.085em;text-transform:uppercase;color:#1d6553}
.security-hero h1{font-size:clamp(31px,5vw,56px);letter-spacing:-.045em;line-height:1.1;color:#182a29;margin:14px 0}
.security-lead{font-size:clamp(16px,2vw,20px);line-height:1.65;color:#465e58;max-width:770px}
.security-muted{color:#586d65;font-size:13px;line-height:1.6}
.security-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
.security-link{color:#135d4e;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.security-link:focus-visible,.security-card:focus-visible{outline:3px solid #205c9e;outline-offset:4px}
.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:10px 0 34px}
.security-card{display:block;background:white;border:1px solid #d7e3dd;border-radius:18px;padding:25px 23px;box-shadow:0 6px 22px #1b533608}
.security-card:hover{border-color:#91b9a8;background:#fbfdfb}
.security-card strong{font-size:19px;letter-spacing:-.025em;color:#204b3d}
.security-card p{font-size:14px;color:#596b62;line-height:1.62;margin:9px 0 0}
.security-section{margin:34px 0}
.security-section h2{font-size:clamp(21px,3vw,30px);color:#193c33;margin:0 0 14px;letter-spacing:-.025em}
.security-section p,.security-section li{font-size:15px;line-height:1.8;color:#3f504a}
.security-section li{margin-bottom:7px}
.security-panel{padding:24px;border:1px solid #d8e4df;border-radius:17px;background:#fff}
.security-note{padding:14px 17px;border-left:3px solid #648e81;background:#f4f8f5;border-radius:5px;font-size:14px;line-height:1.7;color:#40594e}
.security-sources{font-size:13px;line-height:1.6}
.security-sources li{overflow-wrap:anywhere}
.security-sources a{color:#125b4f;text-decoration:underline;text-underline-offset:3px}
.security-article{max-width:850px;margin:0 auto}
.security-article .security-section{margin:35px 0}
.security-article h2{font-size:clamp(21px,3vw,28px)}
.security-review-intro{max-width:760px}
.home-review-box{border:1px solid #cbded4;background:white;border-radius:19px;padding:25px;box-shadow:0 8px 28px #234b3108}
.home-review-select{display:block;max-width:520px;width:100%;margin:8px 0 18px;border:1px solid #98bca8;border-radius:11px;padding:13px 15px;background:white;color:#173a2e}
.home-review-select:focus-visible,.home-review-option:focus-within{outline:3px solid #267e63;outline-offset:3px}
.home-review-question{border:1px solid #e0eae3;border-radius:13px;padding:15px 17px;margin:14px 0;background:#fcfefd;min-width:0}
.home-review-legend{font-weight:800;color:#213f34;line-height:1.5;padding:0 6px;font-size:15px}
.home-review-explain{font-size:13px;color:#4f6458;line-height:1.65;margin:8px 0 14px}
.home-review-options{display:flex;flex-wrap:wrap;gap:8px}
.home-review-option{display:inline-flex;align-items:center;gap:7px;cursor:pointer;min-height:43px;padding:6px 12px;border:1px solid #d1e1d7;border-radius:10px;background:white;color:#31594c;font-size:13px;font-weight:650}
.home-review-option:has(input:checked){border-color:#6eaa90;background:#eaf6ed;color:#1c5643}
.home-review-option input{accent-color:#14654d;width:17px;height:17px}
.home-review-status{padding:14px 16px;border:1px solid #c4d8cb;border-radius:12px;background:#f4f9f6;color:#214c3b;font-size:14px;line-height:1.6;margin-top:18px;font-weight:650}
.home-review-reset{cursor:pointer;background:white;border:1px solid #afcab9;border-radius:10px;padding:10px 14px;color:#1d624e;font-weight:700;margin:13px 0 0;min-height:44px}
.home-review-reset:focus-visible{outline:3px solid #205c9e;outline-offset:3px}
.security-small-print{font-size:12px;color:#57665c;line-height:1.65;margin-top:14px}
.security-top-link{display:inline-flex;align-items:center;min-height:38px;color:#135d4e;text-decoration:underline;text-underline-offset:3px;font-size:13px;font-weight:700}
.security-breadcrumb{font-size:13px;color:#526b5b;margin:4px 0 17px}
.security-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:720px){.security-main{padding-top:22px}.security-grid{grid-template-columns:1fr}.security-card{padding:20px}.home-review-box{padding:17px}.home-review-question{padding:13px}.security-hero{padding-bottom:18px}.security-panel{padding:17px}}
@media(prefers-reduced-motion:reduce){.security-main *{scroll-behavior:auto}}

/* Keyboard-only skip link, visible above the sticky navigation on focus. */
.security-top-link{position:fixed!important;top:9px;left:12px;z-index:1100;transform:translateY(-190%);padding:11px 15px;min-height:44px;background:#fff;border:2px solid #196550;border-radius:9px;box-shadow:0 8px 20px #0002;color:#124b3b;font-weight:800;text-decoration:none}
.security-top-link:focus-visible{transform:translateY(0);outline:3px solid #1c5f9a;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.security-top-link{transition:none}}

/* Editorial cyber detailing: compact pictograms, no security certification implied. */
.security-grid .security-card{position:relative;overflow:hidden;min-width:0;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.security-grid .security-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#266859,#8ecdb7 55%,transparent 95%);opacity:.8}
.security-grid .security-card:hover{border-color:#78ae9d;box-shadow:0 12px 28px #123d3115;transform:translateY(-2px)}
.security-card__meta{display:flex;align-items:center;gap:11px;margin-bottom:15px;min-width:0}
.security-card__icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;color:#a9f7da;background:linear-gradient(145deg,#102c35,#1b4245);border:1px solid #375e5c;border-radius:11px;box-shadow:inset 0 0 0 1px #ffffff12}
.security-card__icon svg{display:block;width:21px;height:21px}
.security-card__index{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.07em;font-weight:750;text-transform:uppercase;color:#336c5b;line-height:1.45}
.security-card__arrow{margin-left:auto;align-self:center;font-size:19px;line-height:1;color:#337765;transition:transform .18s ease}
.security-grid .security-card:hover .security-card__arrow{transform:translate(2px,-2px)}
.security-grid .security-card strong{display:block;line-height:1.35}
@media(prefers-reduced-motion:reduce){.security-grid .security-card,.security-card__arrow{transition:none}.security-grid .security-card:hover{transform:none}.security-grid .security-card:hover .security-card__arrow{transform:none}}
