/* Pathfinder Publication brand: the NCERT landing page look (cream, red, gold) with Academy touches
   (gold menu band, slab headings, dark footer). Loaded BEFORE each page's own styles; pages build on these tokens. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Roboto+Slab:wght@500;600;700&display=swap');

:root{
  --cream:#fbf6ec; --cream-deep:#f3ead6; --paper:#ffffff;
  --red:#d8102a; --red-deep:#a80c21; --red-soft:#fbe9ec;
  --gold:#f4b93f; --gold-deep:#c9910f; --gold-band:#fbd16d; --gold-soft:#fff3d1;
  --ink:#241a12; --ink-soft:#5b4e3f; --ink-mute:#8a7b6a;
  --line:rgba(36,26,18,.12); --line-2:rgba(36,26,18,.2);
  --dark:#2a1f17; --dark-2:#3a2b20;
  --amazon:#ff9900; --amazon-dark:#e88a00; --flipkart:#2874f0; --flipkart-dark:#1f5fc4; --wa:#25d366;
  --green:#1a7f3c; --green-soft:#e3f5ea;
  --head:'Roboto Slab',Georgia,serif; --body:'Poppins',system-ui,sans-serif; --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --r:14px; --r2:20px;
  --shadow:0 10px 30px rgba(36,26,18,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;background:var(--cream);color:var(--ink)}
body{font-family:var(--body);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--red);text-decoration:none} a:hover{text-decoration:underline}
button,input{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer;padding:0;text-align:inherit}
img{display:block;max-width:100%}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
h1,h2,h3,h4{font-family:var(--head);font-weight:600;margin:0;line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(30px,4.2vw,46px);font-weight:700}
h2{font-size:clamp(24px,3vw,34px);font-weight:700}
h3{font-size:18px;font-weight:600}
h1 em,h2 em{font-style:normal;color:var(--red-deep);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:4px;text-underline-offset:6px}
.eyebrow {font-family:var(--body);
font-weight:700;color:var(--red-deep);text-transform:uppercase;letter-spacing:.01em!important;display:flex;align-items:center;gap:8px;margin-bottom:10px}
body .eyebrow {
    font-size: 24px !important;
    font-weight: 700 !important;
}

.by h1 {
    font-size: 18px;
}

.faqid{
    font-size: 20px!important;
    text-transform: capitalize!important;
}
.sec{padding:64px 0 0}
.sec-sub{color:var(--ink-soft);max-width:64ch;margin:10px 0 30px;font-size:16px}
.mono{font-family:var(--mono)}

/* top strip (dark) and header (white, red rule), then the gold section band from the Academy site */
.topbar{background:var(--ink);color:var(--cream);font-size:13.5px;letter-spacing:.02em;padding:8px 0}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.topbar a{color:var(--gold);font-weight:600}
.site{background:var(--paper);border-bottom:3px solid var(--red);padding:12px 0}
.site .wrap{display:flex;justify-content:space-between;align-items:center;gap:14px}
.site .logo img{height:50px;width:auto}
.site .acts{display:flex;gap:10px;align-items:center}
.band{background:var(--gold-band);position:sticky;top:0;z-index:30;box-shadow:0 2px 8px rgba(36,26,18,.08)}
.band .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.band .wrap::-webkit-scrollbar{display:none}
.band a{display:block;flex:none;padding:12px 16px;font-size:13px;font-weight:600;color:var(--ink);text-transform:uppercase;letter-spacing:.04em;border-bottom:3px solid transparent;transition:border-color .2s,background .2s}
@media (min-width:1000px){.band .wrap{gap:0;justify-content:space-between}.band a{padding:12px 9px;font-size:12px;letter-spacing:.03em}}  /* up to 10 links fit on one line on desktop */
.band a:hover,.band a.on{text-decoration:none;border-bottom-color:var(--red);background:rgba(255,255,255,.28)}

