/* Area riservata: accesso e anteprima contenuti. Da design/assets/css/svm.css */

/* AREA RISERVATA */
.vault{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:start}
.login{grid-template-columns:1fr!important;justify-items:start}
.login h2{font-size:2.6rem}
.login .field{width:100%}
.lock{width:56px;height:56px;border-radius:50%;background:var(--clay);color:var(--on-clay);display:grid;place-items:center}
.lock svg{width:26px;height:26px}
.vault-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vd{position:relative;border:1px solid var(--hair);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden}
.vd .mono{color:var(--acc-ink)}
.vd b{font-family:var(--f-display);font-size:1.8rem;text-transform:uppercase;line-height:1}
.vd p{color:var(--muted);font-size:.92rem;filter:blur(.4px)}
.vd::after{content:"";position:absolute;top:18px;right:18px;width:22px;height:22px;background:currentColor;opacity:.25;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:860px){.vault{grid-template-columns:1fr}}
@media (max-width:520px){.vault-grid{grid-template-columns:1fr}}