/* Alnourpedia live platform layout — 2026-09-27 */
:root{
  --aln-green-950:#032b25;
  --aln-green-900:#073d2e;
  --aln-green-800:#0b533e;
  --aln-green-700:#0f6a50;
  --aln-green-100:#e5f1eb;
  --aln-blue-800:#275d7a;
  --aln-blue-600:#3b7fa5;
  --aln-sky-200:#d9edf5;
  --aln-sky-100:#edf7fa;
  --aln-beige-50:#fffdf7;
  --aln-beige-100:#f8f4ea;
  --aln-beige-200:#eadfc9;
  --aln-white:#ffffff;
  --aln-gold-600:#b88732;
  --aln-gold-400:#d5a94f;
  --aln-gold-200:#f0cf7a;
  --aln-text:#123f35;
  --aln-muted:#60736c;
  --aln-shadow-soft:0 18px 48px rgba(3,43,37,.12);
  --aln-shadow-card:0 12px 30px rgba(7,61,46,.09);
  --aln-max:1480px;
}
html,body{margin:0!important;padding:0!important;max-width:100%;background:var(--aln-beige-50)!important;color:var(--aln-text)!important}
body:before,body:after{display:none!important}
body.inner,body.public-runtime,body.reader-shell,body.alnour-platform-page{margin-top:0!important;padding-top:0!important;background:linear-gradient(180deg,var(--aln-beige-50),var(--aln-white) 52%,var(--aln-sky-100))!important;color:var(--aln-text)!important}
.hub-header.aln-progress-header{top:0!important;margin:0!important;background:linear-gradient(105deg,var(--aln-green-950),var(--aln-green-900) 56%,var(--aln-green-800))!important;box-shadow:0 10px 30px rgba(3,43,37,.18)!important}
.aln-progress-brand .hub-brand-logo,.hub-footer-logo{filter:drop-shadow(0 6px 14px rgba(3,43,37,.26))!important}
.aln-progress-panel,.nav-audio-panel{box-shadow:0 20px 60px rgba(3,43,37,.22)!important}
.aln-progress-concise-mobile{scroll-snap-type:x proximity}
.aln-progress-concise-mobile a{scroll-snap-align:start}
.public-hero{height:clamp(190px,20vw,280px)!important;margin:0!important;border-bottom:1px solid rgba(213,169,79,.45)!important}
.public-hero .alnour-hero-overlay{background:linear-gradient(90deg,rgba(3,43,37,.72),rgba(7,61,46,.28) 52%,rgba(39,93,122,.08))!important}
html[dir="rtl"] .public-hero .alnour-hero-overlay{background:linear-gradient(270deg,rgba(3,43,37,.72),rgba(7,61,46,.28) 52%,rgba(39,93,122,.08))!important}
.public-hero-copy{position:absolute;z-index:5;inset-block:0;inset-inline:clamp(22px,7vw,110px) auto;max-width:min(720px,76vw);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:var(--aln-white);text-shadow:0 3px 18px rgba(3,43,37,.4);pointer-events:none}
.public-hero-copy span{font-size:.82rem;font-weight:800;color:var(--aln-gold-200);letter-spacing:.03em}
.public-hero-copy h1{margin:.25rem 0 0!important;font-size:clamp(1.8rem,4vw,3.7rem)!important;line-height:1.2!important;color:var(--aln-white)!important;max-width:16ch}
html[dir="rtl"] .public-hero-copy{align-items:flex-start;text-align:right}
.alnour-hero-arrow{box-shadow:0 10px 28px rgba(3,43,37,.2)!important}

