/* 2026-10-31 대표님 "A가 제일 좋아" + "내 자료로" + "예시 화면 지워" — 계정·자료 보호 카드 3개를 뼈대 UI 일러스트로 */

#security .security-example-note{display:none!important}
#security .card .vis{background:#fff!important;border:1px solid #E6E9E3!important;border-radius:20px!important;padding:16px!important;min-height:300px;display:flex!important;flex-direction:column;justify-content:center;box-sizing:border-box}
#security .card .vis>.ex{display:none!important}
.sv{display:flex;flex-direction:column;gap:9px;container-type:inline-size;font-size:15px;color:#16201E;width:100%}

.sv-l{display:block;height:8px;border-radius:4px;background:#E3E7E0}
.sv-l.s{background:#EEF0EC}
.sv-box{background:#fff;border:1px solid #E3E8E0;border-radius:14px;padding:11px 12px;display:flex;flex-direction:column;gap:8px}
.sv-ic{width:30px;height:30px;border-radius:9px;background:#B9C2B6;display:grid;place-items:center;flex:none}
.sv-ic.on{background:#3D5A38}
.sv-row{display:flex;align-items:center;gap:10px}
.sv-bars{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.sv-tg{width:32px;height:19px;border-radius:999px;background:#3D5A38;position:relative;flex:none}
.sv-tg:after{content:"";position:absolute;top:2.5px;right:2.5px;width:14px;height:14px;border-radius:50%;background:#fff}
.sv-tg.off{background:#DADED8}.sv-tg.off:after{right:auto;left:2.5px}
.sv-ast{letter-spacing:.2em;color:#90998E;font-size:15px;line-height:1.2}
.sv-date{font:12px/1.4 ui-monospace,'IBM Plex Mono',monospace;font-style:normal;color:#63705E}
.sv-sw{display:flex;flex-direction:column;align-items:center;gap:3px;flex:none}
.sv-lab{font-size:11px;color:#63705E;line-height:1}
.sv-off .sv-date{font-family:inherit;color:#9AA39C}.sv-off .sv-l{background:#EEF0EC}.sv-off .sv-lab{color:#9AA39C}
.sv-dots{letter-spacing:3px;color:#3D5A38;font-weight:600;font-size:15px}
.sv-pill{display:inline-flex;align-items:center;gap:5px;border:1px solid #DDE3DA;border-radius:999px;padding:1px 10px;color:#4A5552;font-size:13px;white-space:nowrap;line-height:1.7}
.sv-pill.on{border-color:#3D5A38;color:#3D5A38}
.sv-av{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#E4EBE1;flex:none}
.sv-bub{max-width:78cqw;background:#E9E9EB;border-radius:18px;border-bottom-left-radius:6px;padding:7px 13px;line-height:1.38}
.sv-me{align-self:flex-end;max-width:75cqw;background:#007AFF;color:#fff;border-radius:18px;border-bottom-right-radius:6px;padding:7px 13px;line-height:1.38}
.sv-msg{display:flex;align-items:flex-end;gap:8px}
.sv-in{margin-left:36px}
/* A: vault */
.va-vault{border-color:#3D5A38}
.va-split{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;gap:0}
.va-wall{display:grid;place-items:center;height:100%;position:relative}
.va-wall:before{content:"";position:absolute;top:6px;bottom:6px;left:50%;border-left:1.5px dashed #C9CFC6}
.va-wall span{position:relative;background:#fff;padding:4px 0}
.va-k{font-size:13px;color:#59635F;display:flex;align-items:center;gap:6px}
/* A: rooms */
.va-rooms{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto;gap:8px}
.va-mine{grid-row:1/3;border:1.5px solid #3D5A38;border-radius:14px;padding:11px 12px;display:flex;flex-direction:column;gap:8px}
.va-other{border:1.5px dashed #D3D8D0;border-radius:14px;display:grid;place-items:center;min-height:62px;color:#9AA39C;font-size:13px;gap:4px;align-content:center}
.va-no{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:4px}
/* C: diagram */
@media (max-width:800px){
 #security .bento>.card{grid-template-rows:auto auto!important}
 #security .card .vis{min-height:0!important;height:auto!important;padding:22px 14px 16px!important}
}
/* "각 화면마다 예시 화면 적은 거 지워" — 추천·원문 카드의 '예시 화면' 글자도 숨김 */
.sk-cap{display:none!important}