.reading-shell{max-width:1500px;padding:0 24px}
.reading-quiz-intro{background:#eff7f5;border:1px solid #d9eae4;border-radius:12px;padding:22px;margin:25px 0}.reading-quiz-intro h2{font-size:23px;font-weight:600;margin:8px 0;color:#174663}.reading-quiz-intro p{font-size:13px;line-height:1.8;color:#617d89;margin:0}.reading-quiz-intro #quizProgress{font-size:11px;margin:17px 0 7px;color:#327c73}.reading-quiz-intro progress{display:block;width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;accent-color:#22b2a4}.reading-quiz-intro progress::-webkit-progress-bar{background:#dcebe6}.reading-quiz-intro progress::-webkit-progress-value{background:#22b2a4}.reading-quiz-intro progress::-moz-progress-bar{background:#22b2a4}
.reading-article .quiz-question{padding:22px;margin:0 0 18px;border:1px solid #dce6eb;box-shadow:none;border-radius:11px}.reading-article .quiz-question>p:first-child{font-size:16px;line-height:1.75;color:#294b61;margin:0 0 17px}.quiz-question .reading-eyebrow{display:block;margin-bottom:8px}.reading-article .quiz-question ul{padding:0;margin:0;list-style:none}.reading-article .quiz-question li{margin:8px 0;padding:0}.reading-article .quiz-question label{display:flex;gap:12px;align-items:baseline;padding:12px 14px;min-height:46px;box-sizing:border-box;font-size:14px;line-height:1.7;background:#f8fafb;border:1px solid #e1e9ed;border-radius:8px;cursor:pointer;color:#496371}.reading-article .quiz-question label:has(input:checked){background:#edf5fa;border-color:#82abc4}.reading-article .quiz-question label:has(input:focus-visible){outline:3px solid #22b2a4;outline-offset:2px}.quiz-question input[type=radio]{accent-color:#427fa6;flex-shrink:0;width:17px;height:17px;position:relative;top:3px}.reading-article .quiz-question label[data-answer=correct]{background:#eaf7f0;border-color:#84bfa3;color:#28634a}.reading-article .quiz-question label[data-answer=incorrect]{background:#fff2ee;border-color:#dfb19e;color:#8c4a38}.reading-article .quiz-feedback{font-size:12px;line-height:1.8;margin:15px 0 0;color:#6f7e86}.quiz-question[data-result=correct] .quiz-feedback{color:#287554}
.reading-article .quiz-actions{text-align:left;display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.reading-article .quiz-actions button{padding:12px 17px;min-height:46px;border-radius:8px;border:1px solid #427fa6;background:#427fa6;color:#fff;font-family:inherit;font-size:13px;cursor:pointer}.reading-article .quiz-actions #clearQuizBtn{background:#fff;color:#427fa6;border-color:#d4e2e9}.reading-article .quiz-actions button:disabled{opacity:.6;cursor:default}.reading-article #quizResult{flex-basis:100%;border:1px solid #d7e7ed;background:#eff6fa;border-radius:10px;padding:18px;margin:8px 0 0;font-size:14px;line-height:1.8;font-weight:400;text-align:left;color:#305b74}.reading-article #quizResult[data-state=incomplete]{background:#fff8ed;border-color:#ead9b9;color:#826438}.reading-article .quiz-actions button:focus-visible{outline:3px solid #22b2a4;outline-offset:3px}.reading-article [hidden]{display:none!important}
.reading-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 200px;gap:25px;align-items:start;margin:30px 0 55px;padding:0}
.reading-eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:600;color:#607f83;line-height:1.6}
.reading-lessons.sidebar{position:sticky;top:165px;max-height:calc(100dvh - 185px);overflow-y:auto;scrollbar-width:thin;min-width:0;padding:8px 16px 20px 0;background:transparent;border-radius:0;box-shadow:none}
.reading-lessons-heading{padding:5px 5px 22px;border-bottom:1px solid #dde5e5;margin-bottom:12px}
.reading-lessons-heading h2{font-size:19px;line-height:1.4;font-weight:600;color:#073a6d;margin:6px 0}.reading-lessons-heading p{font-size:11px;color:#849294}
.reading-lesson-group{padding-bottom:10px}.reading-lesson-group summary{list-style:none;font-size:12px;font-weight:600;color:#45616f;display:flex;align-items:center;justify-content:space-between;padding:12px 7px;cursor:pointer}.reading-lesson-group summary::-webkit-details-marker{display:none}.reading-lesson-group summary span{color:#819597;font-weight:400}
.reading-lesson-group .sidebar-links a{font-size:12px;line-height:1.65;color:#657780;display:flex;align-items:baseline;gap:9px;padding:9px 10px;border:0;border-radius:5px;margin:2px 0}
.reading-lesson-dot{display:inline-block;flex:0 0 4px;height:4px;position:relative;top:-2px;border-radius:50%;background:#b5c6c6}
.reading-lesson-group .sidebar-links a:hover{background:#edf2f1;color:#194956}.reading-lesson-group .sidebar-links a.active{background:#e4f3ee;color:#137b70;font-weight:600}.reading-lesson-group a.active .reading-lesson-dot{background:#16897b}
.reading-article.content{padding:31px 36px 35px;border:1px solid #e2e9e9;border-radius:11px;box-shadow:0 3px 16px #123e5903;background:#fff}
.reading-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;font-size:10px;line-height:1.7;color:#9aabab;padding-bottom:24px}.reading-breadcrumb a{color:#6d858c}.reading-breadcrumb a:hover{color:#148578}
.reading-title-block{position:static;top:auto;left:auto;width:auto;background:transparent;z-index:auto;box-shadow:none;border-bottom:1px solid #e8eeee;padding:0 0 27px;margin:0 0 28px}
.reading-title-block .reading-eyebrow{color:#148578}.reading-title-block h1{font-size:clamp(28px,2.5vw,34px);line-height:1.3;letter-spacing:-.65px;font-weight:600;color:#073a6d;margin:11px 0 19px;overflow-wrap:anywhere}
.reading-meta{display:flex;gap:10px 19px;flex-wrap:wrap;align-items:center;font-size:10px;line-height:1.8;color:#879497}.reading-meta i{margin-right:4px}
.reading-article .content-body{font-size:16px;line-height:1.75;color:#3b4b55;overflow-wrap:break-word;letter-spacing:0}
.reading-article .content-body p{font-size:16px;line-height:1.75;margin:0 0 17px;color:#3b4b55}
.reading-article .content-body h2{font-size:24px;line-height:1.4;font-weight:600;letter-spacing:-.35px;color:#103e58;margin:32px 0 14px;scroll-margin-top:175px}
.reading-article .content-body h3{font-size:20px;line-height:1.45;font-weight:600;letter-spacing:-.25px;color:#254c5f;margin:26px 0 12px;scroll-margin-top:175px}
.reading-article .content-body h4{font-size:17px;line-height:1.5;font-weight:600;color:#254c5f;margin:22px 0 10px}
.reading-article .content-body>:first-child{margin-top:0}.reading-article .content-body strong{color:#2c424d;font-weight:600}
.reading-article .content-body ul,.reading-article .content-body ol{margin:12px 0 24px;padding-left:23px}.reading-article .content-body li{font-size:16px;line-height:1.75;margin-bottom:7px;padding-left:3px}
.reading-article .content-body a{color:#127e74;text-decoration:underline;text-underline-offset:3px}.reading-article .content-body hr{border:0;border-top:1px solid #e5eded;margin:32px 0}
.reading-article .content-body blockquote{border-left:3px solid #22b2a4;background:#f0f7f5;padding:20px 24px;border-radius:0 7px 7px 0;margin:25px 0;color:#456169}
.reading-article .content-body code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85em;letter-spacing:0}.reading-article .content-body :not(pre)>code{padding:3px 5px;border-radius:4px;background:#edf3f3;color:#355963;border:0}
.reading-article .content-body pre,.reading-article .content-body pre[class*="language-"]{position:relative;max-width:100%;border:1px solid #273c4e!important;border-left:1px solid #273c4e!important;border-radius:8px;background:#172b3b!important;color:#e1ebef!important;box-shadow:none;padding:23px 22px;margin:18px 0 27px;line-height:1.75;tab-size:4;overflow-x:auto;white-space:pre}
.reading-article .content-body pre code{font-size:13px;line-height:1.75;background:transparent!important;color:#e1ebef!important;padding:0;border:0;text-shadow:none;white-space:pre}
.reading-code-frame{position:relative;margin:22px 0 28px;background:#172b3b;border:1px solid #273c4e;border-radius:8px;overflow:hidden}
.reading-code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;background:#203647;color:#a7becb;font-size:10px;letter-spacing:.4px;border-bottom:1px solid #314757}
.reading-copy-code{font:inherit;font-size:10px;border:1px solid #526977;background:transparent;border-radius:4px;color:#d5e3e8;padding:4px 9px;cursor:pointer;min-width:60px}.reading-copy-code:hover{background:#354c5b}
.reading-article .content-body .reading-code-frame>pre,.reading-article .content-body .reading-code-frame>pre[class*="language-"]{border:0!important;border-radius:0;margin:0}
.reading-article .content-body .table-wrapper{border:1px solid #e1e9e9;border-radius:8px;margin:24px 0;max-width:100%;overflow-x:auto}
.reading-article .content-body table{margin:0;border:0;border-radius:0;box-shadow:none;font-size:13px;min-width:540px;border-collapse:collapse}
.reading-article .content-body th{font-size:12px;font-weight:600;background:#edf5f3;color:#345866;letter-spacing:0;padding:13px 16px}
.reading-article .content-body td{font-size:13px;line-height:1.7;color:#4c626d;padding:13px 16px;border-top:1px solid #e5ebeb}.reading-article .content-body tbody tr:nth-child(even){background:#f8faf9}
.reading-article .content-body .img-wrapper{margin:26px 0}.reading-article .content-body img{border-radius:7px;max-width:100%}
.reading-next-steps{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:45px 0 30px;border-top:1px solid #e5eded;padding-top:24px}
.reading-next-steps>a,.reading-start-note{border:1px solid #e0e9e7;border-radius:7px;padding:18px;min-width:0}
.reading-next-steps a span{display:block;font-size:10px;color:#6c8587;margin-bottom:8px}.reading-next-steps a strong{display:block;font-size:13px;color:#174f62;font-weight:500;line-height:1.6}
.reading-next-steps>a:hover{background:#f0f7f5;border-color:#9bcbbf}.reading-next-link{text-align:right}.reading-start-note{background:#f7f9f8}.reading-start-note span{font-size:8px;letter-spacing:1px;color:#829491}.reading-start-note p{font-size:12px;color:#54766d;margin-top:5px}
.reading-rail{min-width:0;position:sticky;top:165px}.reading-on-page{padding:6px 5px 23px;margin-bottom:22px;border-bottom:1px solid #dee7e7}
.reading-on-page>div{margin-top:14px;max-height:260px;overflow-y:auto;scrollbar-width:thin}.reading-on-page a{display:block;font-size:11px;line-height:1.6;color:#7b8f96;padding:6px 0;border-left:1px solid #d9e6e2;padding-left:13px}.reading-on-page a:hover{color:#148578;border-left-color:#22b2a4}.reading-on-page .reading-toc-h3{font-size:10px;padding-left:22px;color:#8c9b9f}
.reading-rail .ads{width:auto;min-width:0;padding:12px;background:transparent;border:1px solid #e1e8e8;border-radius:8px;box-shadow:none}
.reading-rail .ads-top-text{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#91a1a5}.reading-rail .ad-placeholder{height:230px;border:1px solid #e1e8e8;border-radius:6px}.reading-rail .ad-contact{height:110px;font-size:11px}.reading-rail .ads-image{max-width:100%;max-height:228px;object-fit:contain}
.reading-article .content-actions{border-top:1px solid #e7eded;padding-top:20px}.reading-article .comments-section h3{font-size:19px;color:#244e62;font-weight:600}
.reading-shell a:focus-visible,.reading-shell summary:focus-visible,.reading-shell button:focus-visible{outline:3px solid #22b2a4;outline-offset:3px}

@media(max-width:1150px) and (min-width:992px){.reading-layout{grid-template-columns:205px minmax(0,1fr);gap:22px}.reading-rail{position:static;grid-column:2}.reading-on-page{display:none}.reading-rail .ads{display:flex;gap:15px;flex-wrap:wrap}.reading-rail .ads-top-text{width:100%}.reading-rail .ad-placeholder{flex:1 1 190px;max-width:260px}}
@media(max-width:991px){.reading-shell{padding:0 20px}.reading-layout{display:block;margin-top:24px}.reading-lessons.sidebar{position:fixed;top:var(--discovery-topbar-height,128px);height:calc(100dvh - var(--discovery-topbar-height,128px));max-height:none;width:280px;padding:28px 20px;background:#f8fbfa;z-index:1050;box-shadow:8px 0 30px #073a6d18}.reading-lessons .sidebar-close{font-size:16px;top:8px;right:12px}.reading-article.content{padding:28px}.reading-rail{position:static;margin-top:28px}.reading-on-page{display:none}.reading-rail .ads{display:flex;gap:15px;flex-wrap:wrap;padding:15px}.reading-rail .ads-top-text{flex-basis:100%}.reading-rail .ad-placeholder{flex:1 1 190px;max-width:300px}}
@media(max-width:600px){.reading-shell{padding:0 12px}.reading-layout{margin-top:20px;margin-bottom:32px}.reading-article.content{padding:25px 20px;border-radius:8px}.reading-breadcrumb{font-size:9px;padding-bottom:20px;gap:7px}.reading-title-block{padding-bottom:22px;margin-bottom:24px}.reading-title-block h1{font-size:27px;line-height:1.3;letter-spacing:-.5px}.reading-meta{font-size:9px;gap:7px 13px}.reading-article .content-body p,.reading-article .content-body li{font-size:16px;line-height:1.75}.reading-article .content-body h2{font-size:22px;margin-top:28px}.reading-article .content-body h3{font-size:19px;margin-top:27px}.reading-article .content-body pre,.reading-article .content-body pre[class*="language-"]{padding:18px 15px}.reading-article .content-body pre code{font-size:12px}.reading-next-steps{gap:10px}.reading-next-steps>a,.reading-start-note{padding:14px 12px}.reading-next-steps a strong{font-size:12px}.reading-rail .ad-placeholder{max-width:none}}

/* Baby-name alphabet: comfortable touch targets and a clear, colourful grid. */
.reading-article .horoscope-guide .letter-nav {
  display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;
  padding:18px;margin:20px 0 32px;background:#f6f9fa;
  border:1px solid #e1e9eb;border-radius:12px;
}
.reading-article .content-body .horoscope-guide .letter-nav a {
  display:flex;align-items:center;justify-content:center;min-width:0;min-height:50px;
  padding:9px 4px;margin:0;border:1px solid #b9ded3;border-radius:8px;
  background:#e8f5ef;color:#176959;text-decoration:none;font-size:17px;
  font-weight:600;line-height:1.2;box-shadow:0 2px 0 #073a6d05;
}
.reading-article .content-body .horoscope-guide .letter-nav a:nth-child(4n+2) {background:#eaf1fb;border-color:#c6d7ed;color:#315d8d;}
.reading-article .content-body .horoscope-guide .letter-nav a:nth-child(4n+3) {background:#f4edfa;border-color:#dfcfee;color:#76518c;}
.reading-article .content-body .horoscope-guide .letter-nav a:nth-child(4n) {background:#fbf2e5;border-color:#ebd8b9;color:#8b642e;}
.reading-article .content-body .horoscope-guide .letter-nav a:hover,
.reading-article .content-body .horoscope-guide .letter-nav a:focus-visible {background:#073a6d;border-color:#073a6d;color:#fff;box-shadow:0 3px 9px #073a6d18;}
.reading-article .horoscope-guide .name-section {scroll-margin-top:175px;}
@media(max-width:600px) {
  .reading-article .horoscope-guide .letter-nav {grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:12px;border-radius:10px;}
  .reading-article .content-body .horoscope-guide .letter-nav a {min-height:46px;font-size:16px;}
}
@media(max-width:380px) {
  .reading-article .horoscope-guide .letter-nav {grid-template-columns:repeat(4,minmax(0,1fr));}
}
/* Zodiac names need wider tiles than single alphabet letters. */
.reading-article.reading-zodiac .horoscope-guide .letter-nav {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));
}
.reading-article.reading-zodiac .content-body .horoscope-guide .letter-nav a {
  box-sizing:border-box;padding:12px 10px;text-align:center;
  white-space:normal;overflow-wrap:anywhere;line-height:1.5;
}

/* Keep headings embedded in rich-text articles in the same type hierarchy. */
.reading-article .content-body h1{font-size:28px;line-height:1.35;font-weight:600;letter-spacing:-.45px;color:#103e58;margin:34px 0 16px;overflow-wrap:break-word}
.reading-article .content-body :is(h1,h2,h3,h4) strong{font-weight:inherit;color:inherit}
.reading-article .content-body :is(h1,h2,h3,h4){text-wrap:pretty}
.reading-article .content-body>:first-child{margin-top:0}
@media(max-width:600px){.reading-article .content-body h1{font-size:25px;margin-top:28px}}

/* Baby-name collections: readable tables and bounded page lengths. */
.baby-names-browser{scroll-margin-top:175px}
.reading-article .content-body .baby-names-intro h2{font-size:23px;margin:0 0 12px}
.reading-article .content-body .baby-names-intro p{font-size:13px;line-height:1.85;color:#708794;margin-bottom:20px}
.baby-letter-filter{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;padding:14px;background:#f4f8fa;border:1px solid #e0e9ed;border-radius:10px;margin:0 0 22px}
.reading-article .content-body .baby-letter-filter a{display:flex;align-items:center;justify-content:center;min-height:43px;padding:7px 3px;border:1px solid #cce0dc;border-radius:7px;background:#e9f5f0;color:#287b69;text-decoration:none;font-size:14px;font-weight:600}
.reading-article .content-body .baby-letter-filter a:nth-child(4n+2){background:#ecf2fc;border-color:#d1dfef;color:#537c9e}
.reading-article .content-body .baby-letter-filter a:nth-child(4n+3){background:#f4eefb;border-color:#e2d5ef;color:#806499}
.reading-article .content-body .baby-letter-filter a:nth-child(4n){background:#fcf3e7;border-color:#ecddc3;color:#977441}
.reading-article .content-body .baby-letter-filter a[aria-current]{background:#427fa6;border-color:#427fa6;color:#fff}
.baby-results-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 13px}
.reading-article .content-body .baby-results-bar p{font-size:11px;color:#7b929f;margin:0}
.reading-article .content-body .baby-results-bar>a{font-size:11px;white-space:nowrap}
.reading-article .content-body .baby-names-table-wrap{width:100%;overflow-x:auto;border:1px solid #dce6ec;border-radius:10px;margin:0 0 22px}
.reading-article .content-body .baby-names-table{table-layout:fixed;width:100%;min-width:0;border-collapse:collapse;margin:0}
.reading-article .content-body .baby-names-table thead th{font-size:11px;font-weight:600;color:#466d80;background:#edf5f7;padding:14px 15px;text-align:left;line-height:1.6}
.baby-names-table thead th:nth-child(1){width:29%}.baby-names-table thead th:nth-child(2){width:23%}.baby-names-table thead th:nth-child(3){width:48%}
.reading-article .content-body .baby-names-table tbody th{font-size:14px;font-weight:600;background:transparent;color:#2c5770;text-align:left}
.reading-article .content-body .baby-names-table tbody td{font-size:13px;font-weight:400;color:#637b89;line-height:1.85}
.reading-article .content-body .baby-names-table tbody td[lang=hi]{font-size:16px;color:#537081}
.reading-article .content-body .baby-names-table tbody :is(th,td){padding:13px 15px;vertical-align:top;border-top:1px solid #e5ecef;overflow-wrap:anywhere}
.baby-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}
.baby-page-numbers{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.reading-article .content-body .baby-pagination a,.baby-page-number{display:inline-flex;align-items:center;justify-content:center;min-height:42px;min-width:38px;padding:8px 10px;background:#fff;border:1px solid #d4e2e9;border-radius:7px;font-size:12px;text-decoration:none;color:#427fa6;box-sizing:border-box}
.reading-article .content-body .baby-pagination .baby-page-direction{font-size:11px;white-space:nowrap}
.baby-page-number.is-current{background:#427fa6;border-color:#427fa6;color:#fff;font-weight:600}
.baby-page-gap{display:inline-flex;align-items:center;padding:0 4px;color:#99a9b2}
.baby-page-direction.is-disabled{font-size:11px;color:#a7b5bc;white-space:nowrap}
.baby-page-jump{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;font-size:11px;color:#8095a2;margin:10px 0 25px}
.baby-page-jump input{box-sizing:border-box;width:60px;height:40px;padding:8px;border:1px solid #d5e2e9;border-radius:7px;font-size:14px;text-align:center;background:#fff;color:#426c84}
.baby-page-jump button{min-height:40px;padding:8px 13px;border:1px solid #ccdee8;border-radius:7px;background:#fff;color:#427fa6;font-family:inherit;cursor:pointer}
.baby-letter-note{background:#fff8ed;border:1px solid #efdfc4;padding:15px;border-radius:8px;margin:0 0 18px}
.reading-article .content-body .baby-letter-note p{font-size:12px;line-height:1.85;margin:0;color:#8a7657}
.baby-names-empty{border:1px dashed #d4e3ea;border-radius:10px;padding:26px;text-align:center;background:#f7fafb}
.reading-article .content-body .baby-names-empty h3{font-size:19px;margin:0 0 13px}
.reading-article .content-body .baby-names-empty p{font-size:13px;color:#7c939f}
.baby-name-guidance{border-top:1px solid #e3ebef;padding-top:20px;margin-top:25px}
.baby-name-guidance>summary{font-size:12px;line-height:1.7;font-weight:600;color:#557d90;cursor:pointer;padding:6px 0}
.baby-name-guidance>div{padding-top:15px}
.reading-article .content-body .baby-name-guidance :is(p,.guide-note){font-size:13px;line-height:1.85;color:#6f8795}
@media(max-width:600px){
.baby-names-browser{scroll-margin-top:180px}
.baby-letter-filter{grid-template-columns:repeat(6,minmax(0,1fr));padding:10px;gap:7px}
.reading-article .content-body .baby-letter-filter a{min-height:43px;font-size:14px}
.reading-article .content-body .baby-names-intro h2{font-size:21px}
.reading-article .content-body .baby-names-table thead th{font-size:10px;padding:11px 9px}
.reading-article .content-body .baby-names-table tbody :is(th,td){padding:12px 9px}
.reading-article .content-body .baby-names-table tbody th{font-size:12px;line-height:1.75}
.reading-article .content-body .baby-names-table tbody td{font-size:12px;line-height:1.75}
.reading-article .content-body .baby-names-table tbody td[lang=hi]{font-size:14px}
.baby-pagination{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.baby-page-numbers{grid-column:1/-1;grid-row:1}
.baby-pagination>.baby-page-direction:last-child{justify-self:end}
.baby-pagination>.baby-page-direction:first-child{justify-self:start}
.baby-page-jump input{font-size:16px}
}

.baby-names-table.baby-names-table-english thead th:nth-child(1){width:35%}
.baby-names-table.baby-names-table-english thead th:nth-child(2){width:65%}