/* Shared Posnic page styling surrounds the manuscript-specific artwork. */
.kural-reader { color:var(--ink); background:linear-gradient(#f4f8f7 0 520px,var(--bg) 680px); font:inherit; padding:38px 0 48px; }
.kural-reader > .wrap { max-width:1080px; }
.kural-reader a { color:var(--link); text-underline-offset:4px; }
.kural-reader nav { display:flex; justify-content:space-between; align-items:center; gap:16px; font-size:14px; }
.kural-reader .reader-breadcrumbs { justify-content:flex-start; color:var(--soft); font-size:13px; margin-bottom:24px; }
.kural-reader .hero { display:grid; grid-template-columns:minmax(0,1fr) 210px; gap:30px; align-items:center; padding:26px 0 40px; text-align:left; }
.kural-reader .hero > div { min-width:0; }
.kural-reader h1 { font-size:38px; color:var(--ink); margin:12px 0 26px; text-align:left; line-height:1.3; }
.kural-reader .eyebrow { font-size:13px; color:var(--brand); text-align:left; margin:0; }
.kural-reader .byline,.kural-reader figcaption { color:var(--soft); font-size:13px; }
.kural-reader figure { margin:0; overflow:hidden; background:#fff; border:1px solid #cbd8df; border-radius:8px; box-shadow:0 20px 46px #142f4424; }
.kural-reader figure img { display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:contain; }
.kural-reader figcaption { padding:12px; text-align:center; }
.kural-reader .write-button { font:inherit; font-size:14px; min-height:44px; background:var(--brand); color:#fff; border:1px solid var(--brand); border-radius:8px; padding:10px 18px; cursor:pointer; margin-bottom:12px; }
.kural-reader .write-button:hover { background:var(--brand-dark); }
.kural-reader a:focus-visible,.kural-reader button:focus-visible,.kural-reader input:focus-visible,.kural-reader summary:focus-visible { outline:3px solid #2f6ea866; outline-offset:4px; }
.kural-reader .explanation { margin:0 0 24px; padding:28px; background:#fff; border:1px solid var(--line); border-radius:10px; }
.kural-reader .explanation h2 { font-size:26px; color:var(--ink); margin:0 0 18px; text-align:left; }
.kural-reader .explanation p,.kural-reader .explanation li { line-height:2; margin:12px 0; }
.kural-reader .explanation blockquote { margin:16px 0; padding:16px 20px; border-left:3px solid var(--brand); background:var(--bg); line-height:1.9; font-family:Georgia,serif; font-style:italic; }
.kural-reader details { border-top:1px solid var(--line); padding:14px 0; }
.kural-reader summary { font-size:18px; font-weight:600; min-height:44px; padding:8px 0; cursor:pointer; }
.kural-reader input { display:block; width:100%; padding:14px; margin:12px 0; border:1px solid var(--line); border-radius:8px; font:inherit; background:#fff; }
.kural-reader .kural-list { padding:0; list-style:none; }
.kural-reader .kural-list li { border-bottom:1px solid var(--line); }
.kural-reader .kural-list a { display:flex; gap:24px; padding:18px 0; line-height:1.9; }
.kural-reader .kural-list b { min-width:3em; }
.kural-reader .reader-source-link { font-size:13px; text-align:right; margin-top:24px; }
.kural-reader [hidden] { display:none!important; }
/* The olai alone keeps its natural material, cords and engraved Tamil lettering. */
.kural-reader .palm-leaf { position:relative; isolation:isolate; margin:24px 2px 26px; padding:32px 44px; border:1px solid #97713c; border-radius:4px 10px 3px 7px; background:linear-gradient(#f3dfa52b,#f3dfa52b),url('/assets/thirukural/palm-leaf-fibres.png') center/cover; box-shadow:0 2px #bda06a,1px 3px #70532f,-1px 5px #c2a16a,0 6px #79603e,0 15px 20px #54361b22; }
.kural-reader .couplet { position:relative; margin:0; font-family:'Nirmala UI',Latha,sans-serif; font-size:clamp(20px,1.6vw,23px); font-weight:600; line-height:1.85; color:#35210f; text-shadow:0 1px #f6e2b899,0 -1px #58402033; }
.kural-reader .verse-line { display:block; width:fit-content; max-width:100%; overflow-wrap:anywhere; }
.kural-reader .leaf-cord { position:absolute; top:46%; width:9px; height:9px; border-radius:50%; background:#3c200e; box-shadow:0 0 0 2px #8c693d,inset 0 1px 2px #160f08; }
.kural-reader .cord-left { left:18px; }.kural-reader .cord-right { right:18px; }
.kural-reader .leaf-cord:after { content:''; position:absolute; top:4px; left:2px; width:4px; height:34px; transform:rotate(4deg); background:repeating-linear-gradient(40deg,#765737 0 1px,#d0b88a 2px 3px); border-radius:2px; box-shadow:2px 3px 3px #40210b66; }
.kural-reader .engraving-copy { position:absolute; pointer-events:none; }
.kural-reader .writing #couplet { opacity:0; }
.kural-reader .stylus { display:none; position:absolute; width:15px; height:112px; margin-top:-112px; margin-left:-7px; clip-path:polygon(36% 0,65% 0,73% 9%,60% 21%,61% 72%,50% 100%,40% 72%,40% 21%,27% 9%); background:linear-gradient(90deg,#2c302e 20%,#b7b3a0 42%,#e5dfc8 48%,#74756d 57%,#303834 74%); transform:rotate(calc(-32deg + var(--scratch,0deg))); transform-origin:50% 100%; filter:drop-shadow(3px 3px 1px #3f301c55); z-index:3; pointer-events:none; }
.kural-reader .writing .stylus { display:block; }
@media(max-width:900px) { .kural-reader .hero { grid-template-columns:1fr; gap:24px; }.kural-reader figure { display:flex; align-items:center; width:fit-content; }.kural-reader figure img { width:112px; }.kural-reader figcaption { padding:16px; } }
@media(max-width:600px) { .kural-reader { padding:24px 0 32px; }.kural-reader > .wrap { padding:0 18px; }.kural-reader h1 { font-size:28px; }.kural-reader .hero { padding:22px 0 28px; }.kural-reader .palm-leaf { padding:26px 22px; }.kural-reader .couplet { font-size:19px; line-height:1.95; }.kural-reader .cord-left { left:7px; }.kural-reader .cord-right { right:7px; }.kural-reader .leaf-cord:after { height:22px; }.kural-reader .stylus { height:84px; margin-top:-84px; }.kural-reader .explanation { padding:20px 16px; }.kural-reader .explanation h2 { font-size:23px; }.kural-reader nav a { padding:8px 0; }.kural-reader .reader-breadcrumbs { gap:8px; flex-wrap:wrap; margin-bottom:12px; } }
@media(prefers-reduced-motion:reduce) { .kural-reader .stylus { display:none!important; } }