/* Ibnalarabi.com Stage 8 — supplemental styles only; preserves original green/cream/gold. */
:root{--ia8-deep:#005500;--ia8-green:#0c4d27;--ia8-gold:#b38b4e;--ia8-paper:#fffef8;--ia8-edge:#e4dfd0;--ia8-muted:#605f56}
.ia8-switch{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.1rem 0 1.7rem;padding:0;max-width:100%}
.ia8-switch a{display:inline-flex;align-items:center;justify-content:center;padding:.58rem .85rem;border:1px solid var(--ia8-edge);border-radius:999px;background:var(--ia8-paper);color:var(--ia8-green);text-decoration:none;font-size:.93rem;line-height:1.4}
.ia8-switch a:hover,.ia8-switch a:focus-visible,.ia8-switch a[aria-current="page"]{background:var(--ia8-green);color:white;border-color:var(--ia8-green)}
.ia8-sura-heading{text-align:center;padding:1.6rem .5rem 1.3rem;border-block:1px solid var(--ia8-edge);margin:1rem 0}
.ia8-sura-heading>span,.ia8-aya-mark{display:block;font-size:2.3rem;color:var(--ia8-gold);line-height:1.2}
.ia8-sura-heading h2{font-size:clamp(1.6rem,3.4vw,2.3rem);color:var(--ia8-green);margin:.3rem 0}
.ia8-sura-heading p{font-size:.94rem;color:var(--ia8-muted);margin:0}
.ia8-verse-list{display:grid;gap:0;margin:1rem 0;max-width:100%}
.ia8-verse{padding:1.05rem .4rem;border-bottom:1px solid var(--ia8-edge);overflow-wrap:anywhere}
.ia8-verse-label{display:block;color:#846c43;font-size:.75rem;font-weight:700;letter-spacing:.02em;margin-bottom:.4rem}
.ia8-verse p{margin:0;font-size:clamp(1.07rem,1.6vw,1.25rem);line-height:2.05}
.ia8-verse-list--arabic .ia8-verse p{font-size:clamp(1.35rem,2.3vw,1.88rem);line-height:2.25;font-family:Amiri,"Traditional Arabic",serif;text-align:justify;text-wrap:pretty}
.ia8-verse-number{color:#90642d;white-space:nowrap;text-decoration:none;font-size:.84em}
.ia8-verse-number:hover,.ia8-verse-number:focus-visible{background:#f4ead3;border-radius:.3em}
.ia8-main-aya{border:1px solid #dfd7b9;border-radius:1rem;padding:clamp(1rem,3vw,2.7rem);text-align:center;background:#fffdf5;margin:1.4rem 0}
.ia8-main-aya p{font-family:Amiri,"Traditional Arabic",serif;font-size:clamp(1.7rem,3vw,2.45rem);line-height:2.55;margin:.8rem 0;overflow-wrap:anywhere}
.ia8-subtitle{font-size:clamp(1.15rem,2.5vw,1.55rem);margin:2rem 0 1rem;color:var(--ia8-green)}
.ia8-formats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:.8rem}
.ia8-formats details,.ia8-tafsir details{background:#fffef9;border:1px solid var(--ia8-edge);border-radius:.75rem;padding:.75rem 1rem;min-width:0}
.ia8-formats summary,.ia8-tafsir summary{font-size:.94rem;color:var(--ia8-green);font-weight:700;cursor:pointer}
.ia8-formats details p{line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}
.ia8-tafsir{display:grid;gap:.8rem}.ia8-tafsir-text{line-height:2.1;overflow-wrap:anywhere;max-width:100%}
.ia8-tafsir details>a{display:inline-block;margin-top:.8rem;font-size:.85rem;color:var(--ia8-green)}
.ia8-caution{border-inline-start:3px solid #bb984a;background:#fbf7e9;color:#6a573d;padding:1rem 1.2rem;margin:1.3rem 0;line-height:1.8;font-size:.9rem}
.ia8-page-text{line-height:2.6;font-family:Amiri,"Traditional Arabic",serif;font-size:clamp(1.35rem,2.3vw,1.85rem);text-align:justify;max-width:100%;overflow-wrap:anywhere;margin:1rem 0}
.ia8-page-text span{display:inline}.ia8-page-text .ia8-aya-section{margin:1.8rem 0 .5rem;font-size:1rem;text-align:center;font-family:inherit}
.ia8-guide-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:1rem;margin:1.3rem 0}
.ia8-guide-cards form{border:1px solid var(--ia8-edge);border-radius:1rem;background:#fffef8;padding:1.3rem;min-width:0}
.ia8-guide-cards h2{color:var(--ia8-green);font-size:1.17rem;margin:0 0 .4rem}
.ia8-guide-cards form>p{font-size:.85rem;color:var(--ia8-muted);margin:0 0 1.2rem}
.ia8-guide-cards label{display:block;font-size:.87rem;margin:0 0 .4rem}
.ia8-guide-input{display:flex;gap:.5rem;align-items:stretch}.ia8-guide-input input{flex:1;min-width:0;border:1px solid #cfc7b9;border-radius:.45rem;padding:.6rem;font:inherit}
.ia8-guide-input button{border:0;border-radius:.45rem;background:var(--ia8-green);color:#fff;padding:.5rem 1rem;cursor:pointer}
.ia8-verse audio{display:block;max-width:100%;width:340px;margin:.6rem 0}
.ia8-small{font-size:.85rem;color:var(--ia8-muted)}
/* Forum: clean reading interface, not a shell around the legacy tables. */
.ia8-forum-hero{background:linear-gradient(135deg,#064820,#0a5b30);color:#fff;padding:clamp(2rem,4vw,4rem) 0}
.ia8-forum-hero .ia-container>span{font-size:.8rem;letter-spacing:.045em;color:#e7ca89}
.ia8-forum-hero h1{font-size:clamp(1.65rem,3vw,2.6rem);color:#fff;margin:.6rem 0 1rem;line-height:1.45}
.ia8-forum-nav{display:flex;flex-wrap:wrap;gap:.5rem}
.ia8-forum-nav a{border:1px solid #ffffff66;border-radius:999px;color:#fff;text-decoration:none;padding:.5rem .85rem;font-size:.88rem}
.ia8-forum-nav a:hover,.ia8-forum-nav a:focus-visible{background:#fff;color:#075126}
.ia8-forum-main{padding-top:1.8rem;padding-bottom:3rem;min-width:0}
.ia8-forum-main h2{color:var(--ia8-green);font-size:clamp(1.15rem,2.3vw,1.6rem);margin:1.8rem 0 1rem}
.ia8-readonly{border-inline-start:4px solid #bea15f;background:#fffbef;padding:1rem 1.2rem;border-radius:.5rem;color:#625333;line-height:1.8;margin:0 0 2rem}
.ia8-forum-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem}
.ia8-forum-card{display:block;text-decoration:none;background:#fffefa;border:1px solid var(--ia8-edge);border-radius:1rem;padding:1.25rem;box-shadow:0 5px 22px #0927090b;color:var(--ia8-green);min-width:0}
.ia8-forum-card:hover,.ia8-forum-card:focus-visible{border-color:#9b8a63;box-shadow:0 9px 24px #0927091a}
.ia8-forum-card span{font-size:.78rem;color:#9a793b}.ia8-forum-card h3{margin:.7rem 0 .5rem;font-size:1.1rem;line-height:1.5}
.ia8-forum-card p{margin:0;color:var(--ia8-muted);font-size:.88rem;line-height:1.8}
.ia8-topics{border:1px solid var(--ia8-edge);border-radius:1rem;overflow:hidden;background:#fffefa}
.ia8-topic-teaser{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.4rem;border-bottom:1px solid var(--ia8-edge);min-width:0}
.ia8-topic-teaser:last-child{border-bottom:0}.ia8-topic-teaser div{min-width:0}
.ia8-topic-teaser small{font-size:.76rem;color:#8d7c5a}
.ia8-topic-teaser h3{font-size:1.08rem;margin:.3rem 0;line-height:1.55;overflow-wrap:anywhere}
.ia8-topic-teaser h3 a{color:var(--ia8-green);text-decoration:none}
.ia8-topic-teaser p{font-size:.78rem;margin:0;color:var(--ia8-muted)}
.ia8-go{flex-shrink:0;text-decoration:none;font-size:.85rem;font-weight:600;color:var(--ia8-green)}
.ia8-category-description{max-width:75ch;line-height:1.8;color:var(--ia8-muted)}
.ia8-thread-breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.5rem;font-size:.9rem}
.ia8-post{border:1px solid var(--ia8-edge);border-radius:.95rem;background:#fffefa;overflow:hidden;margin:0 0 1rem}
.ia8-post header{display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap;padding:.8rem 1.2rem;border-bottom:1px solid var(--ia8-edge);background:#f8f7ed;color:var(--ia8-green);font-size:.85rem}
.ia8-post header time{color:var(--ia8-muted)}.ia8-post-body{padding:1.1rem 1.4rem;line-height:2.05;overflow-wrap:anywhere;min-width:0}
.ia8-post-body img,.ia8-post-body table{max-width:100%;height:auto}.ia8-post-body table{display:block;overflow-x:auto}
.ia8-post-body a{overflow-wrap:anywhere}
.ia8-forum-pages{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem;margin:1.6rem 0}
.ia8-forum-pages a{padding:.7rem 1.1rem;border:1px solid var(--ia8-edge);border-radius:.5rem;color:var(--ia8-green);text-decoration:none}
.ia8-admin-list{margin:1.3rem 0;border:1px solid var(--ia8-edge);border-radius:.8rem;overflow:hidden}
.ia8-admin-list>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--ia8-edge)}
.ia8-admin-list>div:last-child{border-bottom:0}.ia8-admin-list span{font-size:.83rem;color:var(--ia8-muted)}
@media(max-width:600px){.ia8-topic-teaser{align-items:flex-start;flex-direction:column;padding:1rem}.ia8-verse{padding:.85rem 0}.ia8-page-text{line-height:2.2}.ia8-main-aya{padding:1rem}.ia8-post-body{padding:1rem}.ia8-forum-hero{padding:2rem 0}}
@media print{.ia8-forum-nav,.ia8-readonly,.ia8-switch,.ia8-guide-cards button{display:none!important}.ia8-post,.ia8-verse{break-inside:avoid}.ia8-main-aya{border:0}}