/* =========================
   BUTTONS
========================= */

.btn{
display:inline-block;
padding:10px 20px;
background:#2563eb;
color:white;
text-decoration:none;
border-radius:8px;
font-weight:600;
transition:.25s;
}

.btn:hover{
background:#1d4ed8;
transform:translateY(-2px);
}

/* =========================
   HIGHLIGHT BOX
========================= */

.highlight{
background:#f1f5ff;
padding:18px;
border-left:6px solid #2563eb;
border-radius:8px;
margin:25px 0;
font-size:17px;
}

/* =========================
   BREADCRUMB
========================= */

.breadcrumb{
font-size:14px;
margin-bottom:20px;
padding:10px 14px;
background:#f8fafc;
border-left:4px solid #2563eb;
border-radius:6px;
}

.breadcrumb a{
color:#2563eb;
text-decoration:none;
font-weight:600;
}

.breadcrumb a:hover{
text-decoration:underline;
}

/* =========================
   INTERNAL LINK CARDS
========================= */

.internal-links{
margin:50px 0;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
}

.internal-card{
background:white;
padding:20px;
border-radius:12px;
box-shadow:0 6px 20px rgba(0,0,0,0.08);
border-left:5px solid #2563eb;
transition:.3s;
}

.internal-card:hover{
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(0,0,0,0.12);
}

.internal-card h3{
font-size:18px;
margin-bottom:10px;
color:#1e293b;
}

.internal-card p{
font-size:15px;
margin-bottom:12px;
color:#475569;
}

.internal-card a{
display:inline-block;
background:#2563eb;
color:white;
padding:6px 12px;
border-radius:6px;
font-size:14px;
text-decoration:none;
}

/* =========================
   RELATED ARTICLES
========================= */

.related-box{
margin-top:50px;
padding:25px;
background:#f4f8ff;
border-left:6px solid #2563eb;
border-radius:10px;
}

.related-box h3{
margin-bottom:15px;
}

.related-box p{
background:white;
padding:12px;
border-radius:6px;
margin-bottom:10px;
transition:.2s;
}

.related-box p:hover{
background:#eef4ff;
transform:translateX(3px);
}

.related-box a{
color:#2563eb;
font-weight:600;
text-decoration:none;
}

/* =========================
   AUTHOR BOX
========================= */

.author-box{
margin:50px 0;
padding:25px;
background:#f9fbff;
border-left:6px solid #2563eb;
border-radius:12px;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
display:flex;
gap:18px;
align-items:center;
}

.author-img{
width:75px;
height:75px;
border-radius:50%;
object-fit:cover;
}

.author-info h4{
margin-bottom:5px;
color:#1e293b;
}

.author-info p{
font-size:14px;
color:#475569;
}

/* =========================
   FEATURED SNIPPET BOX
========================= */

.featured-snippet{
max-width:900px;
margin:30px auto;
padding:18px 22px;
background:#f6f9ff;
border-left:5px solid #2563eb;
border-radius:8px;
box-shadow:0 4px 12px rgba(0,0,0,0.05);
}

.featured-snippet p{
margin:0;
font-size:16px;
line-height:1.7;
}

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

@media (max-width:768px){

.author-box{
flex-direction:column;
text-align:center;
}

.internal-links{
grid-template-columns:1fr;
}

}