@import url("../india/styles.css");
@import url("../india/enrichment.css");
:root{--ink:#142c2e;--muted:#627476;--paper:#e7e0cc;--paper2:#d8cfb4;--night:#0f292d;--night2:#17383b;--white:#fff9e8;--red:#aa6a28;--red2:#d7a45d;--line:rgba(20,44,46,.2);--line2:rgba(255,249,232,.2)}
.seal{border-radius:2px;background:#aa6a28}.hero-image-wrap{inset:0 0 0 50%}.hero-image-wrap img{object-position:50% 22%;filter:saturate(.65) sepia(.13) contrast(1.08) brightness(.66)}.hero-ink{background:linear-gradient(90deg,var(--night) 0%,rgba(15,41,45,.98) 22%,rgba(15,41,45,.46) 68%,rgba(15,41,45,.16) 100%),linear-gradient(0deg,rgba(15,41,45,.76),transparent 58%)}.hero-copy{width:min(760px,64vw)}.hero h1{font-size:clamp(58px,7.2vw,108px);letter-spacing:-.065em}.kicker{color:#deb36f}.daily-quote>p,.quote-original{font-family:"Geeza Pro","Noto Naskh Arabic",Georgia,serif!important;direction:auto}.person-row small,.index-row small,.dialog-title>span{direction:auto}.argument-steps{background:#123438!important}.dialog-rich h3{color:#9b5c20}.argument-steps h3,.argument-steps li:before{color:#e3b66d}.related-buttons button:hover{background:#986025;border-color:#986025}.volume-switch{white-space:nowrap}
@media(max-width:920px){.volume-switch a:nth-child(2),.volume-switch a:nth-child(3){display:none}}
@media(max-width:720px){.hero-image-wrap{inset:0 0 auto 28%}.hero-copy{width:100%}.hero h1{font-size:clamp(52px,15vw,72px)}.volume-switch a:nth-child(4){display:none}}

/* Shared navigation polish */
.desktop-nav a{position:relative}
.desktop-nav a::after{position:absolute;right:0;bottom:1px;left:0;height:1px;content:"";background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .22s var(--ease)}
.desktop-nav a:hover::after,.desktop-nav a.is-active::after{transform:scaleX(1);transform-origin:left}
.desktop-nav a.is-active{color:var(--red2);opacity:1}
.mobile-menu>a.is-active{color:var(--red2)}
@media(max-width:720px){
  .volume-switch{display:none}
  .hero h1{max-width:100%;font-size:clamp(40px,10.8vw,58px);line-height:1;letter-spacing:-.075em;overflow-wrap:normal}
}
/* Timeline narrative enrichment */
.period-shift{margin-top:24px;padding-top:18px;border-top:1px solid rgba(215,164,93,.38)}
.period-shift span{display:block;color:var(--red2);font-size:9px;font-weight:700;letter-spacing:.12em}
.period-shift p{max-width:760px;margin:8px 0 0;color:var(--muted);font-family:var(--serif);font-size:16px;line-height:1.65}
.period-header>p:nth-of-type(2){max-width:860px;margin:0;color:rgba(255,248,233,.58);font-size:12px}
@media(max-width:720px){.period-shift{margin-top:20px}.period-shift p{font-size:15px}}
/* Daily reading index */
.daily-index{margin-top:38px;padding-top:22px;border-top:1px solid var(--line2)}
.daily-index-label{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:8px}
.daily-index-label span{color:var(--red2);font-size:10px;letter-spacing:.12em}
.daily-index-label p{margin:0;color:rgba(255,250,240,.5);font-size:11px}
.daily-index-list{display:grid;grid-template-columns:repeat(4,1fr)}
.daily-index-list button{display:grid;grid-template-columns:26px 1fr;gap:5px 12px;padding:17px 18px 16px 0;color:rgba(255,250,240,.55);text-align:left;background:transparent;border:0;border-top:1px solid var(--line2);cursor:pointer}
.daily-index-list button:nth-child(4n+2),.daily-index-list button:nth-child(4n+3),.daily-index-list button:nth-child(4n+4){padding-left:18px;border-left:1px solid var(--line2)}
.daily-index-list button>span{grid-row:1/3;color:var(--red2);font-size:10px}
.daily-index-list strong{font-family:var(--serif);font-size:18px;font-weight:500;color:rgba(255,250,240,.86)}
.daily-index-list small{font-size:10px;color:rgba(255,250,240,.42)}
.daily-index-list button:hover strong,.daily-index-list button.is-current strong{color:var(--red2)}
@media(max-width:720px){.daily-index-label{align-items:flex-start;flex-direction:column;gap:8px}.daily-index-list{grid-template-columns:repeat(2,1fr)}.daily-index-list button:nth-child(4n+2),.daily-index-list button:nth-child(4n+3),.daily-index-list button:nth-child(4n+4){padding-left:0;border-left:0}.daily-index-list button:nth-child(2n){padding-left:15px;border-left:1px solid var(--line2)}.daily-index-list strong{font-size:16px}}

/* Editorial person openings */
.profile-story{display:grid;grid-template-columns:130px minmax(0,1fr);gap:clamp(26px,5vw,72px);align-items:start;margin-top:42px;padding:28px 0 32px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.profile-story>span{padding-top:8px;color:var(--red);font-size:9px;font-weight:700;letter-spacing:.14em}
.profile-story p{max-width:760px;margin:0;color:var(--ink);font-family:var(--serif);font-size:clamp(18px,2vw,25px);font-weight:500;line-height:1.78;letter-spacing:.015em}
.profile-story p::first-letter{float:left;margin:8px 8px 0 0;color:var(--red);font-size:3.15em;line-height:.72}
@media(max-width:760px){.profile-story{display:block;margin-top:34px;padding:21px 0 25px}.profile-story>span{display:block;margin-bottom:17px;padding:0}.profile-story p{font-size:18px;line-height:1.82}.profile-story p::first-letter{float:none;margin:0;color:inherit;font-size:inherit;line-height:inherit}}
/* Cross-volume reading */
.cross-reading{margin-top:58px;padding-top:22px;border-top:1px solid var(--line)}
.cross-reading-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:10px}
.cross-reading-head span{color:var(--red2);font-size:10px;letter-spacing:.12em}
.cross-reading-head p{margin:0;color:var(--muted);font-size:11px}
.cross-reading-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line2)}
.cross-reading-list a{display:grid;gap:8px;padding:18px 18px 18px 0;color:var(--white);border-bottom:1px solid var(--line2);text-decoration:none}
.cross-reading-list a+a{padding-left:18px;border-left:1px solid var(--line2)}
.cross-reading-list span{color:var(--red2);font-size:10px}
.cross-reading-list strong{font-family:var(--serif);font-size:20px;font-weight:500}
.cross-reading-list small{color:var(--muted);font-size:10px;line-height:1.6}
.cross-reading-list a:hover strong{color:var(--red2)}
@media(max-width:720px){.cross-reading-head{align-items:flex-start;flex-direction:column;gap:8px}.cross-reading-list{grid-template-columns:repeat(2,1fr)}.cross-reading-list a{padding:16px 12px 16px 0}.cross-reading-list a+a{padding-left:12px}.cross-reading-list a:nth-child(2n+1){padding-left:0;border-left:0}.cross-reading-list strong{font-size:17px}}
.hero-image-wrap picture{display:block;width:100%;height:100%}