:root{--ink:#172724;--muted:#67736e;--green:#087c5b;--green2:#12a47c;--paper:#f8faf8;--line:#e8eeea;--white:#fff;--shadow:0 18px 60px #173a2c12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;min-width:165px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#dff5eb;color:var(--green);font-family:serif;font-size:28px}.brand strong{display:block;font:800 23px Manrope,sans-serif;letter-spacing:-1.2px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.3px}.nav{display:flex;align-items:center;gap:clamp(14px,2.1vw,30px);font-size:13px;color:#45524d}.nav a{white-space:nowrap}.nav a:hover,.nav .active{color:var(--green)}.actions{display:flex;align-items:center;gap:8px}.icon-button,.lang-button{border:1px solid var(--line);background:#ffffffb8;color:var(--ink);border-radius:50%;height:40px;width:40px;font-size:21px;cursor:pointer}.lang-button{width:auto;border-radius:22px;background:var(--green);color:white;padding:0 16px;font-weight:700;font-size:12px}.theme-toggle{font-size:16px}.menu-toggle{display:none}.hero{height:540px;position:relative;overflow:hidden;background:#eaf0ea}.hero-image{position:absolute;inset:0;background:var(--design-reference) right center/auto 100% no-repeat;opacity:.55;filter:saturate(.78)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#f8faf8 0%,#f8faf8f5 30%,#f8faf8cf 48%,#f8faf850 72%,#f8faf840 100%),linear-gradient(0deg,#f8faf8 0%,transparent 16%)}.hero-content{position:relative;padding-top:72px;z-index:1}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--green);font-weight:700}.hero .eyebrow{display:flex;align-items:center;gap:8px}.hero .eyebrow i{width:7px;height:7px;background:#15b788;border-radius:50%;box-shadow:0 0 0 4px #15b78820}.hero h1{font:800 clamp(42px,5.4vw,68px)/1.04 Manrope,sans-serif;letter-spacing:-3.5px;margin:21px 0 15px;max-width:610px}.hero h1 em{font-style:normal;color:var(--green)}.hero-content>p{max-width:495px;color:#596862;font-size:16px;line-height:1.6;margin:0 0 22px}.search{height:58px;width:min(530px,100%);display:flex;align-items:center;gap:12px;background:white;border:1px solid #e9efeb;border-radius:17px;padding:6px 7px 6px 18px;box-shadow:0 8px 30px #143e2c12}.search>span{font-size:25px;color:#687b72}.search input{flex:1;min-width:0;border:0;outline:0;color:var(--ink);font-size:13px}.search input::placeholder{color:#99a39e}.search button{height:44px;border:0;border-radius:13px;padding:0 18px;background:var(--green);color:white;font-weight:700;cursor:pointer}.search button b{margin-left:10px}.topics{display:flex;align-items:center;gap:8px;margin-top:15px}.topics span{font-size:11px;font-weight:700;margin-right:3px}.topics a{font-size:11px;padding:7px 12px;border-radius:20px;background:#ffffffae;border:1px solid #e2e8e3;color:#53605a}.hero-quote{position:absolute;z-index:2;right:max(7%,calc((100vw - 1280px)/2 + 60px));top:86px;text-align:center;color:#223630}.hero-quote>span{font:italic 48px Georgia;color:var(--green)}.hero-quote p{font:italic 21px/1.5 Georgia;margin:0 0 8px}.hero-quote small{font-size:11px;color:#64756e}.hero-quote i{display:block;width:34px;height:2px;background:var(--green);margin:14px auto}.hero-note{position:absolute;right:max(7%,calc((100vw - 1280px)/2 + 60px));bottom:63px;display:flex;align-items:center;gap:11px;padding:13px 18px;background:#ffffffd9;border:1px solid #ffffff;border-radius:15px;box-shadow:var(--shadow)}.hero-note>span{color:var(--green);font-size:23px}.hero-note b,.hero-note small{display:block}.hero-note b{font-size:11px}.hero-note small{font-size:10px;color:var(--muted);margin-top:3px}.trust{position:relative;margin-top:-20px;background:white;border:1px solid #edf1ed;border-radius:18px;box-shadow:var(--shadow);min-height:76px;display:grid;grid-template-columns:repeat(3,1fr) 1.1fr;align-items:center;padding:12px 22px;z-index:3}.trust>div:not(:last-child){display:flex;align-items:center;gap:13px;border-right:1px solid var(--line);padding-left:10px}.trust-icon{width:36px;height:36px;border-radius:12px;background:#e8f7f0;color:var(--green);display:grid;place-items:center;font-size:19px}.trust p{margin:0}.trust p b,.trust p small{display:block}.trust p b{font-size:12px}.trust p small{color:var(--muted);font-size:10px;margin-top:4px}.trust-promise{justify-self:end;background:#e8f7f0;color:var(--green);border-radius:14px;padding:9px 15px;display:flex;gap:10px;align-items:center;font-size:11px}.trust-promise span{font-size:20px}.section{padding-top:64px}.section-heading,.panel-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2,.panel h2,.closing h2{font:750 27px Manrope,sans-serif;letter-spacing:-1px;margin:8px 0 0}.text-link{font-size:11px;color:var(--green);font-weight:700;padding-bottom:5px}.text-link span{padding-left:8px}.module-grid{margin-top:22px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.module-card{position:relative;min-height:172px;border-radius:18px;padding:17px 16px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .2s,box-shadow .2s}.module-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.mint{background:#dff4e9}.peach{background:#ffecd9}.blue{background:#e3edff}.lilac{background:#efe7ff}.aqua{background:#dbf5ee}.rose{background:#ffe5e4}.module-art{align-self:center;display:grid;place-items:center;width:77px;height:75px;border-radius:24px;background:#ffffff70;color:#187e60;font:38px Georgia;box-shadow:inset 0 0 0 1px #ffffff8a}.peach .module-art{color:#b87832}.blue .module-art{color:#527bb9}.lilac .module-art{color:#7956b1}.rose .module-art{color:#ba706d}.module-copy b,.module-copy small{display:block}.module-copy b{font:700 13px Manrope,sans-serif}.module-copy small{font-size:10px;color:#596762;margin-top:5px}.card-arrow{position:absolute;right:12px;bottom:12px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#ffffffbd;color:var(--green);font-size:13px}.discover{padding-top:54px;display:grid;grid-template-columns:1.55fr 1fr;gap:14px}.panel{background:white;border:1px solid var(--line);border-radius:19px;padding:25px;min-height:220px}.panel h2{font-size:21px}.tag{border-radius:20px;background:#eff8f3;color:var(--green);padding:7px 10px;font-size:10px}.feature>p{max-width:610px;color:var(--muted);font-size:13px;line-height:1.75;margin:22px 0}.feature-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;color:#78847e;font-size:10px}.feature-bottom a{color:var(--green);font-weight:700}.feature-bottom b{margin-left:9px}.verse{background:#edf6eb;position:relative;overflow:hidden}.verse:after{content:"";position:absolute;right:-24px;bottom:-40px;width:180px;height:120px;background:linear-gradient(0deg,#b5d8be80,transparent);border-radius:50%}.arabic{font:34px/1.8 Georgia;color:#1b644f;margin-top:13px}.verse blockquote{font:italic 15px/1.55 Georgia;margin:7px 0}.verse>small{color:var(--muted);font-size:10px}.verse>a{display:block;margin-top:12px;font-size:10px;color:var(--green);font-weight:700}.closing{margin-top:52px;border-radius:20px;background:#e8f5ed;padding:24px 30px;display:flex;align-items:center;gap:18px}.closing-icon{width:48px;height:48px;border-radius:15px;background:white;color:var(--green);display:grid;place-items:center;font-size:24px}.closing h2{font-size:20px}.closing p{font-size:11px;color:var(--muted);margin:6px 0 0}.closing>a{margin-left:auto;border-radius:12px;padding:13px 16px;background:var(--green);color:white;font-size:11px;font-weight:700}.closing>a b{margin-left:10px}.footer{height:90px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.footer .brand{color:var(--ink)}.footer .brand-mark{width:34px;height:34px}.footer .brand strong{font-size:18px}.footer .brand small{font-size:9px}.dark{--ink:#e8f1ed;--muted:#a1b0a9;--paper:#101a17;--line:#293630;--white:#17231e;--shadow:0 18px 60px #0004}.dark .topbar,.dark .hero{color:var(--ink)}.dark .hero-shade{background:linear-gradient(90deg,#101a17 0%,#101a17f2 33%,#101a17b8 58%,#101a1760 100%),linear-gradient(0deg,#101a17 0%,transparent 16%)}.dark .hero-image{opacity:.2}.dark .search,.dark .panel,.dark .trust{background:#18251f;border-color:#293630}.dark .module-card{filter:brightness(.75)}.dark .topics a,.dark .icon-button{background:#18251f;color:var(--ink);border-color:var(--line)}.dark .verse,.dark .closing{background:#1d3228}.dark .trust-icon,.dark .trust-promise{background:#20392e}.dark .footer .brand{color:var(--ink)}@media(max-width:1050px){.nav{gap:13px;font-size:11px}.brand{min-width:auto}.actions{gap:5px}.hero-quote{right:5%;}.module-grid{grid-template-columns:repeat(3,1fr)}.module-card{min-height:158px}.trust{grid-template-columns:repeat(2,1fr);gap:12px}.trust>div:not(:last-child){border:0}.trust-promise{justify-self:start}}@media(max-width:700px){.wrap{width:min(100% - 36px,520px)}.topbar{height:70px}.brand strong{font-size:21px}.menu-toggle{display:block;margin-left:auto;border:0;background:transparent;color:var(--ink);font-size:22px}.nav{display:none;position:absolute;top:62px;left:0;right:0;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:16px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:11px 7px;border-bottom:1px solid var(--line)}.nav a:last-child{border:0}.actions{margin-left:12px}.icon-button{width:34px;height:34px}.theme-toggle{display:none}.lang-button{height:34px;padding:0 11px}.hero{height:535px}.hero-image{background-position:61% center;opacity:.23}.hero-shade{background:linear-gradient(90deg,#f8faf8ed,#f8faf8a0),linear-gradient(0deg,#f8faf8 0%,transparent 35%)}.hero-content{padding-top:70px}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero-content>p{font-size:14px;max-width:360px}.search{height:54px}.search button{height:42px}.hero-quote{display:none}.hero-note{right:18px;bottom:44px}.topics{flex-wrap:wrap}.trust{margin-top:-14px;padding:15px;grid-template-columns:1fr 1fr;gap:15px}.trust>div:not(:last-child){padding:0;gap:8px}.trust-icon{width:31px;height:31px}.trust p b{font-size:10px}.trust p small{font-size:9px}.trust-promise{padding:8px 10px;font-size:10px}.section{padding-top:48px}.section-heading{align-items:start;gap:10px}.section-heading h2{font-size:23px}.text-link{font-size:10px;max-width:115px;text-align:right;line-height:1.5}.module-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px}.module-card{min-height:145px;padding:13px}.module-art{width:62px;height:59px;font-size:30px}.module-copy b{font-size:12px}.module-copy small{font-size:9px}.discover{padding-top:35px;grid-template-columns:1fr}.panel{padding:20px;min-height:unset}.panel h2{font-size:19px}.feature>p{margin:15px 0}.feature-bottom{gap:10px}.feature-bottom span{max-width:55%;line-height:1.5}.verse{min-height:210px}.closing{margin-top:35px;padding:20px;flex-wrap:wrap;gap:12px}.closing-icon{width:40px;height:40px}.closing>div{flex:1}.closing h2{font-size:16px}.closing p{line-height:1.5}.closing>a{margin-left:52px;padding:11px 13px}.footer{height:auto;padding:25px 0;gap:12px;flex-wrap:wrap}.footer>span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Research platform extensions */
.hero h1{max-width:680px}.research{padding-top:65px;display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}.research-intro h2,.source-heading h2,.ecosystem h2{font:800 clamp(25px,3.1vw,38px)/1.15 Manrope,sans-serif;letter-spacing:-1.6px;margin:12px 0}.research-intro h2 em{font-style:normal;color:var(--green)}.research-intro p,.source-heading>p{max-width:450px;color:var(--muted);font-size:13px;line-height:1.75}.research-intro .text-link{display:inline-block;margin-top:8px}.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.capability{display:flex;align-items:flex-start;gap:13px;padding:17px 15px;background:#fff;border:1px solid var(--line);border-radius:15px}.capability>span{font:700 11px Manrope;color:var(--green);padding-top:2px}.capability h3{margin:0 0 6px;font:700 13px Manrope}.capability p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.capability>b{margin-left:auto;color:var(--green);font-size:13px}.source-chain{margin-top:57px;padding:30px;border-radius:22px;background:#eef5ef;border:1px solid #e5eee6}.source-heading h2{font-size:25px;margin:9px 0}.source-heading>p{font-size:11px;margin:0}.chain{display:flex;align-items:center;margin-top:24px}.chain article{flex:1;min-width:0;background:white;border:1px solid #e2ebe4;border-radius:15px;padding:15px;min-height:155px}.chain article>small{display:block;margin-top:10px;color:var(--green);font-size:8px;font-weight:700;letter-spacing:1px}.chain article h3{font:700 12px Manrope;margin:6px 0}.chain article p{min-height:27px;margin:0;color:var(--muted);font-size:10px;line-height:1.4}.chain article a{display:inline-block;margin-top:8px;color:var(--green);font-size:9px;font-weight:700}.chain-icon{display:grid;place-items:center;width:29px;height:29px;background:#e9f6ef;color:var(--green);border-radius:10px;font-size:16px}.chain>i{height:1px;min-width:15px;flex:.18;background:#a9c9b7;position:relative}.chain>i:after{content:'›';position:absolute;right:-1px;top:-10px;color:var(--green);font-style:normal;font-size:17px}.ecosystem{padding-top:58px}.ecosystem h2{font-size:25px}.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:20px}.ecosystem-grid article{display:grid;grid-template-columns:33px 1fr;column-gap:11px;align-items:center;padding:16px;background:white;border:1px solid var(--line);border-radius:15px}.ecosystem-grid article>span{grid-row:span 2;display:grid;place-items:center;width:32px;height:32px;background:#e9f6ef;color:var(--green);border-radius:10px}.ecosystem-grid b{font:700 12px Manrope}.ecosystem-grid small{font-size:10px;color:var(--muted);margin-top:4px}.editorial-note{margin:14px 0 0;color:var(--muted);font-size:10px;line-height:1.6}.dark .capability,.dark .chain article,.dark .ecosystem-grid article{background:#18251f;border-color:var(--line)}.dark .source-chain{background:#1d3228;border-color:#293d32}@media(max-width:800px){.research{grid-template-columns:1fr;gap:22px;padding-top:48px}.source-chain{padding:21px;margin-top:42px}.chain{flex-direction:column;align-items:stretch;gap:0}.chain article{min-height:unset}.chain article p{min-height:0}.chain>i{height:16px;min-height:16px;min-width:1px;flex:0;background:transparent;border-left:1px solid #a9c9b7;margin-left:28px}.chain>i:after{content:'⌄';right:auto;left:-5px;top:4px}.ecosystem{padding-top:45px}.ecosystem-grid{grid-template-columns:1fr}.trust{grid-template-columns:1fr 1fr}}@media(max-width:480px){.capability-grid{grid-template-columns:1fr}.research-intro h2{font-size:30px}.source-heading h2{font-size:22px}.ecosystem h2{font-size:21px}}
/* Domain-wide discovery and module pages */
.brand strong{font-size:19px;letter-spacing:-.8px}.nav{gap:clamp(10px,1.45vw,21px)}.inner-page{min-height:70vh;padding-top:22px;padding-bottom:60px}.inner-top{display:flex;justify-content:space-between;align-items:center;padding:8px 0 28px}.back-link{font-size:12px;color:var(--green);font-weight:700}.module-hero{display:flex;align-items:center;gap:22px;padding:34px;border-radius:23px}.module-hero .module-art{width:88px;height:88px;flex:0 0 auto;background:#ffffffa6;font-size:40px}.module-hero h1,.search-page-head h1{font:800 clamp(34px,5vw,54px)/1.08 Manrope,sans-serif;letter-spacing:-2.2px;margin:8px 0}.module-hero p{max-width:600px;margin:0;color:#40534b;font-size:14px;line-height:1.7}.module-body{display:grid;grid-template-columns:1.5fr .8fr;gap:35px;padding:48px 0}.module-body h2,.search-results h2,.empty-state h2{font:750 24px Manrope;letter-spacing:-.8px;margin:8px 0 18px}.module-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px}.module-tools article{display:flex;flex-direction:column;gap:9px;padding:17px;border:1px solid var(--line);background:var(--white);border-radius:14px}.module-tools article>span{font:700 10px Manrope;color:var(--green)}.module-tools article>b{font:700 13px Manrope}.module-tools article>small{font-size:10px;color:var(--muted)}.module-status{align-self:start;padding:22px;background:#eef5ef;border:1px solid #e0ebe2;border-radius:17px}.status-dot{display:inline-block;width:8px;height:8px;margin-right:8px;background:#d49b36;border-radius:50%}.module-status>b{font-size:12px}.module-status p{color:var(--muted);font-size:11px;line-height:1.7}.module-status>a{display:flex;justify-content:space-between;padding-top:13px;border-top:1px solid #dce8df;color:var(--green);font-size:11px;font-weight:700}.trust-note{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:19px;border:1px solid var(--line);border-radius:14px;font-size:11px;line-height:1.65}.trust-note b{color:var(--green)}.trust-note span{color:var(--muted)}.search-page-head{max-width:800px;padding:30px 0 42px}.search-page-head .search{margin-top:25px}.search-page-head>p{color:var(--muted);font-size:12px;margin-top:14px}.search-page-head>p b{color:var(--green)}.search-results{padding-bottom:28px}.search-results .module-grid{grid-template-columns:repeat(4,1fr)}.empty-state{padding:40px;background:#fff;border:1px solid var(--line);border-radius:18px;text-align:center}.empty-state>span{font-size:32px;color:var(--green)}.empty-state p{font-size:12px;color:var(--muted)}.empty-state .text-link{display:inline-block;margin-top:10px}.dark .module-status{background:#1d3228;border-color:var(--line)}.dark .module-hero p{color:#3f574a}.dark .empty-state{background:#18251f;border-color:var(--line)}@media(max-width:850px){.search-results .module-grid{grid-template-columns:repeat(3,1fr)}.nav{display:none}.module-body{grid-template-columns:1fr;gap:5px}}@media(max-width:600px){.brand strong{font-size:16px}.module-hero{padding:23px;gap:14px}.module-hero .module-art{width:60px;height:60px;font-size:30px}.module-hero h1{font-size:32px}.module-hero p{font-size:12px}.inner-top{align-items:flex-start;gap:10px;flex-direction:column}.module-tools{grid-template-columns:1fr}.module-body{padding:35px 0}.trust-note{grid-template-columns:1fr;gap:6px}.search-results .module-grid{grid-template-columns:repeat(2,1fr)}.search-page-head h1{font-size:36px}}

.principles{padding-top:62px;padding-bottom:8px}.principles-intro{max-width:700px}.principles-intro h2{font:800 clamp(28px,3.5vw,42px)/1.12 Manrope,sans-serif;letter-spacing:-1.6px;margin:10px 0}.principles-intro h2 em{color:var(--green);font-style:normal}.principles-intro>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:690px}.principle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:23px}.principle-card{display:flex;gap:14px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px}.principle-symbol{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;background:#e9f6ef;color:var(--green)}.principle-card h3{font:700 13px Manrope;margin:1px 0 7px}.principle-card p{font-size:11px;line-height:1.65;color:var(--muted);margin:0 0 10px}.principle-card a{font-size:10px;font-weight:700;color:var(--green)}.principle-card a span{margin-left:5px}.principles-promise{display:grid;grid-template-columns:180px 1fr;gap:15px;margin-top:13px;padding:16px 18px;background:#edf5ef;border-radius:14px;font-size:11px;line-height:1.7}.principles-promise b{color:var(--green)}.principles-promise span{color:#586b61}.dark .principle-card{background:#18251f;border-color:var(--line)}.dark .principle-symbol{background:#20392e}.dark .principles-promise{background:#1d3228}.dark .principles-promise span{color:var(--muted)}@media(max-width:650px){.principles{padding-top:44px}.principle-grid{grid-template-columns:1fr}.principles-promise{grid-template-columns:1fr;gap:5px}}
/* Home starts with the complete knowledge directory */
.directory-head{display:grid;grid-template-columns:1fr minmax(360px,530px);gap:36px;align-items:end;padding-top:26px;padding-bottom:8px}.directory-head h1{font:800 clamp(30px,3.5vw,43px)/1.08 Manrope,sans-serif;letter-spacing:-1.8px;margin:9px 0 7px}.directory-head h1 em{font-style:normal;color:var(--green)}.directory-head p{margin:0;color:var(--muted);font-size:12px}.directory-head .search{margin-bottom:3px}.directory-section{padding-top:18px}.directory-section .section-heading h2{font-size:22px}.directory-section .module-grid{margin-top:16px}.directory-section .module-card{min-height:164px}.directory-section .module-art{width:70px;height:68px}.dark .directory-head h1{color:var(--ink)}@media(max-width:700px){.directory-head{grid-template-columns:1fr;gap:16px;padding-top:23px}.directory-head .search{width:100%;height:54px}.directory-section{padding-top:25px}.directory-section .section-heading h2{font-size:20px}.directory-section .module-card{min-height:145px}.directory-section .module-art{width:62px;height:59px}}
/* Header hierarchy: centered search above the navigation row */
.site-header{position:relative;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.topbar{height:76px;gap:22px}.top-search{flex:0 1 520px;width:min(520px,44vw);height:48px;margin:0 auto;border-radius:15px}.top-search input{font-size:12px}.site-header>.nav{height:44px;display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.7vw,38px);font-size:12px;color:#45524d}.site-header>.nav a{white-space:nowrap}.site-header>.nav a:hover,.site-header>.nav .active{color:var(--green)}.directory-head{padding-top:22px}.directory-head h1{font-size:34px}.menu-toggle{display:none}.dark .site-header{background:var(--paper)}@media(max-width:850px){.topbar{height:auto;min-height:70px;flex-wrap:wrap;gap:10px;padding-top:10px;padding-bottom:10px}.top-search{order:4;flex:1 0 100%;width:100%;max-width:none;height:48px;margin:0}.menu-toggle{display:block;order:2;margin-left:auto;border:0;background:transparent;color:var(--ink);font-size:22px;cursor:pointer}.actions{order:3}.site-header>.nav{display:none;position:absolute;top:100%;left:18px;right:18px;width:auto;height:auto;margin:0;padding:12px;background:var(--white);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.site-header>.nav.open{display:flex}.site-header>.nav a{padding:11px 8px;border-bottom:1px solid var(--line)}.site-header>.nav a:last-child{border:0}}@media(max-width:480px){.brand{min-width:0}.brand strong{font-size:16px}.directory-head h1{font-size:30px}}
.directory-head{grid-template-columns:1fr}
/* Full-width navigation ribbon */
.nav-strip{height:56px;background:#edf5ef;border-top:1px solid #edf1ed;border-bottom:1px solid #dfe9e1}.nav-strip .nav{height:55px;display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.1vw,32px);font-size:12px;color:#40544a}.nav-strip .nav a{height:38px;padding:0 17px;display:flex;align-items:center;justify-content:center;border-radius:12px;white-space:nowrap;transition:background .18s,color .18s}.nav-strip .nav a:hover,.nav-strip .nav a.active{background:#fff;color:var(--green)}.directory-section{padding-top:24px}.directory-section .module-grid{margin-top:0}.dark .nav-strip{background:#17251e;border-color:#293630}.dark .nav-strip .nav{color:#c5d2ca}.dark .nav-strip .nav a:hover,.dark .nav-strip .nav a.active{background:#24382d;color:#63c9a4}@media(max-width:850px){.nav-strip{height:0;background:transparent;border:0}.nav-strip .nav{display:none;position:absolute;top:100%;left:18px;right:18px;width:auto;height:auto;margin:0;padding:12px;background:var(--white);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.nav-strip .nav.open{display:flex}.nav-strip .nav a{height:auto;justify-content:flex-start;padding:12px 10px;border-radius:9px;border-bottom:1px solid var(--line)}.nav-strip .nav a:last-child{border:0}}
.site-values{margin-top:60px;margin-bottom:20px;padding:25px 0 5px;border-top:1px solid var(--line)}.values-heading{margin-bottom:18px}.values-heading h2{font:750 24px Manrope;letter-spacing:-.8px;margin:7px 0}.values-heading p{color:var(--muted);font-size:11px;margin:0}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.values-grid article{display:flex;gap:13px;padding:16px;background:var(--white);border:1px solid var(--line);border-radius:14px}.values-grid article>span{font:700 10px Manrope;color:var(--green);padding-top:2px}.values-grid h3{font:700 12px Manrope;margin:0 0 6px}.values-grid p{font-size:10px;line-height:1.55;color:var(--muted);margin:0 0 8px}.values-grid a{font-size:9px;font-weight:700;color:var(--green)}.values-note{margin:12px 0 0;font-size:10px;color:var(--muted);line-height:1.6}.dark .values-grid article{border-color:var(--line)}@media(max-width:700px){.site-values{margin-top:40px;padding-top:20px}.values-grid{grid-template-columns:1fr}.values-heading h2{font-size:21px}}
.motto{padding-top:25px;padding-bottom:20px}.motto h1{margin:0}.directory-section .module-grid{row-gap:12px}@media(min-width:1051px){.directory-section .module-card:nth-last-child(2){grid-column:3}.directory-section .module-card:last-child{grid-column:4}}@media(min-width:701px) and (max-width:1050px){.directory-section .module-card:nth-last-child(2){grid-column:1}.directory-section .module-card:last-child{grid-column:3}}
/* Ehlisun visual identity: parchment, deep emerald and brass */
:root{--ink:#19382f;--muted:#66786e;--green:#155b45;--green2:#bb9752;--paper:#f7f4eb;--line:#e5ddca;--white:#fffdf7;--shadow:0 16px 42px #1d49350e}body{background:var(--paper);color:var(--ink)}.site-header{background:#fbf9f2;border-color:#e7e0d0}.brand-mark{background:#e5efe4;color:var(--green);border:1px solid #d5e0d2}.brand strong{font-size:20px;letter-spacing:-.7px}.brand small{font-size:9px;letter-spacing:.45px}.top-search{width:min(610px,52vw);max-width:610px;height:52px;background:#fffefa;border-color:#e6dfcf;border-radius:14px;box-shadow:0 5px 24px #214d3a0b}.top-search:focus-within{border-color:#bb9752;box-shadow:0 0 0 3px #bb97521c}.top-search button{background:var(--green);border-radius:11px}.actions{min-width:42px;justify-content:flex-end}.theme-toggle{color:var(--green);background:#fffefa}.nav-strip{background:#153f33;border-color:#153f33}.nav-strip .nav{height:52px;color:#f5f0e3;gap:clamp(16px,2.6vw,38px)}.nav-strip .nav a{height:38px;padding-inline:18px;border-radius:10px}.nav-strip .nav a:hover,.nav-strip .nav a.active{background:#ffffff13;color:#e1c17c}.home-hero{position:relative;min-height:228px;margin-top:26px;padding:32px 42px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;border-radius:20px;background:#173f34;color:#fcf8ec}.home-hero:after{content:"";position:absolute;inset:0 0 0 auto;width:45%;opacity:.17;background:repeating-conic-gradient(from 22.5deg at 72% 50%,transparent 0deg 42deg,#d2b56f 43deg 44deg,transparent 45deg 87deg,#d2b56f 88deg 89deg,transparent 90deg);mask-image:linear-gradient(90deg,transparent,#000 45%)}.hero-copy{position:relative;z-index:1;max-width:780px}.hero-copy>.eyebrow{color:#ddc17e;letter-spacing:1.5px;font-size:9px}.hero-copy h1{max-width:740px;font:750 clamp(29px,3.8vw,45px)/1.15 Manrope,sans-serif;letter-spacing:-1.4px;margin:11px 0 9px}.hero-copy h1 em{font-style:normal;color:#e0c27b}.hero-copy>p{margin:0;color:#e9e3d3;font:500 15px Manrope;letter-spacing:.2px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:21px;color:#d8decf;font-size:10px}.hero-proof i{height:3px;width:3px;border-radius:50%;background:#d7b76b}.hero-art{position:relative;z-index:1;width:145px;height:145px;flex:0 0 145px;margin:0 64px 0 25px;display:grid;place-items:center;border:1px solid #c8a96366;border-radius:50%;background:#ffffff08}.hero-art:before,.hero-art:after{content:"";position:absolute;inset:12px;border:1px solid #d5b66980;transform:rotate(45deg);border-radius:8px}.hero-art:after{transform:rotate(0deg);inset:25px;border-radius:50%}.hero-seal{width:78px;height:78px;display:grid;place-items:center;border:1px solid #d6ba79;border-radius:50%;color:#e2c77f;font:24px Georgia}.hero-art small{position:absolute;bottom:-20px;color:#e6d19a;font-size:8px;letter-spacing:1.8px;white-space:nowrap}.areas-section{padding-top:34px}.section-heading{align-items:end;margin-bottom:15px}.section-heading .eyebrow{color:#95753b;font-size:9px;letter-spacing:1.5px}.section-heading h2{font:700 23px Manrope;letter-spacing:-.7px;margin:6px 0 0}.section-side-note{padding-bottom:4px;color:var(--muted);font-size:10px}.area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.area-card{position:relative;min-width:0;padding:16px 17px 13px;background:var(--white);border:1px solid #e8dfcc;border-radius:15px;box-shadow:0 5px 16px #453b2306;transition:transform .18s,border-color .18s,box-shadow .18s}.area-card:hover{transform:translateY(-2px);border-color:#c3a66b;box-shadow:0 9px 24px #453b2310}.area-main{display:grid;grid-template-columns:44px 1fr 20px;align-items:center;gap:11px;min-height:56px}.area-mark{position:relative;width:40px;height:40px;display:grid;place-items:center;border:1px solid #d5bf8a;border-radius:12px;background:#f6f1e3;color:#9d7b3d}.area-mark:before,.area-mark:after{content:"";position:absolute;width:17px;height:17px;border:1px solid currentColor;transform:rotate(45deg);border-radius:2px}.area-mark:after{width:7px;height:7px;background:#f6f1e3}.area-mark i{position:relative;z-index:1;font:700 7px Manrope;font-style:normal;color:var(--green)}.area-main b,.area-main small{display:block}.area-main b{font:700 13px Manrope;letter-spacing:-.15px}.area-main small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}.area-arrow{justify-self:end;color:#a78645;font-size:15px}.area-links{display:flex;flex-wrap:wrap;gap:6px;padding:11px 0 0 55px;margin-top:11px;border-top:1px solid #eee8da}.area-links a{font-size:9px;color:#52675d;padding:5px 8px;background:#f5f1e7;border-radius:6px}.area-links a:hover{background:#e9ddc2;color:#31543f}.daily-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:26px}.daily-note,.source-promise{border-radius:16px;padding:21px 24px}.daily-note{background:#fdfbf4;border:1px solid #e5dcc7}.daily-label{display:flex;justify-content:space-between;align-items:center}.daily-label .eyebrow,.source-promise .eyebrow{color:#95753b;font-size:9px;letter-spacing:1.3px}.daily-date{color:var(--muted);font-size:9px}.daily-arabic{margin-top:13px;color:var(--green);font:26px/1.6 Georgia;text-align:right}.daily-note blockquote{margin:5px 0 14px;font:italic 17px/1.5 Georgia;color:var(--ink)}.daily-foot{display:flex;justify-content:space-between;align-items:center;padding-top:11px;border-top:1px solid #eae2d1;font-size:10px}.daily-foot>span{color:var(--muted)}.daily-foot a{color:var(--green);font-weight:700}.daily-foot b{color:#a38243;margin-left:5px}.source-promise{background:#eae6d7;border:1px solid #ddd3b8}.source-promise h2{margin:8px 0;font:700 21px Manrope;letter-spacing:-.55px}.source-promise p{max-width:390px;color:#5c6c61;font-size:11px;line-height:1.6}.source-chain-mini{display:flex;align-items:center;gap:9px;margin-top:17px;color:#8f7139;font-size:9px;font-weight:700;letter-spacing:.45px}.source-chain-mini span{padding:7px 10px;border:1px solid #d6c8a8;border-radius:7px;background:#f7f3e8}.source-chain-mini i{font-style:normal;color:#a99058}.values-strip{display:flex;align-items:center;gap:12px;margin-top:19px;padding:13px 16px;border-top:1px solid #e3dac5;border-bottom:1px solid #e3dac5;color:#64756a;font-size:9px;letter-spacing:1px}.values-strip>i{width:3px;height:3px;border-radius:50%;background:#b69855}.values-strip a{margin-left:auto;color:var(--green);font-weight:700;letter-spacing:0}.footer{min-height:105px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:35px;padding-block:22px}.footer-brand p{margin:8px 0 0;color:var(--muted);font-size:10px}.footer-links{display:flex;gap:17px}.footer-links a,.copyright{color:var(--muted);font-size:9px}.footer-links a:hover{color:var(--green)}.dark{--paper:#111c17;--white:#18251e;--ink:#e9eee7;--muted:#a0afa4;--line:#324037}.dark .site-header{background:#111c17;border-color:#324037}.dark .top-search,.dark .theme-toggle{background:#18251e;color:var(--ink);border-color:#324037}.dark .nav-strip{background:#10251c}.dark .area-card,.dark .daily-note{background:#18251e;border-color:#324037}.dark .area-links{border-color:#324037}.dark .area-links a{background:#223329;color:#cfdbd0}.dark .area-mark{background:#283525;border-color:#665638}.dark .area-mark:after{background:#283525}.dark .source-promise{background:#233127;border-color:#3d4939}.dark .source-promise p{color:#bbc6b9}.dark .source-chain-mini span{background:#202e23;border-color:#4b5138}.dark .daily-foot{border-color:#324037}.dark .values-strip{border-color:#324037;color:var(--muted)}@media(max-width:900px){.hero-art{margin-right:25px}.area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{gap:18px}}@media(max-width:700px){.home-hero{min-height:205px;padding:25px 21px;margin-top:17px}.hero-copy h1{font-size:29px}.hero-copy>p{font-size:13px}.hero-proof{gap:7px;font-size:8px}.hero-art{width:82px;height:82px;flex-basis:82px;margin:0 5px 0 12px}.hero-seal{width:49px;height:49px;font-size:17px}.hero-art:before{inset:7px}.hero-art:after{inset:16px}.hero-art small{font-size:6px;bottom:-14px}.areas-section{padding-top:28px}.section-heading h2{font-size:19px}.section-side-note{display:none}.area-grid{gap:9px}.area-card{padding:12px 11px 10px}.area-main{grid-template-columns:35px 1fr 15px;gap:8px}.area-mark{width:33px;height:33px}.area-mark:before{width:14px;height:14px}.area-mark:after{width:6px;height:6px}.area-mark i{font-size:6px}.area-main b{font-size:11px}.area-main small{font-size:9px}.area-links{padding-left:43px;gap:4px}.area-links a{font-size:8px;padding:4px 6px}.daily-wrap{grid-template-columns:1fr;margin-top:20px;gap:9px}.daily-note,.source-promise{padding:17px}.daily-arabic{font-size:23px}.daily-note blockquote{font-size:15px}.footer{grid-template-columns:1fr auto;align-items:start}.footer-links{grid-column:1/-1;grid-row:2;flex-wrap:wrap}.copyright{grid-column:2;grid-row:1;align-self:center}}@media(max-width:420px){.hero-art{display:none}.area-grid{grid-template-columns:1fr}.area-card{min-height:110px}.area-main small{font-size:10px}.area-links{padding-left:44px}}
.site-header{position:sticky;top:0;z-index:100;box-shadow:0 5px 18px #132d2308}html{scroll-padding-top:142px}#alanlar,#gunun-notu,#ilkeler{scroll-margin-top:142px}@media(max-width:850px){html{scroll-padding-top:128px}#alanlar,#gunun-notu,#ilkeler{scroll-margin-top:128px}}

/* Calm, intentional interaction details */
@keyframes hero-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes seal-breathe{0%,100%{box-shadow:0 0 0 0 #d7b76b00}50%{box-shadow:0 0 0 7px #d7b76b0b}}
.home-hero{isolation:isolate;box-shadow:0 16px 42px #173f3410}
.home-hero:before{content:"";position:absolute;inset:-35% auto -35% -20%;width:55%;border-radius:50%;background:radial-gradient(ellipse,#e6d09816 0%,transparent 68%);pointer-events:none}
.home-hero:after{animation:hero-ornament 48s linear infinite;transform-origin:72% 50%}
@keyframes hero-ornament{to{transform:rotate(360deg)}}
.hero-seal{animation:seal-breathe 6s ease-in-out infinite}
.hero-copy h1{ text-wrap:balance }
.search{transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}
.search:focus-within{transform:translateY(-1px);border-color:#c5a968;box-shadow:0 10px 28px #173f3416,0 0 0 4px #c5a96818}
.search button,.closing>a{transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}
.search button:hover,.closing>a:hover{transform:translateY(-1px);background:#1c6d51;box-shadow:0 6px 14px #153f3326}
.area-card{transform:translateZ(0);transition:transform .24s cubic-bezier(.2,.7,.25,1),border-color .24s ease,box-shadow .24s ease,background-color .24s ease}
.area-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:#bb9752;transform:scaleY(0);transform-origin:bottom;transition:transform .24s ease}
.area-card:hover,.area-card:focus-within{transform:translateY(-3px);border-color:#c3a66b;box-shadow:0 12px 28px #453b2314}
.area-card:hover:before,.area-card:focus-within:before{transform:scaleY(1)}
.area-mark{transition:transform .24s ease,background-color .24s ease}
.area-card:hover .area-mark,.area-card:focus-within .area-mark{transform:rotate(-4deg);background:#f2ead5}
.area-arrow{transition:transform .2s ease,color .2s ease}
.area-card:hover .area-arrow,.area-card:focus-within .area-arrow{transform:translate(2px,-2px);color:var(--green)}
.area-links a{transition:background-color .18s ease,color .18s ease,transform .18s ease}
.area-links a:hover{transform:translateY(-1px)}
.daily-note,.source-promise{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.daily-note:hover,.source-promise:hover{transform:translateY(-2px);box-shadow:0 12px 28px #453b230d;border-color:#d8c89e}
.daily-arabic{animation:note-arrive .75s ease both}
@keyframes note-arrive{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.nav-strip .nav a{transition:background .22s ease,color .22s ease,transform .22s ease}
.nav-strip .nav a:hover{transform:translateY(-1px)}
.footer-links a,.values-strip a{transition:color .18s ease}
.footer-links a:hover,.values-strip a:hover{color:#9a7634}
:where(a,button,input):focus-visible{outline:3px solid #bb975277;outline-offset:3px}
.motion-ready .home-hero,.motion-ready .areas-section .section-heading,.motion-ready .area-card,.motion-ready .daily-wrap,.motion-ready .values-strip{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.25,1)}
.motion-ready .area-card{transition-delay:calc(var(--reveal-order,0)*45ms),border-color .24s ease,box-shadow .24s ease,background-color .24s ease}
.motion-ready .home-hero.is-visible,.motion-ready .areas-section .section-heading.is-visible,.motion-ready .area-card.is-visible,.motion-ready .daily-wrap.is-visible,.motion-ready .values-strip.is-visible{opacity:1;transform:translateY(0)}
.dark .area-card:hover,.dark .area-card:focus-within{box-shadow:0 12px 28px #0003}
.dark .area-card:hover .area-mark,.dark .area-card:focus-within .area-mark{background:#34402e}
@media(max-width:700px){.home-hero:after{animation-duration:70s}.daily-note:hover,.source-promise:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.home-hero:after,.hero-seal,.daily-arabic{animation:none!important}.motion-ready .home-hero,.motion-ready .areas-section .section-heading,.motion-ready .area-card,.motion-ready .daily-wrap,.motion-ready .values-strip{opacity:1!important;transform:none!important;transition:none!important}}

/* Refined global search */
.topbar{gap:clamp(18px,3vw,42px)}
.top-search{position:relative;display:flex;align-items:center;gap:12px;width:min(570px,48vw);height:54px;margin-inline:auto;padding:5px 6px 5px 17px;background:#fffdf8;border:1px solid #e5dece;border-radius:15px;box-shadow:0 4px 16px #253a2b08;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.top-search .search-leading{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;color:#718177}
.top-search .search-leading svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.top-search input{height:100%;padding:0 3px;color:var(--ink);font-size:13px;letter-spacing:.05px}
.top-search input::placeholder{color:#929b91;opacity:1}
.top-search button{display:flex;align-items:center;justify-content:center;gap:12px;flex:0 0 auto;height:42px;padding:0 16px;border-radius:11px;background:#155b45;color:#fff;font-size:12px;font-weight:700;transition:background-color .2s ease,transform .2s ease}
.top-search button b{display:inline-block;margin:0;font-size:14px;font-weight:500;transition:transform .2s ease}
.top-search button:hover{background:#1b6b50;transform:translateY(-1px)}
.top-search button:hover b{transform:translate(1px,-1px)}
.top-search:focus-within{background:#fffefa;border-color:#b69a5b;box-shadow:0 0 0 4px #b69a5b17,0 7px 22px #253a2b0c}
.dark .top-search{background:#18251e;border-color:#324037;box-shadow:0 4px 16px #0002}
.dark .top-search:focus-within{background:#1b2a22;border-color:#a88f56}
@media(max-width:850px){.top-search{width:100%;max-width:none}}
@media(max-width:480px){.top-search{height:49px;padding-left:13px;gap:8px}.top-search button{height:37px;padding-inline:13px}.top-search input{font-size:12px}}

/* Home page finish: layered light, measured entrance and responsive motion */
.home-hero:before{background:radial-gradient(circle at var(--glow-x,32%) var(--glow-y,48%),#e6d09824 0,transparent 34%),radial-gradient(ellipse,#e6d09812 0%,transparent 68%);transition:opacity .35s ease}
.home-hero:not(:hover):before{opacity:.7}
.home-hero.is-visible .hero-copy>.eyebrow,.home-hero.is-visible .hero-copy>h1,.home-hero.is-visible .hero-copy>p,.home-hero.is-visible .hero-proof{animation:hero-arrive .65s cubic-bezier(.2,.7,.25,1) both}
.home-hero.is-visible .hero-copy>h1{animation-delay:80ms}
.home-hero.is-visible .hero-copy>p{animation-delay:150ms}
.home-hero.is-visible .hero-proof{animation-delay:220ms}
.hero-art{animation:art-float 7s ease-in-out infinite}
@keyframes art-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.hero-seal{position:relative;isolation:isolate}
.hero-seal:before{content:"";position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 70%,#e2c77f99 82%,transparent 93%);mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 calc(100% - .5px));animation:seal-orbit 12s linear infinite;z-index:-1}
@keyframes seal-orbit{to{transform:rotate(360deg)}}
.area-card.is-visible .area-mark{animation:mark-arrive .45s cubic-bezier(.2,.7,.25,1) both;animation-delay:calc(var(--reveal-order,0)*45ms + 100ms)}
@keyframes mark-arrive{from{opacity:.4;transform:scale(.88) rotate(-7deg)}to{opacity:1;transform:scale(1) rotate(0)}}
.daily-wrap.is-visible .daily-note,.daily-wrap.is-visible .source-promise{animation:panel-arrive .55s cubic-bezier(.2,.7,.25,1) both}
.daily-wrap.is-visible .source-promise{animation-delay:100ms}
@keyframes panel-arrive{from{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.daily-note{position:relative;overflow:hidden}
.daily-note:after{content:"";position:absolute;top:0;left:-45%;width:30%;height:1px;background:linear-gradient(90deg,transparent,#c3a66b,transparent);opacity:0;transition:left .7s ease,opacity .3s ease}
.daily-note:hover:after{left:115%;opacity:1}
.source-chain-mini span{transition:transform .2s ease,background-color .2s ease,border-color .2s ease}
.source-promise:hover .source-chain-mini span{transform:translateY(-2px);background:#fffaf0;border-color:#c9b783}
.values-strip>i{animation:quiet-pulse 3s ease-in-out infinite}
.values-strip>i:nth-of-type(2){animation-delay:1.2s}
@keyframes quiet-pulse{0%,100%{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}}
@media(max-width:700px){.hero-art{animation:none}.home-hero:before{background:radial-gradient(circle at 75% 40%,#e6d0981a 0,transparent 40%)}}
@media(prefers-reduced-motion:reduce){.hero-art,.hero-seal:before,.values-strip>i{animation:none!important}.home-hero.is-visible .hero-copy>.eyebrow,.home-hero.is-visible .hero-copy>h1,.home-hero.is-visible .hero-copy>p,.home-hero.is-visible .hero-proof,.area-card.is-visible .area-mark,.daily-wrap.is-visible .daily-note,.daily-wrap.is-visible .source-promise{animation:none!important}}

/* Youthful editorial direction: bold ink, fresh lime and tactile navigation */
:root{--accent-lime:#d9f27a;--accent-dark:#102c23;--accent-cream:#f3f2e9}
body{background-color:#f4f3eb;background-image:radial-gradient(ellipse at 12% 26%,#dce8d233 0,transparent 32%),radial-gradient(ellipse at 92% 64%,#e9e0c322 0,transparent 28%)}
.home-hero{min-height:330px;margin-top:30px;padding:42px 52px;border-radius:26px;background:linear-gradient(118deg,#102e24 0%,#174838 66%,#1b4b39 100%);box-shadow:0 24px 64px #173f341c}
.home-hero:after{width:50%;opacity:.12;background:repeating-conic-gradient(from 22.5deg at 68% 52%,transparent 0deg 42deg,#e2d18f 43deg 44deg,transparent 45deg 87deg,#e2d18f 88deg 89deg,transparent 90deg);mask-image:radial-gradient(ellipse at center,#000 15%,transparent 75%)}
.home-hero:before{inset:-45% auto -45% 28%;width:48%;background:radial-gradient(circle at var(--glow-x,65%) var(--glow-y,45%),#d9f27a1b 0,transparent 35%),radial-gradient(ellipse,#e6d09814 0%,transparent 70%)}
.hero-copy{max-width:790px}
.hero-copy>.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #ffffff26;border-radius:30px;background:#ffffff09;color:#d9f27a;letter-spacing:1.25px}
.hero-copy>.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:#d9f27a;box-shadow:0 0 12px #d9f27a88}
.hero-copy h1{max-width:760px;font-size:clamp(38px,5.2vw,62px);line-height:1.06;letter-spacing:-2.7px;margin:20px 0 13px}
.hero-copy h1 em{color:var(--accent-lime)}
.hero-copy>p{color:#d4e0d4;font-size:16px;letter-spacing:.1px}
.hero-proof{gap:9px;margin-top:20px;color:#d3dfd4;font-size:10px}
.hero-proof span{padding:7px 10px;border:1px solid #ffffff20;border-radius:30px;background:#ffffff08}
.hero-proof i{display:none}
.hero-cta{position:relative;z-index:2;display:inline-flex;align-items:center;gap:19px;margin-top:24px;padding:12px 15px;border-radius:12px;background:var(--accent-lime);color:#173526;font:700 12px Manrope;box-shadow:0 7px 20px #081b1430;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.hero-cta b{font-size:16px;font-weight:600;transition:transform .2s ease}
.hero-cta:hover{transform:translateY(-2px);background:#e5ff91;box-shadow:0 11px 24px #081b143b}
.hero-cta:hover b{transform:translate(2px,2px)}
.hero-art{width:176px;height:176px;flex-basis:176px;margin-right:46px;background:#ffffff09;border-color:#d9f27a40;box-shadow:0 0 0 15px #ffffff04,0 0 0 30px #ffffff03}
.hero-art:before{inset:15px;border-color:#d9f27a66}
.hero-art:after{inset:34px;border-color:#d9f27a45}
.hero-seal{width:94px;height:94px;border-color:#d9f27a99;color:var(--accent-lime);font-size:26px}
.hero-art small{color:#d9f27a;letter-spacing:2px;bottom:-25px}
.areas-section{padding-top:46px}
.section-heading{margin-bottom:20px}
.section-heading .eyebrow{display:inline-block;padding:6px 9px;border-radius:7px;background:#e7eadb;color:#5e743d}
.section-heading h2{font-size:clamp(23px,2.7vw,31px);letter-spacing:-1px;margin-top:9px}
.section-side-note{padding:8px 11px;border:1px solid #e5e2d7;border-radius:20px;background:#faf9f4}
.area-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.area-card{padding:18px 19px 14px;border-radius:18px;background:#fffefa;border-color:#e8e5d9;box-shadow:0 5px 18px #263b2a08}
.area-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;padding:22px 24px;background:#e9eddd;border-color:#dfe5d0}
.area-card:first-child .area-main{grid-template-columns:52px minmax(0,1fr) 20px;gap:14px}
.area-card:first-child .area-mark{width:48px;height:48px;border-radius:15px;background:#f8f8ef}
.area-card:first-child .area-main b{font-size:16px}
.area-card:first-child .area-main small{font-size:11px}
.area-card:first-child .area-links{justify-content:flex-end;padding:0;margin:0 0 0 18px;border:0;max-width:370px}
.area-card:first-child .area-links a{padding:8px 10px;background:#f8f8ef;font-size:10px}
.area-main{grid-template-columns:46px 1fr 20px;gap:12px}
.area-mark{width:42px;height:42px;border-radius:14px;background:#f4f1e7}
.area-main b{font-size:14px}
.area-main small{font-size:10px;max-width:380px}
.area-links{padding-left:58px}
.area-links a{padding:6px 9px;border-radius:20px;background:#f3f2ea}
.area-card:hover,.area-card:focus-within{transform:translateY(-4px);box-shadow:0 16px 32px #243a2c13}
.area-card:first-child:hover,.area-card:first-child:focus-within{background:#e4ebd4}
.daily-wrap{margin-top:34px;gap:16px}
.daily-note,.source-promise{padding:25px 27px;border-radius:20px}
.daily-note{box-shadow:0 8px 22px #263b2a08}
.daily-note blockquote{font-size:19px;letter-spacing:-.2px}
.source-promise{background:#e8e8d7}
.source-promise h2{font-size:24px;letter-spacing:-.8px}
.source-promise p{font-size:12px;line-height:1.75}
.source-chain-mini span{border-radius:20px}
.values-strip{margin-top:24px;padding-block:16px;font-size:10px}
.footer{min-height:125px}
.dark{background-image:radial-gradient(ellipse at 12% 26%,#30423133 0,transparent 32%),radial-gradient(ellipse at 92% 64%,#3a352422 0,transparent 28%)}
.dark .section-heading .eyebrow{background:#283728;color:#c6d79e}
.dark .section-side-note{background:#18251e;border-color:#324037}
.dark .area-card:first-child{background:#26372a;border-color:#394636}
.dark .area-card:first-child:hover{background:#2d402f}
.dark .area-card:first-child .area-mark,.dark .area-card:first-child .area-links a{background:#344333}
.dark .area-links a{background:#223329}
.dark .source-promise{background:#233127}
@media(max-width:900px){.home-hero{padding:38px 35px}.hero-art{margin-right:20px}.area-card:first-child{grid-template-columns:1fr}.area-card:first-child .area-links{justify-content:flex-start;margin:14px 0 0 60px}}
@media(max-width:700px){.home-hero{min-height:300px;margin-top:18px;padding:28px 22px;border-radius:21px}.hero-copy{max-width:100%}.hero-copy>.eyebrow{font-size:8px;letter-spacing:.9px;padding:7px 9px}.hero-copy h1{max-width:500px;font-size:clamp(34px,9vw,48px);letter-spacing:-1.8px;margin:16px 0 10px}.hero-copy>p{font-size:13px;line-height:1.6}.hero-proof{flex-wrap:wrap;margin-top:15px;font-size:8px}.hero-proof span{padding:6px 8px}.hero-cta{margin-top:18px;padding:11px 13px}.hero-art{position:absolute;right:22px;bottom:20px;width:78px;height:78px;flex-basis:78px;margin:0;opacity:.58;box-shadow:0 0 0 8px #ffffff04}.hero-art:before{inset:7px}.hero-art:after{inset:15px}.hero-seal{width:44px;height:44px;font-size:15px}.hero-art small{display:none}.areas-section{padding-top:34px}.section-heading{gap:8px}.section-heading h2{font-size:22px}.section-side-note{font-size:8px;padding:7px 8px;white-space:nowrap}.area-grid{gap:9px}.area-card{padding:14px 13px 12px;border-radius:15px}.area-card:first-child{padding:17px 14px}.area-card:first-child .area-main{grid-template-columns:39px 1fr 16px;gap:9px}.area-card:first-child .area-mark{width:36px;height:36px;border-radius:12px}.area-card:first-child .area-main b{font-size:13px}.area-card:first-child .area-main small{font-size:9px}.area-card:first-child .area-links{margin:12px 0 0 48px;gap:5px}.area-card:first-child .area-links a{font-size:8px;padding:6px 8px}.area-main{grid-template-columns:34px 1fr 14px;gap:8px;min-height:52px}.area-mark{width:32px;height:32px;border-radius:11px}.area-mark:before{width:14px;height:14px}.area-mark:after{width:6px;height:6px}.area-mark i{font-size:6px}.area-main b{font-size:11px}.area-main small{font-size:9px}.area-links{padding:9px 0 0 42px;margin-top:9px;gap:4px}.area-links a{font-size:8px;padding:5px 7px}.daily-wrap{margin-top:24px;gap:10px}.daily-note,.source-promise{padding:18px;border-radius:16px}.daily-note blockquote{font-size:16px}.source-promise h2{font-size:21px}.source-promise p{font-size:11px}.values-strip{gap:7px;font-size:8px;letter-spacing:.5px;padding-inline:7px}.values-strip a{font-size:8px}}
@media(max-width:420px){.home-hero{min-height:315px}.hero-art{width:58px;height:58px;right:16px;bottom:16px}.hero-art:before{inset:5px}.hero-art:after{inset:11px}.hero-seal{width:34px;height:34px;font-size:12px}.section-side-note{display:none}.area-grid{grid-template-columns:1fr}.area-card:first-child{grid-column:auto}.area-card:first-child .area-links{margin-left:47px}}
@media(prefers-reduced-motion:reduce){.hero-cta,.area-card,.area-mark,.area-arrow{transition:none!important}}

/* A memorable, youth-forward discovery experience */
.home-hero{min-height:clamp(380px,42vw,500px);padding:clamp(36px,5vw,66px);border-radius:30px;background:radial-gradient(ellipse at 78% 52%,#276149 0,transparent 42%),linear-gradient(125deg,#0b211b 0%,#123a2c 52%,#174532 100%);box-shadow:0 28px 85px #0d33251e}
.home-hero:after{width:58%;opacity:.2;background:repeating-conic-gradient(from 22.5deg at 67% 50%,transparent 0deg 42deg,#d9f27a 43deg 44deg,transparent 45deg 87deg,#d9f27a 88deg 89deg,transparent 90deg);mask-image:radial-gradient(ellipse at center,#000 8%,transparent 75%)}
.home-hero:before{inset:-40% auto -40% 25%;width:56%;background:radial-gradient(circle at var(--glow-x,70%) var(--glow-y,45%),#d9f27a2c 0,transparent 32%),radial-gradient(ellipse,#e6d09818 0%,transparent 68%)}
.hero-copy{max-width:850px}
.hero-copy>.eyebrow{color:#e5f6aa;border-color:#d9f27a35;background:#eaffbc0c}
.hero-copy h1{max-width:830px;font-size:clamp(45px,7vw,82px);line-height:.99;letter-spacing:-4.3px;margin:25px 0 18px;text-wrap:balance}
.hero-copy h1 em{display:block;color:var(--accent-lime)}
.hero-copy>p{font-size:clamp(15px,1.5vw,18px);color:#d8e6db}
.hero-proof{gap:7px;margin-top:25px}
.hero-proof span{padding:8px 11px;border-color:#ffffff2b;background:#ffffff0b;color:#e4eee3}
.hero-cta{margin-top:27px;padding:14px 17px;border-radius:13px;font-size:13px;box-shadow:0 8px 28px #091a134a}
.hero-art{width:190px;height:190px;flex-basis:190px;border-color:#d9f27a57;box-shadow:0 0 0 18px #ffffff05,0 0 0 40px #ffffff04,0 0 60px #d9f27a13}
.hero-seal{width:104px;height:104px;border-color:#e6f6af;color:#e6f6af;background:#efffce09}
.hero-orbit{position:absolute;z-index:2;display:grid;place-items:center;border:1px solid #e6f6af60;background:#173f34;color:#e7f6b2;border-radius:50%;box-shadow:0 5px 18px #0a21184d}
.orbit-one{top:13px;right:20px;width:36px;height:36px;font:700 10px Manrope}
.orbit-two{bottom:6px;left:11px;width:29px;height:29px;font-size:15px;color:#d9f27a;animation:orbit-drift 5s ease-in-out infinite}
@keyframes orbit-drift{50%{transform:translateY(-6px) rotate(20deg)}}
.journey{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(25px,5vw,68px);margin-top:clamp(42px,6vw,78px);padding:clamp(25px,4vw,48px);border:1px solid #e4e4d8;border-radius:26px;background:linear-gradient(135deg,#fbfaf4,#eff1e6);box-shadow:0 22px 60px #263b2a0a}
.journey-intro>.eyebrow{color:#71833f;font-size:9px;letter-spacing:1.5px}
.journey-intro h2{margin:13px 0 12px;font:800 clamp(28px,3.8vw,46px)/1.08 Manrope,sans-serif;letter-spacing:-1.8px}
.journey-intro h2 em{color:#52713f;font-style:normal}
.journey-intro p{max-width:350px;color:#68756a;font-size:12px;line-height:1.75}
.journey-picker{min-width:0}
.journey-options{display:grid;gap:7px}
.journey-option{display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid transparent;border-radius:14px;background:transparent;color:#31483a;text-align:left;cursor:pointer;transition:background .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease}
.journey-option>span{font:700 10px Manrope;color:#8b9b67}
.journey-option>b{font:700 13px Manrope}
.journey-option>i{justify-self:end;color:#798c5b;font-style:normal;transition:transform .22s ease}
.journey-option:hover{background:#ffffff9c;transform:translateX(3px)}
.journey-option.active{border-color:#dfe7c9;background:#fffef9;box-shadow:0 6px 22px #384b2510}
.journey-option.active>span{color:#53703c}
.journey-option.active>i{transform:translate(2px,-2px);color:#4c6b39}
.journey-result{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:13px;margin-top:12px;padding:17px 17px;border-radius:17px;background:#163f30;color:#f4f5e9;overflow:hidden}
.journey-result:after{content:"";position:absolute;right:-40px;top:-70px;width:180px;height:180px;border:1px solid #d9f27a22;border-radius:50%;box-shadow:0 0 0 17px #ffffff04,0 0 0 35px #ffffff03;pointer-events:none}
.journey-spark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#d9f27a;color:#173c2e;font-size:20px}
.journey-result .eyebrow{font-size:8px;letter-spacing:1px;color:#d9f27a}
.journey-result h3{margin:5px 0;font:700 14px Manrope;color:#fffef5}
.journey-result p{max-width:370px;margin:0;color:#d1ddd2;font-size:10px;line-height:1.55}
.journey-result>a{position:relative;z-index:1;display:flex;align-items:center;gap:9px;white-space:nowrap;padding:10px 12px;border-radius:10px;background:#d9f27a;color:#193b2d;font:700 10px Manrope;transition:transform .2s ease,background-color .2s ease}
.journey-result>a:hover{transform:translateY(-2px);background:#e7ff9b}
.journey-result>a b{font-size:14px}
.areas-section{padding-top:clamp(50px,7vw,88px)}
.areas-section .section-heading h2{font-size:clamp(27px,3.4vw,39px)}
.areas-section .section-heading .eyebrow{background:#e4eacb;color:#657d3c}
.area-card{border-radius:19px;box-shadow:0 9px 26px #263b2a09}
.area-card:first-child{background:linear-gradient(110deg,#e8eedb,#f5f3e8);border-color:#e1e7d3}
.area-card:first-child:after{content:"BAŞLANGIÇ NOKTASI";position:absolute;right:20px;top:15px;font:700 8px Manrope;letter-spacing:1px;color:#7c8e5a;opacity:.8}
.daily-wrap{margin-top:42px}
.values-strip{margin-top:30px}
.dark .journey{background:linear-gradient(135deg,#18261e,#1d3023);border-color:#344233}
.dark .journey-intro h2 em{color:#c2db87}
.dark .journey-intro p{color:#aab8a7}
.dark .journey-option{color:#dce7da}
.dark .journey-option.active,.dark .journey-option:hover{background:#263829;border-color:#3c4d36}
.dark .journey-result{background:#0e2119}
.dark .area-card:first-child{background:linear-gradient(110deg,#26372a,#2d3827)}
.dark .area-card:first-child:after{color:#d2e5a0}
@media(max-width:900px){.home-hero{min-height:390px}.journey{grid-template-columns:1fr;gap:15px}.journey-intro p{max-width:560px}.journey-options{grid-template-columns:repeat(3,minmax(0,1fr))}.journey-option{grid-template-columns:25px 1fr;gap:7px;padding:11px}.journey-option>b{font-size:11px}.journey-option>i{display:none}.journey-result{margin-top:9px}}
@media(max-width:700px){.home-hero{min-height:405px;padding:28px 22px;border-radius:23px}.home-hero:after{width:90%;opacity:.13}.hero-copy h1{max-width:610px;font-size:clamp(43px,11.8vw,65px);line-height:1;letter-spacing:-2.5px;margin:21px 0 15px}.hero-copy>p{max-width:380px;font-size:14px}.hero-proof{max-width:350px;flex-wrap:wrap;margin-top:18px}.hero-proof span{font-size:8px}.hero-art{width:82px;height:82px;right:23px;bottom:19px;opacity:.75;box-shadow:0 0 0 10px #ffffff04,0 0 0 20px #ffffff03}.hero-art:before{inset:7px}.hero-art:after{inset:15px}.hero-seal{width:46px;height:46px;font-size:15px}.hero-art small{display:none}.orbit-one{top:0;right:3px;width:24px;height:24px;font-size:8px}.orbit-two{bottom:0;left:1px;width:21px;height:21px;font-size:11px}.journey{margin-top:27px;padding:22px 16px;border-radius:20px;gap:12px}.journey-intro>.eyebrow{font-size:8px}.journey-intro h2{font-size:31px;letter-spacing:-1.2px;margin:9px 0}.journey-intro p{font-size:11px;margin:0}.journey-options{grid-template-columns:1fr;gap:5px}.journey-option{grid-template-columns:30px 1fr 16px;padding:10px 11px}.journey-option>b{font-size:12px}.journey-option>i{display:block}.journey-result{grid-template-columns:33px minmax(0,1fr);gap:10px;padding:13px;border-radius:14px}.journey-spark{width:32px;height:32px;font-size:17px}.journey-result h3{font-size:12px}.journey-result p{font-size:9px}.journey-result>a{grid-column:2;justify-self:start;padding:8px 10px}.areas-section{padding-top:40px}.areas-section .section-heading h2{font-size:25px}.daily-wrap{margin-top:26px}}
@media(prefers-reduced-motion:reduce){.orbit-two{animation:none!important}.journey-option,.journey-result>a{transition:none!important}}
.motion-ready .journey{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.25,1)}
.motion-ready .journey.is-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.motion-ready .journey{opacity:1!important;transform:none!important;transition:none!important}}

/* ZIP contribution: shareable identity and useful native shortcuts */
.hero-brandline{display:block;margin:0 0 10px;color:#d9f27a;font:700 10px Manrope,sans-serif;letter-spacing:2px}
.hero-copy>.eyebrow{margin-top:3px}
.daily-actions{display:flex;align-items:center;gap:14px}
.daily-actions>a,.daily-actions>button{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:0;border-radius:8px;background:transparent;color:var(--green);font:700 10px "DM Sans",sans-serif;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .18s ease}
.daily-actions>a:hover,.daily-actions>button:hover{background:#e9eddd;color:#234d38;transform:translateY(-1px)}
.daily-actions b{color:#a38243;margin:0!important}
.dark .daily-actions>a,.dark .daily-actions>button{color:#b9d989}
.dark .daily-actions>a:hover,.dark .daily-actions>button:hover{background:#283a2c;color:#e4f3c7}
@media(max-width:480px){.hero-brandline{font-size:9px;letter-spacing:1.6px}.daily-foot{align-items:flex-start;gap:8px;flex-direction:column}.daily-actions{width:100%;justify-content:space-between}}

/* Small moments of wonder: light follows, geometry opens, paths glow */
.nav-strip .nav a{position:relative;isolation:isolate;overflow:visible;transition:color .24s ease,background-color .24s ease,transform .24s cubic-bezier(.2,.7,.25,1),box-shadow .24s ease}
.nav-strip .nav a:after{content:"";position:absolute;left:16px;right:16px;bottom:2px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#d9f27a,transparent);transform:scaleX(0);transform-origin:center;transition:transform .28s cubic-bezier(.2,.7,.25,1)}
.nav-strip .nav a:before{content:"✦";position:absolute;right:8px;top:2px;color:#e7f6b2;font-size:8px;opacity:0;transform:translate(-3px,4px) scale(.6) rotate(-25deg);transition:opacity .24s ease,transform .28s ease}
.nav-strip .nav a:hover,.nav-strip .nav a:focus-visible{transform:translateY(-2px);background:#ffffff14;color:#eff9c8;box-shadow:0 8px 25px #061c1429,0 0 22px #d9f27a12}
.nav-strip .nav a:hover:after,.nav-strip .nav a:focus-visible:after,.nav-strip .nav a.active:after{transform:scaleX(1)}
.nav-strip .nav a:hover:before,.nav-strip .nav a:focus-visible:before{opacity:1;transform:translate(0,0) scale(1) rotate(0)}
.nav-strip .nav a.active{color:#e4f4a6}
.brand-mark{position:relative;transition:transform .35s cubic-bezier(.2,.7,.25,1),box-shadow .35s ease}
.brand-mark:after{content:"";position:absolute;inset:-4px;border:1px solid #d9f27a80;border-radius:17px;opacity:0;transform:scale(.78);transition:opacity .3s ease,transform .35s ease;pointer-events:none}
.brand:hover .brand-mark,.brand:focus-visible .brand-mark{transform:rotate(45deg) scale(1.06);box-shadow:0 0 24px #d9f27a35}
.brand:hover .brand-mark:after,.brand:focus-visible .brand-mark:after{opacity:1;transform:scale(1)}
.top-search:focus-within .search-leading{color:#557742;transform:scale(1.08)}
.top-search .search-leading{transition:transform .2s ease,color .2s ease}
.hero-art{transition:filter .35s ease,transform .35s ease}
.home-hero:hover .hero-art{filter:drop-shadow(0 0 18px #d9f27a24)}
.home-hero:hover .hero-seal{box-shadow:0 0 22px #d9f27a25}
.area-card{background-image:radial-gradient(circle at var(--card-x,50%) var(--card-y,0%),#d9f27a00 0,#d9f27a00 44%),linear-gradient(var(--white),var(--white));transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .32s ease,background-image .28s ease}
.area-card:hover,.area-card:focus-within{background-image:radial-gradient(circle at var(--card-x,50%) var(--card-y,0%),#d9f27a20 0,#d9f27a00 52%),linear-gradient(var(--white),var(--white));box-shadow:0 18px 42px #243a2c18,0 0 0 1px #d9f27a28}
.area-card:first-child:hover,.area-card:first-child:focus-within{background-image:radial-gradient(circle at var(--card-x,80%) var(--card-y,30%),#d9f27a28 0,transparent 48%),linear-gradient(110deg,#e8eedb,#f5f3e8)}
.area-card:active{transform:translateY(-1px) scale(.995)}
.area-card:hover .area-mark,.area-card:focus-within .area-mark{box-shadow:0 0 0 5px #d9f27a1c,0 4px 16px #9db86d24}
.area-card:hover .area-mark:before,.area-card:focus-within .area-mark:before{transform:rotate(61deg) scale(1.12) translateX(-1px);filter:drop-shadow(0 0 3px #d9f27a70)}
.area-card:hover .area-mark:after,.area-card:focus-within .area-mark:after{transform:rotate(29deg) scale(1.18) translateX(1px)}
.area-mark:before,.area-mark:after{transition:transform .38s cubic-bezier(.2,.8,.2,1),filter .32s ease}
.area-links a{position:relative;overflow:hidden;transition:background-color .22s ease,color .22s ease,transform .22s cubic-bezier(.2,.7,.25,1),box-shadow .22s ease}
.area-links a:hover,.area-links a:focus-visible{transform:translateY(-2px);background:#e3eccb;color:#234b35;box-shadow:0 5px 14px #253d251c}
.area-arrow{transition:transform .28s cubic-bezier(.2,.7,.25,1),color .2s ease,text-shadow .2s ease}
.area-card:hover .area-arrow,.area-card:focus-within .area-arrow{transform:translate(3px,-3px) scale(1.12);text-shadow:0 0 12px #d9f27a}
.journey-result{isolation:isolate}
.journey-result:before{content:"";position:absolute;z-index:-1;top:0;left:-38%;width:25%;height:2px;background:linear-gradient(90deg,transparent,#e4f6a0,transparent);opacity:0}
.journey-result:hover:before{opacity:1;animation:glint-pass .9s ease forwards}
@keyframes glint-pass{to{left:115%}}
.journey-option.active{box-shadow:0 8px 26px #384b2515,0 0 0 1px #d9f27a42}
.journey-option.active>span{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:#e8f0d2}
.journey-result>a:hover{box-shadow:0 7px 22px #d9f27a2d}
.daily-note:hover{box-shadow:0 18px 40px #453b2312,0 0 0 1px #d8c89e}
.source-chain-mini span:hover{transform:translateY(-3px) rotate(-2deg)}
.theme-toggle{transition:transform .28s ease,background-color .2s ease,box-shadow .2s ease}
.theme-toggle:hover{transform:rotate(-14deg);box-shadow:0 0 0 4px #d9f27a1b}
.dark .area-card{background-image:linear-gradient(#18251e,#18251e)}
.dark .area-card:hover,.dark .area-card:focus-within{background-image:radial-gradient(circle at var(--card-x,50%) var(--card-y,0%),#d9f27a10 0,#d9f27a00 52%),linear-gradient(#18251e,#18251e)}
.dark .area-card:first-child:hover,.dark .area-card:first-child:focus-within{background-image:radial-gradient(circle at var(--card-x,80%) var(--card-y,30%),#d9f27a14 0,transparent 48%),linear-gradient(110deg,#26372a,#2d3827)}
.dark .journey-option.active>span{background:#35452c;color:#ddf0a4}
@media(hover:none){.area-card:active .area-mark{box-shadow:0 0 0 5px #d9f27a1c}.brand:active .brand-mark{transform:rotate(45deg) scale(1.04)}}
@media(prefers-reduced-motion:reduce){.nav-strip .nav a,.nav-strip .nav a:before,.nav-strip .nav a:after,.brand-mark,.brand-mark:after,.area-card,.area-mark:before,.area-mark:after,.area-links a,.area-arrow,.theme-toggle{transition:none!important;animation:none!important}.nav-strip .nav a:hover,.area-card:hover,.area-links a:hover{transform:none!important}.journey-result:hover:before{animation:none!important}}

/* ==========================================================================
   BÂB-I İLİM (3D İLAHİ KAPI), NURLAR VE BÜYÜLEYİCİ ANİMASYONLAR
   ========================================================================== */

/* Ekran Geneli Nur Zerreleri ve Işık Patlaması */
.celestial-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

.divine-flash {
  position: fixed;
  inset: 0;
  background: radial-gradient(circle at 50% 40%, rgba(255, 250, 230, 0.95), rgba(225, 193, 124, 0.75), rgba(18, 58, 44, 0.4));
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.8s ease;
}

.divine-flash.flash-active {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.1s ease-in;
}

/* Home Hero Düzeni ve 3D Kapı Alanı */
.home-hero {
  position: relative;
  align-items: center;
  gap: 32px;
  overflow: visible !important;
}

.bab-ilim-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 280px;
  flex: 0 0 280px;
  margin: 0 auto;
  user-select: none;
  cursor: pointer;
  z-index: 5;
  transition: transform 0.4s ease;
  animation: none !important;
}

.bab-arch-wrap {
  perspective: 1400px;
  perspective-origin: 50% 50%;
  width: 250px;
  height: 310px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

/* Kemer / Kapı Kasası */
.bab-arch {
  position: relative;
  width: 240px;
  height: 300px;
  border-radius: 120px 120px 16px 16px;
  border: 3px solid #d4af37;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.45), 0 0 35px rgba(212, 175, 55, 0.35);
  background: #081812;
  transform-style: preserve-3d;
  transition: box-shadow 0.6s ease, border-color 0.6s ease;
}

.bab-ilim-container:hover .bab-arch,
.bab-ilim-container.is-open .bab-arch {
  border-color: #ffd700;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 60px rgba(255, 215, 0, 0.6);
}

/* Kemer Üst Süsü kaldırıldı */
.bab-arch:before {
  display: none !important;
}

/* Kapının Arkasındaki Nur Alemi */
.bab-realm {
  position: absolute;
  inset: 0;
  border-radius: 116px 116px 12px 12px;
  overflow: hidden;
  background: radial-gradient(circle at 50% 50%, #205c45 0%, #0d2c20 50%, #05140e 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

/* Dönen Nur Işıkları (God Rays) */
.bab-god-rays,
.bab-god-rays-reverse {
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.bab-god-rays {
  background: conic-gradient(from 0deg, transparent 0deg, rgba(255, 240, 180, 0.65) 24deg, transparent 48deg, rgba(255, 255, 255, 0.85) 90deg, transparent 135deg, rgba(212, 175, 55, 0.65) 180deg, transparent 225deg, rgba(255, 245, 200, 0.7) 270deg, transparent 320deg);
  animation: babSpinRays 20s linear infinite;
}

.bab-god-rays-reverse {
  background: conic-gradient(from 180deg, transparent 0deg, rgba(255, 255, 255, 0.6) 35deg, transparent 70deg, rgba(212, 175, 55, 0.5) 140deg, transparent 210deg, rgba(255, 235, 160, 0.5) 280deg, transparent 360deg);
  animation: babSpinRays 14s linear infinite reverse;
}

@keyframes babSpinRays {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.bab-ilim-container:hover .bab-god-rays,
.bab-ilim-container.is-open .bab-god-rays,
.bab-ilim-container:hover .bab-god-rays-reverse,
.bab-ilim-container.is-open .bab-god-rays-reverse {
  opacity: 1;
  transform: scale(1);
}

/* Dönen İlahi Yörüngeler */
.bab-celestial-rings {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
}

.ring-orbit {
  position: absolute;
  border-radius: 50%;
  border: 1px dashed rgba(225, 193, 124, 0.4);
  animation: babSpinRays 30s linear infinite;
}

.ring-1 { width: 170px; height: 170px; }
.ring-2 { width: 220px; height: 220px; border-style: dotted; animation-duration: 20s; animation-direction: reverse; }

/* Merkezdeki İlahi Işık ve Hat Sanatı */
.bab-core-light {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  opacity: 0;
  transform: scale(0.7) translateY(10px);
  transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Kapı İçi Hadis Gösterimi */
.bab-hadis-display {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  max-width: 220px;
  text-align: center;
  user-select: none;
}

.hadis-sparkle {
  font-size: 16px;
  color: #ffd700;
  text-shadow: 0 0 10px #ffe082;
  margin-bottom: 5px;
  animation: babSparklePulse 2s ease-in-out infinite;
}

#bab-hadis-text {
  margin: 0;
  font-family: "DM Sans", Georgia, serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 600;
  line-height: 1.55;
  color: #fff9e6;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.5), 0 2px 5px rgba(0, 0, 0, 0.85);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

#bab-hadis-source {
  display: inline-block;
  margin-top: 7px;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.8px;
  color: #ddc17e;
  font-style: normal;
  background: rgba(8, 24, 18, 0.85);
  padding: 2px 8px;
  border-radius: 8px;
  border: 1px solid rgba(221, 193, 126, 0.35);
  transition: opacity 0.3s ease;
}

.hadis-next-hint {
  display: inline-block;
  margin-top: 7px;
  font-size: 7.5px;
  letter-spacing: 1px;
  color: rgba(255, 235, 170, 0.75);
  text-transform: uppercase;
}

.bab-hadis-display.hadis-changing #bab-hadis-text,
.bab-hadis-display.hadis-changing #bab-hadis-source {
  opacity: 0;
  transform: scale(0.92);
}

.bab-ilim-container:hover .bab-core-light,
.bab-ilim-container.is-open .bab-core-light {
  opacity: 1;
  transform: scale(1) translateY(0);
}

/* 3D Kapı Kanatları */
.bab-door {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  z-index: 10;
  transform-style: preserve-3d;
  transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 1.1s ease;
  overflow: hidden;
}

.bab-door-left {
  left: 0;
  transform-origin: left center;
  border-radius: 116px 0 0 12px;
  background: linear-gradient(135deg, #1b4436 0%, #102d23 55%, #081a14 100%);
  border-right: 1px solid rgba(212, 175, 55, 0.6);
  box-shadow: inset -3px 0 15px rgba(0, 0, 0, 0.6);
}

.bab-door-right {
  right: 0;
  transform-origin: right center;
  border-radius: 0 116px 12px 0;
  background: linear-gradient(225deg, #1b4436 0%, #102d23 55%, #081a14 100%);
  border-left: 1px solid rgba(212, 175, 55, 0.6);
  box-shadow: inset 3px 0 15px rgba(0, 0, 0, 0.6);
}

/* Kapı Açılma Dönüşü (3D Perspective) */
.bab-ilim-container:hover .bab-door-left,
.bab-ilim-container.is-open .bab-door-left {
  transform: rotateY(-118deg) translateZ(8px);
  box-shadow: -15px 0 35px rgba(0, 0, 0, 0.6), 0 0 35px rgba(212, 175, 55, 0.3);
}

.bab-ilim-container:hover .bab-door-right,
.bab-ilim-container.is-open .bab-door-right {
  transform: rotateY(118deg) translateZ(8px);
  box-shadow: 15px 0 35px rgba(0, 0, 0, 0.6), 0 0 35px rgba(212, 175, 55, 0.3);
}

/* Kapı Panelleri & Tezhip Oymaları */
.door-panel {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 18px 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.door-filigree {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(225, 193, 124, 0.35);
  border-radius: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 45px;
  gap: 10px;
  background: radial-gradient(circle at 50% 50%, rgba(225, 193, 124, 0.08) 0%, transparent 80%);
}

.door-ornament-top {
  font-size: 16px;
  color: #ddc17e;
  text-shadow: 0 0 10px rgba(221, 193, 126, 0.7);
}

.door-symbol {
  font-size: 20px;
  font-family: Georgia, serif;
  color: #ffe8a3;
  margin-block: 2px;
  text-shadow: 0 0 12px #d4af37;
}

.door-label {
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 2.5px;
  color: #ffe699;
  text-shadow: 0 0 10px rgba(212, 175, 55, 0.6), 0 1px 2px rgba(0, 0, 0, 0.8);
  text-align: center;
  margin-top: 48px;
}

.door-sub {
  font-size: 7px;
  letter-spacing: 0.8px;
  color: rgba(221, 193, 126, 0.65);
  text-align: center;
}

/* Kapı Kolları (Pirinç Halkalar) */
.door-handle {
  position: absolute;
  top: 55%;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: radial-gradient(circle, #ffe699, #996515);
  border: 1.5px solid #fff;
  box-shadow: 0 0 10px rgba(212, 175, 55, 0.6);
  display: grid;
  place-items: center;
}

.left-handle { right: 8px; }
.right-handle { left: 8px; }

.handle-ring {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #5a3d0b;
}

/* Merkezdeki Kadim Mühür / Madalyon */
.bab-seal-lock {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: radial-gradient(circle, #ffe082 0%, #c59b27 70%, #7b5809 100%);
  border: 2px solid #fff;
  box-shadow: 0 0 25px rgba(255, 215, 0, 0.7), 0 8px 24px rgba(0, 0, 0, 0.6);
  z-index: 15;
  display: grid;
  place-items: center;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;
}

.seal-icon {
  font-family: Georgia, serif;
  font-size: 19px;
  font-weight: 700;
  color: #173f34;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.bab-ilim-container:hover .bab-seal-lock,
.bab-ilim-container.is-open .bab-seal-lock {
  transform: translate(-50%, -50%) scale(0.2);
  opacity: 0;
  pointer-events: none;
}

.bab-hint {
  display: block;
  margin-top: 14px;
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: #ddc17e;
  text-transform: uppercase;
  text-align: center;
  opacity: 0.9;
  background: rgba(21, 63, 51, 0.45);
  padding: 4px 12px;
  border-radius: 12px;
  border: 1px solid rgba(221, 193, 126, 0.3);
  backdrop-filter: blur(4px);
  transition: all 0.3s ease;
}

.bab-ilim-container:hover .bab-hint {
  border-color: #ffd700;
  color: #fff4cc;
  box-shadow: 0 0 15px rgba(212, 175, 55, 0.35);
}

/* NAVBAR & HEADER BÜYÜLEYİCİ ANİMASYONLARI */
.nav-strip .nav {
  position: relative;
}

.nav-indicator {
  position: absolute;
  top: 8px;
  height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(225, 193, 124, 0.24) 0%, rgba(18, 164, 124, 0.18) 100%);
  border: 1px solid rgba(225, 193, 124, 0.45);
  box-shadow: 0 0 20px rgba(225, 193, 124, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  pointer-events: none;
  transition: left 0.32s cubic-bezier(0.2, 0.85, 0.25, 1), width 0.32s cubic-bezier(0.2, 0.85, 0.25, 1), opacity 0.25s ease;
  opacity: 0;
  z-index: 1;
}

.nav-strip .nav a {
  position: relative;
  z-index: 2;
}

/* Brand Mark Hover Parlaması */
.brand-mark {
  transition: transform 0.4s cubic-bezier(0.2, 0.85, 0.25, 1), box-shadow 0.35s ease;
}

.brand:hover .brand-mark {
  transform: perspective(400px) rotateY(18deg) scale(1.1);
  box-shadow: 0 0 20px rgba(18, 164, 124, 0.4), 0 0 35px rgba(212, 175, 55, 0.3);
}

/* Top Search Nurlu Odaklanma */
.top-search:focus-within {
  border-color: #d4af37 !important;
  box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.22), 0 0 35px rgba(212, 175, 55, 0.35), 0 8px 30px rgba(18, 58, 44, 0.15) !important;
  transform: translateY(-2px);
}

/* Nav Strip Altında Süzülen Nur Akışı */
.nav-strip {
  position: relative;
  overflow: hidden;
}

.nav-strip:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -40%;
  width: 35%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #ffe082, #ffffff, #d4af37, transparent);
  animation: navLightStream 8s ease-in-out infinite;
  pointer-events: none;
}

@keyframes navLightStream {
  0% { left: -40%; opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  100% { left: 110%; opacity: 0; }
}

/* KARTLAR 3D PARALLAX TILT & VARAK IŞILTISI */
.area-card {
  perspective: 1000px;
  transform-style: preserve-3d;
  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, border-color 0.25s ease;
}

.area-card:hover {
  border-color: #d4af37 !important;
  box-shadow: 0 16px 40px rgba(23, 63, 52, 0.16), 0 0 25px rgba(212, 175, 55, 0.25) !important;
}

.area-card:hover .area-mark {
  transform: translateZ(16px) scale(1.12) rotate(-5deg) !important;
  box-shadow: 0 0 25px rgba(212, 175, 55, 0.45) !important;
  border-color: #d4af37 !important;
}

/* Günün İlim Notu Hat Sanatı Işıltısı */
.daily-arabic {
  background: linear-gradient(90deg, #155b45 0%, #c59b27 35%, #155b45 70%, #d4af37 100%);
  background-size: 250% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: arabicGoldFlow 8s ease-in-out infinite;
  transition: filter 0.3s ease;
}

.daily-note:hover .daily-arabic {
  filter: drop-shadow(0 0 12px rgba(212, 175, 55, 0.5));
}

@keyframes arabicGoldFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Mobil Cihazlar İçin Ayarlamalar */
@media (max-width: 900px) {
  .home-hero {
    flex-direction: column;
    text-align: center;
    padding: 30px 20px;
  }
  .hero-copy {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .hero-proof {
    justify-content: center;
  }
  .bab-ilim-container {
    margin-top: 15px;
  }
}

@media (max-width: 480px) {
  .bab-arch-wrap {
    width: 210px;
    height: 270px;
  }
  .bab-arch {
    width: 200px;
    height: 260px;
    border-radius: 100px 100px 14px 14px;
  }
  .bab-realm {
    border-radius: 96px 96px 10px 10px;
  }
  .btn-nur-sac {
    padding: 7px 14px;
    font-size: 9px;
  }
}


/* ==========================================================================
   TÜM SAYFA ZENGİNLEŞTİRMELERİ (KÜTÜPHANE RAFI, TEZHİP, SİLSİLE VE İLERLEME)
   ========================================================================== */

/* 1. Okuma İlerlemesi Çizgisi */
.reading-progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2.5px;
  width: 0%;
  background: linear-gradient(90deg, #155b45 0%, #bb9752 50%, #ffd700 100%);
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.7);
  z-index: 100;
  pointer-events: none;
  transition: width 0.08s ease-out;
}

/* 2. Keşif Yolculuğu Güzelleştirmeleri */
.journey-btn-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

.journey-badge {
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #a78645;
  background: rgba(221, 193, 126, 0.15);
  padding: 1px 6px;
  border-radius: 6px;
  border: 1px solid rgba(221, 193, 126, 0.3);
  transition: all 0.2s ease;
}

.journey-option.active .journey-badge {
  background: #155b45;
  color: #fff;
  border-color: #155b45;
}

.parchment-card {
  position: relative;
  border-radius: 18px;
  background: linear-gradient(135deg, #fffdf8 0%, #fdf9ee 100%) !important;
  border: 1px solid #e2d7be !important;
  box-shadow: 0 10px 30px rgba(69, 59, 35, 0.08), inset 0 0 30px rgba(225, 193, 124, 0.12) !important;
  transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.dark .parchment-card {
  background: linear-gradient(135deg, #182720 0%, #13201a 100%) !important;
  border-color: #38493f !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(225, 193, 124, 0.04) !important;
}

.journey-result-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}

.journey-counter-pill {
  font-size: 9px;
  font-weight: 800;
  color: #9d7b3d;
  background: rgba(197, 155, 39, 0.12);
  border: 1px solid rgba(197, 155, 39, 0.3);
  padding: 2px 8px;
  border-radius: 10px;
  letter-spacing: 0.5px;
  animation: badgeGlow 4s ease-in-out infinite;
}

@keyframes badgeGlow {
  0%, 100% { border-color: rgba(197, 155, 39, 0.3); }
  50% { border-color: rgba(255, 215, 0, 0.7); box-shadow: 0 0 10px rgba(255, 215, 0, 0.25); }
}

.journey-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 18px;
  background: #155b45;
  color: #fff;
  border-radius: 12px;
  font-weight: 700;
  font-size: 11px;
  transition: all 0.25s ease;
  box-shadow: 0 4px 14px rgba(21, 91, 69, 0.25);
}

.journey-action-btn:hover {
  background: #1c6d52;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(21, 91, 69, 0.35);
}

/* 3. İlim Alanları Kitap Sırtı & Kütüphane Rafı Hissi */
.area-shelf-card {
  position: relative;
  overflow: hidden;
}

.card-spine-ornament {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background: linear-gradient(180deg, #d4af37 0%, #aa8012 50%, #d4af37 100%);
  opacity: 0.7;
  transition: width 0.25s ease, opacity 0.25s ease;
}

.area-shelf-card:hover .card-spine-ornament {
  width: 6px;
  opacity: 1;
  box-shadow: 0 0 12px rgba(212, 175, 55, 0.6);
}

.area-glyph {
  font-size: 15px;
  margin-bottom: 2px;
  filter: drop-shadow(0 0 4px rgba(212, 175, 55, 0.4));
  transition: transform 0.25s ease;
}

.area-shelf-card:hover .area-glyph {
  transform: scale(1.2) rotate(6deg);
}

/* 4. Günün İlim Notu Tezhip Köşebentleri */
.tezhip-box {
  position: relative;
  padding: 24px 28px !important;
}

.tezhip-corner {
  position: absolute;
  width: 18px;
  height: 18px;
  pointer-events: none;
  opacity: 0.75;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.tezhip-corner.tl {
  top: 6px;
  left: 6px;
  border-top: 2px solid #c59b27;
  border-left: 2px solid #c59b27;
  border-top-left-radius: 4px;
}

.tezhip-corner.tr {
  top: 6px;
  right: 6px;
  border-top: 2px solid #c59b27;
  border-right: 2px solid #c59b27;
  border-top-right-radius: 4px;
}

.tezhip-corner.bl {
  bottom: 6px;
  left: 6px;
  border-bottom: 2px solid #c59b27;
  border-left: 2px solid #c59b27;
  border-bottom-left-radius: 4px;
}

.tezhip-corner.br {
  bottom: 6px;
  right: 6px;
  border-bottom: 2px solid #c59b27;
  border-right: 2px solid #c59b27;
  border-bottom-right-radius: 4px;
}

.tezhip-box:hover .tezhip-corner {
  opacity: 1;
  filter: drop-shadow(0 0 4px #ffd700);
}

.tezhip-box:hover .tezhip-corner.tl { transform: translate(-2px, -2px); }
.tezhip-box:hover .tezhip-corner.tr { transform: translate(2px, -2px); }
.tezhip-box:hover .tezhip-corner.bl { transform: translate(-2px, 2px); }
.tezhip-box:hover .tezhip-corner.br { transform: translate(2px, 2px); }

.gold-quote {
  font-family: Georgia, serif;
  font-size: 24px;
  color: #c59b27;
  text-shadow: 0 0 8px rgba(197, 155, 39, 0.4);
  vertical-align: -2px;
  margin: 0 3px;
}

/* Silsile Zinciri Canlandırması (Kaynak ➔ Eser ➔ Referans) */
.source-chain-mini {
  display: flex;
  align-items: center;
  gap: 8px;
}

.chain-step {
  padding: 6px 12px;
  border-radius: 8px;
  background: #f7f3e8;
  border: 1px solid #d6c8a8;
  color: #8f7139;
  font-size: 9px;
  font-weight: 700;
  transition: all 0.22s ease;
}

.chain-step:hover {
  background: #155b45;
  color: #fff;
  border-color: #155b45;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(21, 91, 69, 0.25);
}

.chain-arrow {
  color: #c59b27;
  font-style: normal;
  font-weight: 700;
  transition: transform 0.2s ease, color 0.2s ease;
}

.source-promise:hover .chain-arrow {
  animation: arrowPulse 1.2s ease-in-out infinite alternate;
  color: #155b45;
}

@keyframes arrowPulse {
  from { transform: translateX(0); }
  to { transform: translateX(4px); }
}

/* 5. Yayın İlkeleri Şemse Bandı */
.values-strip {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  background: radial-gradient(circle at 50% 50%, rgba(225, 193, 124, 0.08) 0%, transparent 80%);
  border-top: 1px solid rgba(227, 218, 197, 0.8) !important;
  border-bottom: 1px solid rgba(227, 218, 197, 0.8) !important;
  padding: 16px 20px !important;
}

.val-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: #52675d;
  transition: all 0.25s ease;
}

.val-mark {
  font-style: normal;
  color: #c59b27;
  font-size: 12px;
  transition: transform 0.3s ease;
}

.val-item:hover {
  color: #155b45;
  transform: translateY(-1px);
}

.val-item:hover .val-mark {
  transform: rotate(30deg) scale(1.2);
  filter: drop-shadow(0 0 6px #ffd700);
}

.val-dot {
  color: #c59b27;
  font-size: 8px;
  opacity: 0.6;
}

.val-link {
  margin-left: auto;
  font-size: 10px;
  font-weight: 700;
  color: #155b45;
  letter-spacing: 0.3px;
  transition: transform 0.2s ease;
}

.val-link:hover {
  transform: translateX(3px);
}


/* ==========================================================================
   ARAMA SAYFASI AYET, HADİS VE SURE SONUÇLARI
   ========================================================================== */
.search-section-block {
  margin-top: 36px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}

.search-result-cards {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 16px;
}

.search-card-item {
  padding: 20px 24px;
  border-radius: 16px;
  background: var(--white);
  border: 1px solid #e8dfcc;
  box-shadow: 0 4px 18px rgba(69, 59, 35, 0.05);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
  position: relative;
}

.search-card-item:hover {
  transform: translateY(-2px);
  border-color: #d4af37;
  box-shadow: 0 10px 28px rgba(21, 91, 69, 0.12);
}

.ayet-card-item {
  border-left: 4px solid #155b45;
}

.hadis-card-item {
  border-left: 4px solid #c59b27;
}

.card-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.card-item-badge {
  font-size: 11px;
  font-weight: 700;
  color: #155b45;
  background: rgba(21, 91, 69, 0.08);
  padding: 3px 10px;
  border-radius: 8px;
}

.card-item-source {
  font-size: 10px;
  font-weight: 700;
  color: #9d7b3d;
  background: rgba(157, 123, 61, 0.1);
  padding: 3px 10px;
  border-radius: 8px;
}

.card-item-arabic {
  font-family: 'Amiri', Georgia, serif;
  font-size: 20px;
  color: #155b45;
}

.card-item-ravi {
  display: block;
  font-size: 10px;
  font-weight: 600;
  color: var(--muted);
  margin-bottom: 8px;
}

.card-item-text {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--ink);
  font-family: 'DM Sans', serif;
}

.surah-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 16px;
}

.surah-item-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 14px;
  background: var(--white);
  border: 1px solid var(--line);
  transition: all 0.2s ease;
}

.surah-item-card:hover {
  border-color: #d4af37;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.surah-number {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: #f6f1e3;
  color: #9d7b3d;
  font-size: 11px;
  font-weight: 800;
}

.surah-item-card b {
  display: block;
  font-size: 13px;
  color: var(--ink);
}

.surah-item-card small {
  display: block;
  font-size: 10px;
  color: var(--muted);
  margin-top: 2px;
}

.surah-arabic {
  margin-left: auto;
  font-family: 'Amiri', serif;
  font-size: 18px;
  color: #155b45;
}

@media (max-width: 768px) {
  .surah-grid {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================================
   YENİ AYDINLATILMIŞ MODÜL HERO VE İLİM ALANLARI TASARIMI
   ========================================================================== */
.module-illuminated-hero {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  padding: clamp(26px, 4vw, 42px);
  margin-bottom: 34px;
  background: linear-gradient(135deg, #071f16 0%, #113628 50%, #092117 100%);
  border: 1px solid rgba(212, 175, 55, 0.45);
  box-shadow: 0 16px 45px rgba(4, 18, 12, 0.5), 0 0 30px rgba(212, 175, 55, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  color: #fff;
}

.module-hero-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 82% 24%, rgba(212, 175, 55, 0.18) 0%, transparent 55%),
              radial-gradient(circle at 12% 80%, rgba(32, 102, 76, 0.35) 0%, transparent 50%);
  pointer-events: none;
}

/* Tezhip Köşe Tezyinatı */
.module-hero-filigree .corner {
  position: absolute;
  width: 22px;
  height: 22px;
  pointer-events: none;
  opacity: 0.7;
}

.module-hero-filigree .c-tl {
  top: 10px;
  left: 10px;
  border-top: 2px solid #d4af37;
  border-left: 2px solid #d4af37;
}
.module-hero-filigree .c-tr {
  top: 10px;
  right: 10px;
  border-top: 2px solid #d4af37;
  border-right: 2px solid #d4af37;
}
.module-hero-filigree .c-bl {
  bottom: 10px;
  left: 10px;
  border-bottom: 2px solid #d4af37;
  border-left: 2px solid #d4af37;
}
.module-hero-filigree .c-br {
  bottom: 10px;
  right: 10px;
  border-bottom: 2px solid #d4af37;
  border-right: 2px solid #d4af37;
}

.module-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: clamp(24px, 4vw, 44px);
  align-items: center;
}

/* Sol Sütun */
.module-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 13px;
  border-radius: 20px;
  background: rgba(212, 175, 55, 0.14);
  border: 1px solid rgba(212, 175, 55, 0.38);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1px;
  color: #f5d47a;
  text-transform: uppercase;
}

.module-live-spark {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #39e59d;
  box-shadow: 0 0 8px #39e59d;
  animation: pulseSpark 2s infinite ease-in-out;
}

@keyframes pulseSpark {
  0%, 100% { opacity: 0.5; transform: scale(0.9); }
  50% { opacity: 1; transform: scale(1.3); }
}

.module-hero-title {
  margin: 12px 0 8px;
  font: 800 clamp(28px, 3.8vw, 42px)/1.15 Manrope, sans-serif;
  letter-spacing: -1.2px;
  color: #fdfaf2;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

.module-hero-calligraphy {
  margin: 14px 0 16px;
  padding: 12px 16px;
  border-radius: 12px;
  background: rgba(5, 20, 14, 0.45);
  border-left: 3px solid #d4af37;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.calligraphy-text {
  font-family: 'Amiri', serif;
  font-size: clamp(20px, 2.3vw, 26px);
  line-height: 1.6;
  color: #ffe699;
  text-shadow: 0 1px 8px rgba(212, 175, 55, 0.3);
}

.calligraphy-cite {
  font-size: 11px;
  font-style: normal;
  color: #a3c2b2;
  font-weight: 600;
}

.module-hero-desc {
  font-size: 14px;
  line-height: 1.7;
  color: #d1dfd6;
  margin: 0 0 22px;
  max-width: 620px;
}

/* Hero İçi Hızlı Arama */
.module-hero-search {
  display: flex;
  align-items: center;
  background: rgba(5, 18, 12, 0.85);
  border: 1.5px solid rgba(212, 175, 55, 0.55);
  border-radius: 14px;
  padding: 4px 6px 4px 14px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  transition: border-color 0.25s, box-shadow 0.25s;
  max-width: 600px;
}

.module-hero-search:focus-within {
  border-color: #ffd700;
  box-shadow: 0 8px 30px rgba(212, 175, 55, 0.3);
}

.module-hero-search .search-icon {
  font-size: 16px;
  color: #d4af37;
  margin-right: 8px;
}

.module-hero-search input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  font-size: 13px;
  color: #fff;
  padding: 8px 0;
  font-family: inherit;
}

.module-hero-search input::placeholder {
  color: #8da496;
}

.module-hero-search button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 8px 18px;
  background: linear-gradient(135deg, #d4af37 0%, #b8860b 100%);
  border: none;
  border-radius: 9px;
  color: #0b2218;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);
  transition: transform 0.2s, background 0.2s;
}

.module-hero-search button:hover {
  transform: translateY(-1px);
  background: linear-gradient(135deg, #ffd700 0%, #c5941c 100%);
}

.module-hero-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
}

.module-hero-tags .tag-label {
  font-size: 10px;
  font-weight: 700;
  color: #9ab4a5;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-right: 3px;
}

.hero-tag-chip {
  padding: 4px 10px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(212, 175, 55, 0.3);
  border-radius: 20px;
  color: #f0e6c8;
  font-size: 11px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.hero-tag-chip:hover {
  background: rgba(212, 175, 55, 0.25);
  border-color: #ffd700;
  color: #fff;
  transform: translateY(-1px);
}

/* Sağ Sütun: Madalyon ve İstatistikler */
.module-hero-aside {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.module-seal-halo {
  position: relative;
  width: 140px;
  height: 140px;
  display: grid;
  place-items: center;
}

.seal-ring {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.seal-ring.outer-ring {
  inset: 0;
  border: 2px dashed rgba(212, 175, 55, 0.45);
  animation: rotateRing 30s linear infinite;
}

.seal-ring.inner-ring {
  inset: 10px;
  border: 1px solid rgba(212, 175, 55, 0.35);
}

@keyframes rotateRing {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.seal-center {
  width: 104px;
  height: 104px;
  border-radius: 50%;
  background: radial-gradient(circle, #1a4a38 0%, #092017 100%);
  border: 2px solid #d4af37;
  box-shadow: 0 0 25px rgba(212, 175, 55, 0.35), inset 0 0 15px rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.seal-glyph {
  font-size: 38px;
  line-height: 1;
  color: #ffd700;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.6);
}

.seal-name {
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 1px;
  color: #d4af37;
  margin-top: 4px;
}

.module-stats-matrix {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  width: 100%;
}

.stat-cell {
  background: rgba(5, 20, 14, 0.55);
  border: 1px solid rgba(212, 175, 55, 0.28);
  border-radius: 12px;
  padding: 10px 12px;
  text-align: center;
  transition: transform 0.2s, border-color 0.2s;
}

.stat-cell:hover {
  transform: translateY(-2px);
  border-color: rgba(212, 175, 55, 0.6);
  background: rgba(14, 38, 28, 0.65);
}

.stat-number {
  display: block;
  font: 800 17px Manrope, sans-serif;
  color: #f7d577;
}

.stat-title {
  display: block;
  font-size: 9px;
  color: #a8beb2;
  margin-top: 2px;
  font-weight: 600;
}

/* Fihrist İçi Filtreleme ve Başlık Satırı */
.section-actions-row {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.filter-box {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: #fff;
  border: 1px solid #d4dcd6;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.dark .filter-box {
  background: #182821;
  border-color: #2b3d33;
}

.filter-box input {
  border: none;
  background: transparent;
  outline: none;
  font-size: 12px;
  color: var(--ink);
  width: 170px;
  font-family: inherit;
}

.filter-box input::placeholder {
  color: var(--muted);
}

/* Hadis Muteber Kaynaklar Şeridi */
.hadis-sources-strip {
  background: linear-gradient(90deg, #f7f3e8 0%, #f0e9d6 100%);
  border: 1px solid #dfd4b7;
  border-radius: 16px;
  padding: 14px 20px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.dark .hadis-sources-strip {
  background: linear-gradient(90deg, #182820 0%, #1c3026 100%);
  border-color: #2e4437;
}

.strip-lead {
  font-size: 11px;
  font-weight: 800;
  color: #7d6124;
  letter-spacing: 0.5px;
}

.dark .strip-lead {
  color: #d4af37;
}

.sources-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.source-pill {
  padding: 6px 12px;
  background: #fff;
  border: 1px solid #d8caa7;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  color: #264a38;
  text-decoration: none;
  transition: all 0.2s ease;
}

.source-pill:hover {
  background: #264a38;
  color: #fff;
  border-color: #264a38;
  transform: translateY(-1px);
}

.dark .source-pill {
  background: #10211a;
  border-color: #3b5245;
  color: #e2ede5;
}

.dark .source-pill:hover {
  background: #d4af37;
  color: #0b1f16;
}

/* Kütüphane Kitaplık Rafları */
.kutuphane-categories {
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin-top: 14px;
}

.library-shelf-group {
  background: #faf8f2;
  border: 1px solid #e5dcbe;
  border-radius: 18px;
  padding: 22px 24px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03);
}

.dark .library-shelf-group {
  background: #14221b;
  border-color: #2d3e34;
}

.shelf-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 14px;
  border-bottom: 1.5px solid #eae2cb;
  margin-bottom: 18px;
}

.dark .shelf-header {
  border-bottom-color: #2d3e34;
}

.shelf-header h3 {
  margin: 0;
  font: 800 18px Manrope, sans-serif;
  color: #173f32;
  display: flex;
  align-items: center;
  gap: 8px;
}

.dark .shelf-header h3 {
  color: #f2f7f4;
}

.shelf-mark {
  color: #d4af37;
  font-size: 16px;
}

.shelf-header small {
  font-size: 11px;
  font-weight: 700;
  color: #8c733a;
  background: #f0e6ca;
  padding: 4px 10px;
  border-radius: 12px;
}

.dark .shelf-header small {
  background: #1f3328;
  color: #d4af37;
}

.shelf-books-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 14px;
}

.shelf-book-card {
  position: relative;
  background: #fff;
  border: 1px solid #e5dcbe;
  border-radius: 14px;
  padding: 16px 16px 14px 20px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
  display: flex;
  overflow: hidden;
  transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
}

.shelf-book-card:hover {
  transform: translateY(-3px);
  border-color: #c59b27;
  box-shadow: 0 8px 20px rgba(212, 175, 55, 0.15);
}

.dark .shelf-book-card {
  background: #192720;
  border-color: #2e3e34;
}

.book-spine {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  background: linear-gradient(180deg, #1b4d3e 0%, #102e25 100%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.book-spine-gold {
  height: 20%;
  background: #d4af37;
}

.book-spine-type {
  display: none;
}

.book-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.book-meta-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}

.book-tag {
  font-size: 9px;
  font-weight: 700;
  color: #1f5f46;
  background: #e7f3ec;
  padding: 2px 7px;
  border-radius: 4px;
}

.dark .book-tag {
  background: #173628;
  color: #55d69e;
}

.book-vol {
  font-size: 9px;
  font-weight: 700;
  color: #92753b;
}

.book-title {
  margin: 4px 0 6px;
  font: 750 14px/1.3 Manrope, sans-serif;
  color: var(--ink);
}

.book-author {
  margin: 0 0 12px;
  font-size: 11px;
  color: var(--muted);
  line-height: 1.4;
}

.book-actions {
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid #f0e9d6;
}

.dark .book-actions {
  border-top-color: #27382f;
}

.book-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 800;
  color: #1a5640;
  text-decoration: none;
  transition: color 0.2s, gap 0.2s;
}

.book-link:hover {
  color: #d4af37;
  gap: 8px;
}

.dark .book-link {
  color: #4bd898;
}

/* Mobil Uyumluluk */
@media (max-width: 900px) {
  .module-hero-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .module-hero-aside {
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
  }
  .module-stats-matrix {
    max-width: 320px;
  }
}

@media (max-width: 580px) {
  .module-hero-aside {
    flex-direction: column;
  }
  .module-stats-matrix {
    max-width: 100%;
  }
  .shelf-books-grid {
    grid-template-columns: 1fr;
  }
  .hadis-sources-strip {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ==========================================================================
   KUR'AN-I KERİM OKUMA DENEYİMİ (MUSHAF / TİLAVET / MEAL)
   ========================================================================== */
.quran-reader-page {
  padding-top: 18px;
  padding-bottom: 80px;
}

.reader-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: var(--muted);
  margin-bottom: 20px;
}

.reader-breadcrumb a {
  color: #17543d;
  font-weight: 700;
  text-decoration: none;
}

.reader-breadcrumb a:hover {
  color: #d4af37;
}

.current-crumb {
  color: var(--ink);
  font-weight: 600;
}

/* Sûre Serlevhası (Başlık Tezyinatı) */
.surah-serlevha {
  position: relative;
  background: linear-gradient(135deg, #061a12 0%, #103627 50%, #072017 100%);
  border: 2px solid #d4af37;
  border-radius: 20px;
  padding: clamp(24px, 3.5vw, 38px);
  margin-bottom: 24px;
  text-align: center;
  box-shadow: 0 16px 40px rgba(4, 18, 12, 0.4), 0 0 30px rgba(212, 175, 55, 0.15);
  color: #fff;
  overflow: hidden;
}

.serlevha-ornament-top {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 14px;
}

.tezhip-star {
  color: #ffd700;
  font-size: 16px;
}

.serlevha-line {
  height: 1px;
  width: 60px;
  background: linear-gradient(90deg, transparent, #d4af37, transparent);
}

.serlevha-pill {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.2px;
  color: #f7d984;
  background: rgba(212, 175, 55, 0.15);
  padding: 4px 14px;
  border-radius: 20px;
  border: 1px solid rgba(212, 175, 55, 0.4);
}

.surah-arabic-title {
  display: block;
  font-family: 'Amiri', serif;
  font-size: clamp(34px, 4.5vw, 54px);
  line-height: 1.3;
  color: #ffd700;
  text-shadow: 0 2px 14px rgba(255, 215, 0, 0.4);
  margin-bottom: 6px;
}

.surah-turkish-title {
  margin: 0 0 14px;
  font: 800 clamp(24px, 3vw, 34px) Manrope, sans-serif;
  letter-spacing: -0.8px;
  color: #fdfaf3;
}

.serlevha-meta-strip {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

.meta-tag {
  font-size: 11px;
  color: #c9ded3;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(212, 175, 55, 0.25);
  padding: 5px 12px;
  border-radius: 8px;
}

.surah-quick-bar {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(212, 175, 55, 0.25);
}

.quick-select-wrap, .quick-jump-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 700;
  color: #e5dcc7;
}

.quick-select-wrap select, .quick-jump-wrap select {
  background: rgba(5, 18, 12, 0.85);
  border: 1px solid #d4af37;
  border-radius: 8px;
  padding: 6px 12px;
  color: #fff;
  font-size: 11px;
  font-family: inherit;
  outline: none;
  cursor: pointer;
}

/* Okuma Araç Çubuğu (Toolbar) */
.quran-reader-toolbar {
  position: sticky;
  top: 76px;
  z-index: 50;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid #e2dac6;
  border-radius: 14px;
  padding: 10px 18px;
  margin-bottom: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
}

.dark .quran-reader-toolbar {
  background: rgba(20, 34, 27, 0.94);
  border-color: #2e4437;
}

.toolbar-left, .toolbar-right {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.view-modes-pills {
  display: flex;
  background: #ede6d4;
  padding: 3px;
  border-radius: 10px;
  gap: 3px;
}

.dark .view-modes-pills {
  background: #112019;
}

.mode-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #4a5c53;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
}

.dark .mode-btn {
  color: #a8beb2;
}

.mode-btn.active {
  background: #164a37;
  color: #ffd700;
  box-shadow: 0 2px 8px rgba(22, 74, 55, 0.25);
}

.font-size-controls {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #ede6d4;
  padding: 3px 8px;
  border-radius: 8px;
}

.dark .font-size-controls {
  background: #112019;
}

.font-size-controls button {
  background: #fff;
  border: 1px solid #d8caa7;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 800;
  color: #173f32;
  cursor: pointer;
}

.dark .font-size-controls button {
  background: #1d3228;
  border-color: #3b5245;
  color: #e5ede8;
}

#font-size-display {
  font-size: 10px;
  font-weight: 700;
  color: #64756b;
  min-width: 28px;
  text-align: center;
}

.reader-themes {
  display: flex;
  align-items: center;
  gap: 6px;
}

.theme-dot {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  transition: transform 0.2s;
}

.theme-dot:hover {
  transform: scale(1.15);
}

.theme-dot.active {
  border-color: #d4af37;
  box-shadow: 0 0 8px rgba(212, 175, 55, 0.6);
}

.dot-emerald { background: #13392a; }
.dot-parchment { background: #e8dcbf; }
.dot-night { background: #18251e; }

.btn-audio-global {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 14px;
  background: linear-gradient(135deg, #18523c 0%, #0d3525 100%);
  border: 1px solid #d4af37;
  border-radius: 9px;
  color: #ffd700;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.2s ease;
}

.btn-audio-global:hover, .btn-audio-global.is-playing {
  background: linear-gradient(135deg, #d4af37 0%, #b8860b 100%);
  color: #0b1f16;
  border-color: #ffd700;
}

/* Aktif Ses Oynatma Bandı */
.audio-player-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(90deg, #103627 0%, #184e3a 100%);
  border: 1px solid #d4af37;
  border-radius: 12px;
  padding: 10px 18px;
  margin-bottom: 20px;
  color: #fff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}

.audio-banner-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.audio-banner-info b {
  display: block;
  font-size: 12px;
  color: #ffd700;
}

.audio-banner-info small {
  display: block;
  font-size: 10px;
  color: #c9ded3;
}

.audio-banner-controls {
  display: flex;
  align-items: center;
  gap: 8px;
}

.audio-banner-controls button {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(212, 175, 55, 0.4);
  color: #fff;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 11px;
  cursor: pointer;
}

.audio-banner-controls button:hover {
  background: #d4af37;
  color: #0b1f16;
}

/* Besmele Tezyinatı */
.besmele-frame {
  text-align: center;
  padding: 24px 20px;
  margin: 0 auto 28px;
  max-width: 650px;
  background: #faf7ef;
  border: 1px solid #e7dcbe;
  border-radius: 16px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
}

.dark .besmele-frame {
  background: #15251d;
  border-color: #2b3d32;
}

.besmele-filigree {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.besmele-knot {
  color: #d4af37;
  font-size: 14px;
}

.besmele-text {
  font-family: 'Amiri', serif;
  font-size: clamp(26px, 3.5vw, 36px);
  color: #154e3a;
  line-height: 1.6;
}

.dark .besmele-text {
  color: #ffd700;
}

.besmele-meal {
  margin-top: 6px;
  font-size: 11px;
  font-style: italic;
  color: #7d6b49;
}

.dark .besmele-meal {
  color: #a3b8ad;
}

/* Âyet Kartları Akışı */
.quran-ayahs-flow {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ayah-card {
  position: relative;
  background: #fff;
  border: 1px solid #e7deca;
  border-radius: 16px;
  padding: 22px 24px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.03);
  transition: all 0.25s ease;
}

.dark .ayah-card {
  background: #172720;
  border-color: #2a3c31;
}

.ayah-card:hover {
  border-color: #d4af37;
  box-shadow: 0 6px 20px rgba(212, 175, 55, 0.12);
}

.ayah-card.is-reciting {
  border-color: #ffd700;
  background: #fdfbf2;
  box-shadow: 0 0 25px rgba(255, 215, 0, 0.35);
}

.dark .ayah-card.is-reciting {
  background: #1c3327;
  border-color: #ffd700;
}

.ayah-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0e9d7;
  margin-bottom: 16px;
}

.dark .ayah-header {
  border-bottom-color: #26382e;
}

.ayah-index-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #f7f3e6;
  border: 1px solid #ded3b4;
  border-radius: 20px;
  padding: 4px 12px;
  color: #7a5e23;
  font-size: 11px;
  font-weight: 800;
}

.dark .ayah-index-pill {
  background: #12211a;
  border-color: #3b5043;
  color: #ffd700;
}

.rosette-mark {
  color: #d4af37;
  font-size: 13px;
}

.ayah-meta-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mushaf-page-badge {
  font-size: 10px;
  color: var(--muted);
  font-weight: 600;
  margin-right: 4px;
}

.ayah-act-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #f7f4ec;
  border: 1px solid #dfd4ba;
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 700;
  color: #214e3b;
  cursor: pointer;
  transition: all 0.15s ease;
}

.ayah-act-btn:hover {
  background: #1e5841;
  color: #fff;
  border-color: #1e5841;
}

.dark .ayah-act-btn {
  background: #13221b;
  border-color: #2f4336;
  color: #d1dfd6;
}

.dark .ayah-act-btn:hover {
  background: #d4af37;
  color: #0b1f16;
}

/* Arapça Metin */
.ayah-arabic-wrap {
  text-align: right;
  direction: rtl;
  margin-bottom: 14px;
}

.ayah-arabic-text {
  font-family: 'Amiri', serif;
  font-size: 28px;
  line-height: 2.2;
  color: #0d3424;
  margin: 0;
  word-spacing: 2px;
}

.dark .ayah-arabic-text {
  color: #f7eed3;
}

.ayah-end-num {
  font-family: 'Amiri', serif;
  color: #c59b27;
  font-size: 0.9em;
  padding: 0 4px;
}

/* Türkçe Meali */
.ayah-translation-wrap {
  padding-top: 12px;
  border-top: 1px dashed #efe7d5;
}

.dark .ayah-translation-wrap {
  border-top-color: #26382e;
}

.ayah-meal-text {
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
  color: #31443b;
}

.dark .ayah-meal-text {
  color: #c5d6cc;
}

/* Görünüm Modu Özelleştirmeleri */
.mode-mushaf .ayah-card, .mode-mushaf .ayah-header, .mode-mushaf .ayah-translation-wrap {
  display: none !important;
}

.mode-meal-only .ayah-arabic-wrap {
  display: none !important;
}

/* Mushaf (Hatim) Kesintisiz Sayfa Modu */
.quran-mushaf-continuous {
  max-width: 800px;
  margin: 0 auto;
}

.mushaf-page-container {
  background: #fffef9;
  border: 4px double #d4af37;
  border-radius: 16px;
  padding: 38px 42px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.dark .mushaf-page-container {
  background: #14231b;
  border-color: #7d6529;
}

.mushaf-page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 14px;
  border-bottom: 1.5px solid #e7deca;
  margin-bottom: 24px;
  font-family: 'Amiri', serif;
  font-size: 16px;
  color: #92753b;
  font-weight: 700;
}

.mushaf-text-flow {
  font-family: 'Amiri', serif;
  font-size: 28px;
  line-height: 2.4;
  text-align: justify;
  text-justify: kashida;
  color: #0b2d1f;
}

.dark .mushaf-text-flow {
  color: #f7eed3;
}

.mushaf-rosette {
  color: #c59b27;
  padding: 0 4px;
}

.mushaf-page-footer {
  text-align: center;
  padding-top: 18px;
  border-top: 1.5px solid #e7deca;
  margin-top: 24px;
  font-family: 'Amiri', serif;
  color: #92753b;
  font-size: 14px;
}

/* Sûre Geçiş Köprüsü */
.surah-nav-footer {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1.5px solid #e2dac6;
}

.dark .surah-nav-footer {
  border-top-color: #27382f;
}

.surah-nav-card {
  display: flex;
  flex-direction: column;
  padding: 16px 20px;
  background: #fff;
  border: 1px solid #e2dac6;
  border-radius: 14px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.dark .surah-nav-card {
  background: #172720;
  border-color: #2a3c31;
}

.surah-nav-card:hover {
  border-color: #d4af37;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(212, 175, 55, 0.15);
}

.surah-nav-card.next-card {
  text-align: right;
}

.nav-dir-tag {
  font-size: 10px;
  font-weight: 800;
  color: #17543d;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}

.dark .nav-dir-tag {
  color: #ffd700;
}

.surah-nav-card b {
  font: 750 14px Manrope, sans-serif;
  color: var(--ink);
}

.surah-nav-card small {
  font-size: 11px;
  color: var(--muted);
  margin-top: 2px;
}

.surah-fihrist-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  background: #f7f3e8;
  border: 1px solid #dcd1b3;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 800;
  color: #174e38;
  text-decoration: none;
  transition: all 0.2s ease;
}

.surah-fihrist-link:hover {
  background: #174e38;
  color: #fff;
  border-color: #174e38;
}

.dark .surah-fihrist-link {
  background: #12211a;
  border-color: #2f4336;
  color: #e5ede8;
}

/* Okuma Temaları */
.theme-parchment {
  background-color: #f7f2e4 !important;
}

.theme-parchment .ayah-card, .theme-parchment .mushaf-page-container {
  background-color: #fcf8ee !important;
  border-color: #ded1b2 !important;
}

.theme-parchment .ayah-arabic-text, .theme-parchment .mushaf-text-flow {
  color: #2d1e0d !important;
}

.theme-parchment .ayah-meal-text {
  color: #4f3f2f !important;
}

.theme-night {
  background-color: #0e1713 !important;
}

.theme-night .ayah-card, .theme-night .mushaf-page-container {
  background-color: #142019 !important;
  border-color: #24352a !important;
}

.theme-night .ayah-arabic-text, .theme-night .mushaf-text-flow {
  color: #f5eed3 !important;
}

.theme-night .ayah-meal-text {
  color: #a8beaf !important;
}

/* Sûre Listesindeki Oku İpucu Rozeti */
.surah-read-hint {
  font-size: 10px;
  font-weight: 800;
  color: #155b45;
  background: #e6f3ec;
  padding: 3px 8px;
  border-radius: 6px;
  margin-left: 8px;
  transition: all 0.2s;
}

.surah-item-card:hover .surah-read-hint {
  background: #d4af37;
  color: #0b1f16;
}

.dark .surah-read-hint {
  background: #173628;
  color: #4fe5a3;
}

@media (max-width: 768px) {
  .quran-reader-toolbar {
    flex-direction: column;
    align-items: stretch;
    top: 70px;
  }
  .toolbar-left, .toolbar-right {
    justify-content: space-between;
  }
  .surah-nav-footer {
    grid-template-columns: 1fr;
  }
  .surah-nav-card.next-card {
    text-align: left;
  }
  .mushaf-page-container {
    padding: 24px 20px;
  }
}



/* Shared site chrome and balanced light/dark palettes */
.site-footer{position:relative;margin-top:clamp(42px,7vw,86px);border-top:1px solid var(--line);background:#f0eee3;color:var(--ink)}
.site-footer-inner{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.5fr);column-gap:48px;row-gap:24px;padding-block:30px 20px}
.site-footer-brand .brand{min-width:0;width:max-content}
.site-footer-brand .brand-mark{width:36px;height:36px;font-size:23px}
.site-footer-brand .brand strong{font-size:18px}
.site-footer-brand .brand small{font-size:9px}
.site-footer-brand>p{margin:12px 0 0;color:var(--muted);font:500 11px/1.7 Manrope,sans-serif}
.site-footer-links{display:flex;align-content:start;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 18px;padding-block:6px}
.site-footer-links a{padding:7px 0;color:var(--muted);font-size:10px;font-weight:600;transition:color .18s ease,transform .18s ease}
.site-footer-links a:hover{color:var(--green);transform:translateY(-1px)}
.site-footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}
body.dark{--paper:#14231a;--white:#1b2c21;--ink:#e7eee5;--muted:#b0c0ae;--line:#35483a;--green:#9bd0a1;--green2:#d7c78e;--shadow:0 18px 55px #07120c88;background-color:var(--paper);background-image:radial-gradient(ellipse at 12% 20%,#29433355 0,transparent 34%),radial-gradient(ellipse at 91% 65%,#26392d42 0,transparent 30%);color:var(--ink);color-scheme:dark}
.dark .site-header{background:#14231af2;border-color:#35483a;box-shadow:0 7px 24px #07120c45}
.dark .top-search{background:#1b2b21;border-color:#3a5040;box-shadow:0 5px 22px #07120c45}
.dark .top-search input{color:#e7eee5}
.dark .top-search input::placeholder{color:#a6b7a5}
.dark .top-search:focus-within{background:#203328;border-color:#91c89c;box-shadow:0 0 0 4px #9bd0a11c,0 7px 24px #07120c66}
.dark .top-search .search-leading{color:#a7d4aa}
.dark .top-search button,.dark .search button,.dark .closing>a{background:#39794f;color:#fbfff5}
.dark .top-search button:hover,.dark .search button:hover,.dark .closing>a:hover{background:#46865a}
.dark .theme-toggle{background:#1e3024;border-color:#415944;color:#b8dda9}
.dark .nav-strip{background:#1c3526;border-color:#33513a}
.dark .nav-strip .nav{color:#d9e8d7}
.dark .nav-strip .nav a:hover,.dark .nav-strip .nav a.active{color:#d3e9ae}
.dark .nav-indicator{background:linear-gradient(135deg,#a6cf8b2d,#5b9a6d24);border-color:#9acb8f72;box-shadow:0 0 20px #84bb8b24,inset 0 1px #ffffff1c}
.dark .area-card,.dark .daily-note,.dark .panel,.dark .trust,.dark .search-card-item,.dark .surah-item-card,.dark .module-tools article,.dark .capability,.dark .chain article,.dark .ecosystem-grid article{background-color:var(--white);border-color:var(--line);color:var(--ink)}
.dark .area-card:first-child{background:linear-gradient(110deg,#243b2b,#2b3a29);border-color:#40543d}
.dark .area-card:first-child .area-mark,.dark .area-card:first-child .area-links a,.dark .area-mark{background:#2b3e2d;border-color:#506441;color:#c3d89c}
.dark .area-mark:after{background:#2b3e2d}
.dark .area-main small,.dark .module-tools article>small,.dark .search-page-head>p,.dark .editorial-note{color:var(--muted)}
.dark .area-links,.dark .daily-foot,.dark .book-actions{border-color:#344a39}
.dark .area-links a,.dark .journey-option.active,.dark .section-side-note,.dark .filter-box,.dark .surah-number{background:#263a2b;border-color:#3b523d;color:#c4d8b7}
.dark .daily-note{background:linear-gradient(145deg,#1c2d22,#1a2a20);border-color:#394b3a}
.dark .daily-note blockquote,.dark .daily-arabic{color:#b9dda9}
.dark .daily-arabic{-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#a5d9ac 0%,#e0d39d 42%,#93cb9d 72%,#e6d598);background-size:250% auto}
.dark .daily-label .eyebrow,.dark .source-promise .eyebrow,.dark .section-heading .eyebrow{color:#c8d9a2}
.dark .source-promise,.dark .module-status,.dark .source-chain{background:#22372a;border-color:#3b503b;color:var(--ink)}
.dark .source-promise p,.dark .module-status p,.dark .journey-intro p{color:#bdcbbb}
.dark .source-chain-mini span,.dark .journey-option.active>span{background:#2a422e;border-color:#506646;color:#d0e5ad}
.dark .values-strip{border-color:#3b503d;color:#b4c2b2}
.dark .empty-state{background:var(--white);border-color:var(--line);color:var(--ink)}
.dark .card-item-badge{background:#2a4230;color:#b6dda7}
.dark .card-item-source{background:#3a3627;color:#e1cf91}
.dark .card-item-arabic,.dark .surah-arabic{color:#b2d9a4}
.dark .card-item-text{color:#e2eae0}
.dark .ayet-card-item{border-left-color:#83c592}
.dark .hadis-card-item{border-left-color:#cbb878}
.dark .module-hero p,.dark .module-hero-desc{color:#d0dfd1}
.dark .module-hero-search{background:#102219;border-color:#6f8b65}
.dark .module-hero-search input{color:#f4f8ef}
.dark .module-hero-search button{background:linear-gradient(135deg,#d9c987,#b5a565);color:#263627}
.dark .surah-number{background:#293a2c;color:#d4c48f}
.dark .hadis-sources-strip{background:linear-gradient(90deg,#203529,#26382a);border-color:#405441}
.dark .strip-lead{color:#d5d9a6}
.dark .source-pill{background:#203428;border-color:#425944;color:#d9e6d7}
.dark .source-pill:hover{background:#53845d;color:#fff}
.dark .library-shelf-group{background:#192a20;border-color:#35493a}
.dark .shelf-header{border-color:#35493a}
.dark .shelf-header h3{color:#e2ebdf}
.dark .shelf-header small{background:#2b3e2c;color:#d6cc9c}
.dark .shelf-book-card{background:#203126;border-color:#3b4d3d}
.dark .book-tag{background:#2a4330;color:#b6dca9}
.dark .book-link{color:#a3d4a5}
.dark .site-footer{background:#101d15;border-color:#35483a;color:var(--ink)}
.dark .site-footer-bottom{border-color:#35483a}
.dark .site-footer-links a{color:#b5c3b2}
.dark .site-footer-links a:hover{color:#b1dfa8}
.dark .site-footer-brand>p{color:#b5c3b2}
.dark .brand-mark{background:#23372a;border-color:#405640;color:#b9dda9}
.dark .brand-mark:after{border-color:#9bd0a180}
.dark .module-card{filter:none;background:#203529;color:var(--ink);border:1px solid #3b513e}
.dark .module-copy small{color:#c2cfc0}
.dark .search-page-head h1,.dark .module-body h2,.dark .section-heading h2{color:var(--ink)}
.dark ::selection{background:#5b9264;color:#fff}
@media(max-width:850px){.theme-toggle{display:grid;place-items:center}.dark .nav-strip .nav{background:#1b2d21;border-color:#3a4e3c}.dark .nav-strip .nav a{border-color:#314534}}
@media(max-width:700px){.site-footer-inner{grid-template-columns:1fr;gap:17px;padding-block:25px 18px}.site-footer-links{justify-content:flex-start;gap:4px 15px;padding:0}.site-footer-bottom{grid-column:auto;flex-direction:column;gap:5px}.theme-toggle{display:grid;width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.site-footer-links a,.theme-toggle{transition:none!important}}
html:not(.dark) body{background-color:#f7f4eb;color:#19382f}
html.dark body{background-color:#14231a;background-image:radial-gradient(ellipse at 12% 20%,#29433355 0,transparent 34%),radial-gradient(ellipse at 91% 65%,#26392d42 0,transparent 30%);color:#e7eee5}
.dark .journey-action-btn,.dark .journey-option.active .journey-badge,.dark .area-main .area-arrow{color:#eaf3e7}
.dark .journey-action-btn{background:#39794f;box-shadow:0 5px 17px #07120c55}
.dark .journey-option.active .journey-badge{background:#39794f;border-color:#39794f}
.dark .module-body h2,.dark .search-results h2,.dark .empty-state h2{color:var(--ink)}
.dark .filter-box input{color:#e7eee5}

/* Content-derived keyword cloud shared by every route */
.site-tag-cloud{display:grid;grid-template-columns:minmax(190px,.72fr) minmax(0,1.8fr);align-items:center;gap:24px;margin-top:clamp(38px,6vw,68px);margin-bottom:30px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tag-cloud-heading .eyebrow{font-size:8px;letter-spacing:1.5px;color:#8c7547}
.tag-cloud-heading h2{margin:5px 0;font:750 20px Manrope,sans-serif;letter-spacing:-.55px;color:var(--ink)}
.tag-cloud-heading p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}
.tag-cloud-terms{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px 10px}
.tag-cloud-word{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid transparent;border-radius:20px;color:#527257;font-weight:650;line-height:1.1;transition:transform .2s ease,color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.tag-cloud-word.weight-1{font-size:11px;color:#718171}
.tag-cloud-word.weight-2{font-size:13px;color:#597b5b}
.tag-cloud-word.weight-3{font-size:15px;color:#47724e}
.tag-cloud-word.weight-4{font-size:18px;color:#346846}
.tag-cloud-word.weight-5{font-size:21px;color:#245c3e}
.tag-cloud-word:hover,.tag-cloud-word:focus-visible{transform:translateY(-3px) rotate(-1deg);background:#e6eddc;border-color:#d3dfc7;color:#214f37;box-shadow:0 7px 18px #233c2617}
.site-footer{margin-top:0}
.dark .site-tag-cloud{border-color:#35483a}
.dark .tag-cloud-heading .eyebrow{color:#c7d7a3}
.dark .tag-cloud-word.weight-1{color:#a3b49f}
.dark .tag-cloud-word.weight-2{color:#b1c9a7}
.dark .tag-cloud-word.weight-3{color:#b5d3a4}
.dark .tag-cloud-word.weight-4{color:#c2dca9}
.dark .tag-cloud-word.weight-5{color:#d0e9ad}
.dark .tag-cloud-word:hover,.dark .tag-cloud-word:focus-visible{background:#2b422d;border-color:#4c6545;color:#ecf5df;box-shadow:0 8px 20px #08140c66}
@media(max-width:760px){.site-tag-cloud{grid-template-columns:1fr;gap:13px;margin-top:34px;padding:20px 0}.tag-cloud-terms{gap:7px 8px}.tag-cloud-word{padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.tag-cloud-word{transition:none!important}.tag-cloud-word:hover,.tag-cloud-word:focus-visible{transform:none!important}}

/* Keep the rotating light inside the gate; never create page-level sideways scroll. */
html,body{overflow-x:clip}
.bab-realm{overflow:clip;contain:paint;clip-path:inset(0 round 116px 116px 12px 12px)}

/* Source-led ilm feed: editorial stream with a compact topic rail. */
.ilm-stream{margin-top:clamp(30px,4.5vw,58px);scroll-margin-top:120px}
.ilm-stream-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:19px}
.ilm-stream-heading .eyebrow{color:#927944;font-size:9px;letter-spacing:1.5px}
.ilm-stream-heading h2{margin:7px 0 4px;color:var(--ink);font:800 clamp(25px,3.2vw,36px)/1.08 Manrope,sans-serif;letter-spacing:-1.4px}
.ilm-stream-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.ilm-stream-date{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #e2e7dd;border-radius:20px;background:#fffef9;color:#71806f;font:600 10px Manrope,sans-serif;white-space:nowrap}
.ilm-stream-date i{width:7px;height:7px;border-radius:50%;background:#5c9a69;box-shadow:0 0 0 4px #5c9a691a}
.ilm-stream-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(275px,.85fr);align-items:start;gap:17px}
.ilm-feed{display:grid;gap:12px;min-width:0}
.ilm-post,.ilm-discover{border:1px solid #e5e6dc;border-radius:19px;background:linear-gradient(145deg,#fffefa,#f8f7f0);box-shadow:0 9px 28px #253b2b08}
.ilm-post{min-width:0;padding:17px 19px 13px;transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease}
.ilm-post:hover{transform:translateY(-2px);border-color:#ccd7c5;box-shadow:0 15px 34px #253b2b12}
.ilm-post-head{display:flex;align-items:center;gap:10px;min-width:0}
.ilm-avatar{display:grid;flex:0 0 37px;width:37px;height:37px;place-items:center;border:1px solid #d9e4d5;border-radius:13px;background:#edf4e9;color:#567a50;font:20px Georgia,serif}
.ilm-post-hadith .ilm-avatar{background:#f5f0e2;border-color:#e8dfc5;color:#a27e39}
.ilm-post-book .ilm-avatar{background:#eaf0ed;border-color:#d8e3dc;color:#4e705e}
.ilm-post-head>div{display:grid;min-width:0;gap:3px}
.ilm-post-head b{overflow:hidden;color:#293d32;font:700 11px Manrope,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.ilm-post-head small{overflow:hidden;color:#829087;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.ilm-post-type{margin-left:auto;padding:6px 8px;border:1px solid #e4e8dd;border-radius:20px;background:#fffef9;color:#73846a;font:750 8px Manrope,sans-serif;letter-spacing:.9px}
.ilm-post blockquote{margin:14px 0 15px;padding-left:14px;border-left:2px solid #b5c896;color:#273b31;font:500 14px/1.75 Georgia,serif}
.ilm-post-hadith blockquote{font:500 12px/1.75 Manrope,sans-serif}
.ilm-post footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #e9e9df;color:#89928a;font:500 9px/1.5 Manrope,sans-serif}
.ilm-post footer>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ilm-post footer a{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;color:#427350;font-weight:750;white-space:nowrap}
.ilm-post footer a b{font-size:13px;transition:transform .2s ease}
.ilm-post footer a:hover b{transform:translate(2px,-2px)}
.ilm-book-note{margin:14px 0 15px;padding:13px 15px;border:1px solid #e7e4d4;border-radius:13px;background:linear-gradient(120deg,#f3f1e5,#faf8f0)}
.ilm-book-note h3{margin:0;color:#324737;font:700 18px/1.3 Georgia,serif}
.ilm-book-note p{margin:5px 0 0;color:#778376;font-size:10px}
.ilm-discover{position:sticky;top:114px;overflow:hidden}
.ilm-discover-head{padding:18px 19px 13px;border-bottom:1px solid #e7e8df}
.ilm-discover-head .eyebrow{color:#917843;font-size:8px;letter-spacing:1.4px}
.ilm-discover-head h3{margin:6px 0 4px;color:#2a3b30;font:750 17px Manrope,sans-serif;letter-spacing:-.4px}
.ilm-discover-head p{margin:0;color:#7d887f;font-size:10px;line-height:1.5}
.ilm-topic-list{display:grid;padding:5px 10px}
.ilm-topic{display:grid;grid-template-columns:24px minmax(0,1fr) 15px;align-items:center;gap:9px;padding:10px 8px;border-bottom:1px solid #ecece4;transition:background .18s ease,transform .18s ease}
.ilm-topic:last-child{border-bottom:0}
.ilm-topic:hover{transform:translateX(2px);border-radius:10px;background:#eff3e9}
.ilm-topic-index{display:grid;width:23px;height:23px;place-items:center;border-radius:8px;background:#edf2e6;color:#75875d;font:700 8px Manrope,sans-serif}
.ilm-topic>span:nth-child(2){display:grid;gap:3px;min-width:0}
.ilm-topic b{overflow:hidden;color:#34483a;font:700 10px Manrope,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.ilm-topic small{overflow:hidden;color:#89938a;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.ilm-topic>i{color:#72906c;font-size:12px;font-style:normal}
.ilm-stream-principle{display:flex;align-items:center;gap:9px;margin:0 14px 14px;padding:10px 12px;border-radius:12px;background:#eef2e6}
.ilm-stream-principle>span{color:#65834f;font-size:16px}
.ilm-stream-principle p{margin:0;color:#64745f;font:600 9px/1.5 Manrope,sans-serif}
.dark .ilm-stream-heading h2{color:var(--ink)}
.dark .ilm-stream-heading p,.dark .ilm-stream-date{color:#b4c1af}
.dark .ilm-stream-date{background:#1d2c21;border-color:#394a39}
.dark .ilm-post,.dark .ilm-discover{background:linear-gradient(145deg,#1c2b21,#18261e);border-color:#394b3a;box-shadow:0 10px 30px #0002}
.dark .ilm-post:hover{border-color:#607653;box-shadow:0 15px 34px #0003}
.dark .ilm-post-head b,.dark .ilm-discover-head h3,.dark .ilm-topic b{color:#e2ecdf}
.dark .ilm-post-head small,.dark .ilm-discover-head p,.dark .ilm-topic small,.dark .ilm-post footer{color:#adbcaa}
.dark .ilm-post blockquote{color:#e2ebdf}
.dark .ilm-avatar{background:#293a2c;border-color:#435640;color:#bad59f}
.dark .ilm-post-hadith .ilm-avatar{background:#3a3527;border-color:#625638;color:#dfcb88}
.dark .ilm-post-book .ilm-avatar{background:#26382d;border-color:#405744;color:#a9cdb1}
.dark .ilm-post-type{background:#26372a;border-color:#40523d;color:#c0d4a7}
.dark .ilm-post footer,.dark .ilm-discover-head,.dark .ilm-topic{border-color:#35463a}
.dark .ilm-post footer a,.dark .ilm-topic>i{color:#aed49e}
.dark .ilm-book-note{background:linear-gradient(120deg,#283627,#222f23);border-color:#45533c}
.dark .ilm-book-note h3{color:#ebecd9}
.dark .ilm-book-note p{color:#b6c2ae}
.dark .ilm-topic:hover,.dark .ilm-stream-principle{background:#293a2a}
.dark .ilm-topic-index{background:#34432d;color:#c1d8a1}
.dark .ilm-stream-principle p{color:#bdcda9}
@media(max-width:850px){.ilm-stream-layout{grid-template-columns:1fr}.ilm-discover{position:static}.ilm-topic-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}.ilm-topic:nth-last-child(2){border-bottom:0}}
@media(max-width:600px){.ilm-stream{margin-top:30px}.ilm-stream-heading{align-items:flex-start;flex-direction:column;gap:11px}.ilm-stream-heading h2{font-size:29px}.ilm-post{padding:15px 14px 12px;border-radius:16px}.ilm-post blockquote{font-size:13px}.ilm-post-hadith blockquote{font-size:11px}.ilm-post footer{align-items:flex-start;flex-direction:column;gap:6px}.ilm-topic-list{grid-template-columns:1fr}.ilm-topic:nth-last-child(2){border-bottom:1px solid #ecece4}.dark .ilm-topic:nth-last-child(2){border-color:#35463a}}
@media(prefers-reduced-motion:reduce){.ilm-post,.ilm-post footer a b,.ilm-topic{transition:none!important}.ilm-post:hover,.ilm-topic:hover{transform:none!important}}

/* Carry the forest green identity through the whole home page in both themes. */
:root{--home-forest:#153f33;--home-forest-raised:#20523e;--home-sage:#edf2e9;--home-sage-edge:#d9e3d5;--home-gold:#e1c781}
.dark{--home-forest:#173a2a;--home-forest-raised:#224a34;--home-sage:#1d3023;--home-sage-edge:#3b5540;--home-gold:#d8ca91}
.ilm-stream-heading .eyebrow{color:#587d4f}
.ilm-stream-date{border-color:var(--home-sage-edge);background:var(--home-sage);color:#52694f}
.ilm-stream-layout{align-items:stretch}
.ilm-post{border-left:3px solid #719264;background:linear-gradient(145deg,#fffefa,#f3f5ed)}
.ilm-post-hadith{border-left-color:#b39758}
.ilm-post-book{border-left-color:#3e7960}
.ilm-discover{background:var(--home-sage);border-color:var(--home-sage-edge)}
.ilm-discover-head{background:linear-gradient(125deg,var(--home-forest),var(--home-forest-raised));border-bottom:0}
.ilm-discover-head .eyebrow{color:var(--home-gold)}
.ilm-discover-head h3{color:#f7f6eb}
.ilm-discover-head p{color:#d1dfd2}
.ilm-topic-list{padding:8px 10px}
.ilm-topic{border-color:#dce5d9}
.ilm-topic-index{background:#dfe9dc;color:#426b4d}
.ilm-stream-principle{background:#dce9d9}
.ilm-stream-principle p{color:#395d42}
.journey{border-color:var(--home-sage-edge);background:linear-gradient(135deg,#f2f5ed,#e6eee3);box-shadow:0 22px 60px #203a2b0d}
.journey-result{background:linear-gradient(125deg,var(--home-forest),var(--home-forest-raised))}
.source-promise{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--home-forest),#1d4a39);border:1px solid #3c6a4b;color:#f7f6eb;box-shadow:0 14px 34px #173a2b1c}
.source-promise:after{position:absolute;right:-52px;bottom:-96px;width:230px;height:230px;border:1px solid #d9f27a24;border-radius:50%;box-shadow:0 0 0 18px #ffffff05,0 0 0 39px #ffffff04;content:"";pointer-events:none}
.source-promise .eyebrow{position:relative;z-index:1;color:var(--home-gold)}
.source-promise h2{position:relative;z-index:1;color:#fffdf2}
.source-promise p{position:relative;z-index:1;color:#d4e0d4}
.source-chain-mini{position:relative;z-index:1}
.source-promise .chain-step{background:#244c39;border-color:#52734d;color:#e4e8ce}
.source-promise .chain-arrow{color:var(--home-gold)}
.source-promise:hover .source-chain-mini .chain-step{background:#315b42;border-color:#84945e;color:#fffdf2}
.values-strip{position:relative;overflow:hidden;margin-top:30px!important;border:1px solid #376448!important;border-radius:15px;background:linear-gradient(105deg,var(--home-forest),var(--home-forest-raised))!important;box-shadow:0 12px 28px #153f331b}
.values-strip .val-item{color:#f0f2e5}
.values-strip .val-item:hover{color:#fff}
.values-strip .val-mark,.values-strip .val-dot{color:var(--home-gold)}
.values-strip .val-dot{opacity:.8}
.dark .ilm-stream-heading .eyebrow{color:#c4d69e}
.dark .ilm-stream-date{background:#263a2a;border-color:#405941;color:#c5d4b9}
.dark .ilm-post{background:linear-gradient(145deg,#1c2e23,#19291f);border-color:#394d3c;border-left-color:#79a66d}
.dark .ilm-post-hadith{border-left-color:#c8ad68}
.dark .ilm-post-book{border-left-color:#67a383}
.dark .ilm-discover{background:#1b2c21;border-color:#354a38}
.dark .ilm-topic{border-color:#354a38}
.dark .ilm-topic-index{background:#2c432e;color:#c2d8a5}
.dark .ilm-topic:hover{background:#2a3d2b}
.dark .ilm-stream-principle{background:#2b422e}
.dark .ilm-stream-principle p{color:#d0e0b6}
.dark .journey{background:linear-gradient(135deg,#1a2c21,#203626);border-color:#3b5540}
.dark .journey-result{background:linear-gradient(125deg,#10291e,#19422d)}
.dark .source-promise{background:linear-gradient(135deg,#112b20,#1b432f);border-color:#355c40;box-shadow:0 14px 34px #0003}
.dark .source-promise p{color:#d0dfd1}
.dark .source-promise .chain-step{background:#234331;border-color:#456548;color:#e0e8cf}
.dark .source-promise:hover .source-chain-mini .chain-step{background:#31563c;border-color:#79905c;color:#fff}
.dark .values-strip{background:linear-gradient(105deg,#112a20,#1b422d)!important;border-color:#3b6143!important;box-shadow:0 12px 28px #0003}
@media(max-width:700px){.values-strip{border-radius:12px}.source-promise:after{right:-95px;bottom:-120px}}

/* A tiny wandering ant, kept beneath the homepage content. */
:root{--home-ant:#586d45}
.dark{--home-ant:#a6c88e}
main{position:relative;isolation:isolate}
.home-ant{position:fixed;z-index:-1;top:67vh;left:-42px;width:23px;height:16px;overflow:visible;color:var(--home-ant);opacity:.16;pointer-events:none;animation:home-ant-wander 52s linear infinite;filter:drop-shadow(0 0 3px currentColor)}
.home-ant-legs{transform-box:fill-box;transform-origin:center;animation:home-ant-step .18s ease-in-out infinite alternate}
@keyframes home-ant-wander{0%{transform:translate3d(0,0,0) rotate(-8deg)}18%{transform:translate3d(18vw,2vh,0) rotate(5deg)}38%{transform:translate3d(40vw,-1vh,0) rotate(-4deg)}61%{transform:translate3d(65vw,2vh,0) rotate(6deg)}82%{transform:translate3d(88vw,-1vh,0) rotate(-3deg)}100%{transform:translate3d(calc(100vw + 60px),1vh,0) rotate(4deg)}}
@keyframes home-ant-step{from{transform:rotate(-5deg)}to{transform:rotate(5deg)}}
@media(max-width:700px){.home-ant{top:72vh;width:19px;height:14px;opacity:.12;animation-duration:64s}}
@media(prefers-reduced-motion:reduce){.home-ant{animation:none;left:10px;top:78vh;opacity:.12}.home-ant-legs{animation:none}}
.ilm-feed-loader{display:flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:8px 12px;color:#718173;text-align:center}
.ilm-feed-loader p{margin:0;font:600 10px/1.5 Manrope,sans-serif}
.ilm-feed-loader-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#6e9561;opacity:.45}
.ilm-feed-loader.is-loading .ilm-feed-loader-dot{opacity:1;animation:feed-breathe 1s ease-in-out infinite alternate}
.ilm-feed-loader button{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #d7e2d3;border-radius:20px;background:#edf3e9;color:#315c40;font:700 10px Manrope,sans-serif;cursor:pointer}
.ilm-feed-loader button[hidden]{display:none}
.ilm-feed-loader button:hover{background:#dfeadb}
.ilm-feed-loader button b{font-size:13px}
.dark .ilm-feed-loader{color:#afc0ac}
.dark .ilm-feed-loader-dot{background:#a6cd89}
.dark .ilm-feed-loader button{border-color:#405a42;background:#263b2b;color:#c8dfa9}
.dark .ilm-feed-loader button:hover{background:#314932}
@keyframes feed-breathe{from{transform:scale(.8);box-shadow:0 0 0 0 #78a36a00}to{transform:scale(1.2);box-shadow:0 0 0 5px #78a36a22}}
@media(prefers-reduced-motion:reduce){.ilm-feed-loader.is-loading .ilm-feed-loader-dot{animation:none}}

/* Three clear next steps, replacing the old tab and result panel. */
.journey{display:block;margin-top:clamp(42px,6vw,76px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.journey-paths-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.journey-paths-head .eyebrow{color:#6e8954;font-size:9px;letter-spacing:1.5px}
.journey-paths-head h2{margin:7px 0 0;color:var(--ink);font:800 clamp(25px,3vw,34px)/1.1 Manrope,sans-serif;letter-spacing:-1.25px}
.journey-paths-head>p{margin:0 0 3px;color:var(--muted);font-size:11px}
.journey-paths-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.journey-path{--path-accent:#58794d;position:relative;display:flex;min-width:0;min-height:226px;flex-direction:column;align-items:flex-start;padding:19px 20px 17px;overflow:hidden;border:1px solid #dce5d8;border-radius:18px;background:linear-gradient(145deg,#f1f5ed,#e8efe5);color:#203c2e;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.journey-path:after{position:absolute;right:-40px;top:-48px;width:128px;height:128px;border:1px solid #4c76521a;border-radius:50%;box-shadow:0 0 0 15px #4c76520a,0 0 0 31px #4c765207;content:"";pointer-events:none;transition:transform .45s ease}
.journey-path:hover{transform:translateY(-4px);border-color:#b5c9ad;box-shadow:0 16px 35px #203a2b12}
.journey-path:hover:after{transform:scale(1.12)}
.journey-path-top{display:flex;width:100%;align-items:center;justify-content:space-between;margin-bottom:18px}
.journey-path-top i{display:grid;width:29px;height:29px;place-items:center;border:1px solid #cadbc5;border-radius:9px;background:#ffffff9c;color:#668354;font:700 9px Manrope,sans-serif;font-style:normal}
.journey-path-top>b{display:grid;width:39px;height:39px;place-items:center;border:1px solid #d4e0cf;border-radius:13px;background:#ffffffa8;color:var(--path-accent);font:22px Georgia,serif;font-weight:400}
.journey-path>small{color:#698253;font:750 8px Manrope,sans-serif;letter-spacing:1.1px}
.journey-path h3{position:relative;z-index:1;margin:8px 0 7px;color:#213c2d;font:750 clamp(17px,1.7vw,20px)/1.24 Manrope,sans-serif;letter-spacing:-.55px}
.journey-path p{max-width:290px;margin:0 0 18px;color:#657568;font-size:10px;line-height:1.65}
.journey-path-link{display:flex;align-items:center;gap:8px;margin-top:auto;color:#456d48;font:750 10px Manrope,sans-serif}
.journey-path-link b{font-size:13px;transition:transform .2s ease}
.journey-path:hover .journey-path-link b{transform:translate(2px,-2px)}
.journey-path-quran{--path-accent:#d4c181;background:linear-gradient(135deg,#153f33,#1d513d);border-color:#315e47;color:#f8f6e9;box-shadow:0 15px 36px #173f3421}
.journey-path-quran:after{border-color:#d9f27a24;box-shadow:0 0 0 15px #ffffff06,0 0 0 31px #ffffff04}
.journey-path-quran .journey-path-top i,.journey-path-quran .journey-path-top>b{background:#ffffff10;border-color:#ffffff2b;color:#e1d08b}
.journey-path-quran>small{color:#decf91}
.journey-path-quran h3{color:#fffdf2}
.journey-path-quran p{color:#d1dfd4}
.journey-path-quran .journey-path-link{color:#e1d08b}
.journey-path-life{--path-accent:#548064}
.journey-path-books{--path-accent:#94784b;background:linear-gradient(145deg,#f4f2e8,#efeee3);border-color:#e2dfce}
.journey-path-books .journey-path-top i{border-color:#e1dcc7;color:#89754a}
.journey-path-books .journey-path-top>b{border-color:#e3dec9;background:#fffdf4;color:#9c8146}
.journey-path-books>small{color:#8e7948}
.journey-path-books h3{color:#354437}
.journey-path-books p{color:#72786a}
.journey-path-books .journey-path-link{color:#77663e}
.dark .journey-paths-head .eyebrow{color:#c0d69a}
.dark .journey{background:transparent;border:0;box-shadow:none}
.dark .journey-paths-grid .journey-path{background:linear-gradient(145deg,#1b3023,#203a29);border-color:#3c5740;color:#e7eee5;box-shadow:0 12px 32px #0002}
.dark .journey-paths-grid .journey-path:hover{border-color:#66825a;box-shadow:0 16px 35px #0003}
.dark .journey-paths-grid .journey-path:after{border-color:#a6cd8920;box-shadow:0 0 0 15px #ffffff05,0 0 0 31px #ffffff03}
.dark .journey-paths-grid .journey-path-top i,.dark .journey-paths-grid .journey-path-top>b{background:#2b432f;border-color:#4b6547;color:#c4dda1}
.dark .journey-paths-grid .journey-path>small{color:#c0d79a}
.dark .journey-paths-grid .journey-path h3{color:#edf3e6}
.dark .journey-paths-grid .journey-path p{color:#b5c3b2}
.dark .journey-paths-grid .journey-path-link{color:#c6dfa2}
.dark .journey-paths-grid .journey-path-quran{background:linear-gradient(135deg,#102a1e,#1a422c);border-color:#3b6243}
.dark .journey-paths-grid .journey-path-quran .journey-path-top i,.dark .journey-paths-grid .journey-path-quran .journey-path-top>b{background:#ffffff10;border-color:#ffffff30;color:#e0d18f}
.dark .journey-paths-grid .journey-path-quran>small,.dark .journey-paths-grid .journey-path-quran .journey-path-link{color:#e0d18f}
@media(max-width:760px){.journey-paths-head{align-items:flex-start;flex-direction:column;gap:8px}.journey-paths-grid{grid-template-columns:1fr}.journey-path{min-height:190px;padding:17px}.journey-path-top{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.journey-path,.journey-path:after,.journey-path-link b{transition:none!important}.journey-path:hover{transform:none!important}}