/* joyjatra.win, exam pathway pages. Builds on landing.css variables. */
.exam-hero{max-width:1320px;margin:0 auto;padding:36px clamp(20px,5vw,64px) 40px}
.crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:26px}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--red)}
.exam-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:start}
.exam-hero-grid>*{min-width:0}
.exam-kicker{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:1.8px;color:var(--gold-deep);margin:0 0 18px}
.exam-num{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--red);color:#fff;font:700 15px var(--sans);letter-spacing:0}
.exam-hero h1{font:700 clamp(38px,5.4vw,72px)/1.02 var(--serif);letter-spacing:-1.5px;margin:0 0 20px;color:var(--ink)}
.exam-hero h1 .accent-word{color:var(--red)}
.exam-blurb{font-size:clamp(17px,1.6vw,20px);color:var(--ink-soft);max-width:640px;margin:0 0 12px;line-height:1.55}
.exam-official{font-size:14px;color:var(--muted);margin:0 0 26px}
.exam-hero .hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.fact-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.fact-card:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:var(--red)}
.fact-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.checked{font-size:12px;color:var(--muted)}
.fact-card dl{margin:0;display:grid}
.fact-card dl>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.fact-card dt{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.fact-card dd{margin:0;font-weight:600;font-size:14.5px;overflow-wrap:anywhere}
.official-link{display:inline-block;margin-top:14px;font-weight:700;font-size:14px;color:var(--red);text-decoration:none}
.status-pill{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid}
.status-pill.reported{color:#1d6b3a;border-color:#a9d6b8;background:#eef8f1}
.status-pill.expected{color:#8a5a00;border-color:#efd59a;background:#fff6df}

.page-nav{position:sticky;top:0;z-index:20;background:rgba(251,246,238,.94);backdrop-filter:blur(8px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.page-nav-inner{max-width:1320px;margin:0 auto;padding:0 clamp(20px,5vw,64px);display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.page-nav-inner::-webkit-scrollbar{display:none}
.page-nav a{flex:none;padding:14px 12px;font-size:14px;font-weight:700;color:var(--ink-soft);text-decoration:none;border-bottom:2px solid transparent}
.page-nav a:hover,.page-nav a.on{color:var(--red);border-bottom-color:var(--red)}

.exam-body{max-width:1320px;margin:0 auto;padding:10px clamp(20px,5vw,64px) 60px}
.exam-sec{padding:54px 0 10px;scroll-margin-top:60px}
.exam-sec h2{font:700 clamp(28px,3.2vw,42px)/1.1 var(--serif);letter-spacing:-.8px;margin:6px 0 18px}
.exam-sec h3{font:750 19px/1.25 var(--sans);margin:0 0 10px}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.sec-sub{color:var(--ink-soft);font-size:16px;max-width:820px;margin:-6px 0 22px}
.small-note{font-size:13.5px;color:var(--muted);margin:14px 0 0}
.check-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.check-list li{position:relative;padding-left:30px;font-size:15.5px;color:var(--ink-soft)}
.check-list li:before{content:'✓';position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--gold-soft);color:var(--red-deep);font-size:12px;font-weight:800;display:grid;place-items:center}

.stage{margin:0 0 28px}
.stage-note{font-size:14.5px;color:var(--ink-soft);margin:0 0 12px;max-width:900px}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.pattern-table,.week-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px}
.week-table{min-width:0}
.pattern-table th,.pattern-table td,.week-table th,.week-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.pattern-table thead th{font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);background:#f6eedf}
.pattern-table tbody th,.week-table th{font-weight:700;color:var(--ink)}
.pattern-table td:nth-child(2),.pattern-table td:nth-child(3){white-space:nowrap;font-variant-numeric:tabular-nums}
.pattern-table td:last-child{color:var(--ink-soft)}
.pattern-table tr.total th,.pattern-table tr.total td{background:var(--gold-soft);font-weight:800;color:var(--red-deep)}
.pattern-table tr:last-child th,.pattern-table tr:last-child td,.week-table tr:last-child th,.week-table tr:last-child td{border-bottom:0}
.week-table th{width:64px;color:var(--red)}

.pace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pace-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.pace-card .fw-kicker,.phase-step{font-size:11px;font-weight:800;letter-spacing:1.6px;color:var(--gold-deep)}
.pace-card p{margin:10px 0 0;font-size:15px;color:var(--ink-soft)}

.chip-btn{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:9px 16px;font:700 13.5px var(--sans);color:var(--red-deep);cursor:pointer}
.chip-btn:hover{border-color:var(--gold)}
.syl-block{background:var(--paper);border:1px solid var(--line);border-radius:14px;margin:0 0 12px;overflow:hidden}
.syl-block summary{list-style:none;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 20px;cursor:pointer}
.syl-block summary::-webkit-details-marker{display:none}
.syl-block summary:after{content:'+';margin-left:auto;font:700 22px var(--sans);color:var(--red)}
.syl-block[open] summary:after{content:'–'}
.syl-block[open] summary{border-bottom:1px solid var(--line);background:#fbf3e4}
.syl-num{font:700 14px var(--sans);color:var(--red)}
.syl-name{font:750 18px var(--sans)}
.syl-meta{font-size:13px;color:var(--muted)}
.syl-count{font-size:12px;font-weight:700;color:var(--gold-deep);background:var(--gold-soft);padding:3px 9px;border-radius:999px}
.syl-topics{margin:0;padding:6px 20px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
.syl-topics>div{padding:12px 0;border-bottom:1px dashed var(--line)}
.syl-topics dt{font-weight:750;font-size:15px;margin-bottom:4px}
.syl-topics dd{margin:0;font-size:14.5px;color:var(--ink-soft);line-height:1.55}

.phase-grid{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;counter-reset:ph}
.phase-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px;position:relative;overflow:hidden}
.phase-card:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--red),var(--gold))}
.phase-card h3{margin:8px 0 6px;font-size:20px}
.phase-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.phase-meta span{font-size:12.5px;font-weight:700;background:#f6eedf;border-radius:999px;padding:3px 10px;color:var(--ink-soft)}
.phase-card ul{margin:0;padding-left:18px;display:grid;gap:7px;font-size:14.5px;color:var(--ink-soft)}
.week-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.week-wrap>*{min-width:0}
.share-note{margin-top:16px;padding:14px 16px;border-radius:12px;background:var(--gold-soft);font-size:14.5px;color:var(--red-deep);font-weight:600}

.pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.pack-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px;min-width:0}
.pack-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.pack-head h3{font:700 22px var(--serif);margin:0}
.pack-head h3 span{font:600 15px var(--bengali);color:var(--muted);margin-left:6px}
.pack-count{font-size:12px;font-weight:800;color:#fff;background:var(--red);padding:4px 10px;border-radius:999px}
.pack-blurb{font-size:14.5px;color:var(--ink-soft);margin:8px 0 12px}
.pack-list{list-style:none;padding:0;margin:0;display:grid}
.pack-list a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:10px 4px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:14.5px}
.pack-list a:hover .pack-title{color:var(--red)}
.pack-num{font-weight:800;color:var(--red);font-size:13px}
.pack-n{font-size:12.5px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.bank-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:16px}

.source-box{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px;font-size:15px;color:var(--ink-soft)}
.source-box p{margin:0 0 10px}.source-box a{color:var(--red);overflow-wrap:anywhere}

.exam-cta{margin:60px 0 0;border-radius:24px;padding:clamp(28px,5vw,52px);background:linear-gradient(135deg,var(--red-deep),var(--burgundy,#5a0a10));color:#fbeee0}
.exam-cta h2{font:700 clamp(26px,3vw,40px)/1.1 var(--serif);margin:0 0 12px;color:#fff}
.exam-cta p{max-width:720px;margin:0 0 22px;font-size:16.5px}
.exam-cta .hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.text-link.light{color:#fff;border-bottom-color:var(--gold)}

.exam-pager{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch;margin-top:34px}
.exam-pager a{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px 18px;text-decoration:none;color:var(--ink);font-weight:700;font-size:13.5px;display:flex;flex-direction:column;gap:4px;justify-content:center}
.exam-pager a span{font-size:12px;color:var(--red)}
.exam-pager a[rel=next]{text-align:right}
.exam-pager a:nth-child(2){align-items:center;color:var(--red)}
.exam-pager a:hover{border-color:var(--gold)}
.exam-page .pathway-card .status-pill{align-self:flex-start}

@media (max-width:1000px){.exam-hero-grid{grid-template-columns:1fr;gap:30px}.pace-grid{grid-template-columns:1fr}.week-wrap{grid-template-columns:1fr}.pack-grid{grid-template-columns:1fr}}
@media (max-width:700px){.syl-topics{grid-template-columns:1fr}.exam-pager{grid-template-columns:1fr}.exam-pager a[rel=next]{text-align:left}.fact-card dl>div{grid-template-columns:1fr;gap:2px}.syl-meta{flex-basis:100%;order:5}}
