/* अध्ययनसार Design System 2031 — UPSC Mains Hub
   Main Mains 2027 information hub. Year/question-paper pages use pyq.css.
   Depends on tokens.css, base.css, typography.css, layout.css, components.css.
*/

.mains-page{background:var(--ds-surface-soft);color:var(--ds-text);}.mains-page main{overflow:hidden;}.mains-page .primary-nav .mains-active{color:var(--blue);background:var(--ds-surface-soft);}
    .mains-hero{position:relative;padding:40px 0 88px;background:var(--ds-surface-soft);color:var(--ds-heading);}.mains-hero:before{content:"";position:absolute;inset:0;background:var(--ds-surface-soft);}.mains-hero .shell{position:relative;}.crumb{display:flex;align-items:center;gap:8px;color:var(--ds-text-muted);font-size:.72rem;margin-bottom:34px;}.crumb a{color:var(--ds-text-muted);}.hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:52px;align-items:center;}.kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.08);color:var(--ds-text);font-size:.72rem;font-weight:850;}.kicker i{width:7px;height:7px;border-radius:50%;background:var(--ds-surface-soft);box-shadow:none;}.mains-hero h1{font-family:Georgia,'Noto Serif Devanagari',serif;font-size:clamp(2.65rem,5vw,4.65rem);line-height:1.04;margin:18px 0;color:var(--ds-heading);letter-spacing:-.025em;}.mains-hero h1 span{display:block;color:var(--ds-text);font-size:.55em;line-height:1.34;margin-top:10px;letter-spacing:0;}.hero-lead{max-width:760px;color:var(--ds-text);font-size:1rem;line-height:1.86;margin:0;}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px;}.hero-actions .button{min-height:46px;}.outline-light{border:1px solid rgba(255,255,255,.28);color:var(--ds-heading);background:rgba(255,255,255,.05);}.source-line{display:flex;flex-wrap:wrap;gap:13px;margin-top:19px;color:var(--ds-text-muted);font-size:.68rem;}.source-line span{display:flex;gap:6px;align-items:center;}.source-line span:before{content:"✓";color:var(--ds-text-muted);font-weight:900;}
    .date-card{background:var(--ds-surface);color:var(--ds-text);border-radius:24px;padding:26px;box-shadow:none;border:1px solid rgba(255,255,255,.8);}.date-card small{display:block;color:var(--ds-text-muted);font-size:.65rem;font-weight:850;letter-spacing:.08em;}.date-card .big-date{font-family:Georgia,'Noto Serif Devanagari',serif;color:var(--ds-text);font-size:2.25rem;line-height:1.15;margin:8px 0 5px;}.date-card>p{margin:0;color:var(--ds-text);font-size:.76rem;line-height:1.65;}.date-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:19px;}.date-row div{padding:13px;border-radius:12px;background:var(--ds-surface-soft);border:1px solid var(--ds-border);}.date-row span{display:block;color:var(--ds-text);font-size:.62rem;}.date-row strong{display:block;color:var(--ds-text);font-size:.77rem;margin-top:4px;}.status-note{margin-top:14px;padding:12px 13px;border-radius:11px;background:var(--ds-surface-soft);border:1px solid var(--ds-border);color:var(--ds-text);font-size:.69rem;line-height:1.6;}
    .quick-facts{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);margin-top:-36px;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:18px;box-shadow:none;overflow:hidden;}.quick-facts>div{display:flex;gap:12px;align-items:center;padding:19px 21px;border-right:1px solid var(--ds-border);}.quick-facts>div:last-child{border-right:0;}.qicon{width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:12px;background:var(--ds-surface-soft);color:var(--ds-text);font-weight:900;font-size:.72rem;}.quick-facts p{display:flex;flex-direction:column;margin:0;}.quick-facts small{color:var(--ds-text-muted);font-size:.65rem;}.quick-facts strong{color:var(--ds-text);font-size:.8rem;margin-top:3px;}
    .page-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:34px;padding-top:58px;padding-bottom:80px;}.toc-card{position:sticky;top:106px;padding:17px;border:1px solid var(--ds-border);border-radius:15px;background:var(--ds-surface);box-shadow:none;}.toc-card>span{display:block;color:var(--ds-text);font-size:.62rem;font-weight:850;letter-spacing:.08em;margin:2px 8px 10px;}.toc-card a{display:block;padding:8px 9px;border-radius:8px;color:var(--ds-text);font-size:.72rem;font-weight:700;line-height:1.35;}.toc-card a:hover{background:var(--ds-surface-soft);color:var(--ds-text);}.official-card{display:block;margin-top:12px;padding:15px;border-radius:13px;background:var(--ds-surface-soft);color:var(--ds-heading);}.official-card span,.official-card small{display:block;color:var(--ds-text-muted);font-size:.64rem;}.official-card strong{display:block;color:var(--ds-text);font-size:.75rem;margin:4px 0;}
    .article{min-width:0;}.section{scroll-margin-top:105px;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:18px;padding:29px;margin-bottom:18px;box-shadow:none;}.label{display:inline-block;color:var(--ds-text);font-size:.66rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;margin-bottom:7px;}.section h2{font-family:Georgia,'Noto Serif Devanagari',serif;color:var(--ds-text);font-size:1.7rem;line-height:1.25;margin:0 0 13px;}.section h3{color:var(--ds-text);font-size:.96rem;line-height:1.4;margin:0 0 7px;}.section>p,.intro{color:var(--ds-text);font-size:.83rem;line-height:1.85;}.highlight{font-size:.95rem !important;color:var(--ds-text) !important;border-left:4px solid var(--ds-border);padding-left:16px;}
    .pattern-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px;}.paper-card{padding:20px;border:1px solid var(--ds-border);border-radius:15px;background:var(--ds-surface-soft);}.paper-card:first-child{border-top:4px solid var(--ds-border);}.paper-card:last-child{border-top:4px solid var(--ds-border);}.paper-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}.paper-head span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--ds-surface-soft);color:var(--ds-text);font-weight:900;font-size:.72rem;}.paper-card:last-child .paper-head span{background:var(--ds-surface-soft);color:var(--ds-text);}.paper-head b{padding:5px 8px;border-radius:8px;background:var(--ds-surface-soft);color:var(--ds-text);font-size:.62rem;}.paper-card:last-child .paper-head b{background:var(--ds-surface-soft);color:var(--ds-text);}.paper-card h3{font-size:1.02rem;margin-top:12px;}.paper-card p{color:var(--ds-text);font-size:.75rem;line-height:1.65;}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px;}.mini-stats div{padding:9px;border-radius:9px;background:var(--ds-surface-soft);text-align:center;}.mini-stats small{display:block;color:var(--ds-text-muted);font-size:.58rem;}.mini-stats strong{display:block;color:var(--ds-text);font-size:.72rem;margin-top:3px;}
    .table-wrap{overflow-x:auto;margin-top:19px;border:1px solid var(--ds-border);border-radius:14px;}.data-table{width:100%;border-collapse:collapse;min-width:650px;background:var(--ds-surface);font-size:.76rem;}.data-table th{padding:11px 13px;background:var(--ds-surface-soft);color:var(--ds-heading);text-align:left;font-size:.68rem;}.data-table td{padding:11px 13px;border-bottom:1px solid var(--ds-border);color:var(--ds-text);}.data-table tr:last-child td{border-bottom:0;}.data-table td:first-child{font-weight:850;color:var(--ds-text);}.green{color:var(--ds-text) !important;font-weight:850;}.orange{color:var(--ds-text) !important;font-weight:850;}
    .syllabus-list{display:grid;gap:9px;margin-top:19px;}.syllabus-list article{display:grid;grid-template-columns:44px 1fr;gap:13px;padding:15px;border:1px solid var(--ds-border);border-radius:13px;background:var(--ds-surface-soft);}.syllabus-list span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--ds-surface-soft);color:var(--ds-text);font-size:.68rem;font-weight:900;}.syllabus-list p{margin:3px 0 0;color:var(--ds-text);font-size:.75rem;line-height:1.65;}.syllabus-list h3{margin:0;font-size:.88rem;}
    .formula{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:20px;}.formula article{padding:18px;border-radius:14px;border:1px solid var(--ds-border);background:var(--ds-surface-soft);}.formula article strong{display:block;color:var(--ds-text);font-size:1rem;}.formula article small{display:block;color:var(--ds-text-muted);font-size:.68rem;margin-top:5px;line-height:1.5;}.formula>span{font-size:1.25rem;color:var(--ds-text);font-weight:900;}.example-box{margin-top:15px;padding:16px;border-radius:13px;background:var(--ds-surface-soft);border:1px solid var(--ds-border);color:var(--ds-text);font-size:.75rem;line-height:1.7;}.example-box strong{color:var(--ds-text);}.safe-note{display:grid;grid-template-columns:auto 1fr;gap:12px;margin-top:16px;padding:15px;border-radius:12px;background:var(--ds-surface-soft);border:1px solid var(--ds-border);}.safe-note span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--ds-surface-soft);color:var(--ds-heading);font-weight:900;}.safe-note p{margin:0;color:var(--ds-text);font-size:.75rem;line-height:1.7;}
    .cutoff-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:20px;}.cutoff-flow article{padding:18px;border-radius:14px;border:1px solid var(--ds-border);background:var(--ds-surface-soft);}.cutoff-flow span{color:var(--ds-text);font-weight:900;}.cutoff-flow p{margin:5px 0 0;color:var(--ds-text);font-size:.74rem;line-height:1.65;}.cutoff-flow strong{color:var(--ds-text);}.myth{margin-top:15px;padding:15px 17px;border-left:4px solid var(--ds-border);background:var(--ds-surface-soft);border-radius:0 12px 12px 0;color:var(--ds-text);font-size:.75rem;line-height:1.7;}
    .resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:19px;}.resource-card{padding:17px;border:1px solid var(--ds-border);border-radius:13px;background:var(--ds-surface-soft);}.resource-card strong{display:block;color:var(--ds-text-muted);font-size:.85rem;}.resource-card p{margin:5px 0 0;color:var(--ds-text-muted);font-size:.72rem;line-height:1.65;}.resource-card em{display:inline-block;margin-top:8px;color:var(--ds-text-muted);font-size:.65rem;font-style:normal;font-weight:800;}.editorial-note{margin-top:15px;color:var(--ds-text);font-size:.7rem;line-height:1.65;}
    .timeline{display:grid;gap:10px;margin-top:20px;}.phase{display:grid;grid-template-columns:118px 1fr;gap:15px;padding:17px;border:1px solid var(--ds-border);border-radius:14px;background:var(--ds-surface-soft);}.phase time{display:block;color:var(--ds-text);font-size:.7rem;font-weight:900;}.phase h3{margin:0 0 5px;}.phase p{margin:0;color:var(--ds-text);font-size:.74rem;line-height:1.65;}.phase ul{margin:8px 0 0;padding-left:18px;color:var(--ds-text);font-size:.72rem;line-height:1.7;}.phase.final{border-color:var(--ds-border);background:var(--ds-surface-soft);}.phase.final time{color:var(--ds-text);}
    .rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px;}.rule{padding:16px;border-radius:13px;border:1px solid var(--ds-border);background:var(--ds-surface-soft);}.rule b{display:block;color:var(--ds-text);font-size:.82rem;}.rule p{margin:5px 0 0;color:var(--ds-text);font-size:.72rem;line-height:1.65;}.rule.danger{background:var(--ds-surface-soft);border-color:var(--ds-border);}.rule.danger b{color:var(--ds-danger);}
    .faq details{border-top:1px solid var(--ds-border);}.faq details:last-child{border-bottom:1px solid var(--ds-border);}.faq summary{cursor:pointer;list-style:none;padding:15px 2px;color:var(--ds-text);font-size:.79rem;font-weight:800;}.faq summary::-webkit-details-marker{display:none;}.faq summary:after{content:"+";float:right;color:var(--ds-text);font-size:1rem;}.faq details[open] summary:after{content:"−";}.faq details p{margin:0;padding:0 2px 15px;color:var(--ds-text);font-size:.75rem;line-height:1.7;}
    .next-step{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ds-surface-soft);border:0;}.next-step h2{color:var(--ds-heading);}.next-step p{color:var(--ds-text);margin:0;font-size:.78rem;line-height:1.7;}.next-step .button{white-space:nowrap;background:var(--ds-surface);color:var(--ds-text);}.source-box{padding:22px 25px;border:1px dashed var(--ds-border);border-radius:15px;background:var(--ds-surface-soft);}.source-box h3{margin:0 0 7px;color:var(--ds-text-muted);font-size:.88rem;}.source-box p{margin:0;color:var(--ds-text-muted);font-size:.7rem;line-height:1.7;}.source-box a{display:inline-block;margin-top:10px;color:var(--ds-text-muted);font-size:.69rem;font-weight:800;}.updated-chip{display:inline-block;margin-bottom:10px;padding:6px 9px;border-radius:8px;background:var(--ds-surface-soft);color:var(--ds-text);font-size:.64rem;font-weight:850;}
    @media(max-width:980px){.hero-grid{grid-template-columns:1fr;}.date-card{max-width:620px;}.quick-facts{grid-template-columns:repeat(2,1fr);}.quick-facts>div:nth-child(2){border-right:0;}.quick-facts>div:nth-child(-n+2){border-bottom:1px solid var(--ds-border);}.page-layout{grid-template-columns:1fr;}.page-layout>aside{display:none;}}
    @media(max-width:700px){.mains-hero{padding:28px 0 70px;}.mains-hero h1{font-size:2.5rem;}.quick-facts{margin-top:-28px;}.quick-facts>div{padding:15px 13px;}.pattern-grid,.resource-grid,.rules-grid{grid-template-columns:1fr;}.section{padding:21px 18px;border-radius:14px;}.formula,.cutoff-flow{grid-template-columns:1fr;}.formula>span,.cutoff-flow>span{transform:rotate(90deg);justify-self:center;}.phase{grid-template-columns:1fr;}.next-step{flex-direction:column;align-items:flex-start;}.date-row{grid-template-columns:1fr;}.mini-stats{grid-template-columns:1fr 1fr 1fr;}}
    @media(max-width:480px){.quick-facts{grid-template-columns:1fr;}.quick-facts>div{border-right:0 !important;border-bottom:1px solid var(--ds-border);}.quick-facts>div:last-child{border-bottom:0;}.mains-hero h1{font-size:2.15rem;}.mains-hero h1 span{font-size:.58em;}.hero-actions .button{width:100%;justify-content:center;}.syllabus-list article{grid-template-columns:38px 1fr;}.syllabus-list span{width:36px;height:36px;}}
  
    .mains-page .primary-nav .mains-active{color:var(--blue);background:var(--ds-surface-soft);}
    .score-stack{display:grid;gap:10px;margin-top:18px;}.score-line{display:grid;grid-template-columns:130px 1fr 70px;gap:12px;align-items:center;}.score-line span{font-size:.7rem;color:var(--ds-text);font-weight:800;}.score-track{height:10px;border-radius:999px;background:var(--ds-surface-soft);overflow:hidden;}.score-fill{height:100%;border-radius:999px;background:var(--ds-surface-soft);}.score-line strong{text-align:right;color:var(--ds-text);font-size:.74rem;}.paper-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:18px;}.matrix-card{padding:17px;border:1px solid var(--ds-border);border-radius:13px;background:var(--ds-surface-soft);}.matrix-card b{display:inline-grid;place-items:center;min-width:42px;height:32px;padding:0 9px;border-radius:9px;background:var(--ds-surface-soft);color:var(--ds-text);font-size:.68rem;}.matrix-card h3{margin:10px 0 5px;}.matrix-card p{margin:0;color:var(--ds-text);font-size:.72rem;line-height:1.65;}.matrix-card.qual{border-style:dashed;background:var(--ds-surface-soft);}.matrix-card.qual b{background:var(--ds-surface-soft);color:var(--ds-text);}.matrix-card.ethics{border-top:3px solid var(--ds-border);}.gs-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;}.gs-card{padding:18px;border:1px solid var(--ds-border);border-radius:14px;background:var(--ds-surface-soft);}.gs-card .tag{display:inline-block;padding:5px 8px;border-radius:8px;background:var(--ds-surface-soft);color:var(--ds-text);font-size:.62rem;font-weight:900;}.gs-card h3{margin:9px 0 6px;font-size:.94rem;}.gs-card p{margin:0;color:var(--ds-text);font-size:.73rem;line-height:1.65;}.topic-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}.topic-chips span{padding:5px 7px;border-radius:8px;background:var(--ds-surface-soft);color:var(--ds-text);font-size:.61rem;font-weight:750;}.optional-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;}.optional-list span{padding:10px 11px;border-radius:10px;border:1px solid var(--ds-border);background:var(--ds-surface-soft);color:var(--ds-text);font-size:.68rem;font-weight:750;}.answer-framework{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:18px;}.answer-framework article{padding:17px;border-radius:13px;border:1px solid var(--ds-border);background:var(--ds-surface-soft);}.answer-framework b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--ds-surface-soft);color:var(--ds-heading);font-size:.68rem;}.answer-framework strong{display:block;color:var(--ds-text);font-size:.82rem;margin:10px 0 5px;}.answer-framework p{margin:0;color:var(--ds-text);font-size:.7rem;line-height:1.62;}.week-plan{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;}.week-plan article{padding:15px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-surface-soft);}.week-plan time{display:block;color:var(--ds-text);font-weight:900;font-size:.68rem;margin-bottom:6px;}.week-plan p{margin:0;color:var(--ds-text);font-size:.69rem;line-height:1.6;}.warning-box{margin-top:15px;padding:15px 17px;border-radius:12px;background:var(--ds-surface-soft);border:1px solid var(--ds-border);color:var(--ds-text);font-size:.73rem;line-height:1.7;}.warning-box strong{color:var(--ds-text);}.rank-formula{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px;}.rank-formula div{padding:18px 22px;border-radius:14px;border:1px solid var(--ds-border);background:var(--ds-surface-soft);text-align:center;min-width:180px;}.rank-formula strong{display:block;color:var(--ds-text);font-size:1.45rem;}.rank-formula small{display:block;color:var(--ds-text-muted);font-size:.66rem;margin-top:4px;}.rank-formula>span{color:var(--ds-text);font-size:1.25rem;font-weight:900;}
    @media(max-width:800px){.paper-matrix,.gs-grid{grid-template-columns:1fr;}.optional-list{grid-template-columns:repeat(2,1fr);}.answer-framework{grid-template-columns:1fr;}.week-plan{grid-template-columns:1fr 1fr;}.score-line{grid-template-columns:105px 1fr 58px;}}
    @media(max-width:480px){.optional-list,.week-plan{grid-template-columns:1fr;}.score-line{grid-template-columns:1fr;}.score-line strong{text-align:left;}.rank-formula{align-items:stretch;}.rank-formula div{width:100%;}.rank-formula>span{transform:rotate(90deg);}}

