/* ===============================
   CitizenSeva Universal Tool UI
================================ */

.tool-wrapper{
    max-width:1100px;
    margin:30px auto;
    padding:0 15px;
    font-family:Poppins, sans-serif;
}

/* HERO */
.tool-hero{
    background:linear-gradient(135deg,#0b57d0,#4a8cff);
    color:#fff;
    padding:40px;
    border-radius:10px;
    margin-bottom:25px;
}

.tool-hero h1{
    margin:0 0 10px;
    font-size:28px;
}

.tool-hero p{
    opacity:.95;
}

/* TOOL CARD */
.tool-card{
    background:#fff;
    padding:25px;
    border-radius:10px;
    box-shadow:0 3px 10px rgba(0,0,0,.08);
}

/* FORM */
.tool-form input,
.tool-form select{
    width:100%;
    padding:10px;
    border:1px solid #ccc;
    border-radius:6px;
    margin-top:8px;
}

.tool-form label{
    font-weight:600;
}

.tool-btn{
    margin-top:18px;
    padding:12px 24px;
    background:#0b57d0;
    color:#fff;
    border:none;
    border-radius:6px;
    cursor:pointer;
    font-weight:500;
}

.tool-btn:hover{
    background:#0847ad;
}

/* SEO SECTION */
.tool-seo{
    margin-top:40px;
    background:#fff;
    padding:30px;
    border-radius:10px;
    line-height:1.7;
}

/* INTERNAL LINKS */
.tool-links{
    margin-top:30px;
    background:#fff;
    padding:20px;
    border-radius:10px;
}

.tool-links a{
    display:inline-block;
    margin:6px;
    padding:8px 12px;
    background:#eef3ff;
    border-radius:6px;
    text-decoration:none;
    color:#0b57d0;
}

.tool-links a:hover{
    background:#dfe8ff;
}