/* "Read" — Pastor Prabhu Kiran's articles (andhrabiblecollege.in/read/).
   Loaded after css/style.css; uses its tokens (navy, parchment, gold, EB Garamond / Inter / Noto Serif Telugu). */

/* hero: portrait in the gold-ringed disc instead of the seal */
.r-portrait{flex:none;width:clamp(120px,14vw,190px);height:clamp(120px,14vw,190px);border-radius:50%;overflow:hidden;
  box-shadow:0 0 0 3px var(--gold),0 20px 50px rgba(0,0,0,.35);border:6px solid var(--parch)}
.r-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.page-hero .label a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(212,175,90,.5)}
.page-hero .label a:hover{border-color:var(--gold)}

/* cards */
.r-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.rc{min-width:0}
.rc[hidden]{display:none}
.rc a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--ink);background:var(--white);
  border:1px solid var(--parch-line);border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.rc a:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 14px 34px rgba(16,28,54,.10)}
.rc-img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--parch-2)}
.rc-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.rc a:hover .rc-img img{transform:scale(1.03)}
.rc-body{display:flex;flex-direction:column;gap:10px;padding:24px;flex:1}
.rc-meta{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;font-family:var(--f-label);font-size:.78rem;color:var(--ink-2)}
.rc-meta .k{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dark)}
.rc-t{font-family:var(--f-display);font-size:1.55rem;line-height:1.15;text-wrap:balance}
.rc-s{color:var(--ink-2);font-size:1.05rem;line-height:1.5}
.rc-go{margin-top:auto;padding-top:6px;font-family:var(--f-label);font-size:.88rem;font-weight:600;color:var(--gold-dark)}
.rc[lang="te"] .rc-t,.rc[lang="te"] .rc-s{font-family:var(--f-telugu)}

/* lead (newest) article */
.rc-big a{background:var(--navy);border-color:var(--navy);color:var(--parch)}
.rc-big.has-img a{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.rc-big .rc-img{aspect-ratio:auto;min-height:320px}
.rc-big .rc-body{padding:clamp(26px,4vw,48px);justify-content:center}
.rc-big .rc-meta{color:var(--mist)}
.rc-big .rc-meta .k{color:var(--gold)}
.rc-big .rc-t{font-size:clamp(2rem,3.4vw,2.8rem)}
.rc-big .rc-s{color:#DDE2EC;font-size:1.2rem;max-width:52ch}
.rc-big .rc-go{color:var(--gold)}
.rc-big a:hover{border-color:var(--gold)}

/* topic filter */
.r-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}
.r-filters button{font:600 .82rem/1 var(--f-label);letter-spacing:.04em;padding:.7em 1.1em;border-radius:999px;border:1px solid var(--parch-line);
  background:var(--white);color:var(--ink-2);cursor:pointer}
.r-filters button:hover{border-color:var(--gold);color:var(--ink)}
.r-filters button.is-on{background:var(--navy);border-color:var(--navy);color:var(--parch)}

/* empty state */
.r-empty{max-width:640px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;
  background:var(--white);border:1px solid var(--parch-line);border-radius:18px;padding:clamp(32px,5vw,56px)}
.r-empty .label{color:var(--gold-dark)}
.r-empty h2{font-size:clamp(1.8rem,3vw,2.4rem)}
.r-empty p:last-child{color:var(--ink-2);font-size:1.1rem}

/* author card */
.r-about-band{background:var(--parch-2);padding-block:clamp(48px,6vw,72px)}
.r-author{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;max-width:860px;
  background:var(--white);border:1px solid var(--parch-line);border-radius:16px;padding:clamp(20px,3vw,30px)}
.r-author img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:50% 20%;box-shadow:0 0 0 2px var(--gold)}
.r-author .label{color:var(--gold-dark);margin-bottom:6px}
.r-author h3{font-size:1.45rem;margin-bottom:6px}
.r-author p:last-child{color:var(--ink-2)}

/* article page */
.r-post-hero h1{max-width:24ch}
.r-post-hero h1[lang="te"]{font-family:var(--f-telugu);line-height:1.35}
.r-scripture{font-family:var(--f-label);font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft)}
.r-byline{display:flex;align-items:center;gap:12px;font-family:var(--f-label);font-size:.9rem;color:var(--mist)}
.r-byline img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 20%;box-shadow:0 0 0 2px var(--gold)}
.r-byline b{display:block;color:var(--parch);font-weight:600}
.r-article{padding-block:clamp(40px,5vw,64px) clamp(64px,8vw,104px)}
.r-article .wrap{max-width:calc(720px + 2 * var(--gutter))}
.r-cover{margin:0 0 36px;border-radius:14px;overflow:hidden;border:1px solid var(--parch-line)}
.r-cover img{width:100%}
.r-body{font-size:1.2rem;line-height:1.75;color:var(--ink)}
.r-body > * + *{margin-top:1.1em}
.r-body h2{font-size:clamp(1.6rem,2.6vw,2.1rem);margin-top:1.8em;line-height:1.15}
.r-body h3{font-size:1.4rem;margin-top:1.6em}
.r-body a{color:var(--gold-dark);text-underline-offset:3px}
.r-body ul,.r-body ol{padding-left:1.3em}
.r-body li + li{margin-top:.4em}
.r-body blockquote{margin:1.6em 0;padding:4px 0 4px 24px;border-left:3px solid var(--gold);font-style:italic;font-size:1.3rem;color:var(--ink-2)}
.r-body blockquote p + p{margin-top:.6em}
.r-body hr{border:0;border-top:1px solid var(--parch-line);margin:2.2em auto;width:120px}
.r-body img{border-radius:12px;margin-inline:auto}
.r-body strong{font-weight:600}
.r-body > p:first-child::first-letter{font-size:3.4em;float:left;line-height:.85;padding:.06em .1em 0 0;color:var(--crimson)}
.te-body{font-family:var(--f-telugu);font-size:1.12rem;line-height:1.95}
.te-body > p:first-child::first-letter{font-size:inherit;float:none;padding:0;color:inherit}
.te-body blockquote{font-style:normal}

