/* Demo degli ormeggi, circoscritta: non simula movimento o tenuta reali. */
.mooring-demo{color:#e4edf2;line-height:1.7}.mooring-demo .flotilla-demo{border:1px solid #37515d;border-radius:20px;padding:24px;background:#101b24;margin:20px 0 0}.mooring-demo summary{font-weight:700;cursor:pointer;min-height:44px}.mooring-demo .flotilla-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.mooring-demo .flotilla-grid>div{min-width:0}.mooring-demo svg{width:100%;display:block;max-width:500px}.mooring-demo .tag{display:inline-block;font-size:12px;border:1px solid #385361;padding:3px 10px;border-radius:8px;color:#b9ced9}.mooring-demo .field{display:flex;flex-direction:column;gap:8px;margin:16px 0;font-size:14px}.mooring-demo select{font:inherit;color:#e4edf2;background:#1b2935;border:1px solid #4d6575;border-radius:9px;padding:10px;min-height:44px;width:100%;max-width:100%}.mooring-demo .scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.mooring-demo .scope-card{border:1px solid #37515d;border-radius:12px;padding:10px;background:#122a30}.mooring-demo .scope-card label{display:flex;align-items:center;gap:5px;font-size:13px}.mooring-demo .scope-card select{width:70px;margin-left:auto;padding:6px}.mooring-demo output{display:block;font-size:12px;color:#aec6d4;margin-top:7px}.mooring-demo .small,.mooring-demo .mooring-notes{font-size:12px}.mooring-demo .mooring-notes summary{font-size:13px}.mooring-demo .flotilla-readout{font-size:14px;color:#f1cc8a}.mooring-demo input[type=range]{accent-color:#20c9ba;min-height:44px;width:100%;margin:0}.mooring-demo [hidden]{display:none!important}.mooring-demo :focus-visible{outline:3px solid #fff;outline-offset:4px}.mooring-demo a{color:#20c9ba}.mooring-demo>p{font-size:14px;color:#aec6d4}
@media(max-width:680px){.mooring-demo .flotilla-grid{grid-template-columns:1fr;gap:14px}.mooring-demo .flotilla-demo{padding:16px}.mooring-demo summary{font-size:14px}.mooring-demo .scope-card label{flex-wrap:wrap}.mooring-demo .scope-card select{width:100%;margin:0}.mooring-demo .scope-grid{gap:8px}}