/* Opt-in reading layout for story posts. Navigation and other pages keep their styles. */
.storyPage{background:#fff;color:#252b30}
.storyPage.articlePage{width:min(760px,calc(100% - 40px));padding-bottom:40px}
.storyPage .hero,.storyPage .guideHero{background:#fff;border:0;padding:28px 0 22px;margin:0;max-width:none}
.storyPage .hero h1,.storyPage .guideHero h1{font-size:clamp(30px,4vw,44px);line-height:1.3;letter-spacing:-.5px;max-width:none;margin:12px 0 18px;color:#152d3a}
.storyPage .hero .intro,.storyPage .guideHero>.shell>p{font-size:18px;line-height:1.75;color:#596169;max-width:none;margin:18px 0 0}
.storyPage .hero{display:flex;flex-direction:column}
.storyPage .hero .byline{order:1;margin:0;font-size:12px}
.storyPage .hero .intro{order:2}
.storyPage .hero .eyebrow{display:none}
.storyPage .articleHero,.storyPage .articleHeroImage{margin:0 0 24px}
.storyPage .articleHero>img,.storyPage .articleHeroImage>img{display:block;width:100%;height:auto;max-height:none;border-radius:0;object-fit:cover}
.storyPage figcaption{font-size:12px!important;line-height:1.6;color:#6a7075;padding:8px 0;border:0}
.storyPage .articleLayout{display:block;max-width:none}
.storyPage .articleLayout>article{max-width:none;min-width:0}
.storyPage article>section,.storyPage .guideArticle>section{border:0;margin:0;padding:0 0 16px}
.storyPage article p,.storyPage article li{font-size:19px;line-height:1.85;color:#30363b}
.storyPage article p{margin:0 0 24px}
.storyPage article h2,.storyPage .guideArticle h2{font-size:27px;line-height:1.4;margin:22px 0 18px;padding:0;border:0;color:#182d39}
.storyPage article h3,.storyPage .guideArticle h3{font-size:22px;line-height:1.5;margin:18px 0 12px;color:#263c49}
.storyPage .storyHighlights,.storyPage .guideArticle>.storyHighlights{border-block:1px solid #deded9;margin:0 0 32px;padding:18px 0 10px;background:none;border-radius:0}
.storyPage .storyHighlights h2{font:700 14px/1.5 Arial,sans-serif;letter-spacing:.3px;margin:0 0 12px}
.storyPage .storyHighlights ul{padding-left:23px;margin:0}
.storyPage .storyHighlights li{font-size:16px;line-height:1.7;padding-left:2px;margin:0 0 10px}
.storyPage article .storyPracticalTitle{border-top:1px solid #deded9;margin-top:32px;padding-top:28px}
.storyPage .atAGlance,.storyPage .sources{border:0;border-top:1px solid #deded9;border-radius:0;background:none;padding:24px 0!important;margin-top:16px}
.storyPage .atAGlance dl>div{display:block;border:0;padding:0 0 14px}
.storyPage .atAGlance dt,.storyPage .atAGlance dd{display:inline;font-size:16px;line-height:1.75}
.storyPage .atAGlance dt{margin-right:8px}
.storyPage .sources p,.storyPage .sources li{font-size:14px}
.storyPage .storyFacts p{font-size:16px;margin-bottom:14px}
.storyPage .faqs details,.storyPage .storyFaqs details{border:0;border-bottom:1px solid #deded9;border-radius:0;background:none;margin:0}
.storyPage .faqs summary,.storyPage .storyFaqs summary{font-size:16px;font-weight:700;line-height:1.65;padding:16px 0;cursor:pointer}
.storyPage .faqs details p,.storyPage .storyFaqs details p{padding:0 0 16px;font-size:16px;margin:0}
.storyPage .related{margin-top:24px;padding:28px 0}
.storyPage .related>.cards{display:block}
.storyPage .related .card{display:block;border:0;border-bottom:1px solid #deded9;border-radius:0;padding:18px 0;background:none}
.storyPage .related .cardPhoto,.storyPage .related .cardBody>p,.storyPage .related .read{display:none}
.storyPage .related .cardBody{padding:0}
.storyPage .related .card h2{font-size:21px;margin:0}
.storyHindi .guideHero>.shell,.storyHindi .guideArticleLayout{width:min(760px,calc(100% - 40px));max-width:760px}
.storyHindi .guideArticleLayout{padding:0 0 55px;display:block}
.storyHindi .guideHero h1{line-height:1.5}
.storyHindi .articleMeta{display:flex!important;align-items:center;flex-wrap:wrap;gap:6px 16px;margin:0}
.storyHindi .articleMeta span{border:0;background:none;padding:0;border-radius:0;font-size:12px;color:#687078}
.storyHindi article p,.storyHindi article li{line-height:1.95}
.storyHindi .guideArticle a{font-weight:600}
/* Existing Hindi article panels become ordinary reading sections. */
.storyLegacy .guideHero .eyebrow{display:none}
.storyLegacy .guideHero>.shell>div:last-child{font-size:13px;color:#687078}
.storyLegacy .guideArticle>.beliefBlock,.storyLegacy .guideArticle>.historyBlock,.storyLegacy .guideArticle>.quickAnswer,.storyLegacy .guideArticle>.sourceBox{border:0!important;border-radius:0;background:none;padding:0 0 22px!important;margin:0}
.storyLegacy .beliefBlock>span,.storyLegacy .historyBlock>span{font-size:12px;color:#697078;letter-spacing:0;text-transform:none}
.storyLegacy .quickAnswer h2,.storyLegacy .quickAnswer dt,.storyLegacy .quickAnswer dd{color:#263c49}
.storyLegacy .quickAnswer{margin-top:24px!important;border-top:1px solid #deded9!important;padding-top:24px!important}
.storyLegacy .quickAnswer dl{display:block}
.storyLegacy .quickAnswer dl>div{border:0;padding:0 0 13px}
.storyLegacy .quickAnswer dt,.storyLegacy .quickAnswer dd{display:inline;font-size:16px;line-height:1.8;text-transform:none}
.storyLegacy .quickAnswer dt{margin-right:8px}
.storyLegacy .tipGrid,.storyLegacy .routeChoice,.storyLegacy .relatedGrid{display:block}
.storyLegacy .tipGrid>div,.storyLegacy .routeChoice>a,.storyLegacy .relatedGrid>a{display:block!important;background:none;border:0;border-radius:0;padding:10px 0}
.storyLegacy .tipGrid svg,.storyLegacy .routeChoice svg,.storyLegacy .relatedGrid svg{display:none}
.storyLegacy .tipGrid strong,.storyLegacy .routeChoice strong{font-size:17px;margin:0 0 5px}
.storyLegacy .tipGrid p,.storyLegacy .routeChoice small{font-size:16px;line-height:1.8}
.storyLegacy .currentCheck,.storyLegacy .storyLead,.storyLegacy .datePending,.storyLegacy .infoNotice{display:block;background:none;border:0;border-radius:0;padding:12px 0}
.storyLegacy .currentCheck svg,.storyLegacy .storyLead svg,.storyLegacy .datePending svg,.storyLegacy .infoNotice svg{display:none}
.storyLegacy .sourceBox{border-top:1px solid #deded9!important;padding-top:22px!important}
.storyLegacy .sourceBox p,.storyLegacy .sourceBox li{font-size:14px}
.storyLegacy .tableScroll,.storyLegacy .tableWrap{overflow-x:auto;max-width:100%}
.storyLegacy table{width:100%;border-collapse:collapse;font-size:15px}
.storyLegacy th,.storyLegacy td{padding:12px;vertical-align:top}
.storyLegacy .storyFacts p{font-size:16px}
@media(max-width:650px){
 .storyPage.articlePage,.storyHindi .guideHero>.shell,.storyHindi .guideArticleLayout{width:calc(100% - 36px)}
 .storyPage .hero,.storyPage .guideHero{padding:20px 0}
 .storyPage .hero h1,.storyPage .guideHero h1{font-size:30px;letter-spacing:0}
 .storyPage article p,.storyPage article li{font-size:18px;line-height:1.85}
 .storyHindi article p,.storyHindi article li{font-size:19px;line-height:1.95}
 .storyPage article h2,.storyPage .guideArticle h2{font-size:24px;margin-top:20px}
 .storyPage article h3,.storyPage .guideArticle h3{font-size:21px}
 .storyPage .storyHighlights h2{font-size:14px;margin-top:0}
 .storyPage .storyHighlights li{font-size:16px}
 .storyPage .hero .intro,.storyPage .guideHero>.shell>p{font-size:17px}
}