body[data-page="security"] .ai-layout { grid-template-columns: 1.4fr .8fr; gap: 52px; }
body[data-page="security"] .ai-layout h2 { font-size: clamp(2rem, 3.1vw, 3rem); max-width: 24ch; }
body[data-page="security"] .ai-layout > .check-list { padding: 26px; border: 1px solid #c8e1f6; border-radius: 14px; background: linear-gradient(135deg, #eff7ff, #f6fdfd); }
body[data-page="security"] .ai-flow { gap: 18px; margin-top: 32px; }
body[data-page="security"] .ai-flow::before { display: none; }
body[data-page="security"] .ai-node { font-size: .75rem; line-height: 1.4; text-align: left; }
body[data-page="security"] .ai-node .icon-circle { position: relative; z-index: 1; margin: 0 0 12px; width: 64px; height: 64px; border-color: #a7d7f9; background: #edf7ff; color: #087ce4; }
body[data-page="security"] .ai-node .icon { width: 32px; height: 32px; stroke-width: 1.8; }
body[data-page="security"] .ai-node.core .icon-circle { color: #fff; background: linear-gradient(135deg, #177cf0, #00afc8); border-color: #219ce8; box-shadow: 0 0 0 7px #e9f5ff, 0 8px 20px #167fe325; }
body[data-page="security"] .ai-node:last-child .icon-circle { color: #009db1; background: #e8fafb; border-color: #a5e3e8; }
body[data-page="security"] .ai-node:not(:last-child)::after { content: ''; position: absolute; top: 31px; left: 72px; width: calc(100% - 60px); height: 2px; background: linear-gradient(90deg, #61a9f2, #20bfcd); }
body[data-page="security"] .ai-node:not(:last-child)::before { content: ''; position: absolute; top: 28px; left: calc(100% + 5px); width: 7px; height: 7px; border-top: 2px solid #20bfcd; border-right: 2px solid #20bfcd; transform: rotate(45deg); }
body[data-page="security"] .review-layout { grid-template-columns: 1fr 1fr; gap: 32px 48px; align-items: stretch; }
body[data-page="security"] .review-layout > div:first-child { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; column-gap: 48px; align-items: end; }
body[data-page="security"] .review-layout > div:first-child .eyebrow { grid-column: 1 / -1; }
body[data-page="security"] .review-layout h2 { max-width: 22ch; font-size: clamp(2rem, 3.2vw, 3rem); margin-bottom: 0; }
body[data-page="security"] .review-layout > div:first-child p { max-width: 48ch; margin-bottom: 0; color: #b8cee0; }
body[data-page="security"] .review-panel { padding: 28px; border-radius: 12px; background: linear-gradient(145deg, #0c2942, #081e32); }
body[data-page="security"] .review-example-label { display: block; margin-bottom: 16px; font-size: .68rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #51d4e4; }
body[data-page="security"] .review-panel .status { padding: 3px 8px; border-radius: 5px; background: #133f56; color: #6eeaf1; }
body[data-page="security"] .review-panel .button { cursor: default; pointer-events: none; }
body[data-page="security"] .review-sample-note { margin:14px 0 0; color:#b8cee0; font-size:.8rem; line-height:1.5; }
body[data-page="security"] .security-ai-context { max-width:58ch; color:var(--muted); font-size:.95rem; line-height:1.6; }
body[data-page="security"] .review-photo { display: block; margin: 0; height: 100%; min-height: 330px; border-radius: 12px; }
@media (max-width: 1000px) {
  body[data-page="security"] .ai-layout { grid-template-columns: 1fr; gap: 30px; }
  body[data-page="security"] .review-layout { gap: 26px; }
  body[data-page="security"] .review-panel { padding: 20px; }
}
@media (max-width: 800px) {
  body[data-page="security"] .ai-flow { grid-template-columns: repeat(5, 1fr); }
  body[data-page="security"] .review-layout { grid-template-columns: 1fr; }
  body[data-page="security"] .review-layout > div:first-child { grid-template-columns: 1fr; gap: 14px; }
  body[data-page="security"] .review-layout > div:first-child .eyebrow { margin: 0; }
  body[data-page="security"] .review-photo { min-height: 0; height: auto; aspect-ratio: 3 / 2; }
}
@media (max-width: 550px) {
  body[data-page="security"] .ai-flow { grid-template-columns: 1fr; gap: 24px; }
  body[data-page="security"] .ai-node { display: flex; align-items: center; gap: 18px; text-align: left; font-size: .85rem; }
  body[data-page="security"] .ai-node .icon-circle { margin: 0; width: 54px; height: 54px; }
  body[data-page="security"] .ai-node:not(:last-child)::after { left: 26px; top: 61px; width: 2px; height: 11px; }
  body[data-page="security"] .ai-node:not(:last-child)::before { left: 23px; top: 66px; transform: rotate(135deg); }
  body[data-page="security"] .review-panel .actions { gap: 10px; }
  body[data-page="security"] .review-panel .button { white-space: normal; text-align: center; }
}