.security-page .site-header{position:relative}
.security-article{max-width:1080px;margin:auto;padding:36px 40px 80px}
.article-heading{max-width:760px;margin:auto;padding:10px 0 48px}
.back-link{display:inline-block;font-size:13px;color:var(--muted);margin-bottom:48px}
.back-link:hover{color:var(--ink)}
.article-heading .eyebrow{margin-bottom:24px}
.article-heading h1{font-size:clamp(36px,4.4vw,60px);line-height:1.35;letter-spacing:.01em}
.article-heading .article-lead{font-size:20px;line-height:1.8;color:var(--muted);margin-top:24px}
.article-meta{font-size:12px;color:var(--muted);margin-top:28px}
.journey{margin:0 0 66px;padding:38px 30px 24px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}
.journey-flow{display:grid;grid-template-columns:1fr 45px 1fr 45px 1fr;align-items:center}
.journey-stop{text-align:center;padding:12px 0 26px;min-width:0}
.journey-stop svg{width:76px;height:76px;stroke-width:1.7}
.journey-stop h2{font:550 17px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;margin:14px 0}
.journey-stop p{font-size:14px;margin:0;color:var(--ink)}
.sample-text{font-family:"Songti SC","STSong",serif}
.cipher-text{font-family:ui-monospace,monospace;letter-spacing:.03em}
.flow-label{display:block;color:var(--muted);font-size:11px;margin-top:14px}
.journey-arrow{align-self:center;margin-top:30px;text-align:center;color:var(--muted);font-size:25px}
.journey-arrow span{display:block;font-size:10px;margin-top:4px}
.journey figcaption{border-top:1px solid var(--line);padding-top:17px;color:var(--muted);font-size:11px;line-height:1.7}
.article-body{max-width:760px;margin:auto;font-size:16px;line-height:1.95;overflow-wrap:break-word}
.article-body section{margin-bottom:58px}
.section-number{color:var(--muted);font:12px/1.5 ui-monospace,monospace;letter-spacing:.08em}
.article-body h2{font-size:30px;margin:12px 0 22px;line-height:1.5}
.article-body p{margin-bottom:20px;color:var(--ink);font-size:inherit}
.article-body strong{font-weight:600}
.pairing-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0;padding:24px 0;border-block:1px solid var(--line)}
.pairing-flow>div{display:grid;grid-template-columns:26px 1fr;column-gap:9px;align-items:center}
.pairing-flow span{grid-row:1/3;align-self:start;margin-top:3px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--hover);font:12px/1 ui-monospace,monospace}
.pairing-flow strong{font-size:14px}.pairing-flow p{font-size:12px;color:var(--muted);margin:3px 0 0}
.visibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:28px 0;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px}
.visibility-grid h3{font-size:15px;font-weight:600;margin-bottom:12px}.visibility-grid ul{padding-left:17px;margin:0;font-size:13px;color:var(--muted)}.visibility-grid li+li{margin-top:7px}
.article-ending{padding-top:32px;border-top:1px solid var(--line);margin-top:64px}.article-ending p{font:26px/1.65 "Songti SC","STSong",Georgia,serif;margin-bottom:20px}.article-ending a{color:var(--muted)}
@media(max-width:700px){.security-article{padding:20px 22px 48px}.article-heading{padding:0 0 30px}.back-link{margin-bottom:35px}.article-heading .eyebrow{font-size:11px;margin-bottom:19px}.article-heading h1{font-size:34px}.article-heading .article-lead{font-size:17px}.article-meta{font-size:11px;line-height:1.8}.journey{margin-bottom:46px;padding:24px 19px 19px;border-radius:20px}.journey-flow{grid-template-columns:1fr}.journey-stop{display:grid;grid-template-columns:65px 1fr;column-gap:18px;align-items:center;text-align:left;padding:6px 8px}.journey-stop svg{grid-row:1/4;width:60px;height:60px}.journey-stop h2{font-size:16px;margin:0 0 5px}.journey-stop p{font-size:14px}.flow-label{margin-top:5px;font-size:11px}.journey-arrow{margin:12px 0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:0}.journey-arrow:before{content:'↓';font-size:24px}.journey-arrow span{font-size:10px;margin:0}.journey figcaption{margin-top:25px}.article-body{font-size:15px;line-height:1.95}.article-body h2{font-size:25px;margin-bottom:20px}.article-body section{margin-bottom:42px}.pairing-flow{grid-template-columns:1fr;gap:18px;padding:22px 0}.pairing-flow>div{column-gap:12px}.visibility-grid{grid-template-columns:1fr;padding:22px;gap:22px}.visibility-grid>div+div{border-top:1px solid var(--line);padding-top:22px}.article-ending{margin-top:40px}.article-ending p{font-size:23px}}
