/* at-Tamhīd 1.3 — a navigable constellation, shared collections and books. */
:root{--orbit-duration:112s;--circle-x:50vw;--circle-y:45vh;--circle-radius:150vmax}
.orbit-hero{background:#101113;color:#f7f7f7;padding-top:42px}
.orbit-heading{text-align:center;position:relative;z-index:2}.hero .orbit-heading .eyebrow{margin-bottom:12px;font-size:.68rem;letter-spacing:.2em}
.orbit-motto{font:400 clamp(1.7rem,3vw,2.6rem)/1.2 var(--serif);letter-spacing:-.02em;color:#d3d5da;margin:0}
.orbit-stage{position:relative;width:min(720px,94vw);aspect-ratio:1;margin:0 auto;isolation:isolate}
.orbit-stage:before{content:'';position:absolute;inset:19%;background:radial-gradient(circle,#ffffff08,transparent 69%);pointer-events:none}
.orbit-guide{position:absolute;inset:15%;border:1px solid #ffffff1f;border-radius:50%;pointer-events:none}
.orbit-guide:before,.orbit-guide:after{content:'';position:absolute;inset:-7%;border:1px solid #ffffff08;border-radius:50%}.orbit-guide:after{inset:7%;border-style:dashed;border-color:#ffffff0d}
.orbit-guide-inner{inset:30%;border-color:#ffffff0c}
.orbit-center{position:absolute;inset:32%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2;pointer-events:none}
.islamic-mark{position:absolute;inset:14%;z-index:-1;display:grid;place-items:center}.islamic-mark i{position:absolute;inset:0;border:1px solid #ffffff20;transform:rotate(0deg)}.islamic-mark i+ i{transform:rotate(45deg);border-color:#ffffff16}
.orbit-arabic{font:400 clamp(2.2rem,6vw,4.3rem)/1.5 var(--arabic);white-space:nowrap;letter-spacing:0}
.hero .orbit-center h1{font:400 clamp(1.9rem,4.5vw,3.3rem)/1 var(--serif);margin:3px -30px 0;letter-spacing:-.045em;white-space:nowrap}
.orbit-domain{color:#9dA2ac;font-size:.59rem;letter-spacing:.22em;text-transform:uppercase;margin-top:21px}
.orbit-track{position:absolute;inset:15%;animation:orbit-turn var(--orbit-duration) linear infinite;animation-play-state:paused}
.orbit-position{position:absolute;inset:0;transform:rotate(var(--angle));pointer-events:none}
.orbit-upright{position:absolute;left:100%;top:50%;width:clamp(66px,13vw,106px);height:clamp(66px,13vw,106px);transform:translate(-50%,-50%) rotate(calc(-1 * var(--angle)));animation:orbit-counter var(--orbit-duration) linear infinite;animation-play-state:paused;pointer-events:auto}
.topic-orb{position:relative;width:100%;height:100%;border-radius:50%;background:linear-gradient(150deg,#24262a,#151618 75%);border:1px solid #747b855e;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;box-shadow:inset 0 1px 0 #ffffff0b,0 6px 30px #0002;transition:background .35s,border-color .4s,box-shadow .4s,transform .5s var(--ease-out);text-decoration:none}
.topic-orb>span[lang]{font:400 1.6rem/1.35 var(--arabic);color:#b8bcc5;transition:color .3s}
.topic-orb>span:nth-child(2){font-size:.76rem;line-height:1.5;letter-spacing:.015em}
.topic-orb .orb-arrow{position:absolute;right:10%;top:8%;font-size:.7rem;color:#8e939d;opacity:0;transform:translate(-3px,3px);transition:transform .4s var(--ease-out),opacity .3s}
.topic-orb:hover,.topic-orb:focus-visible{background:#f5f5f5;color:#121315;border-color:#fff;box-shadow:0 0 0 7px #ffffff08,0 15px 50px #0005;transform:scale(1.09);outline-offset:8px}
.topic-orb:hover>span[lang],.topic-orb:focus-visible>span[lang]{color:#555b64}.topic-orb:hover .orb-arrow,.topic-orb:focus-visible .orb-arrow{opacity:1;transform:none}
.orbit-stage[data-orbit-ready] .orbit-track,.orbit-stage[data-orbit-ready] .orbit-upright{animation-play-state:running}
.orbit-stage[data-orbit-ready]:hover .orbit-track,.orbit-stage[data-orbit-ready]:hover .orbit-upright,.orbit-stage[data-orbit-ready]:focus-within .orbit-track,.orbit-stage[data-orbit-ready]:focus-within .orbit-upright,.orbit-stage[data-paused] .orbit-track,.orbit-stage[data-paused] .orbit-upright,.orbit-stage[data-away] .orbit-track,.orbit-stage[data-away] .orbit-upright{animation-play-state:paused}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes orbit-counter{from{transform:translate(-50%,-50%) rotate(calc(-1 * var(--angle)))}to{transform:translate(-50%,-50%) rotate(calc(-360deg - var(--angle)))}}
.orbit-caption{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:-15px;margin-bottom:32px;color:#a5aab4;font-size:.78rem}.orbit-caption p{margin:0}
.orbit-pause{border:1px solid #ffffff29;background:#ffffff05;border-radius:30px;color:#c9ccd2;padding:7px 12px;font-size:.68rem;display:inline-flex;align-items:center;gap:7px}.orbit-pause[hidden]{display:none}.orbit-pause:hover{background:#ffffff12}
.orbit-hero .hero-base{font-size:.7rem;padding-block:20px}.orbit-hero .hero-base .scroll-line{height:1px;background:#777d88}
.discovery{padding-top:105px;padding-bottom:30px}.discovery-intro{max-width:620px;margin-bottom:42px}.discovery-intro .eyebrow{color:var(--muted);font-size:.69rem}.discovery-intro h2{font-size:clamp(2.8rem,5vw,4.1rem);margin-bottom:18px}.discovery-intro>p:last-child{color:var(--muted);max-width:490px;line-height:1.85;font-size:.97rem}
.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-block:1px solid var(--line)}
.discovery-card{padding:36px 34px 36px 0;display:flex;flex-direction:column;position:relative;transition:background .4s}.discovery-card+.discovery-card{border-inline-start:1px solid var(--line);padding-inline-start:34px}.discovery-card:last-child{padding-inline-end:0}
.discovery-number{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:32px}.discovery-card h3{font-size:1.95rem;line-height:1.1;margin-bottom:15px}.discovery-card p{color:var(--muted);font-size:.87rem;line-height:1.8;margin-bottom:25px}.text-link{font-size:.8rem;text-decoration:underline;text-decoration-color:#9fa4ad;text-underline-offset:6px;text-decoration-thickness:1px}.discovery-card .text-link{margin-top:auto}.discovery-card:hover .text-link{text-decoration-color:currentColor}
.collection-hero{background:#101113;color:#f7f7f7;padding-block:32px 64px;overflow:hidden}.collection-hero .back-link{color:#a8aeb8;margin-bottom:46px}.collection-hero .back-link:hover{color:#fff}.collection-title-row{display:flex;justify-content:space-between;align-items:center;gap:35px}.collection-title-row .eyebrow{color:#a3a9b3;font-size:.67rem;letter-spacing:.16em;margin-bottom:18px}.collection-title-row h1{font-size:clamp(4rem,8vw,7.1rem);line-height:1.03;margin-bottom:20px}.collection-deck{font:400 clamp(1.5rem,2.8vw,2.2rem)/1.3 var(--serif);color:#c5c9d0;margin:0;letter-spacing:-.012em}.collection-description{font-size:.92rem;line-height:1.8;color:#a8afbb;max-width:520px;margin:24px 0 0}
.collection-seal{flex-shrink:0;position:relative;display:grid;place-items:center;width:200px;aspect-ratio:1;border:1px solid #ffffff25;border-radius:50%;font:3.7rem/1.5 var(--arabic);color:#b8bdc5;margin-inline-end:25px}.collection-seal:before,.collection-seal:after{content:'';position:absolute;inset:15%;border:1px solid #ffffff13}.collection-seal:after{transform:rotate(45deg)}
.collection-content{padding-block:42px 76px;min-height:380px}.collection-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:32px;border-bottom:1px solid var(--line);padding-bottom:22px}.collection-tabs a{padding:9px 15px;border:1px solid transparent;border-radius:30px;font-size:.8rem;transition:background .25s,color .25s}.collection-tabs a[aria-current]{background:#17191c;color:#fff}.collection-tabs a:hover{border-color:#b4b9c1}.collection-count{margin-inline-start:auto;color:var(--muted);font-size:.72rem}
.empty-symbol{font:3rem/1 var(--serif);display:block;color:#6d737e;margin-bottom:26px}.collection-content .empty-state{padding:55px;text-align:center;border-radius:12px;background:linear-gradient(150deg,#fff,#f0f1f4)}.collection-content .empty-state h2{font-size:2.8rem;margin-bottom:15px}.collection-content .empty-state p{margin-inline:auto;font-size:.92rem;max-width:440px}.collection-content .empty-state .text-link{display:inline-block;margin-top:10px}
.subject-directory{border-top:1px solid var(--line);padding-block:35px 65px}.subject-directory>.eyebrow{color:var(--muted);font-size:.68rem}.subject-directory>div{display:grid;grid-template-columns:repeat(4,1fr);gap:0 30px}.subject-directory a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-block:18px;font:1.45rem/1.1 var(--serif)}.subject-directory a span{font:1rem/1 var(--sans);color:#818793;transition:transform .3s}.subject-directory a:hover span{transform:translate(3px,-3px)}.subject-directory a[aria-current]{color:#707682}
.library-filter{display:flex;align-items:flex-end;gap:14px;margin-bottom:26px}.library-filter label{display:block;flex:1;min-width:0}.library-filter label:first-child{flex:2}.library-filter label>span{display:block;font-size:.72rem;color:var(--muted);margin-bottom:7px}.library-filter input,.library-filter select{width:100%;height:49px;border:1px solid #c9cdd3;background:#fff;color:var(--ink);border-radius:6px;padding:10px 14px;font-size:.87rem}.library-filter>.text-link{margin-bottom:14px}.collection-total{font-size:.75rem;color:var(--muted);margin-bottom:30px}
.resource-grid .resource-card h3{font-size:2rem}.book-cover{background:radial-gradient(ellipse at 50% 90%,#c9ccd2,transparent 55%),#eceef1;height:265px;display:grid;place-items:center;padding:30px;overflow:hidden}.book-cover>img{height:100%;width:auto;max-width:100%;object-fit:contain;box-shadow:9px 12px 25px #14182025;transform:perspective(800px) rotateY(-9deg);transition:transform .7s var(--ease-out)}.book-jacket{height:205px;width:143px;max-width:100%;background:linear-gradient(90deg,#202329 3%,#484b52 5%,#1b1d21 8%,#282b31);border:1px solid #ffffff16;border-radius:1px 4px 4px 1px;color:#edeef1;padding:23px 15px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-shadow:10px 12px 24px #14182035;transform:perspective(800px) rotateY(-9deg);transition:transform .7s var(--ease-out)}.book-jacket .eyebrow{font-size:.51rem;letter-spacing:.2em}.book-jacket>span[lang]{font:3rem/1.4 var(--arabic)}.book-jacket-rule{height:1px;width:65%;background:#ffffff45}.resource-card:hover .book-cover>img,.resource-card:hover .book-jacket{transform:perspective(800px) rotateY(0) translateY(-5px)}.book-author{font-size:.84rem;color:#505660;margin-top:-4px;margin-bottom:17px}.book-detail{padding-block:45px 90px}.book-detail>.back-link{margin-bottom:40px}.book-detail-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:65px}.book-detail-cover{height:490px;border-radius:12px;position:sticky;top:130px}.book-detail-cover .book-jacket{width:238px;height:340px;padding-block:40px}.book-detail-cover .book-jacket>span[lang]{font-size:5rem}.book-detail-grid h1{font-size:clamp(2.7rem,4.7vw,4.5rem);line-height:1.09;margin-bottom:20px}.book-detail-grid .eyebrow{color:var(--muted);font-size:.7rem}.book-detail-author{font:1.55rem/1.4 var(--serif);color:var(--muted)}.book-facts{font-size:.8rem;border-top:1px solid var(--line);margin-block:28px}.book-facts>div{display:grid;grid-template-columns:100px 1fr;gap:15px;border-bottom:1px solid var(--line);padding-block:13px}.book-facts dt{color:var(--muted)}.book-facts dd{margin:0}.book-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:26px}.button-outline{background:transparent;color:var(--ink);border-color:#acb1ba}.button-outline:hover{background:#eceef1;color:var(--ink)}.book-description{font-size:1.2rem!important;padding-top:18px}.book-description>p:first-child{font-size:1.35rem!important}.book-subjects{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding-top:20px;font-size:.8rem}
.navigation-status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#f4f4f5;color:#101113;padding:10px 20px;border-radius:30px;box-shadow:0 5px 35px #0003;font-size:.8rem;z-index:1000;pointer-events:none}.navigation-status:empty{display:none}
.circle-curtain{position:fixed;inset:0;z-index:9999;background:#101113;pointer-events:none;clip-path:circle(0 at var(--circle-x) var(--circle-y))}
html.tamhid-transition::view-transition-old(root){animation:none;mix-blend-mode:normal}
html.tamhid-transition::view-transition-new(root){animation:tamhid-circle-in 780ms cubic-bezier(.65,0,.2,1) both;mix-blend-mode:normal}
@keyframes tamhid-circle-in{from{clip-path:circle(0 at var(--circle-x) var(--circle-y))}to{clip-path:circle(var(--circle-radius) at var(--circle-x) var(--circle-y))}}
@media(min-width:1500px){.orbit-stage{width:760px}.orbit-heading{padding-top:5px}}
@media(max-width:1050px){.book-detail-grid{grid-template-columns:280px minmax(0,1fr);gap:40px}.book-detail-cover{height:400px}.nav-list{gap:22px}.discovery-card{padding-inline-end:23px}.discovery-card+.discovery-card{padding-inline-start:23px}}
@media(max-width:800px){.orbit-hero{padding-top:32px}.orbit-stage{width:min(660px,96vw)}.orbit-caption{margin-top:0;margin-bottom:26px}.discovery{padding-top:65px}.discovery-card h3{font-size:1.7rem}.collection-hero{padding-bottom:43px}.collection-title-row h1{font-size:4.9rem}.collection-seal{width:130px;font-size:2.6rem;margin-inline-end:10px}.collection-description{max-width:430px}.subject-directory>div{grid-template-columns:repeat(2,1fr)}.book-detail-grid{grid-template-columns:220px 1fr;gap:28px}.book-detail-cover{height:330px}.book-detail-cover .book-jacket{height:255px}.book-detail-grid h1{font-size:2.7rem}}
@media(max-width:600px){.orbit-hero{padding-top:28px}.hero .orbit-heading .eyebrow{font-size:.57rem;letter-spacing:.14em}.orbit-motto{font-size:1.65rem}.orbit-stage{width:98vw;margin-block:12px 16px}.orbit-track,.orbit-guide{inset:15%}.orbit-guide-inner{inset:30%}.orbit-center{inset:30%}.islamic-mark{inset:20%}.orbit-arabic{font-size:2.45rem}.hero .orbit-center h1{font-size:1.85rem;line-height:1;margin-top:3px}.orbit-domain{font-size:.47rem;margin-top:12px}.orbit-upright{width:67px;height:67px}.topic-orb>span[lang]{font-size:1.12rem}.topic-orb>span:nth-child(2){font-size:.64rem}.topic-orb .orb-arrow{display:none}.orbit-caption{font-size:.69rem;flex-direction:column;gap:13px;margin-block:0 24px}.orbit-pause{font-size:.62rem;padding:6px 11px}.orbit-hero .hero-base{font-size:.62rem;gap:25px;align-items:center}.orbit-hero .hero-base>span{max-width:150px}.orbit-hero .scroll-cue{font-size:.62rem}.orbit-hero .scroll-line{display:none}.discovery{padding-top:55px}.discovery-intro h2{font-size:2.9rem}.discovery-intro{margin-bottom:30px}.discovery-intro .eyebrow{font-size:.61rem}.discovery-grid{grid-template-columns:1fr}.discovery-card,.discovery-card+.discovery-card{padding:27px 0;border-inline-start:0}.discovery-card+.discovery-card{border-top:1px solid var(--line)}.discovery-number{margin-bottom:17px;font-size:.63rem}.discovery-card h3{font-size:2rem}.discovery-card p{margin-bottom:18px;max-width:380px}.collection-hero{padding-block:25px 37px}.collection-hero .back-link{margin-bottom:34px}.collection-title-row{gap:18px}.collection-title-row h1{font-size:3.5rem}.collection-title-row .eyebrow{font-size:.59rem;letter-spacing:.12em}.collection-deck{font-size:1.45rem}.collection-seal{width:78px;font-size:1.8rem;margin:0}.collection-description{font-size:.86rem;line-height:1.8;margin-top:21px}.collection-content{padding-block:25px 40px}.collection-tabs{gap:5px;margin-bottom:24px;padding-bottom:18px}.collection-tabs a{font-size:.72rem;padding:8px 12px}.collection-count{width:100%;margin:8px 0 0;font-size:.68rem}.collection-content .empty-state{padding:34px 22px}.collection-content .empty-state h2{font-size:2.25rem}.collection-content .empty-state p{font-size:.85rem}.empty-symbol{margin-bottom:20px}.subject-directory{padding-block:28px 42px}.subject-directory>div{gap:0 22px}.subject-directory a{font-size:1.3rem;padding-block:16px}.library-filter{display:grid;grid-template-columns:1fr auto;gap:14px}.library-filter label:first-child{grid-column:1/-1}.library-filter .button{min-width:75px}.library-filter>.text-link{grid-column:1/-1;justify-self:start;margin:0}.book-detail{padding-block:25px 50px}.book-detail-grid{grid-template-columns:1fr;gap:32px}.book-detail-cover{position:relative;top:auto;height:310px}.book-detail-cover .book-jacket{width:173px;height:250px;padding-block:27px}.book-detail-cover .book-jacket>span[lang]{font-size:4rem}.book-detail-grid h1{font-size:2.9rem}.book-detail-author{font-size:1.4rem}}
@media(max-width:360px){.orbit-upright{width:61px;height:61px}.topic-orb>span:nth-child(2){font-size:.6rem}.hero .orbit-center h1{font-size:1.7rem}.orbit-arabic{font-size:2.1rem}.orbit-domain{margin-top:8px}}
.motion-off .orbit-track,.motion-off .orbit-upright,.motion-subtle .orbit-track,.motion-subtle .orbit-upright{animation-play-state:paused!important}.motion-off .topic-orb:hover{transform:none}
@media(prefers-reduced-motion:reduce){.orbit-track,.orbit-upright{animation-play-state:paused!important}.orbit-pause{display:none}.topic-orb,.book-jacket,.book-cover>img,.discovery-card{transition:none!important}.topic-orb:hover,.resource-card:hover .book-jacket,.resource-card:hover .book-cover>img{transform:none!important}html.tamhid-transition::view-transition-new(root),html.tamhid-transition::view-transition-old(root){animation:none!important}}
@media(forced-colors:active){.topic-orb,.book-jacket{border:1px solid CanvasText}.orbit-guide,.islamic-mark{display:none}}
@media print{.orbit-pause,.orbit-track,.orbit-guide,.navigation-status,.circle-curtain{display:none}.orbit-stage{width:300px}.orbit-hero,.collection-hero{background:white;color:black}.collection-seal{display:none}.book-detail-grid{display:block}.book-detail-cover{position:static}.discovery-grid{display:block}}