.knowing-page [hidden]{display:none!important}
.knowing-hero{display:grid;grid-template-columns:1fr 300px;align-items:center;gap:40px;padding:24px 0 50px}
.knowing-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.22;margin:20px 0 16px}
.knowing-hero h1 span{color:var(--p-accent)}
.knowing-intro{color:var(--p-muted);line-height:1.9;font-size:15px}
.knowing-intro [lang=ar]{font-size:18px}
.knowing-art{position:relative;display:grid;place-items:center;width:270px;height:270px;justify-self:center;background:radial-gradient(circle,#abe8f559,transparent 70%)}
.knowing-art-orbit{position:absolute;inset:12px;border:1px dashed #91cddb;border-radius:50%;transform:rotate(-20deg)}
.knowing-art-mark{display:grid;place-items:center;width:152px;height:165px;background:linear-gradient(145deg,#078ab9,#56c9d2);color:#fff;font:800 112px/1 Heebo,sans-serif;border-radius:44px;transform:rotate(-10deg);box-shadow:12px 18px 0 #18a4c013,0 18px 42px #248baa26;animation:knowing-float 5s ease-in-out infinite alternate}
.knowing-art-spark,.knowing-art-check{position:absolute;display:grid;place-items:center;border:1px solid var(--p-line);border-radius:18px;background:var(--p-panel);box-shadow:var(--p-shadow);width:58px;height:58px;font-size:30px;color:#a27ae0;top:15px;right:5px}
.knowing-art-check{top:auto;right:auto;bottom:35px;left:5px;color:#12a793;transform:rotate(9deg)}
.knowing-art-caption{position:absolute;bottom:-10px;color:var(--p-muted);font-size:12px}
.knowing-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 24px}
.knowing-section-head h2{font-size:26px;line-height:1.5;margin:10px 0 0;color:var(--p-ink)}
.knowing-count{border:1px solid var(--p-line);border-radius:30px;padding:8px 15px;white-space:nowrap;color:var(--p-muted);font-size:12px;background:var(--p-panel)}
.knowing-toolbar{display:flex;align-items:end;gap:18px;margin-bottom:26px}
.knowing-search{flex:1;min-width:0}.knowing-search label{display:block;font-size:13px;margin-bottom:9px;font-weight:600}.knowing-search label span{color:var(--p-muted);margin-inline-start:8px;font-size:15px}
.knowing-search>div{position:relative}.knowing-search>div>span{position:absolute;right:17px;top:7px;font:30px Arial;color:var(--p-accent)}
.knowing-search input{width:100%;height:54px;border:1px solid var(--p-line);border-radius:15px;padding:12px 48px 12px 16px;background:var(--p-panel);color:var(--p-ink);font:400 15px Tajawal,Heebo,sans-serif}
.knowing-search input::placeholder{color:var(--p-muted)}
.knowing-expand{min-height:54px;padding:10px 18px;border:1px solid var(--p-line);border-radius:15px;background:var(--p-soft);color:var(--p-accent);font-size:13px;cursor:pointer;max-width:260px}
.knowing-expand:disabled{opacity:.5;cursor:default}.knowing-search-status{color:var(--p-muted);font-size:13px}
.knowing-empty{text-align:center;padding:40px 20px;background:var(--p-panel);border:1px dashed var(--p-line);border-radius:20px;color:var(--p-muted);line-height:2}.knowing-empty span{font-size:18px}
.knowing-help{display:flex;gap:20px;align-items:center;padding:27px 30px;background:var(--p-soft);border:1px solid var(--p-line);border-radius:24px;margin-top:40px}.knowing-help h2{font-size:22px;margin:0 0 5px}.knowing-help p{font-size:18px;color:var(--p-muted);margin:0}.knowing-help .portal-primary{margin-inline-start:auto;white-space:nowrap;gap:18px}
@keyframes knowing-float{to{transform:translateY(-8px) rotate(-5deg)}}@keyframes knowing-answer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.knowing-hero{grid-template-columns:1fr 210px;gap:15px}.knowing-art{width:200px;height:220px}.knowing-art-mark{width:125px;height:140px;font-size:95px}.knowing-art-spark,.knowing-art-check{width:45px;height:45px}.knowing-list{grid-template-columns:1fr}}
@media(max-width:560px){.knowing-hero{grid-template-columns:1fr;padding-top:10px;padding-bottom:30px}.knowing-art{display:none}.knowing-hero h1{font-size:42px}.knowing-section-head{align-items:start}.knowing-section-head h2{font-size:22px}.knowing-count{font-size:10px;padding:7px 10px}.knowing-toolbar{flex-direction:column;align-items:stretch;gap:12px}.knowing-expand{max-width:none;min-height:44px}.knowing-question{font-size:19px}.knowing-help{flex-wrap:wrap;padding:22px;gap:15px}.knowing-help .portal-icon{display:none}.knowing-help .portal-primary{margin:0;width:100%}.knowing-intro{font-size:14px}}
@media(prefers-reduced-motion:reduce){.knowing-art-mark,.knowing-answer{animation:none}.knowing-card,.knowing-plus:after{transition:none}}

/* Flip cards inspired by the original Knowing page; equal-height faces with independently scrollable answers. */
.knowing-page{position:relative;isolation:isolate}
.knowing-aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(135deg,#eef4ff,#f8fcff 45%,#effbf7)}
.knowing-aurora i{position:absolute;width:58vmax;height:58vmax;min-width:360px;min-height:360px;border-radius:42% 58% 64% 36%;filter:blur(65px);opacity:.52;background:radial-gradient(ellipse,#b8a4fa 0%,#d7c5ff80 45%,transparent 72%);top:-28%;left:-22%;animation:knowing-aurora-drift 22s ease-in-out infinite alternate}
.knowing-aurora i:nth-child(2){background:radial-gradient(ellipse,#62d9ed 0%,#a4e9ff80 45%,transparent 72%);left:auto;right:-26%;top:15%;animation-name:knowing-aurora-wave;animation-duration:26s;animation-delay:-9s}
.knowing-aurora i:nth-child(3){background:radial-gradient(ellipse,#79dfc2 0%,#c3f3d580 45%,transparent 72%);top:65%;left:10%;animation-duration:30s;animation-delay:-17s}
.knowing-aurora:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#7098bf26 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(transparent,#0005,transparent);pointer-events:none}
[data-theme=dark] .knowing-aurora{background:linear-gradient(135deg,#15172c,#0d1c2a 50%,#102c2b)}
[data-theme=dark] .knowing-aurora i{opacity:.26}
.knowing-hero{padding-bottom:24px;padding-top:0;gap:25px}.knowing-hero h1{font-size:clamp(36px,4.2vw,54px)}.knowing-art{height:240px}
.knowing-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.knowing-card{--k-accent:#0799b8;--k-soft:#e3f7fb;--k-wash:#f0fbff;min-width:0;perspective:1500px}
.knowing-card:nth-child(4n+2){--k-accent:#9362d4;--k-soft:#eee5fc;--k-wash:#f8f4ff}
.knowing-card:nth-child(4n+3){--k-accent:#149f88;--k-soft:#e0f6ee;--k-wash:#f0fbf6}
.knowing-card:nth-child(4n+4){--k-accent:#c68b25;--k-soft:#fff1d5;--k-wash:#fffaf0}
.knowing-flip{position:relative;transform-style:preserve-3d}
.knowing-front,.knowing-back{width:100%;min-width:0;min-height:300px;border:1px solid var(--p-line);border-top:3px solid var(--k-accent);border-radius:26px;background:linear-gradient(145deg,var(--p-panel) 25%,var(--k-wash));color:var(--p-ink);box-shadow:0 12px 38px #204d7010;overflow-wrap:anywhere;padding:28px}
.knowing-front{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;cursor:pointer;text-align:center;overflow:hidden}
.knowing-front::before{content:'';position:absolute;inset:30px;background:url('logo.png') center/150px no-repeat;opacity:.05;pointer-events:none}
.knowing-front>*{position:relative}.knowing-number{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:var(--k-soft);color:var(--k-accent);font:600 14px Heebo,sans-serif;align-self:flex-start}
.knowing-question{font:700 25px/1.6 Tajawal,Heebo,sans-serif;flex:1;display:grid;align-items:center;max-width:100%}
.knowing-reveal-hint{display:none;align-items:center;gap:9px;font:500 12px/1.6 Heebo,Tajawal,sans-serif;color:var(--p-muted)}.knowing-reveal-hint [lang=ar]{font-size:14px}.knowing-reveal-hint>span:last-child{font-size:21px;color:var(--k-accent)}
.knowing-back{margin-top:12px}.knowing-back-head{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--k-accent);font-weight:600}.knowing-back-head>span{display:flex;align-items:center;gap:10px}.knowing-back-head [lang=ar]{font-size:17px}
.knowing-close{display:none;width:40px;height:40px;flex-shrink:0;border:1px solid var(--p-line);border-radius:12px;background:var(--p-panel);color:var(--p-ink);font-size:23px;cursor:pointer}
.knowing-back h3{font:700 19px/1.6 Tajawal,Heebo,sans-serif;border-bottom:1px solid var(--p-line);padding-bottom:14px;margin:14px 0}
.knowing-answer{font:500 19px/1.95 Tajawal,Heebo,sans-serif;color:var(--p-ink);overflow-wrap:anywhere}
.knowing-answer p{margin:0 0 12px}.knowing-answer p:last-child{margin-bottom:0}.knowing-answer :is(p,span,font,li,div){font-family:Tajawal,Heebo,sans-serif!important;color:inherit!important;background-color:transparent!important;font-size:inherit!important}.knowing-answer img,.knowing-answer iframe{max-width:100%;height:auto}.knowing-answer table{display:block;max-width:100%;overflow:auto}.knowing-answer ul,.knowing-answer ol{padding-inline-start:24px}.knowing-answer a{overflow-wrap:anywhere;text-decoration:underline}
.knowing-ready .knowing-flip{display:grid;grid-template-rows:minmax(0,1fr);height:360px;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.knowing-ready .knowing-front,.knowing-ready .knowing-back{grid-area:1/1;height:100%;min-height:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.knowing-ready .knowing-back{display:flex;flex-direction:column;overflow:hidden;transform:rotateY(180deg);margin:0}.knowing-ready .knowing-back-head{flex-shrink:0}.knowing-ready .knowing-back h3{flex-shrink:0;max-height:92px;overflow:auto}.knowing-ready .knowing-answer{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--k-accent) transparent;padding-inline-end:8px;scrollbar-gutter:stable}.knowing-ready .knowing-answer:focus-visible{outline-offset:-3px;border-radius:6px}.knowing-ready .knowing-question{min-height:0;overflow:auto}.knowing-ready .knowing-number,.knowing-ready .knowing-reveal-hint{flex-shrink:0}.knowing-ready .is-flipped .knowing-flip{transform:rotateY(180deg)}
.knowing-ready .knowing-reveal-hint{display:flex}.knowing-ready .knowing-close{display:block}
.knowing-front:hover{border-color:var(--k-accent);box-shadow:0 15px 42px #204d7020}
[data-theme=dark] .knowing-card{--k-wash:#163445;--k-soft:#1c4355;--k-accent:#67cde5}
[data-theme=dark] .knowing-card:nth-child(4n+2){--k-wash:#29213c;--k-soft:#3b2c55;--k-accent:#c2a2f3}
[data-theme=dark] .knowing-card:nth-child(4n+3){--k-wash:#12372f;--k-soft:#20493e;--k-accent:#6cddbc}
[data-theme=dark] .knowing-card:nth-child(4n+4){--k-wash:#363025;--k-soft:#484032;--k-accent:#efd085}
@keyframes knowing-aurora-drift{from{transform:translate3d(-3vw,-2vh,0) rotate(-12deg) scale(.95)}to{transform:translate3d(15vw,12vh,0) rotate(20deg) scale(1.12)}}@keyframes knowing-aurora-wave{from{transform:translate3d(5vw,-4vh,0) scale(1.1)}to{transform:translate3d(-12vw,14vh,0) rotate(-18deg) scale(.9)}}
@media(max-width:800px){.knowing-list{grid-template-columns:1fr}.knowing-front,.knowing-back{min-height:275px}}
@media(max-width:560px){.knowing-front,.knowing-back{padding:22px;border-radius:22px}.knowing-question{font-size:23px}.knowing-reveal-hint{font-size:11px}.knowing-answer{font-size:18px}.knowing-list{gap:18px}.knowing-section-head{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.knowing-aurora i{animation:none}.knowing-ready .knowing-flip{transition:none}}