.r-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:44px 0 28px;padding-top:24px;border-top:1px solid var(--parch-line)}
.r-share .label{color:var(--gold-dark);margin-right:6px}
.r-sh{font:600 .85rem/1 var(--f-label);padding:.75em 1.1em;border-radius:6px;border:1px solid var(--parch-line);background:var(--white);
  color:var(--ink);text-decoration:none;cursor:pointer}
.r-sh:hover{border-color:var(--gold);color:var(--gold-dark)}

.r-pager{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.r-pn{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border:1px solid var(--parch-line);border-radius:12px;text-decoration:none;background:var(--white)}
.r-pn:hover{border-color:var(--gold)}
.r-pn .k{font:600 .72rem/1 var(--f-label);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dark)}
.r-pn b{font-weight:500;font-size:1.2rem;line-height:1.2}
.r-pn.next{text-align:right}
.r-back{margin-top:28px;font-family:var(--f-label);font-size:.92rem}
.r-back a{color:var(--gold-dark);text-decoration:none}

/* homepage strip ("From Read"), inserted by js/main.js */
.r-home{background:var(--parch)}
.r-home .head{flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;max-width:none;gap:10px 24px}
.r-home .head > div{display:flex;flex-direction:column;gap:10px;max-width:760px}
.r-home .head .all{font-family:var(--f-label);font-weight:600;font-size:.92rem;color:var(--gold-dark);text-decoration:none;white-space:nowrap}
.r-home .head .all:hover{color:var(--ink)}
.r-home .r-grid{margin-top:0}

@media (max-width:980px){
  .r-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rc-big.has-img a{grid-template-columns:1fr}
  .rc-big .rc-img{min-height:0;aspect-ratio:16/9}
}
@media (max-width:640px){
  .r-grid{grid-template-columns:1fr}
  .r-author{grid-template-columns:1fr;text-align:left}
  .r-author img{width:72px;height:72px}
  .r-pager{grid-template-columns:1fr}
  .r-pn.next{text-align:left}
  .r-body{font-size:1.12rem}
}
@media (max-width:720px){ .r-hero .r-portrait{display:none} }

/* ---- Blog home hero: photo fading into the headline (same treatment as the homepage hero) ---- */
.r-hero .hero-photo figure img{object-position:50% 30%}
.r-hero h1 em{display:block}
@media (max-width:900px){ .r-hero .hero-photo figure img{object-position:58% 20%} }
.rc-sub{font-family:var(--f-telugu);font-size:1rem;color:var(--gold-dark);line-height:1.5}
.rc-big .rc-sub{color:var(--gold-soft)}
.rc[lang="te"] .rc-t{line-height:1.35}

/* ---- Article extras (key verse, scripture, sign-off, PDF) ---- */
.r-sub{font-family:var(--f-telugu);font-size:clamp(1.05rem,1.8vw,1.3rem);color:var(--gold-soft);line-height:1.6}
.r-body .keyverse{margin:0 0 2em;padding:22px 26px;border:1px solid var(--parch-line);border-left:3px solid var(--gold);border-radius:12px;background:var(--white);
  font-style:normal;font-size:1.22rem;line-height:1.85;color:var(--ink)}
.r-body .keyverse cite{display:block;margin-top:8px;font-family:var(--f-label);font-style:normal;font-size:.85rem;font-weight:600;letter-spacing:.06em;color:var(--gold-dark)}
.r-body .verse{font-style:italic;font-size:inherit;color:var(--ink);border-left:0;padding-left:0;max-width:none}
.r-body cite.ref{font-family:var(--f-label);font-style:normal;font-size:.82em;font-weight:600;color:var(--gold-dark);white-space:nowrap}
.r-body h2{text-align:center;color:var(--navy);text-wrap:balance}
.r-body h2::before{content:"❦";display:block;font-family:"Segoe UI Symbol","Noto Sans Symbols 2","Apple Symbols",serif;font-size:1.1rem;color:var(--gold);margin-bottom:6px;line-height:1}
.te-body h2{font-family:var(--f-telugu);font-weight:600;font-size:clamp(1.35rem,2.4vw,1.7rem);line-height:1.5}
.r-body p.lead::first-letter{float:left;font-size:3.1em;line-height:1;padding:.04em .12em 0 0;color:var(--gold-dark);font-weight:600}
.r-body .signoff{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-top:2.4em;text-align:right}
.r-body .signoff img{width:190px;height:auto;margin:0}
.r-body .signoff p{font-family:var(--f-label);font-size:.95rem;line-height:1.6;color:var(--ink-2)}
.r-body .signoff strong{color:var(--ink)}
.r-body p.download{margin-top:2em;text-align:center}
.r-body p.download a{display:inline-flex;align-items:center;gap:.6em;font-family:var(--f-telugu);font-size:1rem;font-weight:600;text-decoration:none;
  color:var(--navy);background:var(--gold);padding:.85em 1.4em;border-radius:6px;line-height:1.5}
