.destination-hero{min-height:var(--hero-height);position:relative;display:grid;align-items:end;overflow:hidden;color:#fff}.destination-image,.destination-overlay{position:absolute;inset:0}.destination-image{background-position:center;background-size:cover;transform:scale(1.01)}.destination-overlay{background:linear-gradient(90deg,rgba(7,25,20,.94) 0%,rgba(7,25,20,.74) 42%,rgba(7,25,20,.08) 75%),linear-gradient(0deg,rgba(4,18,14,.62),transparent 50%)}.destination-inner{position:relative;z-index:1;padding-block:5rem}.destination-copy{max-width:760px}.hero-crumbs{display:flex;gap:.65rem;align-items:center;margin-bottom:3.5rem;color:#dae3df;font-size:.86rem}.hero-crumbs a{border-bottom:1px solid #ffffff55}.destination-kicker{color:#efc978;text-transform:uppercase;letter-spacing:.17em;font-size:.76rem;font-weight:800}.destination-copy h1{font-size:clamp(4rem,7vw,7rem);line-height:.9;max-width:11ch;margin:1rem 0 1.5rem;color:#fff}.destination-copy>p{max-width:55ch;color:#e3e9e6;font-size:1.17rem}.destination-knowledge .destination-image{background-image:url('/images/obligatory-knowledge-hero-v1.png')}.destination-quran .destination-image{background-image:url('/images/quran-hero-v1.png')}.destination-hadith .destination-image{background-image:url('/images/hadith-hero-v1.png')}.destination-library .destination-image{background-image:url('/images/library-hero-v1.png')}.destination-questions .destination-image{background-image:url('/images/qa-hero-v1.png')}.destination-questions .destination-overlay,.destination-quran .destination-overlay{background:linear-gradient(90deg,rgba(15,37,30,.94),rgba(15,37,30,.72) 43%,rgba(15,37,30,.05) 76%)}.destination-search{margin-top:2.3rem;min-height:72px;width:min(760px,100%);display:grid;grid-template-columns:auto 1fr auto;align-items:center;background:#fff;color:#17211d;padding:.5rem;box-shadow:0 24px 70px #06140f55}.destination-search>span{padding:0 1rem;font-size:1.4rem}.destination-search input,.destination-search select{border:0;outline:0;background:transparent;color:#17211d;min-width:0}.destination-search input{font-size:1.04rem}.destination-search button,.destination-cta{border:0;background:#b27b32;color:#fff;font-weight:800;padding:1rem 1.35rem;cursor:pointer}.destination-cta{display:inline-flex;gap:3rem;margin-top:2rem}.quran-search{grid-template-columns:1.35fr .65fr auto;gap:0}.quran-search label{display:grid;padding:0 1rem;border-right:1px solid #ddd}.quran-search small{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.quran-search select,.quran-search input{font-size:.95rem}.destination-nav{background:var(--surface);border-bottom:1px solid var(--line)}.destination-nav>.container{display:grid;grid-template-columns:repeat(4,1fr)}.destination-nav a{padding:1.35rem;border-left:1px solid var(--line);display:flex;justify-content:space-between;font-weight:750}.destination-nav a:last-child{border-right:1px solid var(--line)}.destination-nav a:hover{background:var(--paper);color:var(--green)}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:4rem;margin-bottom:2.5rem}.section-intro h2{margin:.35rem 0 0}.section-intro>p{max-width:42ch;color:var(--muted)}.knowledge-routes{display:grid;grid-template-columns:1.15fr .85fr;border-top:1px solid var(--line)}.knowledge-routes a{min-height:105px;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:1rem;padding:1rem 1.3rem;border-bottom:1px solid var(--line);transition:.2s}.knowledge-routes a:nth-child(odd){border-right:1px solid var(--line)}.knowledge-routes a:first-child{grid-row:span 2;min-height:210px;background:var(--green);color:var(--paper)}.knowledge-routes a:hover{padding-left:1.8rem;background:var(--surface)}.knowledge-routes a:first-child:hover{background:var(--green)}.knowledge-routes span{font:italic .85rem var(--serif);color:var(--gold)}.knowledge-routes div{display:grid}.knowledge-routes strong{font:1.4rem var(--serif)}.featured-band{background:#17382f;color:#edf2ef}.learning-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2rem;border-top:1px solid #ffffff33}.learning-steps>div{padding:2rem;border-right:1px solid #ffffff33}.learning-steps b{color:#e0b66d}.learning-steps h3{color:#fff}.learning-steps p{color:#c8d5d0}.filter-set{display:flex;gap:.5rem}.filter-set button{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:.65rem .9rem}.editorial-list,.question-ledger{border-top:1px solid var(--line)}.editorial-list>a,.question-ledger>a{display:grid;grid-template-columns:60px 1fr auto;gap:1.5rem;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--line)}.editorial-number,.question-ledger>a>span{font:italic .85rem var(--serif);color:var(--gold)}.editorial-list h3,.question-ledger h3{margin:.25rem 0;font-size:1.5rem}.editorial-list p,.question-ledger p{margin:0;color:var(--muted);max-width:70ch}.editorial-list>a:hover h3,.question-ledger>a:hover h3{color:var(--green)}.quote-collection{display:grid;grid-template-columns:1.4fr .6fr;gap:1px;background:var(--line)}.quote-collection article{padding:clamp(2rem,5vw,4rem);background:var(--surface)}.quote-collection article:first-child{min-height:370px}.quote-collection span{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.quote-collection blockquote{margin:2rem 0;font:clamp(1.5rem,2.7vw,2.5rem)/1.4 var(--serif)}.quote-collection a{font-weight:750}.topic-ribbon,.popular-topics{display:flex;align-items:center;gap:0;margin-top:3rem;overflow:auto;border:1px solid var(--line)}.topic-ribbon a,.popular-topics a,.popular-topics>span{padding:1rem 1.35rem;border-right:1px solid var(--line);white-space:nowrap}.topic-ribbon a{flex:1;display:flex;justify-content:space-between}.popular-topics>span{background:var(--green);color:var(--paper);font-weight:750}.empty-note{padding:2rem;border:1px solid var(--line);color:var(--muted)}
[data-theme=dark] .destination-image{filter:brightness(.7) saturate(.82)}[data-theme=dark] .destination-questions .destination-image,[data-theme=dark] .destination-quran .destination-image{filter:brightness(.62) saturate(.75)}[data-theme=dark] .popular-topics>span{color:#101714}
@media(max-width:900px){.destination-hero{min-height:var(--hero-height-narrow)}.destination-copy h1{font-size:4.5rem}.destination-nav>.container{grid-template-columns:repeat(2,1fr)}.knowledge-routes{grid-template-columns:1fr}.knowledge-routes a:nth-child(odd){border-right:0}.quote-collection{grid-template-columns:1fr}.learning-steps{grid-template-columns:1fr}.learning-steps>div{border-right:0;border-bottom:1px solid #ffffff33}}
@media(max-width:650px){.library-tabs>.container{display:grid;grid-template-columns:minmax(0,1fr)}.library-tab-head{border:0;padding:.9rem 0 .2rem;color:var(--gold)}.library-tab-head:first-child{border-left:0}.library-tab-panel{display:contents}.library-tab-links{grid-area:auto;min-width:0;opacity:1;pointer-events:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.library-tab-head[data-library-group=profiler]{order:1}.library-tab-links[data-library-group=profiler]{order:2}.library-tab-head[data-library-group=samling]{order:3}.library-tab-links[data-library-group=samling]{order:4}.library-tabs a,.library-tabs .active{padding:.9rem 1.1rem}.destination-hero{min-height:var(--hero-height-narrow);padding-top:0}.destination-image{height:340px;background-position:65% center}.destination-overlay{background:linear-gradient(0deg,rgba(7,25,20,1) 0%,rgba(7,25,20,.92) 35%,rgba(7,25,20,.1) 100%)}.destination-inner{padding-block:2rem 3.5rem}.hero-crumbs{margin-bottom:1.5rem}.destination-copy h1{font-size:3.25rem}.destination-copy>p{font-size:1rem}.destination-search{min-height:64px}.destination-search button{padding:.8rem}.quran-search{grid-template-columns:1fr 90px}.quran-search button{grid-column:1/-1}.destination-nav>.container{width:100%;grid-template-columns:1fr 1fr}.destination-nav a{font-size:.82rem}.section-intro{display:block}.section-intro>p{margin-top:1rem}.knowledge-routes a:first-child{grid-row:auto;min-height:120px}.editorial-list>a,.question-ledger>a{grid-template-columns:36px 1fr}.editorial-list>a>b,.question-ledger>a>b{grid-column:2}.filter-set{margin-top:1rem;overflow:auto}.topic-ribbon,.popular-topics{margin-inline:-1rem}.quote-collection article:first-child{min-height:auto}}

.knowledge-routes a{scroll-margin-top:95px}

/* Fælles hjælpeklasser tilføjet sammen med søgning, sidetal og ærlige links. */
.text-link{display:inline-flex;align-items:center;gap:1.5rem;padding:.7rem .2rem;border-bottom:1px solid var(--ink);font-weight:700;width:max-content}
.active-filter{display:inline-flex;align-items:center;padding:.65rem .9rem;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:.85rem}
.pending{opacity:.45;cursor:not-allowed;pointer-events:none}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.pagination a{font-weight:700}
.pagination>span{color:var(--muted);font-size:.85rem;letter-spacing:.04em}
.destination-content .pagination{margin-bottom:0}


/* Bogsider: kapitelindhold og indholdsfortegnelse i sidebjælken. */
.book-chapter + .book-chapter{margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--line)}
.book-chapter h2{scroll-margin-top:95px}
.chapter-index{display:flex;flex-direction:column;gap:.1rem;margin-bottom:1.5rem}
.chapter-index a{display:grid;grid-template-columns:2rem 1fr;gap:.6rem;padding:.5rem 0;font-size:.9rem;line-height:1.4;border-bottom:1px solid var(--line)}
.chapter-index a span{color:var(--gold);font:italic .8rem var(--serif)}
.chapter-index a:hover{color:var(--green)}

/* Bibliotekets sidebjælke.

   To spalter: delene til venstre, indholdet til højre. Bjælken er sat i
   rem og ikke i procent, så den er lige bred, uanset hvor bred skærmen er —
   en liste af navne bliver ikke mere læsbar af at blive bredere.

   «align-self: start» er det, der gør «sticky» virkelig: uden den strækkes
   bjælken til hele rækkens højde, og så er der ingenting at klæbe med. */
/* Biblioteket er bredere end de oevrige sider. En sidebjaelke og en liste ved siden af hinanden har brug for mere plads end en enkelt spalte tekst; med sidens almindelige 1.200 px blev listen 870 px, og titlerne knaekkede. Her er den 1.560 px, saa listen faar 1.230. */.library-layout{width:min(calc(100% - 3rem),1560px);margin-inline:auto;display:grid;grid-template-columns:17rem minmax(0,1fr);gap:clamp(2rem,4vw,4.5rem);padding-block:clamp(2.5rem,5vw,4.5rem)}
.library-sidebar{align-self:start;position:sticky;top:96px;display:grid;gap:2.2rem}
.library-sidebar-group h2{margin:0 0 .7rem;color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:.66rem;font-weight:800;font-family:var(--sans)}
.library-sidebar ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.library-sidebar li{border-bottom:1px solid var(--line)}
.library-sidebar a,.library-sidebar .is-current{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.72rem .2rem;transition:padding-left .2s ease,color .2s ease}
.library-sidebar b{font-weight:700;font-size:.94rem}
.library-sidebar small{color:var(--muted);font-size:.76rem;font-variant-numeric:tabular-nums}
.library-sidebar a:hover{padding-left:.6rem;color:var(--green)}
/* Den, man står på: en guldstreg i kanten i stedet for en fyldt flade.
   Fladen ville være det mørkeste element i en lys spalte og trække øjet
   væk fra selve indholdet. */
.library-sidebar .is-current{margin-left:-.8rem;padding-left:.6rem;border-left:2px solid var(--gold);color:var(--ink)}
.library-sidebar .is-current b{color:var(--gold)}
.library-main{min-width:0}
.library-main .destination-content{padding:0}
@media(max-width:900px){.library-layout{grid-template-columns:minmax(0,1fr);gap:2.5rem}.library-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2.5rem}}
@media(max-width:560px){.library-sidebar{grid-template-columns:minmax(0,1fr)}}

/* Titelbaandet under sidetoppen.

   Det siger, hvor man er landet. Sidetoppen er den samme paa alle bibliotekets
   sider — det er meningen: man er stadig i biblioteket — og saa skal noget
   andet baere delens navn.

   Billedet er delens eget, det samme som paa kortet i oversigten, saa kortet
   og stedet er det samme sted. */
.library-banner{position:relative;overflow:hidden;min-height:clamp(9rem,15vw,13rem);display:grid;align-items:end;
border-bottom:1px solid var(--line);background:var(--surface) var(--library-banner-image) center/cover no-repeat}
.library-banner-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,16,13,.94) 0%,rgba(7,16,13,.78) 44%,rgba(7,16,13,.35) 100%),linear-gradient(0deg,rgba(7,16,13,.72),transparent 62%)}
.library-banner>.container{position:relative;z-index:1;padding-block:clamp(1.6rem,3vw,2.6rem)}
.library-banner span{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:800}
.library-banner h2{margin:.35rem 0 0;color:#fff;font-size:clamp(2rem,4vw,3.2rem);line-height:1.02;letter-spacing:-.03em}

/* Oversigtens kort: et billede, et navn, en linje og et tal. */
.library-grid-heading{margin:2.6rem 0 1rem;color:var(--gold);text-transform:uppercase;letter-spacing:.15em;
font-size:.66rem;font-weight:800;font-family:var(--sans)}
.library-grid-heading:first-of-type{margin-top:0}
.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:clamp(1rem,1.6vw,1.5rem)}
.library-card{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--line);
background:var(--surface);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.library-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--gold) 55%,var(--line));
box-shadow:0 26px 60px rgba(2,10,7,.28)}
.library-card-image{aspect-ratio:16/10;background-position:center;background-size:cover;background-color:#0b1410}
.library-card-body{display:grid;align-content:start;gap:.3rem;padding:1.1rem 1.2rem 1.3rem}
.library-card strong{font:600 1.18rem var(--serif)}
.library-card small{color:var(--muted);font-size:.83rem;line-height:1.5}
.library-card b{margin-top:.5rem;color:var(--gold);text-transform:uppercase;letter-spacing:.1em;font-size:.66rem}
@media(max-width:560px){.library-grid{grid-template-columns:minmax(0,1fr)}}

/* Citaterne inde i bibliotekets ramme.

   Gitteret var lavet til en side i fuld bredde: et stort felt til venstre og
   et smalt til hoejre. Inde i bibliotekets spalte blev det smalle felt saa
   snaevert, at teksten stod som en strimmel paa ét ord i bredden.

   Her staar de under hinanden i kapitlets fulde bredde. Et citat er baade
   arabisk og dansk og fylder tit femten linjer; ved siden af hinanden blev
   hvert felt to tusinde pixels hoejt. */
.library-main .quote-collection{grid-template-columns:minmax(0,1fr)}
.library-main .quote-collection article:first-child{min-height:0}
.library-main .quote-collection article{padding:clamp(1.6rem,2.6vw,2.4rem)}
.library-main .quote-collection blockquote{margin:1.2rem 0;font-size:clamp(1.2rem,1.6vw,1.55rem)}