body{
    font-family: Arial, sans-serif;
    margin:40px;
}

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

input{
    padding:8px;
    font-size:16px;
    width:250px;
}

button{
    padding:8px 16px;
    font-size:16px;
    margin-left:10px;
}

.result{
    margin-top:20px;
}

.external-links{
    margin-top:40px;
    font-size:14px;
}

/* Advanced tools section */

.external-links{
margin-top:35px;
padding-top:10px;
border-top:1px solid #ddd;
}

.external-links h3{
font-size:16px;
margin-bottom:10px;
color:#444;
}

.external-links ul{
list-style:none;
padding:0;
margin:0;
}

.external-links li{
margin-bottom:10px;
}

/* Link cards */

.external-links a{
display:block;
padding:10px 12px;
border-radius:6px;
background:#f8f9fa;
border:1px solid #e0e0e0;
text-decoration:none;
color:#2c3e50;
font-size:14px;
transition:all 0.2s ease;
}

/* Hover effect */

.external-links a:hover{
background:#e9f3ff;
border-color:#0d6efd;
color:#0d6efd;
transform:translateY(-1px);
box-shadow:0 2px 6px rgba(0,0,0,0.08);
}