/* 2031 shared overrides */
body[data-ds="2031"].mains-page{background:var(--ds-bg) !important;color:var(--ds-text) !important;}
body[data-ds="2031"] :where(.mains-page h1,.mains-page h2,.mains-page h3){font-family:var(--ds-font-body);letter-spacing:-.015em;}
body[data-ds="2031"] :where(.section,.paper-card,.toc-card,.date-card,.quick-facts,.syllabus-list article,.rule,.phase,.resource-card){
  border-color:var(--ds-border) !important;box-shadow:none !important;}
body[data-ds="2031"] :where(.section,.paper-card,.toc-card,.date-card,.quick-facts,.resource-card){
  background:var(--ds-surface) !important;}
body[data-ds="2031"] :where(.mini-stats div,.date-row div,.syllabus-list article){
  background:var(--ds-surface-soft) !important;}
html[data-theme="dark"] body[data-ds="2031"] :where(.section,.paper-card,.toc-card,.date-card,.quick-facts,.resource-card){
  background:var(--ds-surface) !important;border-color:var(--ds-border) !important;}
html[data-theme="dark"] body[data-ds="2031"] :where(.mini-stats div,.date-row div,.syllabus-list article){
  background:var(--ds-surface-soft) !important;border-color:var(--ds-border) !important;}
