/* ============================================================
   Maha Study Abroad — Ghost blog theme (mahastudy)
   Mirrors /var/www/admissiondesk-seo/design/assets/site.css tokens
   ============================================================ */

:root{
  --ink:#1a2a30;
  --ink-soft:#4a5a5f;
  --muted:#5c6873;
  --deep:#10294d;
  --deep-2:#0a1f3d;
  --deep-3:#173f6e;
  --paper:#f3f5f7;
  --paper-2:#e9edf1;
  --paper-3:#dde3e9;
  --card:#ffffff;
  --card-2:#f7f9fb;
  --line:#d9e0e7;
  --line-2:#c5cfd9;
  --blue:#1763b0;
  --blue-2:#0f4f93;
  --blue-ink:#0f4f93;
  --blue-soft:#d3e3f5;
  --saffron:#e8852a;
  --saffron-2:#cf6a14;
  --saffron-ink:#a8500c;
  --green:#1f8a5a;
  --green-ink:#15694a;
  --green-soft:#cfe8da;
  --gold:#cf9f37;
  --tri-saffron:#ff9933;
  --tri-green:#138808;
  --display:'Mukta','Noto Sans Devanagari',Arial,sans-serif;
  --body:'Noto Sans','Noto Sans Devanagari',Arial,sans-serif;
  --r-sm:6px; --r-md:10px; --r-lg:12px; --r-xl:16px;
  --shadow:0 1px 2px rgba(12,30,60,.05), 0 10px 24px rgba(12,30,60,.08);
  --shadow-md:0 2px 6px rgba(12,30,60,.08), 0 18px 38px rgba(12,30,60,.12);
  --ease:cubic-bezier(.2,.7,.2,1);
  --accent:var(--blue);
  --accent-2:var(--blue-2);
  --accent-ink:var(--blue-ink);
  --accent-soft:var(--blue-soft);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--body);
  font-size:18px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:clip;
}
img{max-width:100%;display:block;}
a{color:var(--accent-ink);text-decoration:none;}
.wrap{max-width:1200px;margin:0 auto;padding:0 28px;}
.wrap-tight{max-width:860px;margin:0 auto;padding:0 28px;}