.r-body p.download a::before{content:"PDF";font:700 .72rem/1 var(--f-label);letter-spacing:.08em;background:var(--navy);color:var(--gold);padding:.35em .5em;border-radius:3px}
.r-body p.download a:hover{background:var(--gold-soft)}
.te-body{font-size:1.19rem;line-height:1.95}

/* article cover (portrait book-style cover) sits beside the title in the navy band */
.r-hero-cover{margin:0;width:clamp(170px,19vw,260px);border-radius:10px;overflow:hidden;border:1px solid var(--navy-line);box-shadow:0 24px 60px rgba(0,0,0,.45);transform:rotate(1.5deg)}
.r-hero-cover img{width:100%;height:auto}
@media (max-width:720px){
  .r-post-hero .wrap{grid-template-columns:1fr}
  .r-hero-cover{grid-row:1;width:150px;transform:none}
}

/* English title shown small under a Telugu title */
.r-title-en{font-family:var(--f-display);font-style:italic;font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.4;color:var(--mist);max-width:44ch;margin-top:-4px}
.rc-en{font-family:var(--f-display);font-style:italic;font-size:.98rem;line-height:1.35;color:var(--ink-2)}
.rc-big .rc-en{color:var(--mist)}

/* sermon-article extras: inline ornament headings, pause line, closing line, PDF button */
.r-body h2:has(.orn)::before{content:none}
.r-body h2 .orn{display:block;font-family:"Segoe UI Symbol","Noto Sans Symbols 2","Apple Symbols",serif;font-size:1.1rem;color:var(--gold);margin-bottom:6px;line-height:1}
.r-body p.pause{text-align:center;font-family:var(--f-telugu);font-size:1.3rem;font-weight:600;color:var(--navy);margin:1.8em auto;max-width:40ch}
.r-body p.closing{text-align:center;font-weight:700;color:var(--navy);border-top:1px solid var(--parch-line);border-bottom:1px solid var(--parch-line);padding:1em 0;margin-top:2em}
.r-body p.pdf-cta{margin-top:2em;text-align:center}
.r-body p.pdf-cta a{display:inline-flex;align-items:center;gap:.6em;font-family:var(--f-telugu);font-size:1rem;font-weight:600;text-decoration:none;color:var(--navy);background:var(--gold);padding:.85em 1.4em;border-radius:6px;line-height:1.5}
.r-body p.pdf-cta a::before{content:"PDF";font:700 .72rem/1 var(--f-label);letter-spacing:.08em;background:var(--navy);color:var(--gold);padding:.35em .5em;border-radius:3px}
.r-body p.pdf-cta a:hover{background:var(--gold-soft)}
.r-cover{max-width:960px;margin:0 auto 36px}
.r-article .r-cover{margin-inline:min(0px, calc((720px - min(960px, 100vw - 2 * var(--gutter))) / 2))}
.r-cover img{display:block;width:100%;height:auto}

/* devotional extras: aphorism, pull quote, footnote, PDF button (p.pdf) */
.r-body p.aphor{text-align:center;font-family:var(--f-telugu);font-size:1.3rem;font-weight:600;line-height:1.7;color:var(--navy);margin:1.8em auto}
.r-body p.pullquote{margin:1.8em 0;padding:18px 24px;border-left:3px solid var(--gold);background:var(--white);border-radius:0 12px 12px 0;font-family:var(--f-telugu);font-size:1.22rem;font-weight:600;color:var(--navy)}
.r-body p.footnote{margin-top:1.6em;font-size:.95rem;color:var(--ink-2);text-align:right}
.r-body p.pdf{margin-top:2em;text-align:center}
.r-body p.pdf a{display:inline-flex;align-items:center;gap:.6em;font-family:var(--f-telugu);font-size:1rem;font-weight:600;text-decoration:none;color:var(--navy);background:var(--gold);padding:.85em 1.4em;border-radius:6px;line-height:1.5}
.r-body p.pdf a::before{content:"PDF";font:700 .72rem/1 var(--f-label);letter-spacing:.08em;background:var(--navy);color:var(--gold);padding:.35em .5em;border-radius:3px}
.r-body p.pdf a:hover{background:var(--gold-soft)}
.r-body .signoff p{font-family:var(--f-label)}
.r-body .article-body > * + *{margin-top:1.1em}