/* STUDI20-2026-10-20 - studi20.css 1.0.0 (000986). Solo classi nuove (st20-*): senza il copione non cambia niente. */

/* memoria: l'avviso discreto in cima alle misure */
#bl-studio .st20-mem{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin:0 0 10px;padding:6px 10px;border-radius:8px;background:#E9F3F4;color:#17262d;font-size:12.5px;font-weight:600;line-height:1.35}
#bl-studio .st20-mem span[aria-hidden]{color:#616A75}
#bl-studio .st20-mem__r{margin:0;padding:2px 0;border:0;background:none;color:#1A555E;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer;letter-spacing:0;text-transform:none;min-height:0;box-shadow:none}
#bl-studio .st20-mem__r:hover{color:#123f45}
#bl-studio .st20-mem__r:focus-visible{outline:2px solid #226e78;outline-offset:2px}

/* limiti: la riga sotto le misure */
#bl-studio .st20-lim{margin:8px 0 10px;padding:8px 11px;border-radius:8px;border:1px solid #D9A441;background:#FFFAF0;color:#5C3A06;font-size:12.5px;font-weight:500;line-height:1.45}
#bl-studio .st20-lim b{color:#7A4A06;font-weight:700}
#bl-studio .bl__griglia > .st20-lim{grid-column:1/-1;margin:2px 0 4px}
#bl-studio .st20-lim a{color:#1A555E;font-weight:700;text-decoration:underline;text-underline-offset:2px}

/* tecnica (3 pezzi): tre scelte nella scheda del passo 2 */
#bl-studio .st20-tec{margin:10px 0 12px}
#bl-studio .st20-tec__et{margin:0 0 6px;font-size:11.5px;font-weight:700;letter-spacing:.02em;color:#3F4750}
#bl-studio .st20-tec__p{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#bl-studio .st20-tec__b{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;min-width:0;min-height:56px;margin:0;padding:8px 10px;box-sizing:border-box;border:1px solid #DDE1E6;border-radius:10px;background:#fff;color:#0F1115;font:inherit;text-align:left;text-transform:none;letter-spacing:0;line-height:1.25;cursor:pointer;box-shadow:none;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease,background-color .15s ease}
#bl-studio .st20-tec__b b{font-size:13px;font-weight:700;color:#0F1115}
#bl-studio .st20-tec__b small{font-size:11px;font-weight:500;color:#616A75}
#bl-studio .st20-tec__b[aria-pressed="true"]{border-color:#1A555E;box-shadow:inset 0 0 0 1px #1A555E;background:#F4F9FA}
#bl-studio .st20-tec__b:focus-visible{outline:2px solid #226e78;outline-offset:2px}
@media (hover:hover){#bl-studio .st20-tec__b:hover{border-color:#1A555E;background:#F4F9FA}}
#bl-studio .st20-tec__nota{margin:6px 0 0;font-size:11.5px;line-height:1.4;color:#616A75}
@media (max-width:420px){
  #bl-studio .st20-tec__p{grid-template-columns:1fr}
  #bl-studio .st20-tec__b{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:0 8px;min-height:44px}
}

/* campione: il Sample Pack dentro il riquadro del campione su misura */
#bl-studio .st20-sp{margin:8px 0 6px;padding:9px 11px;border-radius:8px;background:#fff;border:1px solid #CFE2E5}
#bl-studio .sc-csm__i .st20-sp p{margin:0 0 3px}
#bl-studio .sc-csm__i .st20-sp .st20-sp__q{font-size:12.5px;font-weight:700;color:#14222b}
#bl-studio .sc-csm__i .st20-sp .st20-sp__t{font-size:12.5px;color:#2b3b44}
#bl-studio .sc-csm__i .st20-sp__a{display:inline-block;margin-top:2px;font-size:13px}
/* nel campione su misura la riga "Indeciso? Sample Pack" di 000978 farebbe da doppione */
.scaf #bl-studio.st20-csm.sc-csm-on .scaf-sp{display:none}
