.tool-container{
max-width:900px;
margin:40px auto;
padding:20px;
}

.tool-box{
display:flex;
gap:10px;
margin-top:20px;
}

.tool-input{
flex:1;
padding:12px;
border:1px solid #ccc;
border-radius:8px;
}

.tool-btn{
padding:12px 20px;
background:#0d6efd;
color:#fff;
border:none;
border-radius:8px;
cursor:pointer;
}

.result-box{
margin-top:20px;
background:#111;
color:#0f0;
padding:20px;
border-radius:10px;
font-family:monospace;
white-space:pre-wrap;
}

.status-ok{ color:#0f0; }
.status-redirect{ color:#ffc107; }
.status-error{ color:#ff4d4f; }


.header-box{
background:#000;
padding:15px;
border-radius:10px;
font-size:14px;
line-height:1.6;
overflow:auto;
}

h3{
margin-top:10px;
}

h4{
margin-top:20px;
color:#0d6efd;
}
/* ================= SEO CONTENT ================= */

.tool-content{
max-width:900px;
margin:50px auto;
padding:0 20px;
line-height:1.7;
color:#333;
}

/* Title section */
.tool-content h2{
font-size:24px;
margin-top:40px;
margin-bottom:15px;
color:#111;
border-left:4px solid #0d6efd;
padding-left:12px;
}

/* Sub title (FAQ) */
.tool-content h3{
font-size:18px;
margin-top:25px;
margin-bottom:10px;
color:#0d6efd;
}

/* Paragraph */
.tool-content p{
margin-bottom:15px;
font-size:15px;
color:#444;
}

/* List */
.tool-content ul,
.tool-content ol{
margin:15px 0 20px 20px;
}

.tool-content li{
margin-bottom:8px;
font-size:15px;
}

/* Highlight code/status */
.tool-content b{
color:#000;
}

/* ================= BOX STYLE ================= */

/* Optional: highlight block */
.tool-content .highlight-box{
background:#f8f9fa;
border:1px solid #eee;
border-left:4px solid #0d6efd;
padding:15px;
border-radius:8px;
margin:20px 0;
}

/* ================= FAQ STYLE ================= */

.tool-content h3{
position:relative;
padding-left:20px;
}

.tool-content h3::before{
content:"Q";
position:absolute;
left:0;
top:0;
color:#fff;
background:#0d6efd;
font-size:12px;
padding:2px 6px;
border-radius:4px;
}

/* ================= MOBILE ================= */

@media(max-width:768px){

.tool-content{
margin:30px auto;
}

.tool-content h2{
font-size:20px;
}

.tool-content h3{
font-size:16px;
}

.tool-content p,
.tool-content li{
font-size:14px;
}

}