body{
background:#f3f5f9;
font-family:Arial, Helvetica, sans-serif;
margin:0;
}

.container{
max-width:700px;
margin:auto;
padding:20px;
}

h2{
margin-bottom:20px;
}

.card{
background:white;
padding:18px;
margin-bottom:15px;
border-radius:12px;
box-shadow:0 3px 12px rgba(0,0,0,0.05);
}

.country{
font-weight:bold;
margin-bottom:10px;
font-size:15px;
display:flex;
align-items:center;
gap:8px;
}

.flag{
width:22px;
border-radius:2px;
}

.question{
font-size:16px;
margin-bottom:12px;
line-height:1.5;
}

.comments{
font-size:14px;
color:#555;
}

textarea{
width:100%;
border:1px solid #ddd;
border-radius:8px;
padding:10px;
font-size:14px;
resize:vertical;
}

button{
background:#3b82f6;
color:white;
border:none;
padding:10px 16px;
border-radius:8px;
cursor:pointer;
font-size:14px;
}

button:hover{
background:#2563eb;
}

hr{
border:none;
border-top:1px solid #eee;
margin:10px 0;
}

/* //․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․ */

.header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}

.header-right{
display:flex;
gap:12px;
align-items:center;
}

.btn-primary{
background:#3b82f6;
color:white;
padding:10px 16px;
border-radius:8px;
text-decoration:none;
font-size:14px;
}

.category-bar{
display:flex;
gap:10px;
margin-bottom:20px;
flex-wrap:wrap;
}

.cat-btn{
background:#eef2ff;
padding:8px 14px;
border-radius:20px;
text-decoration:none;
font-size:14px;
color:#333;
}

.cat-btn:hover{
background:#dbeafe;
}

.card{
background:white;
padding:18px;
margin-bottom:14px;
border-radius:12px;
box-shadow:0 3px 12px rgba(0,0,0,0.05);
}

.card-top{
display:flex;
justify-content:space-between;
font-size:13px;
color:#777;
margin-bottom:10px;
}

.question{
font-size:16px;
line-height:1.5;
margin-bottom:10px;
}

.card-bottom{
font-size:14px;
}

.flag{
width:20px;
margin-right:6px;
vertical-align:middle;
}

.cat-btn.active{
background:#3b82f6;
color:white;
}

.share-btn{
background:#f1f5f9;
padding:6px 12px;
border-radius:8px;
text-decoration:none;
font-size:13px;
color:#111;
border:none;
cursor:pointer;
}

.share-btn:hover{
background:#e2e8f0;
}