/* v6 — الصفحات الداخلية بأسلوب الكتل اللونية */
:root{--lime:#d2e823;--lime-ink:#1f4a17;--blue:#2665d6;--wine:#780016;--pink:#e9c0e9;--sage:#e8efd6;--paper:#f3f3f1;--ink:#1e2330;--plum:#502274;--coral:#ff7a59;--sun:#ffc93c;
--a1:#2665d6;--a2:#780016;--bg:#f3f3f1;--text:#1e2330;--text-soft:#4a5060;--text-mute:#7b8190;--card:#fff;--border:transparent;--shadow-sm:none;--shadow-md:none;
--sg-bg:#f3f3f1;--sg-text:#1e2330;--sg-text-soft:#4a5060;--sg-text-mute:#7b8190;--sg-card-bg:#fff;--sg-card-border:transparent;--sg-field-bg:#f3f3f1;--sg-field-border:#d9dbd2}
html,body{background:var(--paper)!important}
body{position:relative;font-weight:500;color:var(--ink)}
body::before{content:'';position:absolute;top:0;left:0;right:0;height:128px;background:var(--lime);z-index:0}
body:has(#googleBtnWrap),body:has(.errline),body:has(.suggest-list){background:var(--lime)!important}
body:has(#googleBtnWrap)::before,body:has(.errline)::before,body:has(.suggest-list)::before{display:none}
.wrap{position:relative;z-index:1}
/* nav */
nav{background:#fff;border-radius:999px;padding:10px 12px 10px 18px!important;margin:14px 0 70px;min-height:72px}
.logo{font-weight:900!important;font-size:24px!important;color:var(--ink)!important;background:none!important;-webkit-text-fill-color:var(--ink)!important;letter-spacing:-.02em}
.nav-links a{font-weight:700;color:var(--ink)!important;border-radius:999px}.nav-links a:hover{background:var(--paper)!important;color:var(--ink)!important}
.nav-cta{border-radius:999px!important;height:52px!important;padding:0 26px!important;background:#efefec!important;border:0!important;color:var(--ink)!important;box-shadow:none!important;font-weight:800!important;font-size:15px!important;transition:transform .25s}
.nav-cta:hover{transform:translateY(-3px)}
.nav-cta.primary{background:var(--ink)!important;color:#fff!important}
/* headings */
main{padding-top:0!important}
h1,main h1,.wrap>h1,.hero h1{background:none!important;-webkit-text-fill-color:var(--ink)!important;color:var(--ink)!important;font-size:clamp(38px,6vw,76px)!important;font-weight:900!important;letter-spacing:-.03em!important;line-height:1.1!important;margin-bottom:18px!important}
.eyebrow{display:inline-block!important;background:var(--lime);color:var(--lime-ink)!important;padding:8px 20px;border-radius:999px;font-weight:900!important;font-size:14px!important;letter-spacing:0!important;text-transform:none!important;margin-bottom:22px!important}
.sub{color:var(--text-soft)!important;font-size:18px!important;line-height:1.8}
h2.section-title{font-size:32px!important;font-weight:900!important;letter-spacing:-.02em}
/* cards */
.about-body,.form-card,.body-box,.card,.post-card,.author-card,.related-card,.contact-card,.article-cta,.author-box,.toc,.suggest-item{border-radius:36px!important;border:0!important;box-shadow:none!important;background:#fff}
.card{position:relative}
.about-body::before,.body-box::before,.form-card::before{display:none!important}
.about-body,.body-box,.form-card{padding:42px!important;background:#fff!important}
.about-body p,.body-box p{font-size:17px!important;line-height:2!important;color:var(--text-soft)}
.post-card,.card,.contact-card,.related-card{transition:transform .4s}
.post-card:hover,a.card:hover,a.contact-card:hover,.related-card:hover{transform:translateY(-8px) rotate(-.6deg)}
.contact-cards .contact-card:nth-child(1){background:var(--pink)!important;color:var(--wine)}
.contact-cards .contact-card:nth-child(2){background:var(--lime)!important;color:var(--lime-ink)}
.contact-cards .contact-card:nth-child(3){background:var(--sun)!important;color:#5a3b00}
.contact-cards .contact-card:nth-child(4){background:var(--blue)!important;color:#fff}
.contact-card b{font-size:16px!important;font-weight:900}
.contact-card .emoji{font-size:34px!important;margin-bottom:12px!important}
.grid>a.post-card:nth-child(4n+1),.grid>.post-card:nth-child(4n+1){background:var(--pink)!important}
.grid>.post-card:nth-child(4n+2){background:var(--lime)!important}
.grid>.post-card:nth-child(4n+3){background:var(--sun)!important}
.grid>.post-card:nth-child(4n){background:#bcd3ff!important}
.post-title{font-weight:900!important;color:var(--ink)!important}
.post-cat,.article-cat{background:var(--ink)!important;color:#fff!important;border-radius:999px;padding:4px 14px;font-weight:800}
.post-cover{border-radius:26px!important;overflow:hidden}
.pro-badge{background:var(--ink)!important;color:var(--lime)!important}
.filter-pill,.cats a{border-radius:999px!important;border:0!important;background:#fff!important;font-weight:800!important;color:var(--ink)!important;box-shadow:none!important}
.filter-pill.active,.cats a.active{background:var(--ink)!important;color:#fff!important}
.card-avatar,.author-avatar{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ink)!important}
/* forms */
.field label{font-weight:800}
.field input,.field textarea,.field select{border-radius:16px!important;background:var(--paper)!important;border:2px solid transparent!important;font-weight:600;transition:.2s}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ink)!important;background:#fff!important;box-shadow:none!important;outline:none}
.submit-btn,.btn,.btn-primary,button.primary{border-radius:999px!important;background:var(--ink)!important;color:#fff!important;border:0!important;box-shadow:none!important;font-weight:900!important;height:56px;font-size:17px!important;transition:transform .25s}
.submit-btn:hover,.btn:hover,.btn-primary:hover{transform:translateY(-3px)}
.btn-outline{background:#fff!important;color:var(--ink)!important;border:2px solid var(--ink)!important}
.step-dot.active,.progress-fill{background:var(--ink)!important}
.back-link{color:var(--ink)!important;font-weight:800}
/* login / signup / reset card */
body:has(#googleBtnWrap) .card,body:has(.errline) .card{border-radius:40px!important;padding:44px 36px!important;background:#fff!important}
body:has(#googleBtnWrap) h1{font-size:clamp(34px,5vw,52px)!important}
.or-divider{margin-top:22px!important}
#googleBtnWrap{margin:18px 0 0!important}
/* faq */
.faq-item{border-radius:26px!important;border:0!important;box-shadow:none!important;background:#fff}
.faq-item.open{background:var(--pink)!important}
.faq-q{font-weight:800!important}
/* footer */
footer{background:var(--ink)!important;color:#cbd0dc!important;border:0!important;border-radius:44px 44px 0 0;margin-top:70px!important;padding:44px 20px 40px!important}
footer a{color:var(--lime)!important;font-weight:700}
/* 404 */
.code{color:var(--lime-ink)!important;-webkit-text-fill-color:var(--lime-ink)!important;background:none!important;font-size:clamp(90px,18vw,220px)!important;font-weight:900;letter-spacing:-.04em;line-height:1}
.gallery-link{border-radius:999px!important;background:var(--ink)!important;color:#fff!important}
.suggest-item{transition:transform .3s}.suggest-item:hover{transform:translateY(-5px)}
@media(max-width:620px){nav{border-radius:36px;padding:10px 12px!important}.nav-cta{padding:0 16px!important;height:44px!important;font-size:13px!important}.logo{font-size:20px!important}.about-body,.body-box,.form-card{padding:26px!important}}
.box a:not(.gallery-link):not(.suggest-item){background:var(--ink)!important;color:#fff!important;border-radius:999px!important}
#f_phoneCountry{max-width:118px!important;flex:0 0 auto}#f_phone{min-width:0!important}