:root{
  --ink:#1b211c;
  --body:#3f586f;
  --olive:#3f472c;
  --olive-dark:#333a24;
  --gold:#7c6b39;
  --cream:#eeece0;
  --mist:#f5f6f8;
  --paper:#fffef9;
  --line:#d7cfae;
  --line-soft:#dddcd3;
  --navy:#182239;
  --white:#fff;
  --green:#18794e;
  --green-bg:#e9f7ef;
  --red:#b42318;
  --red-bg:#fff0ee;
  --shadow:none;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:var(--mist);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
a{text-decoration:none;color:inherit;opacity:1;filter:none}p,h1,h2,h3,h4,h5,h6,li{opacity:1;filter:none}
button,input,select,textarea{font:inherit}
.container{width:min(90%,1260px);margin:0 auto}
.site-header{min-height:90px;height:auto;background:#fff;border-bottom:1px solid var(--line-soft);position:sticky;top:0;z-index:1000}
.header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.logo a{display:inline-flex;align-items:center}.logo img{display:block;width:245px;height:auto;max-width:100%;image-rendering:auto}
nav{display:flex;align-items:center;gap:27px}
nav a{font-size:16px;font-weight:700;color:#4c5563;white-space:nowrap}
nav a:hover,nav a.active{color:#555a2b}
.hero,.page-intro{background:var(--cream);border-bottom:1px solid #d9d6c5}
.hero{padding:120px 0 105px}
.hero-content{max-width:1160px}
.hero-punchline,.site-punchline{font-family:"Noto Serif Devanagari",Georgia,'Noto Serif Devanagari','Nirmala UI','Mangal','Times New Roman',serif;color:#3f472c;font-size:clamp(30px,3.25vw,48px);line-height:1.3;font-weight:800;letter-spacing:-.3px;text-wrap:balance}
.hero-punchline{margin-bottom:30px;max-width:1100px;overflow-wrap:anywhere}
.eyebrow{font-size:13px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.hero h1,.page-intro h1{font-size:clamp(52px,6vw,82px);line-height:1.02;letter-spacing:-3px;margin-bottom:28px;font-weight:800;color:var(--ink)}
.hero-text,.page-intro .lead{max-width:900px;font-size:20px;color:var(--body);margin-bottom:34px}
.page-intro{padding:90px 0 85px}
.page-intro .site-punchline{margin-bottom:26px;max-width:1100px;overflow-wrap:anywhere}
.hero-buttons,.result-actions{display:flex;gap:16px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border:1px solid var(--line);border-radius:7px;font-weight:800;font-size:16px;cursor:pointer;transition:.15s ease}
.button:hover{transform:translateY(-1px)}
.primary-button{background:var(--olive);color:#fff;border-color:var(--olive)}
.primary-button:hover{background:var(--olive-dark)}
.secondary-button{background:#fff;color:#172018}
.section{padding:76px 0;background:var(--mist)}
.section.alt{background:var(--cream)}
.section-heading{max-width:900px;margin-bottom:42px}
.section-heading h2{font-size:46px;line-height:1.12;margin-bottom:12px;letter-spacing:-1px}
.section-heading p:not(.eyebrow){font-size:19px;color:#587086}
.exam-grid,.resource-grid,.syllabus-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.exam-card,.syllabus-card,.resource-card,.quiz-card,.result-card,.review-card,.filters-panel,.admin-panel,.studio-card{background:var(--paper);border:1px solid var(--line);border-radius:6px;box-shadow:none}
.exam-card,.resource-card{padding:36px;min-height:300px;display:flex;flex-direction:column}
.exam-card:hover,.resource-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.card-number{font-size:14px;font-weight:800;color:#9a7731;margin-bottom:24px;letter-spacing:1px}
.exam-card h3,.resource-card h3{font-size:27px;line-height:1.2;margin-bottom:16px}
.exam-card p,.resource-card p{font-size:17px;color:#40586d;margin-bottom:24px}
.exam-card a,.resource-card a,.text-link{margin-top:auto;color:#555a2b;font-size:16px;font-weight:800}
.syllabus-wrap{grid-template-columns:repeat(2,1fr)}
.syllabus-card{padding:30px;min-width:0}
.syllabus-card h3{font-size:24px;line-height:1.25;margin-bottom:12px}
.syllabus-card h4{font-size:16px;color:var(--gold);text-transform:uppercase;letter-spacing:1.3px;margin:22px 0 8px}
.syllabus-card p,.syllabus-card li{font-size:16px;color:#40586d}
.syllabus-card ul{padding-left:22px}
.syllabus-card li{margin:7px 0}
.exam-table-wrap{width:100%;overflow-x:auto}.exam-table{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.exam-table th,.exam-table td{padding:15px 16px;border-bottom:1px solid #e2ddca;text-align:left;vertical-align:top}
.exam-table th{background:#f0eee4;color:#3e442d;font-size:14px;text-transform:uppercase;letter-spacing:.8px}
.exam-table tr:last-child td{border-bottom:0}
.notice{border-left:4px solid #555a2b;background:#f0eee4;padding:18px 22px;margin-top:28px;color:#4f6578}
.footer{background:var(--navy);color:#fff;padding:62px 0 26px}
.footer-grid,.footer-content{display:grid;grid-template-columns:1.2fr 1fr 1.4fr;gap:45px}
.footer h3,.footer-content h3{font-size:22px;margin-bottom:12px}
.footer p,.footer-content p{color:#d4dbea}
.footer-social{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.footer-social a{border:1px solid #566176;border-radius:30px;padding:8px 14px;font-weight:700;color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:.15s ease}.footer-social a:hover,.footer-social a:focus-visible{border-color:#fff;background:#26314a;transform:translateY(-1px)}
.footer-bottom{border-top:1px solid #364057;margin-top:40px;padding-top:20px;color:#aeb9cd;font-size:13px}
.filters-panel,.quiz-card,.result-card,.review-card,.admin-panel,.studio-card{padding:34px}
.materials-grid{display:grid;gap:16px}
.material-card{display:flex;justify-content:space-between;gap:20px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:22px}
.material-meta{color:#7b6c3d;font-size:14px;margin-top:5px}
.view-button{display:inline-flex;background:var(--olive);color:#fff;padding:11px 17px;border-radius:5px;font-weight:800}
.empty-message{padding:30px;text-align:center;color:#617287}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.form-field{display:flex;flex-direction:column;gap:8px}
.form-field.full{grid-column:1/-1}
.form-field label{font-weight:800;color:#4a4c2a}
.form-field input,.form-field select,.form-field textarea,.content-search{padding:14px;border:1px solid #cfc8ae;border-radius:6px;background:#fff}
.admin-shell{padding:60px 0}
.content-search{width:100%}
.materials-page,.materials-container{width:100%}
.materials-container{max-width:1260px;margin:0 auto;padding-left:5%;padding-right:5%}
.materials-heading{background:var(--cream);border-bottom:1px solid #d9d6c5;padding:90px 0 85px}
.materials-heading h1{font-size:clamp(50px,6vw,78px);line-height:1.03;letter-spacing:-3px;margin-bottom:22px}
.materials-heading>p:last-child{max-width:900px;font-size:20px;color:#40586d}
.articles-grid,.video-grid,.pyq-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.article-card,.video-card,.pyq-card{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:30px}
.video-placeholder{height:170px;background:var(--cream);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--gold);font-weight:800;margin-bottom:20px}
.article-number,.pyq-number{font-size:14px;font-weight:800;color:#9a7731;margin-bottom:18px}
.article-category,.video-category,.pyq-exam{font-size:13px;font-weight:800;letter-spacing:1.3px;color:var(--gold);text-transform:uppercase;margin-bottom:8px}
.article-card h3,.video-card h3,.pyq-card h3{font-size:23px;line-height:1.25;margin-bottom:12px}
.article-card p,.video-card p,.pyq-card p{color:#587086}
.video-content{display:flex;flex-direction:column}.video-content .view-button{margin-top:18px;width:max-content}
.pyq-filters{display:flex;gap:15px;padding:28px;margin-bottom:28px;background:var(--mist)}
.pyq-filters>*{flex:1}
.pyq-filters select,.pyq-filters input,.filters select,.filters input{padding:14px;border:1px solid #cfc8ae;border-radius:6px;background:#fff;font:inherit}
.studio-card{padding:36px}.studio-form{display:grid;grid-template-columns:1fr 1fr;gap:22px}.studio-form>div{display:flex;flex-direction:column;gap:8px}.studio-form .full{grid-column:1/-1}.studio-form input,.studio-form select,.studio-form textarea{padding:14px;border:1px solid #cfc8ae;border-radius:6px;background:#fff}.studio-form button{padding:14px 20px;border:0;border-radius:6px;background:var(--olive);color:#fff;font-weight:800}
.quiz-page{background:var(--mist);min-height:calc(100vh - 90px)}
.quiz-wrap{max-width:980px}
.quiz-card{max-width:980px;margin:0 auto}
.quiz-top{display:flex;justify-content:space-between;gap:20px;align-items:center;color:var(--gold);font-weight:800;margin-bottom:18px}
.quiz-progress{height:7px;background:#e6e3d6;border-radius:99px;overflow:hidden;margin-bottom:18px}.quiz-progress span{display:block;height:100%;width:0;background:var(--olive);transition:width .2s ease}
.quiz-status{font-size:14px;color:#69798a;margin-bottom:16px}
.quiz-card h2{font-size:30px;line-height:1.35;margin-bottom:26px}
.quiz-options{display:grid;gap:13px}
.quiz-option{width:100%;padding:18px 20px;text-align:left;background:#fff;border:1px solid #cfc4a4;border-radius:8px;cursor:pointer;color:var(--ink);font-weight:700;transition:.15s ease}
.quiz-option:hover:not(:disabled){border-color:var(--olive);background:#f4f4ec}
.quiz-option.selected{border-color:var(--olive);background:#eeece0}
.quiz-option.correct{border-color:var(--green);background:var(--green-bg);color:#125c3d}
.quiz-option.incorrect{border-color:var(--red);background:var(--red-bg);color:#8d1b13}
.quiz-option.chosen{box-shadow:inset 4px 0 0 currentColor}
.quiz-option:disabled{cursor:default}
.explanation-helper{margin-top:-8px;margin-bottom:14px;font-size:14px;color:#68798a}.option-explanations{margin-top:22px}
.explanation-box{background:#f5f4ed;border:1px solid #ded8c2;border-radius:8px;padding:22px}
.explanation-box h3{font-size:19px;margin-bottom:15px}.option-explanation-row{padding:12px 0;border-top:1px solid #e0dccb}.option-explanation-row:first-of-type{border-top:0}.option-explanation-row p{margin-top:5px;color:#5b6e7e}.explanation-correct{color:var(--green)}.explanation-incorrect{color:var(--red)}.your-answer-note{margin-top:16px;font-weight:700;color:var(--red)}
.quiz-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:30px}.quiz-actions-right{display:flex;gap:12px;flex-wrap:wrap}
.result-card{text-align:center;max-width:780px;margin:0 auto}.result-card h1{font-size:50px;margin-bottom:20px}.result-score{font-size:60px;font-weight:800;color:var(--olive);margin-bottom:14px}.result-message{color:var(--body);font-size:18px;margin:22px auto 30px;max-width:650px}.result-actions{justify-content:center}
.result-stats{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.result-stats span{background:#f1f0e8;border:1px solid #ded8c2;border-radius:30px;padding:8px 14px;color:#536475}.result-stats strong{color:var(--olive)}
.review-card{max-width:980px;margin:0 auto}.review-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.review-heading h2{font-size:40px}.review-list{display:grid;gap:20px}.review-item{border:1px solid var(--line);border-radius:6px;padding:26px;background:#fff}.review-item-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:12px;color:#77683a;font-weight:800}.review-state{border-radius:30px;padding:5px 11px;font-size:13px}.review-state.correct{background:var(--green-bg);color:var(--green)}.review-state.incorrect{background:var(--red-bg);color:var(--red)}.review-state.skipped{background:#f0eee4;color:#6d633f}.review-item h3{font-size:21px;line-height:1.4;margin-bottom:18px}.review-options{display:grid;gap:8px}.review-option{display:flex;gap:12px;align-items:flex-start;border:1px solid #ddd8c7;border-radius:7px;padding:12px 14px;background:#fafafa}.review-option.correct{border-color:#8bc9a8;background:var(--green-bg)}.review-option.incorrect{border-color:#e5a7a1;background:var(--red-bg)}.review-letter{font-weight:800;min-width:24px}.review-explanation{margin-top:16px;padding:15px 18px;background:#f6f5ef;border-radius:7px;color:#586b7b}.review-explanation p{margin:6px 0}.quiz-error{color:var(--red)}
.leaderboard-panel{margin:30px auto 28px;max-width:780px;padding:24px;border:1px solid var(--line);border-radius:6px;background:#fff;text-align:left}.leaderboard-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.leaderboard-heading h2{font-size:30px;margin:0}.leaderboard-your-rank{font-weight:800;color:var(--olive);white-space:nowrap}.leaderboard-table-wrap{overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;min-width:560px}.leaderboard-table th,.leaderboard-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}.leaderboard-table th{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#77683a}.leaderboard-table td:first-child{font-weight:800;width:70px}.leaderboard-table tr:last-child td{border-bottom:0}.leaderboard-table .current-leaderboard-entry td{background:var(--green-bg);font-weight:800}.leaderboard-note{margin:16px 0 0;color:#69798a;font-size:13px;line-height:1.5}
.syllabus-jump{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.syllabus-jump .button{width:auto}.syllabus-spaced{margin-top:28px}.feature-box{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:40px}.feature-box h2{font-size:42px;line-height:1.15;margin-bottom:14px}.feature-box p:not(.eyebrow){font-size:19px;color:#40586d;max-width:900px}
@media(max-width:1050px){nav{gap:16px}.hero h1,.page-intro h1{font-size:clamp(50px,7vw,72px)}}
@media(max-width:900px){.exam-grid,.resource-grid,.articles-grid,.video-grid,.pyq-list{grid-template-columns:1fr 1fr}.syllabus-wrap{grid-template-columns:1fr}.footer-grid,.footer-content{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.hero-punchline,.site-punchline{font-size:clamp(27px,8vw,38px);line-height:1.4;letter-spacing:0;max-width:100%}.site-header{height:auto;min-height:78px}.header-inner{padding:16px 0;align-items:flex-start}.logo a{font-size:18px}nav{display:none}.hero,.page-intro,.materials-heading{padding:70px 0}.hero h1,.page-intro h1,.materials-heading h1{letter-spacing:-2px}.hero-text,.page-intro .lead,.materials-heading>p:last-child{font-size:17px}.section{padding:55px 0}.section-heading h2{font-size:36px}.exam-grid,.resource-grid,.articles-grid,.video-grid,.pyq-list,.form-grid{grid-template-columns:1fr}.exam-card{min-height:240px}.footer-grid,.footer-content{grid-template-columns:1fr}.material-card{flex-direction:column;align-items:flex-start}.exam-table-wrap{overflow-x:auto}.exam-table{min-width:720px}.button{width:100%}.quiz-actions{align-items:stretch;flex-direction:column}.quiz-actions-right{display:grid;grid-template-columns:1fr}.review-heading{align-items:stretch;flex-direction:column}.review-heading h2{font-size:32px}.result-stats{display:grid;grid-template-columns:1fr 1fr}.quiz-card,.result-card,.review-card{padding:24px}.quiz-card h2{font-size:24px}.result-score{font-size:48px}.leaderboard-panel{padding:18px}.leaderboard-heading{align-items:flex-start;flex-direction:column}.leaderboard-heading h2{font-size:26px}.leaderboard-your-rank{white-space:normal}}

/* PYQ REPOSITORY */
.repo-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.repo-filters>div{display:flex;flex-direction:column;gap:8px}.repo-filters label{font-weight:800;color:#4a4c2a}.repo-filters select,.repo-filters input{padding:14px;border:1px solid #cfc8ae;border-radius:6px;background:#fff;font:inherit;color:var(--ink)}.repo-search{grid-column:1/-1}.repo-count{margin-top:18px;color:#68798a;font-weight:800}.pyq-repository-list{display:grid;gap:18px}.pyq-repository-card{background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:28px}.pyq-repository-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}.pyq-repository-card h3{font-size:25px;line-height:1.25;margin-bottom:20px}.pyq-year{font-weight:800;color:#77683a}.pyq-meta-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:16px;margin-bottom:20px}.pyq-meta-grid div{border-top:1px solid #ded8c2;padding-top:12px}.pyq-meta-grid strong,.pyq-meta-grid span{display:block}.pyq-meta-grid strong{font-size:12px;text-transform:uppercase;letter-spacing:.9px;color:#77683a;margin-bottom:5px}.pyq-meta-grid span{color:#52687a;line-height:1.5}.pyq-repository-card .view-button{width:max-content}
@media(max-width:900px){.repo-filters{grid-template-columns:1fr 1fr}.pyq-meta-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.repo-filters,.pyq-meta-grid{grid-template-columns:1fr}.repo-search{grid-column:auto}.pyq-repository-top{align-items:flex-start;flex-direction:column}.pyq-repository-card .view-button{width:100%;justify-content:center}}
.repo-manager-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.repo-manager-actions .button{width:auto}.repo-preview{margin-top:20px;max-height:360px;overflow:auto;background:#172033;color:#fff;padding:18px;border-radius:6px;font-size:12px;white-space:pre-wrap}
@media(max-width:700px){.repo-manager-actions .button{width:100%}}
.pyq-availability{margin:0 0 18px;padding:12px 14px;background:#f3f1e8;border-left:3px solid var(--olive);color:#5d6e7c;font-size:14px}

/* HOMEPAGE SEARCH + SHARP FOOTER */
.home-search{background:#fff;border-bottom:1px solid var(--line-soft);padding:22px 0;position:relative;z-index:900}
.home-search-form{max-width:1100px;margin:0 auto}
.home-search-form>label{display:block;font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.home-search-row{display:flex;gap:12px}
.home-search-row input{flex:1;min-width:0;height:52px;padding:0 16px;border:1px solid #cfc8ae;border-radius:7px;background:#fff;color:var(--ink);outline:none;box-shadow:none;filter:none;opacity:1}
.home-search-row input:focus{border-color:var(--olive);box-shadow:0 0 0 3px rgba(63,71,44,.10)}
.home-search-row .button{width:auto;min-width:120px}
.home-search-results{display:grid;gap:8px;margin-top:10px}
.home-search-result{display:flex;flex-direction:column;gap:2px;padding:11px 14px;border:1px solid var(--line-soft);border-radius:6px;background:#fff;opacity:1;filter:none;color:var(--ink)}
.home-search-result:hover{background:var(--cream);border-color:var(--line)}
.home-search-result span{font-size:13px;color:#52687a}
.home-search-empty{padding:12px 14px;color:#52687a;background:#f7f7f3;border:1px solid var(--line-soft);border-radius:6px}
footer.footer{background:var(--navy)!important;color:#fff!important;filter:none!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:none!important;position:relative;isolation:isolate}
footer.footer *{filter:none!important;opacity:1!important;text-shadow:none!important}
footer.footer a{color:#fff!important;opacity:1!important;filter:none!important}
footer.footer p{color:#dfe5ef!important}
@media(max-width:700px){.home-search{padding:16px 0}.home-search-row{flex-direction:column}.home-search-row .button{width:100%}}

.repo-fallback-note{margin:0 0 18px;padding:12px 14px;background:#eef5ef;border:1px solid #c9dfcf;color:#315f43;border-radius:6px;font-weight:700}

/* V9 HEADER SEARCH + LOGO */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.header-search{position:relative;flex:0 0 155px;z-index:1100}
.header-search-box{display:flex;align-items:center;height:40px;border:1px solid #cfc8ae;border-radius:20px;background:#fff;overflow:hidden;box-shadow:none;opacity:1;filter:none}
.header-search-box input{width:100%;min-width:0;height:38px;border:0!important;outline:0!important;background:transparent!important;padding:0 9px 0 14px!important;color:var(--ink);font-size:13px;box-shadow:none!important}
.header-search-box button{width:36px;height:38px;border:0;background:transparent;color:var(--olive);font-size:20px;font-weight:800;cursor:pointer;padding:0;margin:0}
.header-search-results{position:absolute;right:0;top:46px;width:min(360px,80vw);display:grid;gap:6px}
.header-search-result,.header-search-empty{background:#fff;border:1px solid var(--line-soft);border-radius:7px;padding:10px 12px;box-shadow:0 8px 24px rgba(20,28,38,.10);color:var(--ink)}
.header-search-result{display:flex;flex-direction:column;gap:2px}.header-search-result span{font-size:12px;color:#52687a}.header-search-empty{font-size:12px;color:#52687a}
.pyq-paper-specs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 20px}
.pyq-paper-specs>div{border:1px solid #e0dccb;background:#f8f7f1;border-radius:6px;padding:11px}
.pyq-paper-specs strong,.pyq-paper-specs span{display:block}.pyq-paper-specs strong{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#77683a;margin-bottom:4px}.pyq-paper-specs span{font-size:14px;color:#52687a;line-height:1.4}
.pyq-complete-note{margin:0 0 18px;padding:12px 14px;background:#f7f8fa;border:1px solid #e0e2e5;border-radius:6px;color:#536475;font-size:13px}
/* Prevent any inherited transparency/filter from making footer or bottom content look cloudy. */
.footer,.footer *,.section,.section *,.exam-card,.exam-card *,.feature-box,.feature-box *{opacity:1!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(max-width:1100px){nav{gap:13px}nav a{font-size:14px}.header-search{flex-basis:140px}.pyq-paper-specs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.header-inner{flex-wrap:wrap;padding:12px 0}.logo{margin-right:auto}nav{order:3;width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:4px;scrollbar-width:thin}.header-search{order:2}.pyq-paper-specs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.logo img{width:155px;height:auto}.header-search{flex-basis:132px}.header-search-box{height:38px}.header-search-box input{font-size:12px}.header-search-box button{width:32px}.header-search-results{right:0;top:44px;width:min(320px,92vw)}.pyq-paper-specs{grid-template-columns:1fr 1fr}.pyq-paper-specs span{font-size:13px}}


/* V10 MOBILE CONSISTENCY */
.mobile-menu-toggle{display:none;width:auto!important;margin:0!important;padding:8px 11px!important;border:1px solid #cfc8ae!important;border-radius:6px!important;background:#fff!important;color:var(--ink)!important;font-size:20px!important;line-height:1!important;box-shadow:none!important}
@media(max-width:900px){
  .site-header{min-height:76px}
  .header-inner{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;padding:12px 16px}
  .logo{flex:0 1 auto;min-width:0}
  .logo img{width:200px;max-width:48vw}
  nav{display:none;order:4;width:100%;flex:1 0 100%;overflow-x:auto;white-space:nowrap;padding:10px 0 2px;gap:18px;border-top:1px solid var(--line-soft)}
  nav.mobile-open{display:flex}
  .mobile-menu-toggle{display:block;flex:0 0 auto;order:2}
  .header-search{order:3;flex:0 1 145px;margin-left:auto}
  .header-search-box{width:100%}
  .header-inner:has(nav.mobile-open){flex-wrap:wrap}
  .hero,.page-intro,.materials-heading{padding:64px 0}
  .hero-content,.container{width:min(92%,1100px);margin-left:auto;margin-right:auto}
  img{max-width:100%;height:auto}
  table{max-width:100%}
}
@media(max-width:560px){
  .header-inner{padding:10px 12px}
  .logo img{width:185px;max-width:50vw}
  .header-search{flex-basis:116px}
  .header-search-box{height:36px}
  .header-search-box input{font-size:11px;padding-left:10px!important}
  .header-search-box button{width:30px;height:34px;font-size:17px}
  .mobile-menu-toggle{font-size:18px!important;padding:7px 9px!important}
  .hero h1,.page-intro h1,.materials-heading h1{font-size:clamp(38px,12vw,58px);letter-spacing:-1.5px}
  .hero-punchline,.site-punchline{font-size:clamp(25px,8vw,34px)}
  .section{padding:46px 0}
  .section-heading h2{font-size:32px}
}


/* V11 HOMEPAGE LOGO EMPHASIS */
.homepage-header .logo img{width:290px;max-width:none}
@media(max-width:1100px){.homepage-header .logo img{width:260px}}
@media(max-width:900px){.homepage-header .logo img{width:225px;max-width:54vw}}
@media(max-width:560px){.homepage-header .logo img{width:195px;max-width:54vw}}


/* Homepage search: intentionally placed below the learning-resource/PYQ cards to avoid header clutter. */
.home-search-section{background:var(--paper,#fff);padding:18px 0 24px;border-top:0;border-bottom:0;}
.home-search-form-compact{max-width:760px;margin:0 auto;padding:0 4px;}
.home-search-form-compact>label{display:block;text-align:left;font-size:13px;font-weight:800;letter-spacing:.4px;color:var(--ink,#172033);margin:0 0 8px;}
.home-search-row-compact{display:flex;gap:10px;align-items:stretch;}
.home-search-row-compact input{flex:1;min-width:0;height:48px;padding:0 16px;border:1px solid #cfc8ae;border-radius:7px;background:#fff;color:var(--ink,#172033);font:inherit;outline:none;box-shadow:none;opacity:1;filter:none;}
.home-search-row-compact input:focus{border-color:var(--olive,#4a4c2a);box-shadow:0 0 0 3px rgba(63,71,44,.09);}
.home-search-row-compact button{width:auto;min-width:92px;height:48px;margin:0;padding:0 18px;border:1px solid var(--olive,#4a4c2a);border-radius:7px;background:var(--olive,#4a4c2a);color:#fff;font:inherit;font-weight:800;cursor:pointer;}
.home-search-results{display:grid;gap:7px;margin-top:9px;}
.home-search-results .header-search-result,.home-search-results .header-search-empty{background:#fff;border:1px solid var(--line-soft,#e5e5df);border-radius:7px;padding:10px 12px;box-shadow:none;color:var(--ink,#172033);}
.home-search-results .header-search-result{display:flex;flex-direction:column;gap:2px;text-decoration:none;}
.home-search-results .header-search-result span{font-size:12px;color:#52687a;}
@media(max-width:700px){.home-search-section{padding:18px 0 22px}.home-search-form-compact{max-width:100%}.home-search-row-compact{gap:8px}.home-search-row-compact input{height:46px;font-size:14px}.home-search-row-compact button{height:46px;min-width:78px;padding:0 13px}}
/* V13: HOMEPAGE SEARCH VISIBILITY */
.home-search-section{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:20!important;background:#ffffff!important;padding:30px 0 34px!important;}
.home-search-form-compact{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:820px!important;margin:0 auto!important;}
.home-search-form-compact>label{display:block!important;visibility:visible!important;opacity:1!important;margin-bottom:10px!important;font-size:14px!important;font-weight:800!important;color:#172033!important;}
.home-search-row-compact{display:flex!important;visibility:visible!important;opacity:1!important;gap:12px!important;}
.home-search-row-compact input{display:block!important;visibility:visible!important;opacity:1!important;height:54px!important;font-size:15px!important;}
.home-search-row-compact button{display:block!important;visibility:visible!important;opacity:1!important;height:54px!important;min-width:105px!important;}
@media(max-width:700px){.home-search-section{padding:24px 0 28px!important}.home-search-row-compact{flex-direction:column!important}.home-search-row-compact input,.home-search-row-compact button{width:100%!important;height:50px!important}}

/* V16: homepage header repository + search stack — search sits directly below PYQ Repository at top-right. */
.header-repository-search{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex:0 0 auto;}
.header-repository-link{font-size:16px;font-weight:700;color:#4c5563;white-space:nowrap;}
.header-repository-link:hover{color:#555a2b;}
.header-repository-search .header-search{flex:0 0 auto;width:185px;margin:0;}
.header-repository-search .header-search-box{height:36px;border-radius:18px;}
.header-repository-search .header-search-box input{height:34px;font-size:12px;padding-left:12px!important;}
.header-repository-search .header-search-box button{height:34px;width:34px;font-size:18px;}
.header-repository-search .header-search-results{top:42px;}
@media(max-width:1100px){.header-repository-search .header-search{width:160px}.header-repository-link{font-size:14px}}
@media(max-width:900px){.header-repository-search{order:3;align-items:flex-end}.header-repository-search .header-search{width:150px}.header-repository-search .header-search-results{right:0}}
@media(max-width:700px){.header-repository-search{display:flex;position:absolute;right:12px;top:10px;align-items:flex-end;gap:4px;}.header-repository-search .header-repository-link{font-size:11px;}.header-repository-search .header-search{width:132px;}.header-repository-search .header-search-box{height:34px;}.header-repository-search .header-search-box input{font-size:11px;height:32px;}.header-repository-search .header-search-box button{height:32px;width:30px;font-size:16px;} .homepage-header .logo img{width:min(190px,46vw);}}

/* V17 homepage navigation/search correction:
   PYQ Repository stays on the same navigation line as Home and Content Library.
   The homepage search is moved into the empty hero space immediately above the Hindi punchline. */
.homepage-header nav > a:last-child{font-size:16px;font-weight:700;color:#4c5563;white-space:nowrap;}
.homepage-header nav > a:last-child:hover{color:#555a2b;}
.header-repository-search{display:none!important;}
.hero-top-search{width:min(430px,100%);margin:0 0 22px 0;position:relative;z-index:30;}
.hero-search-box{display:flex;align-items:center;width:100%;height:46px;border:1px solid #cfc8ae;border-radius:7px;background:#fff;overflow:hidden;box-shadow:none;opacity:1;filter:none;}
.hero-search-box input{flex:1;min-width:0;height:44px;border:0!important;outline:0!important;background:transparent!important;padding:0 13px!important;color:var(--ink);font:inherit;font-size:14px;box-shadow:none!important;filter:none!important;opacity:1!important;}
.hero-search-box input::placeholder{color:#78818a;opacity:1;}
.hero-search-box input:focus{box-shadow:none!important;}
.hero-search-box button{width:46px;height:44px;border:0;background:transparent;color:var(--olive);font-size:21px;font-weight:800;cursor:pointer;padding:0;margin:0;}
.hero-search-results{display:grid;gap:6px;margin-top:7px;width:min(430px,100%);}
.hero-search-results .header-search-result,.hero-search-results .header-search-empty{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--line-soft);border-radius:7px;padding:10px 12px;box-shadow:0 8px 24px rgba(20,28,38,.10);color:var(--ink);text-decoration:none;}
.hero-search-results .header-search-result span{font-size:12px;color:#52687a;}
.hero-search-results .header-search-empty{font-size:12px;color:#52687a;}
@media(max-width:1100px){.homepage-header nav > a:last-child{font-size:14px;}.hero-top-search{margin-bottom:20px;}}
@media(max-width:900px){.hero-top-search{width:min(390px,100%);}.hero-search-results{width:100%;}}
@media(max-width:700px){.hero-top-search{width:100%;margin:0 0 20px;}.hero-search-box{height:46px;}.hero-search-box input{height:44px;font-size:14px;}.hero-search-box button{height:44px;width:44px;}.hero-search-results{width:100%;}}

/* V19: homepage search is anchored to the RIGHT EDGE of the Hindi punchline,
   directly above it — not centered and not in the header. */
.homepage-header nav > a:last-child{white-space:nowrap;}
.hero-top-search{
  width:min(360px,100%);
  margin:0 -18px 12px auto;
  align-self:flex-end;
}
.hero-search-box{
  height:44px;
  border-radius:7px;
}
.hero-search-box input{
  height:42px;
  font-size:14px;
}
.hero-search-box button{
  height:42px;
  width:42px;
  font-size:20px;
}
.hero-search-results{width:min(360px,100%);}
@media(max-width:700px){
  .hero-top-search{width:min(100%,360px);margin:0 0 10px auto;}
  .hero-search-box{height:44px;}
  .hero-search-box input{height:42px;font-size:14px;}
  .hero-search-box button{height:42px;width:42px;}
  .hero-search-results{width:100%;}
}

/* V21: Homepage hero search — move upward, keep right alignment, and enlarge subtly. */
.hero-top-search{
  width:min(420px,100%);
  margin:0 -18px 22px auto;
  transform:translateY(-28px);
  align-self:flex-end;
}
.hero-search-box{
  height:50px;
  border:1px solid #c9c2a8;
  border-radius:9px;
  box-shadow:0 5px 16px rgba(23,32,51,.07);
}
.hero-search-box input{
  height:48px;
  padding:0 16px!important;
  font-size:15px;
}
.hero-search-box button{
  height:48px;
  width:50px;
  font-size:23px;
}
.hero-search-results{width:min(420px,100%);}
@media(max-width:900px){
  .hero-top-search{width:min(400px,100%);transform:translateY(-22px);}
}
@media(max-width:700px){
  .hero-top-search{width:min(100%,380px);margin:0 0 12px auto;transform:translateY(-12px);}
  .hero-search-box{height:48px;border-radius:8px;}
  .hero-search-box input{height:46px;font-size:14px;}
  .hero-search-box button{height:46px;width:46px;font-size:21px;}
  .hero-search-results{width:100%;}
}

/* Homepage: clear access to courses and student accounts */
.hero-account-links{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:14px;max-width:900px;margin-top:22px}
.hero-account-link{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid #d7cfae;border-radius:8px;background:rgba(255,255,255,.72);transition:.15s ease}
.hero-account-link:hover{transform:translateY(-1px);border-color:#9d946d;background:#fff}
.hero-account-link strong{font-size:17px;color:var(--ink)}
.hero-account-link span{font-size:14px;color:#52687a}
.course-home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.course-home-card{display:flex;flex-direction:column;min-height:255px;padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:7px;transition:.15s ease}
.course-home-card:hover{transform:translateY(-2px);border-color:#aaa27c}
.course-tag{font-size:11px;font-weight:800;letter-spacing:1.3px;color:var(--gold);margin-bottom:13px}
.course-home-card h3{font-size:23px;line-height:1.25;margin-bottom:12px}
.course-home-card p{font-size:16px;color:#52687a;margin-bottom:22px}
.course-home-card strong{margin-top:auto;color:var(--olive)}
.home-account-cta{margin-top:28px;padding:28px 30px;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.home-account-cta h3{font-size:26px;line-height:1.2;margin-bottom:7px}.home-account-cta p:not(.eyebrow){color:#52687a}
@media(max-width:1000px){.course-home-grid{grid-template-columns:repeat(2,1fr)}nav{gap:12px}}
@media(max-width:700px){.hero-account-links{grid-template-columns:1fr}.course-home-grid{grid-template-columns:1fr}.home-account-cta{flex-direction:column;align-items:flex-start}.home-account-cta .hero-buttons{width:100%}.home-account-cta .button{width:100%}}

/* V23 — mobile parity and local index.html rendering
   Keep the same visual hierarchy on Android/iPhone while allowing the navigation
   to scroll horizontally instead of replacing it with a different desktop layout. */
@media (max-width: 900px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .site-header{width:100%;overflow:visible}
  .header-inner{width:100%;max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px}
  .logo{flex:0 0 auto}
  .logo img{display:block;height:auto;max-width:100%;}
  .mobile-menu-toggle{display:none!important}
  .header-inner nav,
  .homepage-header nav{display:flex!important;order:4;flex:1 0 100%;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;justify-content:flex-start;gap:18px;padding:10px 2px 6px;border-top:1px solid var(--line-soft);-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .header-inner nav::-webkit-scrollbar{display:none}
  .header-inner nav a{flex:0 0 auto}
  .header-search{order:3;margin-left:auto;flex:0 1 150px;min-width:110px}
  .hero,.page-intro,.materials-heading{width:100%}
  .hero-content,.container{width:min(92%,1100px);max-width:1100px;margin-left:auto;margin-right:auto}
  .hero-top-search{max-width:430px;margin-left:auto;margin-right:0}
  .hero-search-box{width:100%}
}
@media (max-width:560px){
  .header-inner{padding:10px 12px;gap:9px}
  .homepage-header .logo img{width:min(190px,48vw);max-width:190px}
  .header-search{flex:1 1 120px;max-width:150px}
  .header-search-box{width:100%}
  .header-inner nav,.homepage-header nav{gap:16px;padding-top:9px}
  .hero-content,.container{width:calc(100% - 28px)}
  .hero-top-search{width:min(100%,380px);margin-left:auto;margin-right:0}
}

/* V25 — force the brand logo to remain visible on every non-home page */
.site-header:not(.homepage-header) .logo,
.site-header:not(.homepage-header) .logo a,
.site-header:not(.homepage-header) .logo img {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.site-header:not(.homepage-header) .logo img {
  width: 220px !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
}
.site-header:not(.homepage-header) .header-inner {
  min-height: 90px;
}
@media (max-width: 900px) {
  .site-header:not(.homepage-header) .logo img {
    width: 200px !important;
    max-width: 48vw !important;
  }
}
@media (max-width: 560px) {
  .site-header:not(.homepage-header) .logo img {
    width: 175px !important;
    max-width: 52vw !important;
  }
}


/* V26 — inline brand mark: no external image dependency, guaranteed on every page */
.site-header .logo svg {
  display:block !important;
  width:220px !important;
  height:auto !important;
  max-width:100% !important;
  visibility:visible !important;
  opacity:1 !important;
  flex:0 0 auto;
}
.site-header .logo a { display:inline-flex !important; align-items:center !important; visibility:visible !important; }
@media (max-width:900px){ .site-header .logo svg{ width:200px !important; max-width:48vw !important; } }
@media (max-width:560px){ .site-header .logo svg{ width:175px !important; max-width:52vw !important; } }
.homepage-header .logo svg{ width:280px !important; max-width:none !important; }
@media(max-width:1100px){ .homepage-header .logo svg{width:250px !important;} }
@media(max-width:900px){ .homepage-header .logo svg{width:220px !important;max-width:52vw !important;} }
@media(max-width:560px){ .homepage-header .logo svg{width:190px !important;max-width:52vw !important;} }
/* V28 — student account + course presentation */
.account-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:start}.account-benefits{padding:10px 0}.account-benefits h2{font-size:42px;line-height:1.12;margin-bottom:25px}.account-benefits ul{list-style:none;display:grid;gap:18px;margin:0 0 25px}.account-benefits li{display:grid;gap:3px;padding-left:20px;border-left:3px solid var(--line)}.account-benefits li strong{font-size:18px}.account-benefits li span{color:var(--body)}.account-panel{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:30px}.auth-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line-soft);margin-bottom:26px}.auth-tab{width:auto!important;margin:0!important;padding:11px 17px!important;background:transparent!important;color:#52687a!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important}.auth-tab.active{color:var(--olive)!important;border-bottom-color:var(--olive)!important}.auth-form h2,.account-dashboard h2{font-size:30px;margin-bottom:6px}.form-note{color:var(--body);margin-bottom:22px}.captcha-box{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:22px;padding:13px;border:1px solid var(--line);background:#f7f6ef;border-radius:6px}.captcha-box input{width:120px;padding:9px;border:1px solid var(--line);border-radius:5px}.captcha-refresh{width:auto!important;margin:0!important;padding:7px 9px!important;background:transparent!important;color:var(--olive)!important;border:0!important}.consent-check{display:flex;gap:10px;align-items:flex-start;margin-top:18px;color:#52687a;font-size:13px}.consent-check input{width:auto;margin-top:4px}.consent-check a{color:var(--olive);font-weight:800;text-decoration:underline}.auth-submit{width:100%;margin-top:22px}.auth-status{min-height:22px;margin-top:12px;font-weight:700;font-size:14px}.auth-status.success{color:var(--green)}.auth-status.error{color:var(--red)}.account-dashboard{padding:8px}.account-dashboard p:not(.eyebrow){color:var(--body);margin:10px 0 22px}.course-price{font-size:27px;font-weight:900;color:var(--olive);margin:8px 0}.course-old-price{text-decoration:line-through;color:#8792a0;font-size:14px;margin-left:7px}.course-list{padding-left:19px;color:var(--body);margin:15px 0 20px}.course-list li{margin:5px 0}.course-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.course-actions .button{font-size:14px;padding:11px 16px}.course-grid-large{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.course-card-large{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:25px;min-height:410px}.course-card-large.featured{border:2px solid #9d946d}.course-card-large h3{font-size:23px;line-height:1.2}.course-card-large p{color:var(--body);margin-top:9px}.course-badge{font-size:11px;letter-spacing:1.4px;font-weight:900;color:var(--gold);margin-bottom:11px}.course-section-title{margin:55px 0 22px}.course-section-title h2{font-size:36px}.fee-note{padding:17px 20px;background:#f0eee4;border-left:4px solid var(--olive);color:#52687a;margin-top:25px}
@media(max-width:950px){.account-layout,.course-grid-large{grid-template-columns:1fr 1fr}.account-benefits h2{font-size:34px}}
@media(max-width:700px){.account-layout,.course-grid-large{grid-template-columns:1fr}.account-panel{padding:22px}.captcha-box{grid-template-columns:1fr}.captcha-box input{width:100%}.course-card-large{min-height:auto}.account-benefits h2{font-size:31px}}

/* V29 — About Us / founder / mission */
.about-home-grid,.about-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.about-page-grid{grid-template-columns:1.15fr .85fr}.about-home .feature-box,.about-page-grid .feature-box{height:100%;padding:30px}.about-home .feature-box h3,.about-page-grid .feature-box h2{font-size:30px;line-height:1.15;margin-bottom:14px}.about-punchline{margin:42px 0 18px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-punchline span{font-family:"Noto Serif Devanagari",Georgia,'Nirmala UI','Mangal',serif;font-size:clamp(28px,3.2vw,46px);font-weight:800;color:var(--olive);line-height:1.35}.about-punchline p{margin-top:8px;color:var(--body);font-size:17px}.about-list{padding-left:20px;color:var(--body)}.about-list li{margin:13px 0}.founder-note{max-width:900px;padding:32px;border-left:4px solid var(--olive);background:var(--paper)}.founder-note blockquote{font-family:"Noto Serif Devanagari",Georgia,'Nirmala UI','Mangal',serif;font-size:clamp(27px,3vw,44px);font-weight:800;line-height:1.35;color:var(--olive);margin:10px 0 18px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;padding:20px 0;border-top:1px solid rgba(255,255,255,.12)}.footer-links a{color:inherit;font-weight:700}@media(max-width:800px){.about-home-grid,.about-page-grid{grid-template-columns:1fr}.about-home .feature-box,.about-page-grid .feature-box{padding:24px}.founder-note{padding:24px}}

/* V31 MINIMAL FIX — preserve the existing design, but allow the desktop navigation to wrap inside the page instead of overflowing. No font, colour or size changes. */
@media (min-width: 901px){
  .homepage-header .header-inner, .site-header .header-inner{align-items:center;}
  .homepage-header nav, .site-header nav{flex:1 1 auto;min-width:0;max-width:100%;display:flex;flex-wrap:wrap;justify-content:flex-end;row-gap:8px;column-gap:27px;}
  .homepage-header nav a, .site-header nav a{flex:0 0 auto;}
}
@media (min-width: 901px) and (max-width: 1250px){
  .homepage-header nav, .site-header nav{column-gap:16px;}
}


/* V35 — MOBILE/TABLET COMPATIBILITY ONLY
   Desktop/laptop rules above remain untouched. This layer keeps the same
   components, typography and visual language while preventing overflow and
   making every navigation link reachable on touch devices. */
@media (max-width: 900px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .site-header{width:100%;overflow:visible}
  .header-inner{width:calc(100% - 28px);max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0}
  .logo{flex:0 0 auto;min-width:0}
  .logo a{display:inline-flex;align-items:center}
  .logo svg,.logo img{display:block;max-width:100%;height:auto}
  .header-search{order:2;margin-left:auto;flex:0 1 150px;min-width:110px}
  .header-inner nav,.homepage-header nav{
    display:flex!important;order:4;flex:1 0 100%;width:100%;min-width:0;
    flex-wrap:wrap;overflow:visible;white-space:normal;
    justify-content:flex-start;align-items:center;
    gap:10px 18px;padding:10px 0 3px;
    border-top:1px solid var(--line-soft);
  }
  .header-inner nav a,.homepage-header nav a{flex:0 0 auto;white-space:nowrap}
  .mobile-menu-toggle{display:none!important}
  .container{width:calc(100% - 28px);max-width:1100px;margin-left:auto;margin-right:auto}
  .hero,.page-intro,.materials-heading{width:100%;overflow:hidden}
  .hero-content{width:100%;max-width:1100px;margin-left:auto;margin-right:auto}
  .hero-top-search{max-width:430px;margin-left:auto;margin-right:0}
  .hero-search-box{width:100%}
  .course-grid-large{grid-template-columns:repeat(2,minmax(0,1fr))}
  .course-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-page-grid{grid-template-columns:1fr 1fr}
  .exam-grid,.resource-grid,.articles-grid,.video-grid,.pyq-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .syllabus-wrap{grid-template-columns:1fr}
  .footer-grid,.footer-content{grid-template-columns:repeat(2,minmax(0,1fr))}
  .exam-table-wrap,.leaderboard-table-wrap{max-width:100%;overflow-x:auto}
  img,svg,video,iframe{max-width:100%}
  table{max-width:100%}
}
@media (max-width: 700px){
  .header-inner{width:calc(100% - 24px);padding:10px 0;gap:9px}
  .homepage-header .logo svg{width:min(190px,48vw)!important;max-width:190px}
  .site-header:not(.homepage-header) .logo svg{width:min(175px,48vw)!important;max-width:175px}
  .header-search{flex:1 1 120px;max-width:150px;min-width:0}
  .header-inner nav,.homepage-header nav{gap:9px 14px;padding-top:9px}
  .header-inner nav a,.homepage-header nav a{font-size:14px}
  .hero-content,.container{width:calc(100% - 24px)}
  .hero-top-search{width:100%;max-width:380px;margin-left:auto;margin-right:0}
  .course-grid-large,.course-home-grid,.about-home-grid,.about-page-grid,
  .exam-grid,.resource-grid,.articles-grid,.video-grid,.pyq-list,
  .footer-grid,.footer-content{grid-template-columns:1fr}
  .hero-buttons,.course-actions,.result-actions{flex-wrap:wrap}
  .course-actions .button,.hero-buttons .button{max-width:100%}
  .form-grid{grid-template-columns:1fr}
}
@media (min-width:701px) and (max-width:900px){
  .homepage-header .logo svg{width:220px!important}
  .site-header:not(.homepage-header) .logo svg{width:200px!important}
}

/* FINAL RESPONSIVE CONTRACT — desktop is intentionally untouched. */
@media (max-width: 900px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .site-header{width:100%;overflow:visible}
  .header-inner{width:min(94%,1260px);margin:0 auto;min-height:0;padding:10px 0 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
  .logo{flex:0 0 auto;min-width:0}
  .logo a{display:inline-flex;align-items:center}
  .site-header .logo svg,.site-header .logo img{display:block;max-width:100%;height:auto}
  .header-search{order:2;margin-left:auto;min-width:0;max-width:170px}
  .header-inner nav,.homepage-header nav{order:3;flex:1 0 100%;width:100%;min-width:0;display:flex!important;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;justify-content:flex-start;gap:18px;padding:10px 2px 8px;border-top:1px solid var(--line-soft);-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .header-inner nav::-webkit-scrollbar,.homepage-header nav::-webkit-scrollbar{display:none}
  .header-inner nav a,.homepage-header nav a{flex:0 0 auto;white-space:nowrap}
  .container{width:min(92%,1260px);max-width:1260px;margin-left:auto;margin-right:auto}
  .hero-content{width:min(92%,1260px);max-width:1260px;margin-left:auto;margin-right:auto}
  .hero,.page-intro,.materials-heading{width:100%;overflow:hidden}
  .hero-top-search{width:min(420px,100%);max-width:100%;margin-left:auto;margin-right:0}
  .hero-search-box{width:100%}
  img,svg,video,iframe{max-width:100%}
  .exam-table-wrap,.leaderboard-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .exam-table{min-width:720px}
  table{max-width:100%}
  .course-grid-large,.course-home-grid,.about-home-grid,.about-page-grid,.exam-grid,.resource-grid,.articles-grid,.video-grid,.pyq-list,.footer-grid,.footer-content{grid-template-columns:repeat(2,minmax(0,1fr))}
  .syllabus-wrap{grid-template-columns:1fr}
}
@media (max-width: 700px){
  .header-inner{width:calc(100% - 24px);padding:9px 0 0;gap:8px}
  .homepage-header .logo svg{width:min(190px,52vw)!important;max-width:190px}
  .site-header:not(.homepage-header) .logo svg{width:min(175px,48vw)!important;max-width:175px}
  .header-search{max-width:150px;flex:1 1 120px}
  .header-inner nav,.homepage-header nav{gap:14px;padding-top:9px;padding-bottom:8px}
  .header-inner nav a,.homepage-header nav a{font-size:14px}
  .container,.hero-content{width:calc(100% - 24px)}
  .hero-top-search{width:100%;max-width:380px}
  .course-grid-large,.course-home-grid,.about-home-grid,.about-page-grid,.exam-grid,.resource-grid,.articles-grid,.video-grid,.pyq-list,.footer-grid,.footer-content{grid-template-columns:1fr}
  .hero-buttons,.course-actions,.result-actions{flex-wrap:wrap}
  .hero-buttons .button,.course-actions .button{max-width:100%}
  .form-grid{grid-template-columns:1fr}
  .page-intro h1,.hero h1,.materials-heading h1{font-size:clamp(42px,13vw,64px);line-height:1.05}
}
@media (min-width:701px) and (max-width:900px){
  .homepage-header .logo svg{width:220px!important}
  .site-header:not(.homepage-header) .logo svg{width:200px!important}
}

/* V36 FINAL STABILITY PATCH — navigation, anchors and background contract.
   Desktop geometry is intentionally preserved. */
.course-value-section{scroll-margin-top:110px;}
body{background:var(--mist)!important;}
.section,.home-search-section{background:var(--mist);}
.section.alt{background:var(--cream);}
@media(max-width:900px){
  .course-value-section{scroll-margin-top:96px;}
  .site-header .logo svg{height:auto!important;max-width:100%!important;}
}


/* V44 — unified responsive brand sizing; desktop layout remains unchanged. */
.site-header .logo img{display:block;width:360px;height:auto;max-width:100%;object-fit:contain;}
@media (max-width:1100px){.site-header .logo img{width:315px;}}
@media (max-width:900px){.site-header .logo img{width:min(285px,62vw);}}
@media (max-width:600px){.site-header .logo img{width:min(245px,70vw);}}
@media (max-width:420px){.site-header .logo img{width:min(220px,68vw);}}


/* V47 MOBILE PARITY FINAL — desktop is intentionally untouched. */
@media (max-width: 900px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;}
  .site-header{width:100%;min-width:0;overflow:visible;}
  .header-inner{width:92%;max-width:1260px;margin:0 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 0;}
  .logo{flex:0 0 auto;min-width:0;}
  .logo a{display:inline-flex;align-items:center;min-width:0;}
  .site-header .logo img{display:block;width:min(285px,58vw);height:auto;max-width:100%;object-fit:contain;}
  .header-search{flex:0 1 170px;min-width:100px;max-width:170px;margin-left:auto;}
  .header-inner nav,.homepage-header nav{order:3;flex:1 0 100%;width:100%;min-width:0;display:flex!important;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:14px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:10px 2px 8px;border-top:1px solid var(--line-soft);-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .header-inner nav::-webkit-scrollbar,.homepage-header nav::-webkit-scrollbar{display:none;}
  .header-inner nav a,.homepage-header nav a{flex:0 0 auto;white-space:nowrap;font-size:14px;}
  .container,.hero-content{width:92%;max-width:1260px;margin-left:auto;margin-right:auto;}
  img,svg,video,iframe{max-width:100%;}
  .exam-table-wrap,.leaderboard-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
}
@media (max-width:600px){
  .header-inner{width:94%;padding:8px 0;gap:8px 10px;}
  .site-header .logo img{width:min(245px,64vw);}
  .header-search{max-width:150px;flex:1 1 110px;}
  .header-inner nav,.homepage-header nav{gap:13px;padding:9px 1px 7px;}
  .header-inner nav a,.homepage-header nav a{font-size:13px;}
  .container,.hero-content{width:calc(100% - 24px);}
}


/* IGA FINAL CROSS-DEVICE POLISH — additive only; preserves the established desktop structure. */
:root{--iga-nav-bg:#eeece0;--iga-nav-border:#cfc5a5;--iga-focus:#7c6b39;--iga-heading:#1b211c;--iga-body:#40586d;}
body{background:var(--mist)!important;color:var(--ink);font-family:Arial,Helvetica,sans-serif;}
.site-header{background:#fff!important;backdrop-filter:none;}
.site-header .header-inner{min-width:0;}
.site-header .logo{flex:0 0 auto;min-width:0;}
.site-header .logo a{display:inline-flex!important;align-items:center!important;}
.site-header .logo img{display:block!important;width:360px!important;height:auto!important;max-width:100%!important;object-fit:contain!important;}
.site-header nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px!important;min-width:0;}
.site-header nav a{display:inline-flex!important;align-items:center;justify-content:center;min-height:38px;padding:7px 11px!important;border:1px solid var(--iga-nav-border);border-radius:7px;background:var(--iga-nav-bg);color:#344153!important;font-weight:800!important;font-size:14px!important;line-height:1.2;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;}
.site-header nav a:hover{background:#fffdf6;border-color:#9f956f;color:var(--olive)!important;transform:translateY(-1px);}
.site-header nav a.active{background:var(--olive)!important;border-color:var(--olive)!important;color:#fff!important;}
.site-header nav a:focus-visible,.button:focus-visible,.mobile-menu-toggle:focus-visible,a:focus-visible{outline:3px solid rgba(124,107,57,.35);outline-offset:2px;}
.mobile-menu-toggle{border:1px solid var(--iga-nav-border)!important;border-radius:7px!important;background:var(--iga-nav-bg)!important;color:var(--ink)!important;font-weight:900!important;}
/* Quiet, consistent typography accents without rewriting content. */
.section-heading h2,.course-section-title h2,.about-page-grid h2,.about-home h3,.feature-box h2,.iga-feature h3,.cert-card h2,.certificate-pdf-card h3{color:var(--iga-heading);font-weight:800;}
.section-heading h2,.course-section-title h2,.feature-box h2{position:relative;padding-bottom:12px;}
.section-heading h2::after,.course-section-title h2::after,.feature-box h2::after{content:"";display:block;width:54px;height:3px;background:var(--gold);margin-top:10px;border-radius:2px;}
.section a:not(.button),.footer-links a{font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}
.card-number,.eyebrow,.article-category,.video-category,.pyq-exam{font-weight:900;}
.exam-card,.resource-card,.syllabus-card,.article-card,.video-card,.pyq-card,.course-card-large,.iga-feature,.cert-card,.certificate-pdf-card{border-color:var(--line)!important;}
.section,.home-search-section{background:var(--mist)!important;}
.section.alt{background:var(--cream)!important;}
.page-intro,.materials-heading{background:var(--cream)!important;}
.home-search-section{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);}
.certificate-pdf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px;}
.certificate-pdf-card{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:24px;}
.certificate-pdf-card h3{font-size:23px;line-height:1.25;margin:5px 0 10px;}
.certificate-pdf-card p:not(.eyebrow){color:var(--body);margin-bottom:18px;}
.certificate-pdf-card .button{width:auto;}
@media (max-width:1100px){
  .site-header .logo img{width:315px!important;}
  .site-header nav{justify-content:flex-end;}
}
@media (max-width:900px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;}
  .site-header{position:sticky!important;top:0;z-index:1000;}
  .site-header .header-inner{width:94%;margin:0 auto;display:flex;align-items:center;gap:10px;padding:10px 0;flex-wrap:wrap;}
  .site-header .logo img{width:min(285px,58vw)!important;max-width:100%!important;}
  .site-header nav{order:3;flex:1 0 100%;width:100%;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;padding:9px 2px 10px;border-top:1px solid var(--line-soft);-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .site-header nav::-webkit-scrollbar{display:none;}
  .site-header nav a{flex:0 0 auto!important;min-height:36px;padding:7px 10px!important;font-size:13px!important;}
  .mobile-menu-toggle{display:none!important;}
  .container,.hero-content{width:calc(100% - 24px);max-width:1260px;}
  .certificate-pdf-grid{grid-template-columns:1fr;}
  img,svg,video,iframe{max-width:100%;}
}
@media (max-width:600px){
  .site-header .header-inner{width:calc(100% - 20px);padding:8px 0;gap:8px;}
  .site-header .logo img{width:min(250px,68vw)!important;}
  .site-header nav{gap:7px!important;padding:8px 1px 9px;}
  .site-header nav a{font-size:12.5px!important;min-height:34px;padding:6px 9px!important;border-radius:6px;}
  .section-heading h2,.course-section-title h2{font-size:clamp(30px,9vw,40px);}
  .certificate-pdf-card{padding:20px;}
  .certificate-pdf-card .button{width:100%;}
}


/* V51 — MOBILE/TABLET ONLY HARDENING
   IMPORTANT: no desktop/laptop rules are changed by this layer.
   This layer applies only at <=900px. It preserves the existing V49
   structure/visual language while making touch navigation and narrow
   layouts stable on Android, iPhone, iPad and tablets. */
@media (max-width:900px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;}
  *,*::before,*::after{min-width:0;}
  .site-header{width:100%;max-width:100%;overflow:visible;}
  .site-header .header-inner{width:94%;max-width:1260px;margin:0 auto;min-width:0;}
  .site-header .logo{min-width:0;flex:0 1 auto;}
  .site-header .logo a{max-width:100%;}
  .site-header .logo img{display:block;max-width:min(285px,58vw);width:min(285px,58vw);height:auto;}
  .site-header nav{min-width:0;max-width:100%;}
  .site-header nav a{touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
  .container,.hero-content,.materials-container{min-width:0;}
  .hero,.page-intro,.materials-heading,.section,.home-search-section,.footer{max-width:100%;overflow-x:hidden;}
  .hero h1,.page-intro h1,.materials-heading h1,.section-heading h2{overflow-wrap:break-word;word-break:normal;}
  p,h1,h2,h3,h4,h5,h6,li,a,button,label{overflow-wrap:break-word;}
  img,svg,video,iframe,canvas{max-width:100%;}
  input,select,textarea,button{max-width:100%;}
  .button,.view-button{touch-action:manipulation;}
  .exam-table-wrap,.leaderboard-table-wrap,.table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .material-card{min-width:0;}
}
@media (max-width:700px){
  .site-header .header-inner{width:calc(100% - 20px);padding-left:0;padding-right:0;}
  .site-header .logo img{width:min(250px,68vw);max-width:min(250px,68vw);}
  .site-header nav a{font-size:13px!important;}
  .container,.hero-content{width:calc(100% - 24px);}
  .materials-container{padding-left:12px;padding-right:12px;}
  .hero-buttons,.course-actions,.result-actions{width:100%;}
  .hero-buttons .button,.course-actions .button,.result-actions .button{max-width:100%;}
  .form-field input,.form-field select,.form-field textarea,.content-search,
  .studio-form input,.studio-form select,.studio-form textarea{width:100%;min-width:0;}
  .material-card{flex-direction:column;align-items:stretch;}
}
@media (min-width:701px) and (max-width:900px){
  .site-header .logo img{width:220px;max-width:220px;}
}

/* IGA V52 — MOBILE/TABLET ACCESSIBLE NAVIGATION
   Desktop/laptop rules above remain untouched. */
@media (max-width:900px){
  .site-header .header-inner{
    position:relative;
    flex-wrap:wrap!important;
    align-items:center!important;
  }
  .site-header .mobile-menu-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:46px!important;
    height:42px!important;
    min-width:46px!important;
    margin-left:auto!important;
    padding:0!important;
    cursor:pointer!important;
    font-size:22px!important;
    line-height:1!important;
    touch-action:manipulation;
    z-index:1002;
  }
  .site-header nav{
    display:none!important;
    order:10!important;
    flex:0 0 100%!important;
    width:100%!important;
    max-height:min(70vh,520px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:6px!important;
    padding:10px!important;
    margin-top:4px!important;
    background:#fff!important;
    border:1px solid var(--iga-nav-border)!important;
    border-radius:10px!important;
    box-shadow:0 10px 28px rgba(24,34,57,.12)!important;
    -webkit-overflow-scrolling:touch;
  }
  .site-header nav.mobile-open{
    display:flex!important;
  }
  .site-header nav a{
    width:100%!important;
    min-height:44px!important;
    flex:0 0 auto!important;
    justify-content:flex-start!important;
    text-align:left!important;
    padding:10px 12px!important;
    font-size:14px!important;
    white-space:normal!important;
    border-radius:7px!important;
  }
  .site-header nav a:active{transform:none!important;}
  .site-header nav a.active{font-weight:900!important;}
  .site-header .logo img{
    max-width:calc(100vw - 90px)!important;
  }
}
@media (max-width:600px){
  .site-header .header-inner{width:calc(100% - 20px)!important;}
  .site-header .mobile-menu-toggle{
    width:44px!important;height:40px!important;min-width:44px!important;
  }
  .site-header nav a{min-height:46px!important;font-size:14px!important;}
}
@media (min-width:701px) and (max-width:900px){
  .site-header .logo img{width:min(220px,calc(100vw - 90px))!important;}
}
/* Prevent mobile browsers from treating wide widgets/tables as page overflow. */
@media (max-width:900px){
  .section,.hero,.page-intro,.materials-heading,main,footer{min-width:0;}
  pre,code{max-width:100%;overflow-x:auto;display:block;}
  .card,.course-card-large,.resource-card,.article-card,.video-card,.pyq-card,
  .exam-card,.syllabus-card,.iga-feature,.cert-card{min-width:0;overflow-wrap:anywhere;}
}


/* IGA V54 — MOBILE/TABLET ACCESS + LAYOUT CONTRACT
   Desktop/laptop styles are intentionally not changed. */
@media (max-width:900px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;-webkit-text-size-adjust:100%;}
  .site-header{width:100%!important;overflow:visible!important;position:sticky!important;top:0!important;z-index:10000!important;}
  .site-header .header-inner{width:calc(100% - 24px)!important;max-width:none!important;min-width:0!important;margin:0 auto!important;padding:9px 0!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;}
  .site-header .logo{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important;}
  .site-header .logo a{max-width:100%!important;display:inline-flex!important;}
  .site-header .logo img,.site-header .logo svg{width:auto!important;max-width:100%!important;height:auto!important;max-height:72px!important;object-fit:contain!important;}
  .site-header .header-search{display:none!important;}
  .site-header .mobile-menu-toggle{display:inline-flex!important;flex:0 0 46px!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;padding:0!important;border:1px solid #d7cfae!important;border-radius:8px!important;background:#fff!important;color:#3f472c!important;font-size:23px!important;line-height:1!important;cursor:pointer!important;touch-action:manipulation!important;position:relative!important;z-index:10002!important;}
  .site-header .header-inner>nav,.site-header nav{display:none!important;position:absolute!important;left:12px!important;right:12px!important;top:100%!important;z-index:10001!important;width:auto!important;max-width:none!important;min-width:0!important;height:auto!important;max-height:calc(100vh - 76px)!important;overflow-y:auto!important;overflow-x:hidden!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;margin:0!important;padding:8px!important;background:#fff!important;border:1px solid #d7cfae!important;border-radius:10px!important;box-shadow:0 10px 28px rgba(24,34,57,.14)!important;}
  .site-header nav.mobile-open{display:flex!important;}
  .site-header nav a{display:flex!important;flex:0 0 auto!important;width:100%!important;min-height:48px!important;align-items:center!important;padding:11px 13px!important;border-bottom:1px solid #eeeae0!important;border-radius:7px!important;font-size:15px!important;font-weight:700!important;line-height:1.3!important;white-space:normal!important;text-align:left!important;touch-action:manipulation!important;}
  .site-header nav a:last-child{border-bottom:0!important;}
  .site-header nav a:hover,.site-header nav a:focus-visible{background:#f3f1e7!important;color:#555a2b!important;outline:2px solid #9d946d!important;outline-offset:-2px!important;}
  .site-header nav a.active,.site-header nav a[aria-current="page"]{background:#f3f1e7!important;color:#555a2b!important;font-weight:900!important;}
  .container,.hero-content,.materials-container{width:calc(100% - 24px)!important;max-width:1260px!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important;}
  .hero,.page-intro,.section,.home-search-section,.materials-heading,.footer,main{max-width:100%!important;overflow-x:hidden!important;}
  img,svg,video,iframe,canvas{max-width:100%!important;height:auto;}
  p,h1,h2,h3,h4,h5,h6,li,a,button,label{overflow-wrap:anywhere;word-break:normal;}
  input,select,textarea,button{max-width:100%!important;min-width:0;}
  /* A phone/tablet viewport must never be forced into side-by-side content cards. */
  .exam-grid,.resource-grid,.articles-grid,.video-grid,.pyq-list,.course-grid-large,.course-home-grid,.about-home-grid,.about-page-grid,.certificate-pdf-grid,.hero-account-links{grid-template-columns:1fr!important;}
  .form-grid,.studio-form,.account-layout{grid-template-columns:1fr!important;}
  .pyq-meta-grid,.pyq-paper-specs{grid-template-columns:1fr!important;}
  .footer-grid,.footer-content{grid-template-columns:1fr!important;}
  .exam-card,.resource-card,.course-card-large,.course-home-card,.article-card,.video-card,.pyq-card,.cert-card,.certificate-pdf-card,.feature-box,.syllabus-card,.quiz-card,.result-card,.review-card,.filters-panel,.admin-panel,.studio-card,.account-panel{min-width:0!important;max-width:100%!important;}
  .exam-table-wrap,.leaderboard-table-wrap,.table-wrap,.exam-table{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;}
  .button,.view-button{max-width:100%!important;}
}
@media (max-width:600px){
  .site-header .logo img,.site-header .logo svg{max-width:calc(100vw - 86px)!important;max-height:62px!important;}
  .site-header .header-inner{width:calc(100% - 20px)!important;}
  .site-header .header-inner>nav{left:10px!important;right:10px!important;}
  .section{padding-top:48px!important;padding-bottom:48px!important;}
  .hero,.page-intro{padding-top:58px!important;padding-bottom:58px!important;}
}