@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@700;900&family=Open+Sans:wght@400;600;700&display=swap');

/* =====================================================================
   CASME&T  -  site design  (replace style.css only; no page is touched)
   Colours taken from the CASME&T logo: ocean blue, deep navy, gold ring.
   ===================================================================== */
:root{
  --navy:#0a2f5c; --navy2:#0f4c8a; --sky:#e8f1fb; --gold:#e3a21a; --gold2:#f6c451;
  --ink:#27323f; --muted:#5b6b7d; --line:#dbe4ef; --paper:#ffffff; --bg:#f2f6fb;
  --head:'Merriweather',Georgia,'Times New Roman',serif;
  --body:'Open Sans','Segoe UI',Calibri,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.7;
  background-image:radial-gradient(circle at 12% 0,#dce9f9 0,transparent 38%),radial-gradient(circle at 95% 8%,#fff1cf 0,transparent 30%);
  background-repeat:no-repeat;min-height:100vh;display:flex;flex-direction:column}
main{flex:1 0 auto;width:calc(100% - 20px)}
body>*{flex-shrink:0}

/* ---------- header ---------- */
header{padding:26px 16px 18px;text-align:center;border-top:6px solid var(--navy);
  background:linear-gradient(180deg,#fff 0,#f7fbff 100%);position:relative}
header::after{content:"";display:block;height:4px;margin:16px auto 0;width:140px;border-radius:4px;
  background:linear-gradient(90deg,var(--gold),var(--gold2))}
header h1{margin:0 auto!important;padding:0!important;line-height:1.3;font-family:var(--head);
  font-size:clamp(17px,2.2vw,24px);color:var(--navy)}
header h1 + h1{margin-top:8px!important}
header img{max-height:128px;width:auto!important;max-width:60%!important;height:auto;
  filter:drop-shadow(0 4px 10px rgba(10,47,92,.25))}

/* Pages whose header has no logo get the CASME&T logo automatically */
header:not(:has(img)) h1{display:none}
header:not(:has(img))::before{content:"";display:block;width:129px;height:120px;margin:0 auto;
  background:url("images/casmet-logo-original-size.png") center/contain no-repeat;filter:drop-shadow(0 4px 10px rgba(10,47,92,.25))}
@media (max-width:820px){header:not(:has(img))::before{width:108px;height:100px}}

/* ---------- menu ---------- */
nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:2px;margin:0!important;padding:0 10px;
  background:linear-gradient(180deg,var(--navy2),var(--navy));box-shadow:0 4px 14px rgba(10,47,92,.35);position:relative;z-index:50}
nav a,.dd{display:block;position:relative}
nav>a,.dd>a{display:block;padding:15px 16px;color:#fff;text-decoration:none;font:600 14.5px/1.2 var(--body);
  letter-spacing:.3px;margin:0;background:transparent;border-bottom:4px solid transparent;transition:background .2s,border-color .2s}
nav>a:hover,.dd:hover>a,.dd:focus-within>a{background:rgba(255,255,255,.12);border-bottom-color:var(--gold)}
.dd>a::after{content:"\25BE";margin-left:6px;font-size:11px;color:var(--gold2)}
.dd-menu{display:none;position:absolute;top:100%;left:0;width:max-content;min-width:270px;max-width:380px;white-space:normal;background:#fff;border-radius:0 0 10px 10px;
  border-top:3px solid var(--gold);box-shadow:0 14px 30px rgba(10,47,92,.28);overflow:hidden;z-index:100;text-align:left}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:block}
.dd-menu a{white-space:normal;display:block;margin:0;padding:11px 18px;color:var(--navy);background:#fff;text-decoration:none;
  font:600 14px/1.35 var(--body);border-bottom:1px solid var(--line);transition:background .15s,padding .15s}
.dd-menu a:last-child{border-bottom:0}
.dd-menu a:hover{background:var(--sky);padding-left:24px;color:var(--navy2)}

/* ---------- page card ---------- */
main{display:block;max-width:1080px;margin:30px auto 40px;padding:36px clamp(18px,4vw,52px) 44px;background:var(--paper);
  border-radius:14px;border:1px solid var(--line);border-top:5px solid var(--gold);
  box-shadow:0 12px 34px rgba(10,47,92,.10);overflow-wrap:break-word}
main::after{content:"";display:block;clear:both}

/* Pasted web / Word leftovers only (grey boxes, Helvetica text). Anything you format yourself is never overridden. */
main [style*="rgb(238, 238, 238)"]{background-color:transparent!important}
main [style*="Helvetica Neue"]{font-family:inherit!important;font-size:inherit!important;line-height:inherit!important}
main{font-family:var(--body)}
main h1,main h2,main h3,main h4,main h5,main h6{font-family:var(--head);color:var(--navy);line-height:1.35;font-weight:700}
main h1{font-size:30px;margin:0 0 18px}
main h2{font-size:24px;margin:34px 0 14px;padding:0 0 10px;border-bottom:2px solid var(--line);position:relative}
main h2::after{content:"";position:absolute;left:0;bottom:-2px;width:90px;height:2px;background:var(--gold)}
main h3{font-weight:700;font-size:20px;margin:28px 0 12px;padding:10px 16px;background:linear-gradient(90deg,var(--sky),#fff);
  border-left:5px solid var(--gold);border-radius:4px}
main h4{font-size:17.5px;margin:0 0 16px;font-weight:600;font-family:var(--body);color:var(--ink);line-height:1.65}
main h5,main h6{font-size:16px;margin:16px 0 8px}
main :is(h2,h3,h4):empty{display:none}
main>h3:first-child,main>h2:first-child{margin-top:0}
main p{margin:0 0 14px}
main li{margin:5px 0}
main ul,main ol{padding-left:28px;margin:8px 0 16px}
main ul li::marker{color:var(--gold);font-size:1.15em}
main ol li::marker{color:var(--navy2);font-weight:700}
main a{color:var(--navy2);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px;text-decoration-thickness:2px}
main a:hover{color:#b3470a}
main a[href$=".pdf"],main a[href$=".PDF"]{display:inline-block;margin:4px 0;padding:9px 18px;border-radius:30px;text-decoration:none;
  background:var(--navy2);color:#fff;font-weight:600;box-shadow:0 4px 10px rgba(15,76,138,.3);transition:transform .15s,background .15s}
main a[href$=".pdf"]::before,main a[href$=".PDF"]::before{content:"\1F4C4  "}
main a[href$=".pdf"]:hover,main a[href$=".PDF"]:hover{background:var(--navy);color:#fff;transform:translateY(-2px)}
main img{max-width:100%;height:auto;border-radius:10px;box-shadow:0 6px 18px rgba(10,47,92,.18)}
main blockquote{margin:16px 0;padding:12px 20px;border-left:5px solid var(--gold);background:var(--sky);border-radius:0 8px 8px 0}
main hr{border:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin:26px 0}

/* tables */
main table{table-layout:auto;border-collapse:separate;border-spacing:0;max-width:100%;margin:18px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden;
  box-shadow:0 4px 14px rgba(10,47,92,.08)}
main td,main th{overflow-wrap:anywhere;padding:10px 14px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top}
main tr>*:last-child{border-right:0}
main tr:last-child>*{border-bottom:0}
main th,main thead td{background:var(--navy);color:#fff;font-weight:700;text-align:left}
main tbody tr:nth-child(even) td{background:#f5f9fe}

/* ---------- footer band (drawn by the stylesheet, so no page edits needed) ---------- */
body::after{content:"\00A9  CASME&T  \2022  Centre for Advanced Studies in Management Education & Training  \2022  Mysore-570009  \2022  casmemysore@gmail.com  \2022  9448455870";
  display:block;padding:22px 16px;text-align:center;color:#d7e4f5;font:600 13.5px/1.6 var(--body);letter-spacing:.3px;
  background:linear-gradient(180deg,var(--navy),#06213f);border-top:4px solid var(--gold)}

/* ---------- phones & tablets ---------- */
@media (max-width:820px){
  body{font-size:16px}
  nav{flex-direction:column;padding:0}
  nav>a,.dd>a{padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.12)}
  .dd-menu{position:static;max-width:none;border-radius:0;box-shadow:none;border-top:0;background:#0c3d73}
  .dd-menu a{background:transparent;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding-left:32px}
  .dd-menu a:hover{background:rgba(255,255,255,.1);color:#fff;padding-left:36px}
  main{margin:16px 10px 28px;padding:24px 16px 30px}
  main h1{font-size:25px} main h2{font-size:21px} main h3{font-size:18px}
  header img{max-width:80%!important}
}
@media print{
  nav,body::after{display:none}
  body{background:#fff;font-size:12pt}
  main{box-shadow:none;border:0;margin:0;padding:0}
}