/* Guida contestuale dell'area riservata */
.instructions-button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:var(--surface2);color:var(--text);font-weight:750;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}
.instructions-button:hover{border-color:#555c63;background:#292e33}.instructions-button:active{transform:scale(.97)}
.instructions-dialog{width:min(760px,calc(100% - 28px));max-height:min(88vh,850px);padding:0;overflow:auto}
.instructions-head{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:1fr auto;gap:20px;padding:26px 28px 21px;border-bottom:1px solid var(--line);background:rgba(25,28,31,.97);backdrop-filter:blur(16px)}
.instructions-head h2{font-size:clamp(25px,4vw,34px);margin-bottom:8px}.instructions-head .lead{margin:0}
.instructions-close{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--surface2);color:var(--text);font-size:25px;line-height:1;cursor:pointer}
.instructions-content{display:grid;gap:0;padding:8px 28px}.instructions-content section{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:19px 0;border-bottom:1px solid var(--line)}
.instructions-content section>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(227,59,50,.12);color:var(--accent2);font-size:11px;font-weight:850;letter-spacing:.08em}
.instructions-content h3{font-size:16px;margin:1px 0 6px}.instructions-content p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.instructions-content aside{margin:20px 0;padding:16px 18px;border:1px solid rgba(227,59,50,.34);border-radius:14px;background:rgba(227,59,50,.07)}
.instructions-content aside strong{display:block;margin-bottom:5px;color:var(--accent2);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.instructions-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 28px 24px}.instructions-footer span{color:var(--muted);font-size:12px;line-height:1.4}
@media(max-width:720px){#account-name{display:none}.account{gap:7px}.instructions-button{padding:8px 10px}.instructions-button span{display:none}.instructions-head{padding:22px 20px 18px}.instructions-content{padding-inline:20px}.instructions-footer{align-items:stretch;flex-direction:column;padding:14px 20px 22px}.instructions-footer .primary{width:100%}}
