/*
Theme Name: هنا تعرف
Theme URI: https://hunataref.com
Description: هوية تحريرية عربية لمدونة هنا تعرف.
Author: هنا تعرف
Template: astra
Version: 2.0.0
Text Domain: hunataref
*/
@font-face{font-family:"Thmanyah Sans";src:url("assets/fonts/thmanyah-sans-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("assets/fonts/thmanyah-sans-medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("assets/fonts/thmanyah-sans-bold.woff2") format("woff2");font-weight:700;font-display:swap}
:root{--navy:#1E3A8A;--blue:#2563EB;--sky:#60A5FA;--ice:#DBEAFE;--ink:#102354;--paper:#F8FAFF;--white:#fff;--muted:#526487;--line:rgba(30,58,138,.14);--shadow:0 24px 70px rgba(30,58,138,.11);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Thmanyah Sans",sans-serif;line-height:1.75;direction:rtl}body.admin-bar .site-header{top:32px}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.skip-link{position:fixed;z-index:9999;top:8px;right:8px;padding:10px 16px;background:#fff;color:var(--navy);transform:translateY(-150%)}.skip-link:focus{transform:none}img{max-width:100%;height:auto}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(248,250,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-inner{min-height:88px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:50px;height:50px}.brand-name{display:block;font-size:28px;line-height:1;font-weight:700;color:var(--navy)}.brand-tagline{display:block;margin-top:7px;color:var(--muted);font-size:12px}.main-nav{margin-inline:auto}.main-nav ul{display:flex;gap:6px;align-items:center;list-style:none;margin:0;padding:0}.main-nav a{display:block;padding:30px 14px 27px;color:var(--ink);font-weight:500;position:relative}.main-nav a:after{content:"";position:absolute;right:14px;left:14px;bottom:20px;height:2px;background:var(--blue);transform:scaleX(0);transition:.2s}.main-nav a:hover:after,.main-nav .current-menu-item>a:after{transform:scaleX(1)}.menu-toggle{display:none;border:0;background:transparent;color:var(--navy);font-size:27px}.search-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--navy);font-size:23px;cursor:pointer;transition:.2s}.search-toggle:hover{color:#fff;background:var(--blue);border-color:var(--blue)}
.hero{padding:64px 0 34px}.hero-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1.12fr .88fr;min-height:610px;background:var(--navy);color:#fff;border-radius:34px;box-shadow:var(--shadow)}.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 52%,rgba(37,99,235,.52));pointer-events:none}.hero-copy{position:relative;z-index:2;align-self:center;padding:72px 64px}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:16px;color:var(--blue);font-size:14px;font-weight:700}.hero .eyebrow{color:var(--ice)}.eyebrow i{width:28px;height:2px;background:var(--sky)}.hero h1{max-width:700px;margin:0 0 22px;font-size:clamp(48px,5vw,70px);line-height:1.17;letter-spacing:-1.4px;color:#fff}.hero h1 em{font-style:normal;color:var(--sky)}.hero p{max-width:650px;margin:0 0 34px;color:var(--ice);font-size:20px;line-height:1.9}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:54px;padding:12px 25px;border-radius:999px;font-weight:700;transition:.22s}.button-primary{background:var(--blue);color:#fff;box-shadow:0 13px 30px rgba(37,99,235,.36)}.button-primary:hover{background:var(--sky);color:var(--navy);transform:translateY(-2px)}.button-secondary{border:1px solid rgba(219,234,254,.55);color:var(--ice)}.button-secondary:hover{background:rgba(219,234,254,.1)}.hero-visual{position:relative;z-index:1;display:grid;place-items:center;min-width:0}.knowledge-window{position:relative;width:min(370px,80%);aspect-ratio:1;border:1px solid rgba(219,234,254,.28);border-radius:50%;display:grid;place-items:center;background:rgba(96,165,250,.07)}.knowledge-window:before,.knowledge-window:after{content:"";position:absolute;background:rgba(219,234,254,.19)}.knowledge-window:before{width:1px;height:118%;}.knowledge-window:after{width:118%;height:1px}.window-core{display:grid;place-items:center;width:150px;height:150px;border-radius:38px;background:#fff;box-shadow:0 25px 60px rgba(5,20,66,.32);transform:rotate(3deg)}.window-core img{width:116px}.knowledge-window b{position:absolute;top:15%;right:-8%;font-size:88px;line-height:1;color:rgba(219,234,254,.14)}.knowledge-window small{position:absolute;bottom:8%;font-size:13px;color:var(--ice);letter-spacing:.3px}.window-ray{position:absolute;border:1px solid rgba(96,165,250,.35);border-radius:50%}.ray-one{width:124%;height:124%}.ray-two{width:144%;height:144%;border-style:dashed}
.search-strip{padding:16px 0 44px}.search-panel{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:24px 30px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 40px rgba(30,58,138,.06)}.search-intro{display:flex;align-items:center;gap:20px}.search-number{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--ice);color:var(--navy);font-weight:700}.search-panel .eyebrow{margin:0;color:var(--blue)}.search-panel h2{margin:0;font-size:28px}.search-panel .search-form{display:flex;width:min(460px,100%);padding:5px;border:1px solid var(--line);border-radius:999px;background:var(--paper)}.search-panel label{flex:1}.search-panel .search-field{width:100%;height:48px;padding:8px 18px!important;border:0!important;background:transparent!important;color:var(--ink)!important;font:inherit}.search-panel .search-submit{border:0;border-radius:999px;background:var(--navy);color:#fff;padding:0 24px;font-family:inherit;font-weight:700;cursor:pointer}
.section{padding:62px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-index{display:block;margin-bottom:9px;color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.5px}.section-heading h2{margin:0;font-size:clamp(32px,3.2vw,44px);line-height:1.28}.section-heading p{margin:7px 0 0;color:var(--muted);font-size:17px}.more-link{display:inline-flex;gap:10px;align-items:center;color:var(--blue);font-weight:700;white-space:nowrap}.more-link span{transition:.2s}.more-link:hover span{transform:translateX(-5px)}.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.topic{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;min-height:210px;padding:32px;background:#fff;transition:.25s}.topic:hover{z-index:1;background:var(--navy);color:#fff;transform:translateY(-4px)}.topic-icon{font-size:13px;color:var(--blue);font-weight:700}.topic h3{margin:0 0 8px;font-size:27px}.topic p{margin:0;color:var(--muted)}.topic:hover p,.topic:hover .topic-icon{color:var(--ice)}.topic b{align-self:end;color:var(--blue);font-size:23px}.topic:hover b{color:var(--sky)}
.latest-section{background:#fff;border-block:1px solid var(--line)}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:.25s}.post-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.post-thumb{display:block;aspect-ratio:16/9;background:var(--ice);overflow:hidden}.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.post-card:hover .post-thumb img{transform:scale(1.035)}.post-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,var(--ice),rgba(96,165,250,.32));color:var(--blue);font-size:44px}.post-body{padding:24px}.post-meta{margin-bottom:10px;color:var(--blue);font-size:13px}.post-card h3{margin:0 0 11px;font-size:23px;line-height:1.45}.post-card p{margin:0 0 16px;color:var(--muted)}.read-more{display:inline-flex;color:var(--blue);font-weight:700}.popular-section{background:linear-gradient(180deg,var(--paper),var(--ice))}.empty-state{grid-column:1/-1;padding:40px;border:1px dashed var(--blue);border-radius:18px;text-align:center}
.site-footer{margin-top:0;padding-top:58px;background:var(--navy);color:#fff}.footer-brand{display:flex;align-items:center;gap:18px;padding-bottom:42px}.footer-brand img{width:64px;height:64px}.footer-brand strong{display:block;font-size:28px}.footer-brand p{margin:2px 0 0;color:var(--ice)}.footer-inner{display:flex;justify-content:space-between;gap:22px;padding:25px 0;border-top:1px solid rgba(219,234,254,.2);font-size:14px;color:var(--ice)}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a:hover{color:var(--sky)}
.search-dialog[hidden]{display:none}.search-dialog{position:fixed;inset:0;z-index:1000;display:grid;place-items:start center;padding:12vh 20px}.search-backdrop{position:absolute;inset:0;border:0;background:rgba(8,25,70,.8);backdrop-filter:blur(9px)}.search-modal{position:relative;width:min(720px,100%);max-height:76vh;overflow:auto;padding:30px;border-radius:24px;background:#fff;box-shadow:0 30px 100px rgba(7,22,65,.35)}.search-modal-head{display:flex;justify-content:space-between;gap:20px}.search-modal-head span{color:var(--blue);font-weight:700}.search-modal-head h2{margin:2px 0 20px;font-size:31px}.search-modal-head button{border:0;background:var(--ice);color:var(--navy);width:42px;height:42px;border-radius:50%;font-size:28px}.instant-search-field input{width:100%;height:58px;padding:10px 18px;border:2px solid var(--line);border-radius:14px;background:var(--paper);color:var(--navy);font:inherit;font-size:18px}.instant-results{display:grid;gap:9px;margin-top:16px}.instant-results p{color:var(--muted)}.instant-results a{display:flex;justify-content:space-between;gap:15px;padding:14px 16px;border:1px solid var(--line);border-radius:12px}.instant-results a:hover{background:var(--ice)}.instant-results b{color:var(--blue);white-space:nowrap}.search-is-open{overflow:hidden}
.reading-progress{position:fixed;top:88px;right:0;left:0;height:3px;z-index:99;background:rgba(96,165,250,.2)}body.admin-bar .reading-progress{top:120px}.reading-progress span{display:block;width:0;height:100%;background:var(--sky)}.article-page{padding-bottom:30px}.article-hero{position:relative;overflow:hidden;padding:55px 20px 96px;color:#fff;text-align:center;background:var(--navy)}.article-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 10%,rgba(96,165,250,.26),transparent 28%),radial-gradient(circle at 90% 90%,rgba(37,99,235,.45),transparent 32%)}.article-narrow{position:relative;z-index:1;width:min(920px,100%);margin:auto}.breadcrumbs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 auto 18px;font-size:13px;color:var(--ice)}.breadcrumbs [aria-current=page]{max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-kicker,.article-meta{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.article-kicker a,.article-kicker span,.article-meta .date-badge,.article-meta .publisher-badge{padding:7px 13px;border:1px solid rgba(219,234,254,.25);border-radius:999px;background:rgba(219,234,254,.08);color:#fff;font-size:14px}.article-title-box{position:relative;margin:16px auto;padding:28px 56px;border-block:1px solid rgba(219,234,254,.25)}.article-title-box h1{margin:0;color:var(--ice)!important;font-size:clamp(38px,5vw,62px);line-height:1.3;text-shadow:none}.title-spark{position:absolute;right:18px;top:16px;color:var(--sky)}.article-layout{position:relative;z-index:2;display:grid;grid-template-columns:250px minmax(0,760px);justify-content:center;gap:32px;align-items:start;margin-top:-42px}.article-aside{position:sticky;top:112px;display:grid;gap:15px}.toc-card,.share-card,.brand-note,.post-navigation a,.article-content{border:1px solid var(--line);background:#fff}.toc-card,.share-card{padding:20px;border-radius:18px}.toc-card strong,.share-card strong{display:block;margin-bottom:12px}.toc-card ol{margin:0;padding-right:18px}.toc-card li{margin:7px 0;font-size:14px}.toc-card .toc-sub{margin-right:14px}.share-button,.copy-button{width:100%;padding:11px;border:0;border-radius:999px;font:inherit;font-weight:700}.share-button{margin-bottom:8px;background:var(--blue);color:#fff}.copy-button{background:var(--ice);color:var(--blue)}.article-content{overflow:hidden;border-radius:24px;box-shadow:var(--shadow)}.article-cover{margin:0;aspect-ratio:16/8;overflow:hidden}.article-cover img{width:100%;height:100%;object-fit:cover}.article-body{padding:clamp(28px,5vw,58px);color:#18264e;font-size:19px;line-height:2.05}.article-body>*:first-child{margin-top:0}.article-body h2{margin:2.2em 0 .7em;color:var(--navy);font-size:32px}.article-body h3{margin:1.8em 0 .55em;color:var(--blue);font-size:25px}.article-body p{margin:0 0 1.45em}.article-body ul,.article-body ol{margin:0 0 1.6em;padding:18px 42px 18px 20px;border-right:4px solid var(--sky);background:rgba(219,234,254,.48)}.article-body blockquote{margin:2em 0;padding:24px 28px;border-right:5px solid var(--blue);background:var(--ice);color:var(--navy);font-size:21px}.article-body img{border-radius:14px}.article-body a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.article-body table{width:100%;border-collapse:collapse}.article-body th{background:var(--navy);color:#fff}.article-body th,.article-body td{padding:12px;border-bottom:1px solid var(--line);text-align:center}.article-end{width:min(1042px,calc(100% - 40px));margin-top:30px}.brand-note{display:flex;align-items:center;gap:18px;padding:24px;border-radius:18px}.brand-note img{width:68px}.brand-note div{flex:1}.brand-note span{display:block;color:var(--blue);font-size:13px}.brand-note strong{font-size:22px}.brand-note p{margin:2px 0;color:var(--muted)}.brand-note b{color:var(--blue);white-space:nowrap}.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.post-navigation a{padding:18px;border-radius:16px}.post-navigation span{display:block;color:var(--blue);font-size:13px}.related-section{margin-top:32px;background:var(--ice)}
.archive-page{min-height:60vh}.archive-header,.author-profile,.not-found-card,.post-card>.post-body:only-child{padding:38px;border:1px solid var(--line);border-radius:24px;background:#fff}.archive-header{margin-bottom:32px}.archive-header h1,.author-profile h1{margin:0;font-size:44px}.archive-header p,.author-profile p{color:var(--muted)}.archive-tools{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.archive-tools .search-form,.not-found-card .search-form{display:flex;min-width:min(100%,360px);padding:5px;border:1px solid var(--line);border-radius:999px}.archive-tools label,.not-found-card label{flex:1}.archive-tools .search-field,.not-found-card .search-field{width:100%;border:0!important;background:transparent!important}.archive-tools .search-submit,.not-found-card .search-submit{border:0;border-radius:999px;background:var(--blue);color:#fff;padding:8px 18px}.category-filters{display:flex;gap:8px;flex-wrap:wrap}.category-filters a{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--blue);font-weight:700}.author-profile{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;margin-bottom:48px}.author-avatar img{border-radius:24px}.author-stats{display:flex;gap:12px;flex-wrap:wrap}.author-stats span,.author-stats a{padding:8px 13px;border:1px solid var(--line);border-radius:999px}.not-found-page{padding:70px 0}.not-found-card{text-align:center}.error-code{font-size:clamp(90px,15vw,170px);line-height:.9;color:var(--blue);font-weight:700}.not-found-card .search-form{margin:20px auto;max-width:560px}.not-found-card .actions{justify-content:center}.navigation.pagination{margin-top:30px}.nav-links{display:flex;justify-content:center;gap:8px}.page-numbers{padding:8px 13px;border:1px solid var(--line);border-radius:50%}.page-numbers.current{background:var(--blue);color:#fff}
@media(max-width:900px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;right:0;left:0;margin:0;padding:10px 24px 20px;background:var(--paper);border-bottom:1px solid var(--line)}.main-nav.is-open{display:block}.main-nav ul{display:block}.main-nav a{padding:12px}.main-nav a:after{bottom:7px}.search-toggle{margin-right:auto}.hero-card{grid-template-columns:1fr}.hero-copy{text-align:center;padding:56px 42px}.hero p{margin-inline:auto}.actions{justify-content:center}.hero-visual{padding:0 0 55px}.knowledge-window{width:280px}.search-panel{align-items:stretch;flex-direction:column}.search-panel .search-form{width:100%}.topics,.posts-grid{grid-template-columns:repeat(2,1fr)}.topic:last-child{grid-column:1/-1}.article-layout{grid-template-columns:1fr;width:min(760px,calc(100% - 32px))}.article-aside{position:static;order:2;grid-template-columns:1fr 1fr}.article-content{order:1}}
@media(max-width:600px){body.admin-bar .site-header{top:46px}.container{width:min(100% - 28px,1200px)}.header-inner{min-height:72px;gap:14px}.brand-mark{width:42px;height:42px}.brand-name{font-size:23px}.brand-tagline{display:none}.search-toggle{width:40px;height:40px}.hero{padding:22px 0}.hero-card{min-height:auto;border-radius:24px}.hero-copy{padding:38px 22px 30px}.hero h1{font-size:40px;letter-spacing:-.5px}.hero p{font-size:17px;line-height:1.8}.button{width:100%}.hero-visual{padding-bottom:42px}.knowledge-window{width:210px}.window-core{width:105px;height:105px;border-radius:27px}.window-core img{width:80px}.knowledge-window b{font-size:58px}.knowledge-window small{bottom:5%;font-size:11px}.search-strip{padding-top:4px}.search-panel{padding:20px}.search-intro{align-items:flex-start}.search-number{width:44px;height:44px;flex:0 0 44px}.search-panel h2{font-size:23px}.search-panel .search-form{display:grid;border-radius:16px}.search-panel .search-submit{height:44px}.section{padding:44px 0}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:31px}.topics,.posts-grid{grid-template-columns:1fr}.topic:last-child{grid-column:auto}.topic{min-height:auto;padding:25px}.post-card h3{font-size:21px}.footer-brand{align-items:flex-start}.footer-inner{flex-direction:column}.article-hero{padding:38px 14px 68px}.article-title-box{padding:22px 14px}.article-title-box h1{font-size:32px}.article-layout{margin-top:-28px;width:min(100% - 24px,760px)}.article-body{padding:28px 22px;font-size:17.5px;overflow-x:auto}.article-body h2{font-size:27px}.article-body h3{font-size:22px}.article-body table{min-width:560px}.article-aside,.post-navigation{grid-template-columns:1fr}.brand-note{align-items:flex-start;flex-wrap:wrap}.brand-note img{width:54px}.brand-note b{width:100%}.article-end{width:min(100% - 24px,1042px)}.archive-header,.author-profile,.not-found-card{padding:26px 20px}.archive-header h1,.author-profile h1{font-size:34px}.archive-tools{align-items:stretch}.archive-tools .search-form{min-width:100%}.author-profile{grid-template-columns:1fr;text-align:center}.author-avatar{display:flex;justify-content:center}.author-stats{justify-content:center}.not-found-page{padding:36px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(max-width:600px){.container{width:min(1200px,calc(100% - 28px))}.article-layout{width:min(760px,calc(100% - 24px))}.article-end{width:min(1042px,calc(100% - 24px))}}