/* Public page layout repair */
.shell,.public-main,.shell.public-main{max-width:var(--aln-max)!important}
.public-main,.shell.public-main{width:min(var(--aln-max),calc(100% - 40px))!important;margin-inline:auto!important;padding:30px 0 70px!important}
.innergrid{display:grid!important;grid-template-columns:minmax(210px,280px) minmax(0,1fr)!important;gap:28px!important;align-items:start!important}
.listing{min-width:0!important}
.side{position:sticky!important;top:96px!important;max-height:calc(100vh - 115px);overflow:auto;padding:14px!important;border:1px solid var(--aln-beige-200)!important;border-radius:20px!important;background:rgba(255,253,247,.96)!important;box-shadow:var(--aln-shadow-card)!important}
.side a{display:block!important;padding:10px 12px!important;border-radius:12px!important;color:var(--aln-text)!important;font-size:.88rem!important}
.side a.active{background:var(--aln-green-100)!important;color:var(--aln-green-900)!important;font-weight:800!important}
.crumb{margin:0 0 14px!important;color:var(--aln-muted)!important;font-size:.9rem!important}
.crumb a{color:var(--aln-green-800)!important}
.collection-intro,.public-result,.article,.reader-toolbar,.platform-head,.entity-card,.v10-study-card,.advanced-search,.reader-head-card,.local-pdf-toolbar,.reader-tools-panel{position:relative!important;overflow:hidden!important;border:1px solid var(--aln-beige-200)!important;background:linear-gradient(155deg,var(--aln-white),var(--aln-beige-50))!important;color:var(--aln-text)!important;box-shadow:var(--aln-shadow-card)!important}
.collection-intro{padding:clamp(22px,4vw,44px)!important;border-radius:28px!important;margin-bottom:20px!important;min-height:0!important}
.collection-intro:before,.collection-intro:after,.public-result:before,.public-result:after,.article:before,.article:after{content:none!important;display:none!important}
.collection-intro h1{margin:0!important;color:var(--aln-green-900)!important;font-size:clamp(2rem,4vw,4.2rem)!important;line-height:1.22!important}
.collection-deck{max-width:76ch!important;margin:14px 0 6px!important;color:var(--aln-muted)!important;font-size:clamp(.96rem,1.3vw,1.12rem)!important;line-height:1.9!important}
.collection-intro .count{margin:14px 0 0!important;display:inline-flex!important;width:max-content!important;padding:7px 12px!important;border-radius:999px!important;background:var(--aln-sky-100)!important;color:var(--aln-blue-800)!important;font-weight:800!important}
.results{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;gap:16px!important;margin-top:18px!important}
.public-result{min-height:210px!important;padding:22px!important;border-radius:22px!important;transform:none!important}
.public-result:hover{transform:translateY(-3px)!important;box-shadow:0 18px 40px rgba(7,61,46,.13)!important}
.public-result h2{color:var(--aln-green-900)!important;line-height:1.55!important;margin:.65rem 0!important}
.public-result p{color:var(--aln-muted)!important;font-size:.95rem!important;line-height:1.8!important}
.result-kicker,.content-type,.v10-badge{color:var(--aln-blue-800)!important}
.content-type,.v10-badge{background:var(--aln-sky-100)!important;border:1px solid var(--aln-sky-200)!important}
.result-meta{color:var(--aln-gold-600)!important}
.filter{display:flex!important;gap:9px!important;margin:20px 0!important}
.filter input,.advanced-search input,.advanced-search select,.advanced-search textarea,.catalogue-filter input,.catalogue-filter select{min-height:48px!important;border:1px solid var(--aln-beige-200)!important;border-radius:14px!important;background:var(--aln-white)!important;color:var(--aln-text)!important}
.filter button,.search-actions button,.btn.primary,.pager a{min-height:48px!important;border:0!important;border-radius:14px!important;background:linear-gradient(145deg,var(--aln-green-800),var(--aln-green-900))!important;color:var(--aln-white)!important}

