:root {
  --pl-deep-teal: #082F38;
  --pl-midnight: #061F29;
  --pl-antique-gold: #C49A50;
  --pl-dark-gold: #79551F;
  --pl-parchment: #F9F3E2;
  --pl-ivory: #FFFCF5;
  --pl-sand: #E5D5B5;
  --pl-muted-teal: #4D6667;
  --pl-olive: #65704B;
  --color-background: var(--pl-parchment);
  --color-surface: var(--pl-ivory);
  --color-text: var(--pl-deep-teal);
  --color-muted: var(--pl-muted-teal);
  --color-action: var(--pl-deep-teal);
  --color-on-action: var(--pl-ivory);
  --color-link: var(--pl-dark-gold);
  --color-focus: var(--pl-dark-gold);
}
[data-theme="dark"] {
  --color-background: var(--pl-midnight);
  --color-surface: var(--pl-deep-teal);
  --color-text: var(--pl-ivory);
  --color-muted: var(--pl-sand);
  --color-action: var(--pl-antique-gold);
  --color-on-action: var(--pl-midnight);
  --color-link: var(--pl-antique-gold);
  --color-focus: var(--pl-antique-gold);
}
/* Brand application: supplied logo artwork is preserved; no image filters or recoloring. */
:root{--ink:var(--pl-deep-teal);--deep:var(--pl-deep-teal);--teal:var(--pl-deep-teal);--gold:var(--pl-dark-gold);--paper:var(--pl-parchment);--muted:var(--pl-muted-teal);--line:var(--pl-sand);--white:var(--pl-ivory);--header-height:116px}
body{background:var(--pl-parchment);color:var(--pl-deep-teal)}::selection{background:var(--pl-antique-gold);color:var(--pl-midnight)}html{scroll-padding-top:145px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--pl-dark-gold);outline-offset:4px}.site-footer a:focus-visible,.collection-strip a:focus-visible,.home-hero a:focus-visible,.story-hero a:focus-visible{outline-color:var(--pl-antique-gold)}.site-header{height:116px;min-height:116px;background:#f9f3e2fa;border-color:var(--pl-sand);padding:12px 5%}.brand{letter-spacing:0}.brand-logo{display:block;width:232px;height:auto;object-fit:contain}.site-header .brand{flex:0 0 auto;padding:0 9px;min-height:92px;display:flex;align-items:center}.site-header nav a[aria-current=page]{color:var(--pl-dark-gold);border-color:var(--pl-antique-gold)}.site-header nav a:hover{border-color:var(--pl-dark-gold)}.header-seerah{border:1px solid var(--pl-muted-teal);color:var(--pl-deep-teal);background:var(--pl-ivory)}.header-seerah:hover{background:var(--pl-sand)}.eyebrow{color:var(--pl-dark-gold)}.button{background:var(--pl-deep-teal);color:var(--pl-ivory);box-shadow:none}.button:hover{background:var(--pl-midnight);color:var(--pl-ivory)}.button.secondary{border-color:var(--pl-muted-teal);color:var(--pl-deep-teal);background:transparent}.button.secondary:hover{background:var(--pl-ivory);border-color:var(--pl-deep-teal)}.home-hero .button,.story-hero .button{background:var(--pl-antique-gold);color:var(--pl-midnight)}.home-hero .button:hover,.story-hero .button:hover{background:var(--pl-sand);color:var(--pl-midnight)}.home-hero .hero-secondary{background:transparent;color:var(--pl-ivory);border-color:var(--pl-sand)}.home-hero .hero-secondary:hover{background:var(--pl-deep-teal);color:var(--pl-ivory)}.hero-copy .eyebrow,.story-hero .eyebrow,.recap-hero .eyebrow{color:var(--pl-antique-gold)}.hero-copy p,.story-hero p,.recap-hero p{color:var(--pl-ivory)}.hero-arabic,.story-arabic,.feature-art>span,.directory-art .arabic,.path-art>span[lang]{color:var(--pl-sand)}.home-hero:after{background:linear-gradient(90deg,#061f29f2,#061f29bc 32%,#061f2940 68%,#061f2910)}.story-hero:after{background:linear-gradient(90deg,#061f29f5,#061f29bd 40%,#061f2929 80%)}.recap-hero:after{background:linear-gradient(90deg,#061f29f2,#061f29bb 60%,#061f2955)}.collection-seal{border-color:#c49a50aa;outline-color:#c49a5070;background:#061f2926}.seal-label,.seal-caption,.light-link,.collection-resume a{color:var(--pl-sand)}.breadcrumb{color:var(--pl-ivory)}.stat-number{color:var(--pl-antique-gold)}.collection-strip{background:var(--pl-midnight);color:var(--pl-ivory);border-top-color:var(--pl-antique-gold)}.collection-stat small{color:var(--pl-sand)}.collection-stat+.collection-stat,.learning-sequence{border-color:var(--pl-muted-teal)}.learning-sequence i{background:var(--pl-deep-teal);color:var(--pl-antique-gold);border-color:var(--pl-antique-gold)}.learning-sequence>span+span:before{background:var(--pl-muted-teal)}
.page-title,.collection-title{background:linear-gradient(120deg,var(--pl-ivory),var(--pl-parchment));border-color:var(--pl-sand)}.collection-gallery>div{border-color:var(--pl-antique-gold);box-shadow:0 8px 18px #082f3814}.collection-gallery>span{color:var(--pl-dark-gold)}.visual-card,.path-grid>a,.path-grid>a:first-child,.related-grid>a,.journey-grid>li,.glossary-grid>div,.lesson-discovery a{background:var(--pl-ivory);border-color:var(--pl-sand)}.prophet-card:hover,.path-grid>a:hover,.lesson-discovery a:hover{background:#f2ead7;border-color:var(--pl-antique-gold)}.feature:hover h2,.visual-card:hover h2{text-decoration-color:var(--pl-dark-gold)}.path-art .path-number,.lesson-token{background:var(--pl-parchment);color:var(--pl-dark-gold);border-color:var(--pl-antique-gold)}.path-start{color:var(--pl-dark-gold);border-color:var(--pl-sand)}.lesson-token{color:var(--pl-dark-gold)}.lesson-discovery a:hover .lesson-token{background:var(--pl-deep-teal);color:var(--pl-antique-gold)}.card-bottom,.feature,.result-count{border-color:var(--pl-sand)}.theme-links a{background:var(--pl-ivory);border-color:var(--pl-sand)}.theme-links a:hover{background:var(--pl-sand);border-color:var(--pl-dark-gold)}.theme-links a[aria-current=page]{background:var(--pl-deep-teal);color:var(--pl-ivory);border-color:var(--pl-deep-teal)}.theme-links a[aria-current=page]:hover{background:var(--pl-midnight)}.lesson-index{color:var(--pl-dark-gold);border-color:var(--pl-sand)}.filters,.atlas-map-switcher,.directory-resume{background:var(--pl-deep-teal);border-color:var(--pl-muted-teal);color:var(--pl-ivory)}.filters label{color:var(--pl-ivory)}input,select,.filters input,.filters select,.atlas-map-switcher select{background-color:var(--pl-ivory);color:var(--pl-deep-teal);border-color:var(--pl-muted-teal)}.filters input:focus,.filters select:focus{outline-color:var(--pl-antique-gold)}input::placeholder{color:var(--pl-muted-teal)}.atlas-map-switcher .eyebrow,.directory-resume .eyebrow{color:var(--pl-antique-gold)}.atlas-map-switcher label{color:var(--pl-ivory)}.atlas-teaser{background:var(--pl-midnight)}.atlas-teaser .eyebrow{color:var(--pl-antique-gold)}.atlas-teaser p{color:var(--pl-sand)}.atlas-teaser .button{color:var(--pl-ivory);border-color:var(--pl-antique-gold)}.atlas-teaser .button:hover{background:var(--pl-deep-teal)}.atlas-preview-link{background:var(--pl-ivory)}
.collection-jump{top:116px;background:#f9f3e2fa;border-color:var(--pl-sand)}.context-grid>div,.chapter-list li,.chapter-list li:last-child{border-color:var(--pl-sand)}.context-number{background:var(--pl-sand);color:var(--pl-dark-gold)}.chapter-list li>a>span:first-child{background:var(--pl-ivory);border-color:var(--pl-antique-gold);color:var(--pl-dark-gold)}.chapter-list li>a:hover{background:var(--pl-ivory)}.overview-aside,.relationship-diagram{background:var(--pl-ivory);border-color:var(--pl-sand)}.overview-aside p{color:var(--pl-muted-teal)}.relationship-nodes>a{background:var(--pl-parchment);border-color:var(--pl-sand)}.relationship-nodes>a[aria-current=page]{background:var(--pl-deep-teal);color:var(--pl-ivory)}.classical-note{border-color:var(--pl-antique-gold)}hr{border-color:var(--pl-sand)}.source-link,.aside-link,.text-link{color:var(--pl-dark-gold);text-decoration-color:var(--pl-antique-gold)}.story-hero .text-link,.hero-copy .resume-link{color:var(--pl-sand)}.reader-top{background:var(--pl-ivory);border-color:var(--pl-sand)}.reader-nav{top:144px;max-height:calc(100vh - 165px)}.reader-nav nav a{border-color:var(--pl-sand)}.reader-nav nav a[aria-current=page]{background:var(--pl-ivory);border-color:var(--pl-antique-gold);color:var(--pl-deep-teal)}.reader-nav nav a:hover{background:var(--pl-ivory)}.reader-tools{border-color:var(--pl-sand)}.reader-tools button{border-color:var(--pl-muted-teal);background:var(--pl-ivory);color:var(--pl-deep-teal)}.reader-tools button[aria-pressed=true]{background:var(--pl-deep-teal);color:var(--pl-ivory)}.reading-body>p{color:var(--pl-deep-teal)}.source-box,.recall,.recap-reflection{background:var(--pl-ivory);border-color:var(--pl-sand)}.source-box h2{color:var(--pl-dark-gold)}.reflection{border-color:var(--pl-antique-gold)}.quiz-option{background:var(--pl-parchment);border-color:var(--pl-muted-teal);color:var(--pl-deep-teal)}.quiz-option:hover{background:var(--pl-sand);border-color:var(--pl-deep-teal)}.quiz-option[aria-pressed=true]{background:var(--pl-sand);box-shadow:inset 3px 0 var(--pl-deep-teal)}.quiz-correct{color:var(--pl-olive)}.quiz-retry{color:var(--pl-dark-gold)}.chapter-pagination{border-color:var(--pl-sand)}.collection-references:target,.context-section:target,.overview-layout:target,.connections-section:target{scroll-margin-top:190px}
.atlas-map-toolbar{background:var(--pl-ivory);border-color:var(--pl-muted-teal)}.atlas-zoom button,.atlas-pan button{background:var(--pl-parchment);color:var(--pl-deep-teal);border-color:var(--pl-muted-teal)}.atlas-map-surface{background:#c4d3d0;border-color:var(--pl-muted-teal)}.atlas-land{fill:var(--pl-parchment)}.atlas-land.with-borders{stroke:#9aa68d}.atlas-river{stroke:#50777c}.atlas-area{fill:#c49a502b;stroke:var(--pl-dark-gold)}.atlas-area.named{fill:#65704b20;stroke:var(--pl-olive)}.atlas-region-label{fill:var(--pl-muted-teal)}.atlas-water-label,.atlas-river-label{fill:var(--pl-deep-teal)}.atlas-river-label{stroke:var(--pl-parchment)}.atlas-connection{stroke:var(--pl-dark-gold)}.atlas-details{background:var(--pl-ivory);border-color:var(--pl-antique-gold)}.atlas-place-list button{background:var(--pl-parchment);border-color:var(--pl-muted-teal);color:var(--pl-deep-teal)}.atlas-place-list button[aria-pressed=true],.atlas-marker[aria-pressed=true]{background:var(--pl-deep-teal);color:var(--pl-ivory);border-color:var(--pl-deep-teal)}.atlas-marker{background:var(--pl-ivory);border-color:var(--pl-deep-teal);color:var(--pl-deep-teal)}.atlas-marker.traditional{color:var(--pl-dark-gold);border-color:var(--pl-dark-gold)}.atlas-marker.traditional[aria-pressed=true]{color:var(--pl-ivory)}.atlas-marker b{background:var(--pl-ivory);color:var(--pl-deep-teal)}.atlas-status{background:#e9eddb;color:#34412a}.atlas-status.traditional{background:var(--pl-sand);color:var(--pl-dark-gold)}.atlas-status.orientation{background:#e4e8df;color:var(--pl-deep-teal)}.atlas-library{background:#efe5cd}.atlas-library-card{background:var(--pl-ivory);border-color:var(--pl-sand)}.atlas-library-card[aria-current=page]{background:var(--pl-ivory);border-color:var(--pl-antique-gold);box-shadow:inset 0 -3px var(--pl-antique-gold)}.atlas-card-index{background:var(--pl-ivory);color:var(--pl-dark-gold);border-color:var(--pl-antique-gold)}.atlas-evidence-grid,.atlas-selected-place,.atlas-unlocated,.atlas-data-note{border-color:var(--pl-sand)}#map-library{scroll-margin-top:140px}
footer.site-footer{background:var(--pl-midnight);color:var(--pl-ivory)}.site-footer .brand{margin-bottom:24px;padding:10px 0}.site-footer .brand-logo{width:280px;height:auto;max-width:100%}.site-footer h2{color:var(--pl-antique-gold)}.site-footer p,.footer-base{color:var(--pl-sand)}.footer-base{border-color:var(--pl-muted-teal)}.site-footer nav a:hover{color:var(--pl-antique-gold)}
@media(max-width:800px){:root{--header-height:150px}html{scroll-padding-top:175px}.site-header{height:150px;min-height:150px;padding:10px 6% 0;gap:6px}.site-header .brand{min-height:84px;padding:0 8px}.brand-logo{width:200px}.site-header nav{height:46px}.collection-jump,.mobile-chapter-picker{top:150px}.mobile-chapter-picker{background:#f9f3e2fa;border-color:var(--pl-sand)}.collection-references:target,.context-section:target,.overview-layout:target,.connections-section:target{scroll-margin-top:215px}#map-library{scroll-margin-top:175px}.home-hero:after{background:linear-gradient(90deg,#061f29ed,#061f2988)}.story-hero:after{background:linear-gradient(90deg,#061f29ee,#061f29a8 65%,#061f2966)}.site-footer .brand-logo{width:260px}}
/* Navigation and footer refinement. Native links retain keyboard and current-page behavior. */
.site-header nav{height:auto;display:flex;align-items:center;gap:5px;padding:6px;border:1px solid var(--pl-sand);border-radius:12px;background:var(--pl-ivory);box-shadow:0 3px 12px #082f3806;flex-wrap:nowrap}.site-header nav a{height:auto;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 17px;border:1px solid transparent;border-radius:7px;font-size:14px;font-weight:500;white-space:nowrap;position:relative}.site-header nav a:hover{background:#f1e8d4;border-color:var(--pl-sand);color:var(--pl-deep-teal)}.site-header nav a[aria-current=page]{background:var(--pl-deep-teal);color:var(--pl-ivory);border-color:var(--pl-deep-teal);box-shadow:0 2px 5px #082f3812}.site-header nav a[aria-current=page]:hover{background:var(--pl-midnight);border-color:var(--pl-midnight)}.nav-icon{width:20px;height:20px;flex:0 0 20px;color:var(--pl-dark-gold)}.site-header nav a[aria-current=page] .nav-icon{color:var(--pl-antique-gold)}.site-header nav a:focus-visible{outline:3px solid var(--pl-dark-gold);outline-offset:3px;z-index:1}.header-seerah{min-height:48px;padding:14px 21px;background:var(--pl-midnight);border-color:var(--pl-midnight);color:var(--pl-ivory);border-radius:6px;font-size:13px;font-weight:600;box-shadow:0 3px 8px #061f2914}.header-seerah:hover{background:var(--pl-deep-teal);border-color:var(--pl-deep-teal);color:var(--pl-ivory)}
.learning-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.learning-sequence>span{width:100%;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:11px;position:relative}.learning-sequence i{width:35px;height:35px;flex:0 0 35px;position:relative}.learning-sequence>span+span:before{display:block;content:'';position:absolute;left:-12px;right:auto;top:17px;width:24px;height:1px;background:var(--pl-muted-teal)}.footer-base{justify-content:flex-end;padding-top:20px;margin-top:35px}.footer-credit{max-width:1200px;margin:22px auto 0;padding:24px 0 3px;border-top:1px solid #4d666770;text-align:center}.site-footer .footer-credit p{max-width:none;font-size:13px;line-height:2.05;color:var(--pl-sand);margin:0}.footer-credit a{color:var(--pl-ivory);text-decoration:underline;text-decoration-color:var(--pl-antique-gold);text-underline-offset:4px;display:inline-block;padding:0 3px}.footer-credit a:hover{color:var(--pl-antique-gold)}
@media(max-width:1100px) and (min-width:801px){.site-header nav a{padding:13px 18px}.site-header nav{margin-left:auto}}
@media(max-width:800px){:root{--header-height:174px}.site-header{height:174px;min-height:174px;padding:10px 6% 12px;gap:7px}.site-header nav{width:100%;height:61px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;gap:4px;border-radius:9px}.site-header nav a{height:51px;min-height:51px;padding:6px 4px;gap:6px;font-size:13px;border-radius:5px;flex-direction:row}.nav-icon{width:17px;height:17px;flex-basis:17px}.collection-jump,.mobile-chapter-picker{top:174px}html{scroll-padding-top:195px}.collection-references:target,.context-section:target,.overview-layout:target,.connections-section:target{scroll-margin-top:235px}#map-library{scroll-margin-top:195px}.learning-sequence{padding-top:23px;padding-left:0;padding-right:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.learning-sequence>span{flex-direction:column;gap:9px;font-size:13px}.learning-sequence i{width:30px;height:30px;flex-basis:30px;font-size:11px}.learning-sequence>span+span:before{top:14.5px;left:-12px;width:24px;display:block}.footer-base{align-items:center}.footer-credit{margin-top:20px;padding-top:22px}.site-footer .footer-credit p{font-size:12px}}
@media(max-width:480px){.site-header nav a{flex-direction:column;gap:5px;font-size:12px;line-height:1.2}.site-header nav .nav-icon{width:17px;height:17px;flex-basis:17px}.learning-sequence>span{font-size:12px}.learning-sequence>span+span:before{width:20px;left:-10px}.site-footer .footer-credit p{font-size:11px;line-height:2.15}}
@media(max-width:800px){.site-header{flex-wrap:nowrap;padding-bottom:10px}.site-header nav{flex:0 0 61px}}

/* Midnight masthead: open navigation, restrained gold accents, ivory brand artwork. */
.site-header{background:var(--pl-midnight);border-bottom:1px solid #c49a5045;box-shadow:0 4px 20px #061f291c}
.site-header nav{background:transparent;border:0;border-radius:0;box-shadow:none;gap:12px;padding:6px 0}
.site-header nav a{color:var(--pl-sand);padding:14px 18px;border-radius:4px;border:1px solid transparent;box-shadow:none;transition:background .18s ease,color .18s ease}
.site-header nav .nav-icon{color:var(--pl-antique-gold)}
.site-header nav a:hover{color:var(--pl-ivory);background:#ffffff0b;border-color:transparent}
.site-header nav a:after{content:'';position:absolute;bottom:3px;left:18px;right:18px;height:2px;background:var(--pl-antique-gold);transform:scaleX(0);transition:transform .18s ease}
.site-header nav a[aria-current=page],.site-header nav a[aria-current=page]:hover{color:var(--pl-ivory);background:#ffffff0b;border-color:transparent;box-shadow:none}
.site-header nav a[aria-current=page]:after{transform:scaleX(1)}
.site-header a:focus-visible,.site-header nav a:focus-visible{outline-color:var(--pl-antique-gold)}
.site-header .header-seerah{background:var(--pl-antique-gold);border-color:var(--pl-antique-gold);color:var(--pl-midnight);box-shadow:none}
.site-header .header-seerah:hover{background:var(--pl-sand);border-color:var(--pl-sand);color:var(--pl-midnight)}
.footer-base{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #4d666770;margin-top:38px;padding-top:23px}
.footer-base .footer-credit{margin:0;padding:0;border:0;text-align:left;max-width:none}
.footer-base .footer-credit p{font-size:12px;line-height:1.9}
.footer-editorial{flex-shrink:0;padding:12px 0;color:var(--pl-sand);text-underline-offset:4px;text-decoration-color:var(--pl-antique-gold)}
.footer-editorial:hover{color:var(--pl-ivory)}
@media(max-width:1100px) and (min-width:801px){.site-header nav{gap:0}.site-header nav a{padding:14px 13px}}
@media(max-width:800px){.site-header nav{border-top:1px solid #c49a502f;gap:4px;padding:5px 0 0}.site-header nav a{padding:6px 4px}.site-header nav a:after{left:20%;right:20%;bottom:0}.footer-base{gap:18px;align-items:flex-start}.footer-base .footer-credit p{font-size:11px}}
@media(max-width:600px){.footer-base{flex-direction:column;gap:5px}.footer-editorial{padding:9px 0;font-size:12px}}
@media(prefers-reduced-motion:reduce){.site-header nav a,.site-header nav a:after{transition:none}}
/* Add only the section-nav clearance; html already offsets the sticky header. */
.collection-study:target,.full-account-section:target,.collection-questions:target,.account-chapter:target,.collection-references:target,.context-section:target,.overview-layout:target,.connections-section:target{scroll-margin-top:40px}
