/* Principal Page Styles - production-ready, responsive */
:root{
  --primary:#1e3a8a;
  --muted:#666;
  --accent:#2563eb;
  --max-width:1200px;
}

.page-template-principal-message .container{
  max-width:var(--max-width);
  margin:0 auto;
  padding:2rem;
}

.principal-hero{
  background:linear-gradient(90deg, rgba(30,58,138,0.85), rgba(37,99,235,0.6));
  color:#fff;
  padding:4rem 0;
  text-align:center;
}
.principal-hero .hero-content h1{font-size:2.4rem;margin:0 0 0.5rem}
.principal-hero .hero-subtitle{opacity:0.95}

.principal-profile{padding:3rem 0}
.profile-grid{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}
.profile-image img{width:260px;height:260px;object-fit:cover;border-radius:6px;box-shadow:0 8px 20px rgba(16,24,40,0.1)}
.profile-content h2{margin:0 0 0.25rem;font-size:1.6rem}
.profile-content .qualification{color:var(--muted);margin:0 0 0.5rem}
.designation{display:inline-block;background:var(--accent);color:#fff;padding:6px 10px;border-radius:4px;font-size:0.85rem;margin-bottom:0.75rem}

.principal-quote{padding:2rem 0;text-align:center}
.principal-quote blockquote{font-size:1.1rem;max-width:900px;margin:0 auto;color:var(--muted);font-style:italic}

.message-section{padding:2rem 0}
.message-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 6px 18px rgba(16,24,40,0.04);line-height:1.8}

.vision-mission{padding:3rem 0}
.vm-grid{display:flex;gap:2rem;flex-wrap:wrap}
.vm-card{flex:1;background:#f8fafc;padding:1.6rem;border-radius:8px}

.stats-section{padding:3rem 0}
.stats-grid{display:flex;gap:1.6rem;justify-content:space-between;flex-wrap:wrap}
.stat-box{flex:1;text-align:center;padding:1rem;background:linear-gradient(180deg,#fff,#f9fafb);border-radius:8px}
.stat-box .count{display:block;font-size:2rem;font-weight:700;color:var(--primary)}

.signature-section{padding:2rem 0;text-align:center}
.signature-card h3{margin-bottom:0.25rem}
.cta-section{padding:2.6rem 0;text-align:center}
.cta-card{display:inline-block;background:var(--primary);color:#fff;padding:1.2rem 2rem;border-radius:8px}
.cta-card .btn-primary{color:#fff;text-decoration:none;font-weight:600}

/* Remove sidebar and widgets for this template */
.page-template-principal-message .widget-area,
.page-template-principal-message .sidebar,
.page-template-principal-message #secondary{
  display:none !important;
}

/* Hover effects */
.profile-image img:hover{transform:scale(1.03);transition:transform .3s}
.stat-box:hover{transform:translateY(-6px);transition:transform .25s}

/* Responsive */
@media (max-width:900px){
  .profile-grid{flex-direction:column;text-align:center}
  .profile-image img{width:200px;height:200px}
}

@media (max-width:480px){
  .principal-hero .hero-content h1{font-size:1.6rem}
  .page-template-principal-message .container{padding:1rem}
}

/* Prevent horizontal overflow */
.page-template-principal-message{overflow-x:hidden}