/* Reader repair */
.articlewrap{max-width:1120px!important}
.reader-toolbar-v4{position:sticky!important;top:88px!important;z-index:120!important;width:100%!important;display:flex!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;padding:9px!important;border-radius:18px!important;backdrop-filter:blur(16px)!important;background:rgba(255,253,247,.94)!important}
.reader-toolbar-v4::-webkit-scrollbar{display:none}
.reader-tool,.reader-tool-group{flex:0 0 auto!important}
.reader-tool{min-width:52px!important;min-height:48px!important;border-radius:14px!important;background:var(--aln-green-800)!important;color:var(--aln-white)!important;border:1px solid rgba(240,207,122,.32)!important}
.reader-tool-back{background:var(--aln-beige-50)!important;color:var(--aln-green-900)!important;border-color:var(--aln-beige-200)!important}
.article{max-width:860px!important;margin:22px auto 0!important;padding:clamp(24px,5vw,58px)!important;border-radius:26px!important}
.article h1{color:var(--aln-green-900)!important;font-size:clamp(2rem,5vw,4.6rem)!important;line-height:1.35!important;overflow-wrap:anywhere}
.article p,.article li{color:var(--aln-text)!important}
.reader-shell.reader-dark,.reader-dark{--reader-bg:var(--aln-green-950)!important;--reader-fg:#eaf5ef!important;--reader-muted:#b7d1c6!important;background:var(--aln-green-950)!important;color:#eaf5ef!important}
.reader-dark .article{background:var(--aln-green-900)!important;border-color:rgba(217,237,245,.18)!important}
.reader-dark .article h1,.reader-dark .article p,.reader-dark .article li{color:#eef8f4!important}

/* Footer */
.hub-footer{background:linear-gradient(180deg,var(--aln-green-900),var(--aln-green-950))!important;color:#eef7f3!important;border-top:1px solid rgba(240,207,122,.42)!important;box-shadow:0 -12px 34px rgba(3,43,37,.12)!important}
.hub-footer h3{color:var(--aln-gold-200)!important}.hub-footer a{color:#e6f2ed!important}

/* Homepage */
.aln-live-home{background:linear-gradient(180deg,var(--aln-beige-50),var(--aln-white) 54%,var(--aln-sky-100))!important}
.aln-home-main{margin:0;padding:0 0 72px}
.aln-home-hero{position:relative;height:clamp(560px,72vh,820px);min-height:560px;overflow:hidden;border-bottom:1px solid rgba(240,207,122,.44);background:var(--aln-green-950)}
.aln-home-hero>.alnour-hero-slider{inset:0}
.aln-home-hero .alnour-hero-overlay{background:linear-gradient(90deg,rgba(3,43,37,.86),rgba(7,61,46,.55) 43%,rgba(39,93,122,.12) 74%,rgba(237,247,250,.04))!important}
html[dir="rtl"] .aln-home-hero .alnour-hero-overlay{background:linear-gradient(270deg,rgba(3,43,37,.86),rgba(7,61,46,.55) 43%,rgba(39,93,122,.12) 74%,rgba(237,247,250,.04))!important}
.aln-home-hero-copy{position:absolute;z-index:5;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:min(760px,calc(100% - 48px));margin-inline:clamp(24px,8vw,130px);color:var(--aln-white);pointer-events:none}
html[dir="rtl"] .aln-home-hero-copy{text-align:right}
.aln-home-honorific{font-size:clamp(2rem,4vw,4rem);color:var(--aln-gold-200);margin-bottom:8px}
.aln-home-hero h1{margin:0!important;display:grid;gap:3px;font-size:clamp(3.2rem,7.6vw,7.8rem)!important;line-height:.98!important;color:var(--aln-white)!important;letter-spacing:-.025em}
.aln-home-hero h1 span{font-size:.62em;color:var(--aln-white)}
.aln-home-hero h1 strong{font-weight:900;color:var(--aln-white)}
.aln-home-hero h1 em{font-style:normal;color:var(--aln-gold-200)}
.aln-home-hero-copy>p{max-width:68ch;margin:26px 0 0;color:#e6f2ed;font-size:clamp(1rem,1.6vw,1.32rem);line-height:2}
.aln-home-search{pointer-events:auto;margin-top:28px;width:min(680px,100%);display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px;border-radius:18px;background:rgba(255,253,247,.94);border:1px solid rgba(240,207,122,.52);box-shadow:0 16px 44px rgba(3,43,37,.24);backdrop-filter:blur(14px)}
.aln-home-search input{min-width:0;border:0;outline:0;background:transparent;color:var(--aln-text);font:700 1rem/1.3 inherit;padding:0 14px}
.aln-home-search button{min-height:54px;padding:0 26px;border:0;border-radius:13px;background:linear-gradient(145deg,var(--aln-green-700),var(--aln-green-900));color:var(--aln-white);font-weight:900;cursor:pointer}
.aln-home-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.aln-home-section-head h2{margin:0;color:var(--aln-green-900);font-size:clamp(2rem,4vw,4.6rem);line-height:1.15}
.aln-home-gateways,.aln-home-live{width:min(var(--aln-max),calc(100% - 40px));margin-inline:auto}
.aln-home-gateways{padding:58px 0 20px}
.aln-home-gateway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.aln-home-gateway{min-height:130px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:22px;border:1px solid var(--aln-beige-200);border-radius:24px;background:linear-gradient(145deg,var(--aln-white),var(--aln-beige-50));box-shadow:var(--aln-shadow-card);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.aln-home-gateway:hover{transform:translateY(-4px);border-color:rgba(213,169,79,.62);box-shadow:0 20px 44px rgba(7,61,46,.13)}
.aln-home-gateway span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--aln-sky-100);color:var(--aln-blue-800);font-weight:900}
.aln-home-gateway strong{color:var(--aln-green-900);font-size:clamp(1.05rem,1.6vw,1.45rem);line-height:1.5}
.aln-home-gateway b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--aln-green-100);color:var(--aln-green-800);font-size:1.25rem}
.aln-home-live{padding:54px 0 0}
.aln-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.aln-live-gateway{min-width:0;padding:20px;border:1px solid var(--aln-beige-200);border-radius:28px;background:linear-gradient(160deg,var(--aln-white),var(--aln-beige-50));box-shadow:var(--aln-shadow-card)}
.aln-live-gateway>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 4px 16px;border-bottom:1px solid var(--aln-beige-200)}
.aln-live-gateway h3{margin:0;color:var(--aln-green-900);font-size:clamp(1.35rem,2.3vw,2rem)}
.aln-live-gateway>header>a{flex:0 0 auto;color:var(--aln-blue-800);font-weight:800;text-decoration:none}
.aln-live-items{display:grid;gap:10px;padding-top:12px}
.aln-live-item{display:grid;gap:7px;padding:16px;border-radius:17px;background:var(--aln-white);border:1px solid rgba(234,223,201,.9);text-decoration:none;transition:.18s}
.aln-live-item:hover{background:var(--aln-sky-100);border-color:var(--aln-sky-200)}
.aln-live-item strong{color:var(--aln-text);font-size:1.03rem;line-height:1.55}
.aln-live-item p{margin:0;color:var(--aln-muted);font-size:.9rem;line-height:1.75}
.aln-live-type{width:max-content;padding:4px 9px;border-radius:999px;background:var(--aln-green-100);color:var(--aln-green-800);font-size:.72rem;font-weight:850}
.aln-live-item small{color:var(--aln-gold-600);font-weight:800}
.aln-live-item-link{min-height:94px;align-content:center}

/* dark presentation surfaces use the green/blue family */
html[data-hub-theme="dark"] body,html[data-hub-theme="dark"] body.inner,html[data-hub-theme="dark"] body.reader-shell{background:linear-gradient(180deg,var(--aln-green-950),#064132)!important;color:#eaf5ef!important}
html[data-hub-theme="dark"] .collection-intro,html[data-hub-theme="dark"] .public-result,html[data-hub-theme="dark"] .article,html[data-hub-theme="dark"] .reader-toolbar{background:linear-gradient(155deg,#0a4a39,#07382e)!important;border-color:rgba(217,237,245,.16)!important;color:#eaf5ef!important}
html[data-hub-theme="dark"] h1,html[data-hub-theme="dark"] h2,html[data-hub-theme="dark"] h3{color:#f2faf6!important}
html[data-hub-theme="dark"] p{color:#c7ddd3!important}

@media(max-width:1180px){
  .innergrid{grid-template-columns:1fr!important}
  .side{position:relative!important;top:auto!important;display:flex!important;gap:7px!important;overflow-x:auto!important;max-height:none!important;padding:9px!important;white-space:nowrap!important}
  .side h3{display:none!important}.side a{flex:0 0 auto!important}
  .reader-toolbar-v4{top:136px!important}
}
@media(max-width:760px){
  .public-main,.shell.public-main,.aln-home-gateways,.aln-home-live{width:min(100% - 20px,var(--aln-max))!important}
  .public-main,.shell.public-main{padding:16px 0 48px!important}
  .public-hero{height:210px!important}
  .public-hero-copy{inset-inline:18px auto;max-width:80vw}
  .public-hero-copy span{font-size:.72rem}.public-hero-copy h1{font-size:clamp(1.55rem,7vw,2.4rem)!important}
  .collection-intro{padding:20px!important;border-radius:20px!important}
  .collection-intro h1{font-size:clamp(1.8rem,9vw,3.1rem)!important}
  .results{grid-template-columns:1fr!important}
  .public-result{min-height:0!important;padding:18px!important}
  .reader-toolbar-v4{top:132px!important;padding:7px!important;border-radius:15px!important}
  .reader-tool{min-width:48px!important;min-height:46px!important}
  .article{padding:24px 18px!important;border-radius:20px!important;margin-top:14px!important}
  .article h1{font-size:clamp(2rem,10vw,3.4rem)!important}
  .aln-home-hero{height:650px;min-height:650px}
  .aln-home-hero-copy{width:calc(100% - 36px);margin-inline:18px;justify-content:flex-end;padding-bottom:66px}
  .aln-home-hero h1{font-size:clamp(3.1rem,15vw,5.4rem)!important;line-height:1.04!important}
  .aln-home-hero-copy>p{font-size:1rem;line-height:1.9;margin-top:18px}
  .aln-home-search{margin-top:18px;grid-template-columns:1fr auto;padding:6px;border-radius:15px}
  .aln-home-search button{min-height:48px;padding:0 18px}
  .aln-home-gateways{padding-top:34px}.aln-home-live{padding-top:42px}
  .aln-home-section-head h2{font-size:2.2rem}
  .aln-home-gateway-grid,.aln-live-grid{grid-template-columns:1fr}
  .aln-home-gateway{min-height:92px;padding:16px;border-radius:19px}
  .aln-live-gateway{padding:15px;border-radius:22px}
}
@media(max-width:420px){
  .aln-home-hero{height:620px;min-height:620px}
  .aln-home-hero h1{font-size:3rem!important}
  .aln-home-honorific{font-size:2rem}
  .aln-home-search input{padding-inline:8px;font-size:.88rem}
  .aln-home-search button{padding:0 14px}
  .public-hero{height:190px!important}
}
@media(prefers-reduced-motion:reduce){
  .aln-home-gateway,.aln-live-item,.public-result{transition:none!important}
}
@media print{
  body,body.inner,body.reader-shell{background:var(--aln-white)!important;color:var(--aln-text)!important}
  .article,.reader-article{color:var(--aln-text)!important;background:var(--aln-white)!important}
}