/* buttons */
.btn{font-family:var(--body);font-weight:700;font-size:14px;padding:13px 22px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s,background .2s;white-space:nowrap;cursor:pointer}
.btn:hover{transform:translateY(-2px);text-decoration:none}
.btn.pri{background:var(--red);color:#fff;box-shadow:0 1px 1px rgba(216,16,42,.28)} .btn.pri:hover{background:var(--red-deep)}
.btn.ghost{background:var(--paper);color:var(--ink);border:1.5px solid var(--line-2)} .btn.ghost:hover{border-color:var(--ink)}
.btn.gold{background:var(--gold);color:var(--ink)} .btn.gold:hover{background:#ffcf6b}
.btn.amazon{background:var(--amazon);color:var(--ink)} .btn.amazon:hover{background:var(--amazon-dark)}
.btn.flipkart{background:var(--flipkart);color:#fff} .btn.flipkart:hover{background:var(--flipkart-dark)}
.btn.wa{background:var(--wa);color:#fff}
.btn.sm{font-size:13.5px;padding:9px 16px;border-radius:8px}

/* pills, tags, cards */
.pill{display:inline-flex;align-items:center;gap:6px;background:var(--paper);border:1px solid var(--line);padding:5px 12px;border-radius:100px;font-size:18px;font-weight:700;color:var(--red-deep)}
.pill.gold{background:var(--gold);border-color:var(--gold-deep);color:var(--ink)}
.pill.soft{background:var(--gold-soft);border-color:var(--gold);color:var(--ink)}
.pill.green{background:var(--green-soft);border-color:#bfe3cb;color:var(--green)}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.num{font-family: var(--body);font-size:18px;color:var(--red-deep);font-weight:700;letter-spacing:.01em!important;}
.stars{color:var(--gold-deep);letter-spacing:1px}
.note{font-size:13px;color:var(--ink-mute);margin-top:10px}

/* dark ledger block: the signature element */
.ledger{background:var(--dark);border-radius:var(--r2);padding:36px 34px;color:var(--cream);position:relative;overflow:hidden}
.ledger::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 1px,transparent 38px);pointer-events:none}
.ledger h2,.ledger h3{color:#fff}
.ledger .eyebrow{color:var(--gold)} .ledger .eyebrow::before{background:var(--gold)}
.ledger .stamp{font-family:var(--mono);font-size:11.5px;color:var(--gold);border:1px solid var(--gold);padding:5px 10px;border-radius:100px;white-space:nowrap}
.ledger a{color:var(--gold)}

/* closing call to action and footer */
.final{background:linear-gradient(135deg,var(--red),var(--red-deep));border-radius:22px;padding:40px 36px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.final h2{color:#fff;font-size:26px;margin-bottom:6px}
.final p{color:rgba(255,255,255,.85);margin:0;font-size:15px}
.final .acts{display:flex;gap:10px;flex-wrap:wrap}
footer.site-foot{background:var(--ink);color:#d9cfc2;margin-top:64px;padding:48px 0 28px;font-size:13.5px}
footer.site-foot .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:30px}
footer.site-foot h4{color:var(--gold);font-family:var(--head);font-size:16px;margin-bottom:12px}
footer.site-foot a{color:#f1e9dc;display:block;padding:3px 0} footer.site-foot a:hover{color:var(--gold)}
footer.site-foot .legal{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;font-size:12.5px;color:#a8998a;line-height:1.6}
footer.site-foot .legal a{display:inline;color:var(--gold);padding:0}
footer.site-foot .logo img{height:44px;width:auto;margin-bottom:12px;background:#fff;padding:6px 10px;border-radius:8px}

/* sticky buy bar */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--paper);border-top:1px solid var(--line);padding:10px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 -8px 24px rgba(0,0,0,.08);transform:translateY(110%);transition:transform .3s}
.sticky.on{transform:none}
.sticky .p{flex:none;line-height:1.1}
.sticky .p .now{font-weight:800;color:var(--red);font-size:18px}
.sticky .p .was{font-size:11.5px;color:var(--ink-soft);text-decoration:line-through;display:block}
.sticky .acts{flex:1;display:flex;gap:8px;max-width:760px;margin-left:auto}
.sticky .acts .btn{flex:1;padding:11px 8px;font-size:13.5px}
body.has-sticky{padding-bottom:78px}

@media (max-width:900px){
  .wrap{padding:0 16px}
  .sec{padding-top:48px}
  .site .logo img{height:40px}
  .site .acts .btn.hide-m{display:none}
  .topbar .hide-m{display:none}
  footer.site-foot .cols{grid-template-columns:1fr 1fr}
  .final{flex-direction:column;align-items:flex-start;padding:28px 22px}
  .ledger{padding:26px 20px}
}
@media (max-width:520px){footer.site-foot .cols{grid-template-columns:1fr}}

/* addon css */

section#pyq-sec {
    display: none;
}

/* footer: blog button and social icons (moved from home.css so every page has the same footer) */
footer.site-foot .footer-extra {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 22px;
    flex-wrap: wrap;
    margin-top: 26px;
}

footer.site-foot .footer-blog {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: var(--gold);
    color: var(--ink);
    padding: 11px 19px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s, transform .2s;
}

footer.site-foot .footer-blog:hover {
    background: var(--gold-band);
    transform: translateY(-2px);
    text-decoration: none;
}

footer.site-foot .footer-social {
    display: flex;
    align-items: center;
    gap: 10px;
}

footer.site-foot .footer-social a {
    width: 39px;
    height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 9px;
    color: #fff;
    padding: 0;
    transition: background .2s, color .2s, border-color .2s;
}

footer.site-foot .footer-social a:hover {
    background: var(--gold);
    border-color: var(--gold);
    color: var(--ink);
    text-decoration: none;
}

footer.site-foot .footer-social svg {
    width: 19px;
    height: 19px;
}

@media (max-width: 600px) {
    footer.site-foot .footer-extra {
        justify-content: center;
        gap: 16px;
    }
}


/* FOOTER - BLOG BUTTON & SOCIAL ICONS */

.site-foot .footer-extra {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 25px;
}

.site-foot .footer-blog {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 20px;
    background: #f4b93f;
    color: #241a12;
    font-size: 14px;
    font-weight: 700;
    border-radius: 8px;
    text-decoration: none;
}

.site-foot .footer-blog:hover {
    background: #fbd16d;
    color: #241a12;
    text-decoration: none;
}

.site-foot .footer-social {
    display: flex;
    align-items: center;
    gap: 10px;
}

.site-foot .footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    color: #fff;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 8px;
    text-decoration: none;
}

.site-foot .footer-social svg {
    display: block;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    max-width: 20px;
    max-height: 20px;
    flex: 0 0 20px;
}

.site-foot .footer-social a:hover {
    background: #f4b93f;
    color: #241a12;
    text-decoration: none;
}

@media (max-width: 600px) {
    .site-foot .footer-extra {
        justify-content: center;
    }
}

/* the Past papers section is hidden above, so hide its nav tab too (delete this rule when the section comes back) */
.band a[href="#pyq-sec"]{display:none}