@charset "utf-8";
/* CSS Document */

.question{margin:14px 0;padding:12px;border-radius:10px;background: #EAEAEA}
.qtext{margin-bottom:8px}
.scale{display:flex;gap:8px}
label.scale-item{flex:1;text-align:center;padding:8px 6px;border-radius:6px;border:1px solid transparent;cursor: pointer;}
label.scale-item:hover{background-color: #82c4f1}
input[type=radio]{display:none}
input[type=radio]:checked + label{border-color:#82c4f1;background:#B2DAF6}
.actions{margin-top:18px}    
#resultBox{margin-top:20px;padding:16px;border-radius:10px;background:#E4F7FF;border:1px solid #79BBFF}
.small{font-size:1rem; color:#181818; text-align: justify; padding: 0 15px 0 15px}
details{margin-top:12px}
pre{white-space:pre-wrap}

.shadow {
      max-width: 80%;
      margin: auto;
      background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
      padding: 20px;
      border:0 ; 
	  border-radius:20px;
      box-shadow: 0 8px 25px rgba(0,0,0,.30);
	  margin-bottom: 20px;
    }