FAQ Dashboard
body{
margin:0;
padding:20px;
font-family: Arial, sans-serif;
background:#f2f2f2;
}
.faq-grid{
background:#ffffff;
padding:20px;
border-radius:6px;
display:grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap:15px;
}
.faq-box{
display:flex;
align-items:center;
text-decoration:none;
color:#ffffff;
padding:18px;
border-radius:25px;
font-size:16px;
font-weight:600;
}
.faq-box span{
background:rgba(0,0,0,0.2);
width:38px;
height:38px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin-right:12px;
font-size:16px;
}
/* Color Variants per row */
.row1{ background:#0b79b7; } /* Blue */
.row2{ background:#d35400; } /* Orange */
.row3{ background:#0a8f08; } /* Green */
.row4{ background:#0b79b7; } /* Blue */
/* Keyboard Focus (WCAG 2.1 AA) */
.faq-box:focus{
outline:3px solid #000;
outline-offset:2px;
}