/* ---------- tricolor hairline ---------- */
.tricolor{height:4px;background:linear-gradient(90deg,var(--tri-saffron) 0 33.33%,#fdfdfd 33.33% 66.66%,var(--tri-green) 66.66% 100%);}

/* ---------- utility bar ---------- */
.util{background:var(--deep-2);color:#b9c6c9;font-size:11.5px;}
.util .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 28px;flex-wrap:wrap;}
.util .gov{display:flex;align-items:center;gap:9px;letter-spacing:.02em;}
.util .gov .dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(31,138,90,.25);}
.util .right{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.util a{color:#9fb0b3;transition:color .15s;}
.util a:hover{color:#fff;}

/* ---------- masthead ---------- */
.mast{background:linear-gradient(180deg,var(--deep) 0%,var(--deep-2) 100%);color:#fff;}
.mast .wrap{display:flex;align-items:center;gap:20px;padding:22px 28px;}
.mast .emblem{flex:0 0 auto;display:grid;place-items:center;width:74px;height:74px;background:#fff;border-radius:50%;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.25);}
.mast .emblem img{width:62px;height:62px;object-fit:contain;}
.mast .kicker{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#9fb4cf;margin-bottom:2px;}
.mast h1{font-family:var(--display);font-size:clamp(20px,2.6vw,30px);font-weight:700;line-height:1.2;margin:0;}
.mast h1 a{color:#fff;}
.mast .sub{font-size:13.5px;color:#b9c8dd;margin-top:3px;}

/* ---------- primary nav ---------- */
.primary{background:var(--deep-3);border-top:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:50;box-shadow:0 6px 18px rgba(10,31,61,.25);}
.primary .wrap{display:flex;align-items:center;gap:4px;padding:0 28px;overflow-x:auto;}
.nl{color:#d6e2f2;font-size:15px;font-weight:500;padding:13px 13px;white-space:nowrap;border-bottom:3px solid transparent;transition:.15s;}
.nl:hover{color:#fff;background:rgba(255,255,255,.06);}
.nl.active{color:#fff;border-bottom-color:var(--saffron);}
.spacer{flex:1;}
.cta{background:var(--saffron);color:#fff;font-weight:600;font-size:15px;padding:9px 18px;border-radius:var(--r-md);white-space:nowrap;margin:7px 0;transition:.15s var(--ease);}
.cta:hover{background:var(--saffron-2);transform:translateY(-1px);}
.cta .arw{display:inline-block;transition:transform .15s;}
.cta:hover .arw{transform:translateX(3px);}

/* ---------- blog head ---------- */
.blog-head{background:linear-gradient(180deg,var(--card) 0%,var(--paper) 100%);border-bottom:1px solid var(--line);padding:52px 0 40px;}
.badge{display:inline-flex;align-items:center;gap:7px;background:var(--accent-soft);color:var(--accent-ink);font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px;}
.blog-head h2{font-family:var(--display);font-size:clamp(30px,4.4vw,46px);font-weight:800;line-height:1.14;margin:16px 0 10px;color:var(--deep);}
.blog-head .dek{font-size:19px;color:var(--muted);max-width:640px;margin:0;}

/* ---------- card grid ---------- */
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:26px;padding:40px 0 10px;}
.post-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .18s var(--ease),box-shadow .18s var(--ease);}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.pc-img{display:block;aspect-ratio:16/9;background:var(--paper-2);overflow:hidden;}
.pc-img img{width:100%;height:100%;object-fit:cover;}
.pc-placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,var(--paper-2),var(--blue-soft));}
.pc-placeholder img{width:64px;height:64px;object-fit:contain;opacity:.6;}
.pc-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:9px;flex:1;}
.pc-tag{align-self:flex-start;background:var(--saffron-soft,#f7d9b6);color:var(--saffron-ink);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:999px;}
.pc-body h3{font-family:var(--display);font-size:21px;font-weight:700;line-height:1.28;margin:0;}
.pc-body h3 a{color:var(--deep);}
.pc-body h3 a:hover{color:var(--accent);}
.pc-excerpt{font-size:15.5px;color:var(--muted);margin:0;flex:1;}
.pc-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft);border-top:1px solid var(--line);padding-top:12px;}
.pc-dot{color:var(--line-2);}

/* ---------- pagination ---------- */
.pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:26px 0 56px;font-size:15px;}
.pagination a{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:9px 18px;font-weight:600;color:var(--accent-ink);box-shadow:var(--shadow);transition:.15s;}
.pagination a:hover{border-color:var(--accent);}
.pagination .page-number{color:var(--muted);}

/* ---------- article ---------- */
.article{padding:38px 28px 64px;}
.crumbs{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted);flex-wrap:wrap;margin-bottom:26px;}
.crumbs a{color:var(--accent-ink);}
.crumb-here{color:var(--ink-soft);max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.article-head h1{font-family:var(--display);font-size:clamp(30px,4.2vw,44px);font-weight:800;line-height:1.16;color:var(--deep);margin:14px 0 10px;}
.article-head .dek{font-size:20px;color:var(--muted);margin:0 0 14px;}
.byline{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-soft);padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;}
.by-name{font-weight:600;color:var(--ink);}
.feature{margin:30px 0;}
.feature img{width:100%;border-radius:var(--r-lg);box-shadow:var(--shadow-md);}
.feature figcaption{font-size:13.5px;color:var(--muted);text-align:center;margin-top:10px;}

.article-content{margin-top:30px;font-size:18.5px;}
.article-content h2,.article-content h3,.article-content h4{font-family:var(--display);color:var(--deep);line-height:1.25;margin:1.7em 0 .55em;}
.article-content h2{font-size:29px;font-weight:700;}
.article-content h3{font-size:23px;font-weight:700;}
.article-content h4{font-size:19px;font-weight:600;}
.article-content p{margin:0 0 1.15em;}
.article-content a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--blue-soft);}
.article-content a:hover{text-decoration-color:var(--accent);}
.article-content ul,.article-content ol{padding-left:1.35em;margin:0 0 1.2em;}
.article-content li{margin-bottom:.45em;}
.article-content blockquote{margin:1.6em 0;padding:14px 22px;border-left:4px solid var(--saffron);background:var(--card);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--ink-soft);box-shadow:var(--shadow);}
.article-content hr{border:0;border-top:1px solid var(--line);margin:2.2em 0;}
.article-content img{border-radius:var(--r-md);margin:1.4em auto;}
.article-content figure{margin:1.6em 0;}
.article-content figcaption{font-size:13.5px;color:var(--muted);text-align:center;margin-top:8px;}
.article-content pre{background:var(--deep-2);color:#dce7f2;border-radius:var(--r-md);padding:18px 20px;overflow-x:auto;font-size:15px;}
.article-content code{background:var(--paper-2);border-radius:4px;padding:1px 6px;font-size:.9em;}
.article-content pre code{background:none;padding:0;}
.article-content table{width:100%;border-collapse:collapse;margin:1.6em 0;background:var(--card);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow);font-size:16px;}
.article-content th{background:var(--deep);color:#fff;font-family:var(--display);font-weight:600;text-align:left;padding:11px 14px;}
.article-content td{padding:10px 14px;border-top:1px solid var(--line);}

/* Koenig cards */
.kg-width-wide{max-width:1080px;margin-left:calc(50% - min(540px,50vw));margin-right:calc(50% - min(540px,50vw));}
.kg-width-full{max-width:100vw;}
.kg-callout-card{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--r-md);padding:16px 20px;margin:1.6em 0;box-shadow:var(--shadow);}
.kg-callout-card .kg-callout-text{margin:0;}
.kg-button-card{margin:1.8em 0;display:flex;}
.kg-button-card.kg-align-center{justify-content:center;}
.kg-btn,.kg-button-card a{background:var(--saffron);color:#fff !important;font-weight:600;padding:11px 22px;border-radius:var(--r-md);text-decoration:none !important;}
.kg-bookmark-card a{display:flex;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--card);text-decoration:none !important;box-shadow:var(--shadow);}
.kg-bookmark-content{padding:16px 20px;flex:1;}
.kg-bookmark-title{font-weight:700;color:var(--deep);}
.kg-bookmark-description{font-size:14.5px;color:var(--muted);margin-top:4px;}
.kg-bookmark-metadata{font-size:13px;color:var(--ink-soft);margin-top:10px;}
.kg-bookmark-thumbnail img{width:200px;height:100%;object-fit:cover;}

/* ---------- tags & back row ---------- */
.tag-row{display:flex;gap:10px;flex-wrap:wrap;margin:34px 0 0;padding-top:22px;border-top:1px solid var(--line);}
.tag-chip{background:var(--card);border:1px solid var(--line);color:var(--ink-soft);font-size:13.5px;font-weight:500;padding:5px 14px;border-radius:999px;transition:.15s;}
.tag-chip:hover{border-color:var(--accent);color:var(--accent-ink);}
.back-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:34px;flex-wrap:wrap;}
.alt-cta{background:var(--card);border:1px solid var(--line);color:var(--accent-ink);font-weight:600;font-size:15px;padding:9px 18px;border-radius:var(--r-md);box-shadow:var(--shadow);transition:.15s;}
.alt-cta:hover{border-color:var(--accent);}

/* ---------- footer ---------- */
footer{background:var(--deep-2);color:#b9c6c9;margin-top:40px;}
.ftop{height:4px;background:linear-gradient(90deg,var(--tri-saffron) 0 33.33%,#fdfdfd 33.33% 66.66%,var(--tri-green) 66.66% 100%);}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1.3fr;gap:34px;padding:44px 0 26px;}
footer h4{font-family:var(--display);color:#fff;font-size:16px;margin:0 0 12px;}
footer .blurb,footer .addr{font-size:14px;line-height:1.6;color:#9fb0b3;margin:0 0 10px;}
footer a{display:block;color:#9fb0b3;font-size:14px;padding:3px 0;transition:color .15s;}
footer a:hover{color:#fff;}
.copy{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid rgba(255,255,255,.1);padding:18px 0 26px;font-size:13px;color:#7f9094;flex-wrap:wrap;}
.copy a{display:inline;color:#b9c6c9;padding:0;}
.heart{color:var(--saffron);}

@media (max-width:860px){
  .fgrid{grid-template-columns:1fr;gap:24px;}
  .mast .wrap{gap:14px;padding:16px 20px;}
  .mast .emblem{width:58px;height:58px;}
  .mast .emblem img{width:48px;height:48px;}
  .wrap,.wrap-tight{padding:0 20px;}
  .article{padding:28px 20px 48px;}
}