/* ============================================================================
   FindUrCollege — SHARED MBA PAGE SKIN
   One file, one look. Created 28-Aug-2026 after Krishna measured that six MBA
   pages carried four different designs despite /dms-iit-delhi being the pilot.

   The canonical look is the DMS pilot's fc-page-design skin, which sits on
   ps-standalone-3 — the stylesheet 1,167 pages of this site already use.
   The other five pages carried their own inherited skins (ps-modern-2 / Inter
   on bitsom + fms, ps-standalone-5 / .card on isb + spjimr + tapmi).

   This file generalises the pilot's selectors across all four section systems
   (.lp-section, .card, .bs-section) so a page joins the look by adding
   class="fc-page-design" to its content container and linking this file LAST.

   RULE 20(a): a template change that lives in ONE shared file may ship
   immediately — blast radius is this file. Remember Cloudflare "Purge
   Everything" after deploy: CSS is cached immutable for a year.
   ============================================================================ */

.fc-page-design{--fc-navy:#123b7a;--fc-navy2:#0b2f68;--fc-teal:#078695;--fc-gold:#f5b51b;--fc-line:#dce4ee}

/* the site-standard type stack, so these pages match the other 1,167 */
.fc-page-design,
.fc-page-design p,
.fc-page-design li,
.fc-page-design td,
.fc-page-design th{font-family:'Segoe UI',system-ui,-apple-system,sans-serif}

/* ---- the section card ---- */
.fc-page-design .lp-section,
.fc-page-design .card,
.fc-page-design .bs-section{background:#fff;border:1px solid var(--fc-line);border-radius:15px;padding:1.35rem 1.4rem;margin:1.35rem 0;box-shadow:0 4px 18px rgba(15,45,90,.045);overflow:visible}

/* isb/spjimr/tapmi wrap their content in .section-body inside .card — neutralise
   the inner padding so the card's own padding is the only one that applies */
.fc-page-design .card>.section-body{padding:0!important;background:transparent!important;border:0!important}

/* ---- the section heading: navy on a pale gradient, gold rule, teal tab ---- */
.fc-page-design .lp-section>h2,
.fc-page-design .card>h2,
.fc-page-design .card>.section-body>h2,
.fc-page-design .bs-section>h2{color:var(--fc-navy2)!important;background:linear-gradient(90deg,#f8fbff,#eef6ff)!important;font-size:1.55rem!important;line-height:1.25!important;font-weight:800!important;margin:-1.35rem -1.4rem 1.15rem!important;padding:1rem 1.4rem .9rem!important;border-radius:15px 15px 0 0!important;border-bottom:2px solid var(--fc-gold)!important;position:relative;text-transform:none!important;letter-spacing:normal!important}
.fc-page-design .lp-section>h2:after,
.fc-page-design .card>h2:after,
.fc-page-design .card>.section-body>h2:after,
.fc-page-design .bs-section>h2:after{content:"";position:absolute;left:1.4rem;bottom:-2px;width:72px;height:3px;background:#0d8696;display:block!important}

/* ---- tables ---- */
.fc-page-design .overflow-x,
.fc-page-design .table-wrap,
.fc-page-design .bs-table{border:1px solid #d7e1ec;border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px rgba(15,45,90,.04)}
.fc-page-design .overflow-x table,
.fc-page-design .table-wrap table,
.fc-page-design .bs-table table{margin:0!important;border:0!important;width:100%}
.fc-page-design .overflow-x table tr:first-child th,
.fc-page-design .table-wrap table thead th,
.fc-page-design .table-wrap table tr:first-child th,
.fc-page-design .bs-table table tr:first-child th{background:linear-gradient(90deg,var(--fc-navy),var(--fc-teal))!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;padding:.9rem 1rem!important}
.fc-page-design .overflow-x td,
.fc-page-design .table-wrap td,
.fc-page-design .bs-table td{padding:.78rem 1rem!important;border-color:#dce5ef!important}
.fc-page-design .overflow-x tr:nth-child(even) td,
.fc-page-design .table-wrap tbody tr:nth-child(even) td,
.fc-page-design .bs-table tr:nth-child(even) td{background:#f8fbff}

/* ---- the "In one line" lead, in all four dialects ---- */
.fc-page-design [data-fc="tblsum"],
.fc-page-design .one-line,
.fc-page-design .bs-answer{background:#edf7ff!important;border-left:4px solid #3b82f6!important;border-top:0!important;border-right:0!important;border-bottom:0!important;border-radius:0 8px 8px 0!important;padding:.72rem .85rem!important;color:#203650!important;margin:.3rem 0 .8rem!important}

/* ---- per-table source line ---- */
.fc-page-design .bs-source,
.fc-page-design p.source{font-size:.8rem!important;color:#64748b!important;line-height:1.6!important;margin:.45rem 0 0!important}

/* ---- byline / meta card ---- */
.fc-page-design .article-meta-card,
.fc-page-design .bs-byline{background:#fff;border:1px solid #dbe3ed;border-radius:14px;padding:1rem 1.1rem;margin:.9rem 0 1.25rem;box-shadow:0 3px 12px rgba(15,45,90,.05)}
.fc-page-design .article-meta-card p:last-child{margin-bottom:0!important}

/* ---- snapshot + quick answer ---- */
.fc-page-design .fc-snapshot>div:first-child{background:var(--fc-navy)!important;color:#fff!important;border-bottom:3px solid var(--fc-gold);padding:.78rem 1rem!important}
.fc-page-design .fc-snapshot>div:first-child span:last-child{background:#f8c532!important;color:#17345f!important}
.fc-page-design .lp-quick-answer,
.fc-page-design .quick-answer{background:linear-gradient(105deg,#fffaf0,#f3f8ff)!important;border:1px solid #ead8a5!important;border-left:4px solid var(--fc-gold)!important;border-radius:12px!important;box-shadow:0 3px 12px rgba(15,45,90,.04)}

/* ---- content column + sidebar ---- */
.fc-page-design .lp-content,
.fc-page-design.lp-content,
.fc-page-design .bs-wrap{max-width:940px}
@media(min-width:1100px){
  .fc-page-design .lp-shell{grid-template-columns:minmax(0,1fr) 310px!important;gap:1.8rem!important}
  .fc-page-design .lp-sidebar{max-width:310px}
  .fc-page-design .lp-sidebar-card{box-shadow:0 10px 28px rgba(12,47,105,.13)!important}
}

/* ---- mobile ---- */
@media(max-width:768px){
  .fc-page-design .lp-section,
  .fc-page-design .card,
  .fc-page-design .bs-section{padding:1rem;margin:1rem 0;border-radius:12px}
  .fc-page-design .lp-section>h2,
  .fc-page-design .card>h2,
  .fc-page-design .card>.section-body>h2,
  .fc-page-design .bs-section>h2{font-size:1.28rem!important;margin:-1rem -1rem 1rem!important;padding:.85rem 1rem!important}
  .fc-page-design .lp-section>h2:after,
  .fc-page-design .card>h2:after,
  .fc-page-design .card>.section-body>h2:after,
  .fc-page-design .bs-section>h2:after{left:1rem}
  .fc-page-design .overflow-x td,
  .fc-page-design .table-wrap td,
  .fc-page-design .bs-table td{padding:.68rem .8rem!important}
}