:root{
  --siim-blue:#0b3b82;
  --siim-blue-2:#0f4da3;
  --siim-gold:#f7b731;
  --siim-text:#0f172a;
  --siim-muted:#64748b;
  --siim-bg:#eef3fb;
  --siim-border:#dbe3ef;
}
.subject-page{background:var(--siim-bg);padding:28px 0 52px;}
.subject-wrap{max-width:1060px;margin:0 auto;padding:0 18px;}
.subject-box{background:#fff;border:1px solid var(--siim-border);border-radius:24px;box-shadow:0 18px 45px rgba(15,23,42,.10);overflow:hidden;}
.subject-hero{background:linear-gradient(135deg,var(--siim-blue),#1159bd);color:#fff;padding:28px 34px;}
.subject-hero .kicker{margin:0 0 8px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#dbeafe;font-weight:700;}
.subject-hero h1{margin:0;font-size:30px;line-height:1.18;color:#fff;}
.subject-hero p{margin:10px 0 0;color:#eef5ff;font-size:16px;}
.subject-top-actions,.subject-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.subject-top-actions{padding:18px 24px;border-bottom:1px solid var(--siim-border);background:#f8fbff;}
.subject-panel{background:#fff;border:0;box-shadow:none;overflow:hidden;}
.course-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid var(--siim-border);}
.meta-box{padding:22px 24px;border-right:1px solid var(--siim-border);}
.meta-box:last-child{border-right:0;}
.label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--siim-muted);font-weight:800;}
.value{display:block;margin-top:8px;font-size:18px;font-weight:800;color:#071638;}
.subject-table-wrap{overflow-x:auto;padding:24px;}
.subject-table{width:100%;border-collapse:collapse;min-width:680px;background:#fff;}
.subject-table th{background:#0b3b82;color:#fff;text-align:left;font-size:15px;padding:15px 16px;}
.subject-table td{border:1px solid var(--siim-border);padding:14px 16px;font-weight:650;color:#071638;}
.subject-table .subject-name{font-weight:800;color:#172554;}
.subject-actions{margin-top:22px;padding-top:18px;border-top:1px solid var(--siim-border);}
.subject-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#0b3b82;color:#fff;padding:12px 16px;border-radius:10px;font-weight:800;box-shadow:0 8px 18px rgba(11,59,130,.16);}
.subject-btn.secondary{background:#fff;color:#0b3b82;border:1px solid #0b3b82;box-shadow:none;}
.subject-btn:hover{transform:translateY(-1px);}
.subject-search-card{background:#fff;padding:24px;}
.subject-search-card input{width:100%;padding:15px 17px;border:1px solid var(--siim-border);border-radius:12px;font-size:16px;outline:none;}
.subject-course-list,.course-list{margin-top:18px;display:grid;gap:12px;}
.course-item{display:grid;grid-template-columns:110px 1fr 120px 140px;gap:14px;align-items:center;background:#f8fafc;border:1px solid var(--siim-border);border-radius:14px;padding:14px;}
.course-item strong{color:#071638;}.course-item span{font-weight:650;color:#1e293b;}.small-btn{background:#0b3b82;color:#fff!important;padding:9px 12px;border-radius:9px;text-align:center;text-decoration:none;font-weight:800;}
@media(max-width:760px){
  .subject-page{padding:18px 0 36px;}
  .subject-wrap{padding:0 12px;}
  .subject-box{border-radius:18px;}
  .subject-hero{padding:24px 20px;}
  .subject-hero h1{font-size:23px;}
  .subject-top-actions{padding:14px;}
  .course-meta{grid-template-columns:1fr;}
  .meta-box{border-right:0;border-bottom:1px solid var(--siim-border);}
  .meta-box:last-child{border-bottom:0;}
  .course-item{grid-template-columns:1fr;}
  .subject-table{min-width:560px;}
  .subject-table-wrap{padding:14px;}
  .subject-btn{width:100%;}
}


/* Mobile responsive tidy layout */
.subject-table td,
.subject-table th {
  vertical-align: top;
  word-break: normal;
  overflow-wrap: anywhere;
}
@media(max-width:760px){
  .top-strip .strip-inner{
    display:flex;
    flex-direction:column;
    gap:6px;
    align-items:flex-start;
    line-height:1.45;
  }
  .navbar{gap:10px;}
  .brand{min-width:0;flex:1;}
  .brand img{width:58px;height:auto;flex:0 0 auto;}
  .brand span{font-size:15px;line-height:1.35;white-space:normal;}
  .subject-page{padding:16px 0 34px;}
  .subject-wrap{padding:0 10px;}
  .subject-box{border-radius:16px;box-shadow:0 10px 26px rgba(15,23,42,.08);}
  .subject-hero{padding:20px 16px;border-radius:0;}
  .subject-hero .kicker{font-size:11px;line-height:1.5;}
  .subject-hero h1{font-size:21px;line-height:1.25;overflow-wrap:anywhere;}
  .subject-hero p{font-size:14px;}
  .subject-top-actions{display:grid;grid-template-columns:1fr;gap:10px;padding:12px;background:#f8fbff;}
  .subject-btn{width:100%;min-height:46px;border-radius:12px;text-align:center;padding:12px 14px;}
  .course-meta{display:grid;grid-template-columns:1fr;border-bottom:1px solid var(--siim-border);}
  .meta-box{padding:18px 16px;border-right:0;border-bottom:1px solid var(--siim-border);}
  .meta-box:last-child{border-bottom:0;}
  .value{font-size:17px;line-height:1.45;overflow-wrap:anywhere;}
  .subject-table-wrap{padding:14px 12px;overflow:visible;}
  .subject-table,
  .subject-table thead,
  .subject-table tbody,
  .subject-table tr,
  .subject-table th,
  .subject-table td{
    display:block;
    width:100% !important;
    min-width:0 !important;
  }
  .subject-table{border-collapse:separate;border-spacing:0 12px;background:transparent;}
  .subject-table thead{display:none;}
  .subject-table tr{background:#fff;border:1px solid var(--siim-border);border-radius:14px;box-shadow:0 8px 20px rgba(15,23,42,.06);overflow:hidden;}
  .subject-table td{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:start;border:0 !important;border-bottom:1px solid var(--siim-border) !important;padding:12px 14px;font-size:15px;line-height:1.45;}
  .subject-table td:last-child{border-bottom:0 !important;}
  .subject-table td::before{font-weight:800;color:var(--siim-blue);font-size:12px;letter-spacing:.06em;text-transform:uppercase;}
  .subject-table td:nth-child(1)::before{content:"S.No";}
  .subject-table td:nth-child(2)::before{content:"Subject Code";}
  .subject-table td:nth-child(3)::before{content:"Subject";}
  .subject-table .subject-name{font-size:15px;line-height:1.45;overflow-wrap:anywhere;}
  .subject-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px;padding-top:14px;}
  .subject-search-card{padding:14px;}
  .course-item{grid-template-columns:1fr;gap:8px;padding:14px;}
}
@media(max-width:420px){
  .brand span{font-size:14px;}
  .subject-hero h1{font-size:19px;}
  .subject-table td{grid-template-columns:96px 1fr;padding:11px 12px;font-size:14px;}
  .subject-table .subject-name{font-size:14px;}
}