.eras-page{background:#0b1e2b;min-height:100vh}.eras-page .account-bar{background:#0b1e2b;border-bottom:1px solid rgba(212,175,95,.22)}.eras{--e-night:#0b1e2b;--e-deep:#123240;--e-teal:#1c5a66;--e-foam:#7fbfc4;--e-gold:#d4af5f;--e-gold-soft:#ead6a3;--e-parch:#f6eedd;--e-parch2:#efe3cb;--e-ink:#2b2416;--e-red:#9c4a38;--e-green:#3e6b4f;background:var(--e-night);background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(28,90,102,.35),transparent);color:var(--e-parch);font-family:var(--font-naskh),"Noto Naskh Arabic",serif;font-size:16px;line-height:1.85;min-height:100vh;overflow-x:hidden}.eras figure,.eras h1,.eras h2,.eras h3,.eras li,.eras p,.eras ul{margin:0;padding:0}.eras header{text-align:center;padding:42px 20px 10px}.eras .kicker{color:var(--e-gold);letter-spacing:.25em;font-size:13px;margin-bottom:12px}.eras h1{font-family:var(--font-serif),"Amiri",serif;font-weight:700;font-size:clamp(26px,5vw,46px);margin-bottom:12px;line-height:1.5}.eras .lead{max-width:660px;margin:0 auto;color:var(--e-foam);font-size:16px;line-height:2}.eras .lead .ayah{color:var(--e-gold-soft)}.eras .lead .ayah,.eras .to-cover{font-family:var(--font-serif),"Amiri",serif}.eras .to-cover{color:var(--e-foam);border-color:rgba(127,191,196,.35);background:rgba(127,191,196,.08);font-size:14px}.eras .to-cover:hover{color:var(--e-gold-soft);border-color:var(--e-gold);background:rgba(212,175,95,.12)}.eras .to-cover:focus-visible{outline-color:var(--e-gold)}.eras .i-ask{text-align:center;margin:6px 0 26px}.eras .i-ask p{font-family:var(--font-serif),"Amiri",serif;font-size:clamp(20px,4vw,30px);color:var(--e-gold);line-height:1.9}.eras .i-ask p+p{color:var(--e-gold-soft)}.eras .i-sec{padding-bottom:20px}.eras .i-sec h2{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.eras .i-sec-n{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--e-deep);color:var(--e-gold-soft);font-size:16px;display:inline-flex;align-items:center;justify-content:center;align-self:center}.eras .i-p{line-height:2.05;font-size:15.5px;margin-bottom:10px}.eras .i-ayah,.eras .i-hadith{font-family:var(--font-serif),"Amiri",serif;font-size:18px;line-height:2.1;border-radius:10px;padding:11px 16px;margin-bottom:10px}.eras .i-ayah{color:#6b551f;background:rgba(212,175,95,.18);border-right:4px solid var(--e-gold)}.eras .i-hadith{color:#1f4a52;background:rgba(28,90,102,.1);border-right:4px solid var(--e-teal)}.eras .i-athar{margin:12px 0 10px;background:rgba(62,107,79,.12);border-right:4px solid var(--e-green);border-radius:10px;padding:12px 16px}.eras .i-athar blockquote{margin:0;font-family:var(--font-serif),"Amiri",serif;font-size:17px;line-height:2.1;color:#2c4d39}.eras .i-athar figcaption{margin-top:6px;font-size:13px;color:var(--e-green);font-weight:700}.eras .i-list{list-style:none;margin:6px 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:10px}.eras .i-list li{display:inline-flex;align-items:center;gap:8px;background:var(--e-parch2);border:1px solid rgba(212,175,95,.55);border-radius:999px;padding:7px 16px;font-size:15px}.eras .i-list li b{color:var(--e-gold);font-family:var(--font-serif),"Amiri",serif}.eras .i-cards{display:grid;grid-gap:12px;gap:12px;margin:8px 0 6px}.eras .i-card{display:flex;gap:14px;background:var(--e-parch2);border:1px solid rgba(212,175,95,.55);border-radius:12px;padding:15px 16px}.eras .i-card-n{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--e-teal);color:var(--e-parch);font-family:var(--font-serif),"Amiri",serif;font-size:15px;display:inline-flex;align-items:center;justify-content:center}.eras .i-card-h{font-weight:700;color:var(--e-teal);margin-bottom:5px}.eras .i-card p{font-size:14.5px;line-height:1.95}.eras .i-chain{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:16px 0}.eras .i-chain-step{text-align:center;background:var(--e-deep);border:1px solid var(--e-teal);border-radius:12px;padding:12px 18px;min-width:96px}.eras .i-chain-step b{display:block;font-family:var(--font-serif),"Amiri",serif;font-size:21px;color:var(--e-gold);line-height:1.4}.eras .i-chain-step span{font-size:13px;color:var(--e-parch)}.eras .i-chain-step:last-child{background:var(--e-gold);border-color:var(--e-gold-soft)}.eras .i-chain-step:last-child b,.eras .i-chain-step:last-child span{color:var(--e-night)}.eras .i-chain-arrow{color:var(--e-gold);font-size:18px}.eras .i-beats{margin-top:12px;display:grid;grid-gap:8px;gap:8px}.eras .i-beats p{font-size:17.5px;line-height:2;color:var(--e-teal);background:rgba(28,90,102,.09);border-radius:8px;padding:9px 15px}.eras .i-beats p,.eras .i-outro{font-family:var(--font-serif),"Amiri",serif}.eras .i-outro{text-align:center;color:var(--e-gold-soft);font-size:18px;line-height:2.2;max-width:640px;margin:26px auto 8px}.eras .e-tabs{display:flex;justify-content:center;gap:10px;margin:26px auto 6px;flex-wrap:wrap}.eras .e-tab{background:transparent;color:var(--e-foam);border:1px solid var(--e-teal);border-radius:999px;padding:9px 26px;font-family:var(--font-serif),"Amiri",serif;font-size:18px;cursor:pointer;transition:all .25s ease}.eras .e-tab:hover{border-color:var(--e-gold);color:var(--e-gold-soft)}.eras .e-tab.active{background:var(--e-gold);color:var(--e-night);border-color:var(--e-gold);font-weight:700}.eras .e-tab:focus-visible{outline:2px solid var(--e-gold-soft);outline-offset:2px}.eras .view{animation:eras-rise .4s ease}@keyframes eras-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.eras .track{max-width:620px;margin:14px auto 0;padding:0 18px;text-align:center}.eras .track-rail{height:4px;border-radius:999px;background:rgba(127,191,196,.18);overflow:hidden}.eras .track-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--e-teal),var(--e-gold));transition:width .45s ease}.eras .track-note{margin-top:7px;font-size:13px;color:var(--e-foam)}.eras .track-note b{color:var(--e-gold-soft);font-weight:700}.eras .track-tag{-webkit-margin-start:8px;margin-inline-start:8px;font-size:11.5px;border-radius:999px;padding:2px 10px;border:1px solid rgba(212,175,95,.45);background:rgba(212,175,95,.14);color:var(--e-gold-soft)}.eras .track-tag.local{border-color:rgba(127,191,196,.35);background:rgba(127,191,196,.12);color:var(--e-foam)}.eras .track-tag.error{border-color:rgba(156,74,56,.6);background:rgba(156,74,56,.18);color:#e8b4a6}.eras .scrollwrap{overflow-x:auto;padding:6px 12px 0}.eras .scrollwrap svg{min-width:740px;width:100%;display:block}.eras .e-node{cursor:pointer;transition:transform .25s ease;transform-box:fill-box;transform-origin:center}.eras .e-node:hover{transform:scale(1.12)}.eras .e-node:focus{outline:none}.eras .e-node:focus-visible .ring{stroke:var(--e-gold-soft);stroke-width:3}.eras .sea{animation:eras-drift 8s linear infinite alternate}@keyframes eras-drift{0%{transform:translateX(0)}to{transform:translateX(-60px)}}.eras main{max-width:920px;margin:0 auto;padding:12px 18px 36px}.eras .panel{background:var(--e-parch);color:var(--e-ink);border-radius:16px;border:1px solid var(--e-gold);box-shadow:0 20px 45px rgba(0,0,0,.4);overflow:hidden;animation:eras-rise .35s ease}.eras .panel-head{background:var(--e-parch2);padding:18px 26px;border-bottom:1px solid rgba(212,175,95,.4);display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.eras .panel-head h2{font-family:var(--font-serif),"Amiri",serif;font-weight:700;font-size:29px;line-height:1.5}.eras .panel-head .e-sub{color:var(--e-red);font-weight:700}.eras .cols{display:grid;grid-template-columns:1fr 1fr}.eras .col{padding:20px 26px}.eras .col.mihna{border-left:1px dashed rgba(212,175,95,.5)}.eras .col h3{font-size:17px;margin-bottom:10px;font-family:inherit;font-weight:700}.eras .col.mihna h3{color:var(--e-red)}.eras .col.minha h3{color:var(--e-green)}.eras .col p{line-height:2.05;font-size:15.5px}.eras .e-chips{display:flex;flex-wrap:wrap;gap:8px;padding:2px 26px 8px}.eras .e-chip{background:var(--e-deep);color:var(--e-gold-soft);border-radius:999px;padding:5px 15px;font-size:13.5px}.eras .lesson{margin:16px 26px 24px;background:rgba(212,175,95,.16);border-right:4px solid var(--e-gold);border-radius:8px;padding:13px 17px;line-height:2}.eras .lesson b{color:var(--e-teal)}.eras .h-sec{font-family:var(--font-serif),"Amiri",serif;font-weight:700;color:var(--e-gold);font-size:25px;text-align:center;margin:40px 0 18px}.eras .shields{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.eras .shield{background:var(--e-deep);border:1px solid var(--e-teal);border-radius:14px;padding:20px 18px;transition:border-color .25s}.eras .shield:hover{border-color:var(--e-gold)}.eras .shield .t{color:var(--e-gold);font-family:var(--font-serif),"Amiri",serif;font-size:20px;margin-bottom:9px}.eras .shield p{line-height:2;font-size:14.5px}.eras .closing{text-align:center;color:var(--e-foam);margin:32px 0 8px;line-height:2.2;font-size:15px}.eras .closing .ayah{color:var(--e-gold-soft);font-family:var(--font-serif),"Amiri",serif;font-size:19px}.eras .m-card{background:var(--e-parch);color:var(--e-ink);border-radius:16px;border:1px solid var(--e-gold);box-shadow:0 20px 45px rgba(0,0,0,.4);padding:24px 26px;margin-bottom:18px}.eras .m-card h2{font-family:var(--font-serif),"Amiri",serif;font-weight:700;font-size:25px;margin-bottom:6px;line-height:1.5}.eras .m-card .e-note{color:var(--e-red);font-size:14px;margin-bottom:14px}.eras .m-intro{line-height:2;margin-bottom:14px}.eras .grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.eras .grid3{grid-template-columns:1fr 1fr 1fr}.eras .dbox{border:1px solid rgba(212,175,95,.6);border-radius:12px;padding:14px 16px;background:var(--e-parch2)}.eras .dbox .h{font-weight:700;color:var(--e-teal);margin-bottom:6px}.eras .dbox p{font-size:14.5px;line-height:1.95}.eras .dbox.agree{border-color:var(--e-green)}.eras .dbox.agree .h{color:var(--e-green)}.eras .dbox.diff{border-color:var(--e-red)}.eras .dbox.diff .h{color:var(--e-red)}.eras details{border:1px solid rgba(212,175,95,.5);border-radius:12px;margin-bottom:10px;background:var(--e-parch2);overflow:hidden}.eras summary{cursor:pointer;padding:13px 16px;font-weight:700;color:var(--e-teal);font-size:16px;list-style:none;position:relative}.eras summary::-webkit-details-marker{display:none}.eras summary:after{content:"❮";position:absolute;left:16px;color:var(--e-gold);transition:transform .25s}.eras details[open] summary:after{transform:rotate(-90deg)}.eras details .e-body{padding:0 16px 15px;line-height:2;font-size:15px}.eras .quote{background:rgba(28,90,102,.1);border-right:3px solid var(--e-teal);border-radius:6px;padding:8px 12px;margin-top:8px;font-size:14px}.eras footer{text-align:center;color:rgba(127,191,196,.6);font-size:13px;padding:10px 0 30px}.eras footer a{color:var(--e-gold-soft);text-decoration:none;border-bottom:1px dotted rgba(234,214,163,.5)}.eras footer a:hover{color:var(--e-gold)}.eras .home-link{display:block;margin-top:8px}@media (max-width:640px){.eras .cols,.eras .grid2,.eras .grid3,.eras .shields{grid-template-columns:1fr}.eras .col.mihna{border-left:none;border-bottom:1px dashed rgba(212,175,95,.5)}}@media (prefers-reduced-motion:reduce){.eras .e-node,.eras .panel,.eras .sea,.eras .view{animation:none!important;transition:none!important}}