:root{--bg:#fff8f1;--card:#fff;--ink:#17120e;--muted:#7b6f64;--line:#f0e2d3;--o1:#ff6a1a;--o2:#ffa04d;--soft:#ffece0;--nav:rgba(255,248,241,.88);--font-head:'Sora',Inter,sans-serif;--font-body:'Inter',system-ui,-apple-system,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:clip}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
h1,h2,h3,.sora{font-family:var(--font-head);letter-spacing:-.03em}
a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}
.wrap{max-width:1180px;margin:auto;padding:0 24px}
.grad{background:linear-gradient(100deg,var(--o1),var(--o2));-webkit-background-clip:text;background-clip:text;color:transparent}
/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--nav);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:66px;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:800;font-size:18px;letter-spacing:-.03em}
.links{display:flex;gap:2px;font-size:13.5px;font-weight:600}
.links a{padding:8px 14px;border-radius:999px;color:var(--muted);transition:.18s}
.links a:hover,.links a.on{background:var(--soft);color:var(--o1)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--btn-rad,12px);font-weight:700;font-size:14px;border:1px solid transparent;transition:.2s}
.btn-p{background:linear-gradient(120deg,var(--o1),var(--o2));color:#fff;box-shadow:0 10px 24px rgba(255,106,26,.3)}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(255,106,26,.4)}
.btn-g{background:var(--card);border-color:var(--line);color:var(--ink)}.btn-g:hover{border-color:var(--o1);color:var(--o1);transform:translateY(-2px)}
.btn-sm{padding:9px 16px;font-size:13px;border-radius:10px}
.burger{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:18px}
/* hero */
.hero{padding:64px 0 28px;position:relative}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(520px 380px at 85% 10%,rgba(255,106,26,.16),transparent 65%),radial-gradient(380px 300px at 5% 90%,rgba(255,160,77,.12),transparent 65%);pointer-events:none}
.hg{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}
.tag{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:12px;font-weight:700;color:var(--muted)}
.dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.18)}
.hero h1{font-size:clamp(34px,4.6vw,58px);line-height:1.05;margin:20px 0 16px;font-weight:800}
.hero p.lead{font-size:16.5px;color:var(--muted);max-width:520px;line-height:1.7}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.pill{padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:12px;font-weight:600}
div.photo{position:relative;max-width:440px;margin-left:auto;width:100%}
.photo .frame{border-radius:30px;overflow:hidden;border:6px solid var(--card);box-shadow:0 30px 70px rgba(255,106,26,.28);aspect-ratio:1/1.08;transform:rotate(2deg)}
.photo img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
.chip{position:absolute;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px;font-size:12px;font-weight:700;box-shadow:0 14px 30px rgba(0,0,0,.14);display:flex;align-items:center;gap:8px}
.c1{left:-26px;bottom:44px}.c2{right:-10px;top:26px}
/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--card);border:1px solid var(--line);border-radius:20px;margin-top:44px;overflow:hidden;position:relative}
.stat{padding:22px;text-align:center;border-right:1px solid var(--line)}.stat:last-child{border:0}
.stat b{font-family:var(--font-head);font-size:28px;display:block;color:var(--stat-n,inherit)}.stat span{font-size:12px;color:var(--stat-l,var(--muted));font-weight:600}
/* sections */
.sec{padding:76px 0 0}.sh{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:26px}
.ey{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--o1)}
.sh h2{font-size:clamp(26px,3vw,36px);margin-top:6px;font-weight:800}.sh p{color:var(--muted);font-size:14px;margin-top:4px}
.more{font-size:13px;font-weight:700;color:var(--o1);white-space:nowrap}
.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--card-bg,var(--card));border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.25s}
.card:hover{transform:translateY(-5px);border-color:rgba(255,106,26,.45);box-shadow:0 18px 40px rgba(255,106,26,.12)}
.svc{padding:24px}.ico{width:46px;height:46px;border-radius:14px;background:var(--soft);display:grid;place-items:center;font-size:22px;margin-bottom:16px}
.svc h3{font-size:16.5px;margin-bottom:6px}.svc p{font-size:13.5px;color:var(--muted)}
.th{aspect-ratio:16/10;display:flex;align-items:flex-end;padding:14px;color:#fff;font-family:var(--font-head);font-weight:800;font-size:20px;letter-spacing:-.03em}
.bd{padding:18px}.bd h3{font-size:16px;margin:8px 0 6px}.bd p{font-size:13px;color:var(--muted)}
.bt{display:inline-block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--o1);background:var(--soft);padding:4px 10px;border-radius:999px}
.row{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;color:var(--muted);font-weight:600}
.cp{border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:8px 14px;border-radius:10px;font-size:12px;font-weight:700;transition:.2s}
.cp:hover{background:var(--o1);color:#fff;border-color:var(--o1)}
.tool{padding:20px}.tool .top{display:flex;gap:12px;align-items:center;margin-bottom:12px}.tool h3{font-size:15px}.tool p{font-size:13px;color:var(--muted)}
.tool .ico{margin:0}
/* v3.9: tool card icon — emoji or uploaded/featured image, sized via Customizer. */
.card.tool .ico{width:var(--nd-tool-ico,46px);height:var(--nd-tool-ico,46px);font-size:calc(var(--nd-tool-ico,46px)*.48);flex:none}
.card.tool .ico img{width:100%;height:100%;object-fit:cover;border-radius:14px;display:block}
.fr{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
.ban{margin-top:76px;border-radius:28px;padding:48px;background:linear-gradient(120deg,var(--o1),var(--o2));color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}
.ban:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.14);right:-90px;top:-120px;pointer-events:none}
.ban h2{font-size:clamp(24px,3vw,34px);max-width:520px;position:relative}.ban .btn{background:#fff;color:#17120e;position:relative}
/* filters */
.bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;align-items:center}
.chips-bar{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px}
.fc{padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--bg);font-size:13px;font-weight:700;color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:.18s;white-space:nowrap}
.fc .cnt{font-size:11px;font-weight:800;background:var(--soft);color:var(--muted);border-radius:999px;padding:2px 8px;line-height:1.4}
.fc.on{background:linear-gradient(120deg,var(--o1),var(--o2));border-color:transparent;color:#fff;box-shadow:0 6px 16px rgba(255,106,26,.28)}
.fc.on .cnt{background:rgba(255,255,255,.25);color:#fff}
.fc:hover{border-color:var(--o1);color:var(--o1);transform:translateY(-1px)}
.fc.on:hover{color:#fff}
input.search{flex:1;min-width:220px;padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-size:14px}
.search:focus,.inp:focus{outline:2px solid rgba(255,106,26,.4)}
.pt{font-size:12px;background:var(--bg);border:1px dashed var(--line);border-radius:12px;padding:12px;margin-top:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* pages */
.ph{padding:56px 0 0;background:var(--ph-bg,transparent)}.ph h1{font-size:clamp(32px,4vw,48px);font-weight:800;margin-top:8px;color:var(--ph-h,inherit)}.ph h2{color:var(--ph-h,inherit)}.ph p{color:var(--muted);max-width:560px;margin-top:10px}
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;padding-top:40px}
.about img{width:100%;border-radius:28px;border:6px solid var(--card);box-shadow:0 26px 60px rgba(0,0,0,.2);display:block}
.about h2{font-size:30px;margin-bottom:14px}.about p{color:var(--muted);margin-bottom:12px;font-size:15px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.doc{max-width:780px;padding-top:36px}.doc h2{font-size:20px;margin:28px 0 8px}.doc p,.doc li{color:var(--muted);font-size:14.5px;margin-bottom:8px}.doc ul{padding-left:20px}
/* ============ v1.0 — Contact page ============ */
.cc-head{text-align:center;max-width:640px;margin:0 auto}
.cc-head p{margin-left:auto;margin-right:auto}
.cc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.cc-card{padding:36px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.cc-ico{width:62px;height:62px;border-radius:20px;background:linear-gradient(120deg,var(--o1),var(--o2));display:flex;align-items:center;justify-content:center;font-size:27px;color:#fff;box-shadow:0 10px 24px rgba(255,106,26,.28)}
.cc-ico.cc-wa{background:linear-gradient(120deg,#22c55e,#16a34a);box-shadow:0 10px 24px rgba(34,197,94,.28)}
.cc-card h3{margin:0;font-size:19px}
.cc-addr{color:var(--muted);font-weight:600;word-break:break-word;margin:0}
.cc-card .btn{margin-top:10px}
.cc-social{justify-content:center}
.cc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:48px 0 24px}
.cc-step{text-align:center;padding:6px 14px;display:flex;flex-direction:column;align-items:center;gap:8px}
.cc-n{width:42px;height:42px;border-radius:50%;background:var(--soft);border:1px solid var(--line);color:var(--o1);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:17px}
.cc-step strong{font-size:15.5px}
.cc-step span:last-child{font-size:13.5px;color:var(--muted);line-height:1.6}

footer{margin-top:90px;border-top:1px solid var(--line);padding:44px 0 34px;position:relative;overflow:hidden}
footer::before{content:"";position:absolute;right:-30px;bottom:-24px;width:min(400px,55%);aspect-ratio:1;background-image:var(--wm-url,none);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:var(--wm-op,.08);pointer-events:none}
.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
.fg h4{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}
.fg a{display:block;font-size:14px;padding:4px 0;color:var(--ink);font-weight:500}.fg a:hover{color:var(--o1)}
.fg p{font-size:13.5px;color:var(--muted);margin-top:12px;max-width:280px}
.cr{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media(max-width:940px){.hg,.about{grid-template-columns:1fr}div.photo{margin:20px auto 0}.g3{grid-template-columns:repeat(2,1fr)}.g4{grid-template-columns:repeat(2,1fr)}.links{display:none;position:absolute;top:66px;left:0;right:0;background:var(--bg);flex-direction:column;padding:12px 20px;border-bottom:1px solid var(--line)}.links.open{display:flex}.burger{display:block}.nav .btn{display:none}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wrap{padding:0 16px}.g2,.g3,.g4{grid-template-columns:1fr}.hero{padding-top:36px}.c1{left:-6px}.ban{padding:30px 22px}.sh{display:block}.more{display:inline-block;margin-top:8px}.fg{grid-template-columns:1fr}}

/* WP menu active state */
.links .current-menu-item a,.links .current_page_item a{color:var(--o1);background:var(--soft)}
.brand .mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--o1),var(--o2));color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.brand .w-nex{color:var(--ink)}.brand .w-adeel{color:var(--o1)}

/* ---------- Ticker ---------- */
.ticker{background:linear-gradient(120deg,var(--tick1,var(--o1)),var(--tick2,var(--o2)));color:var(--tick-t,#fff);overflow:hidden;padding:13px 0;position:relative}
.ticker-track{display:flex;width:max-content;animation:ndtick 30s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-track span{display:inline-flex;align-items:center;gap:14px;padding:0 22px;font-weight:700;font-size:14px;letter-spacing:.02em;white-space:nowrap}
.ticker-track span i{font-style:normal;opacity:.75;font-size:11px}
@keyframes ndtick{to{transform:translateX(-50%)}}
@media(max-width:600px){.ticker-track span{font-size:12.5px;padding:0 16px}}

/* ---------- Blog: article layout ---------- */
.post-layout{display:grid;grid-template-columns:1fr 300px;gap:44px;align-items:start;padding:40px 0 76px}
.post-main{min-width:0}
.post-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:clamp(24px,4vw,48px)}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;color:var(--muted);margin:14px 0 22px}
.post-meta>*{display:inline-flex;align-items:center;gap:6px;min-width:0;margin:0}
.post-meta .avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0}
.post-meta .sep{opacity:.45;user-select:none}
.post-meta a{color:inherit;text-decoration:none}
.post-meta a:hover{color:var(--o1)}
.post-meta .cat{background:var(--soft);color:var(--o1);font-weight:700;padding:4px 12px;border-radius:999px;font-size:12px}
/* v3.9: single post meta — avatar + name/sub-line on the left, category pill on the right. */
.post-card .post-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 24px;padding:12px 16px;background:var(--soft);border:1px solid var(--line);border-radius:16px;text-align:left}
.pm-who{display:flex;align-items:center;gap:12px;min-width:0}
.pm-who>.avatar{margin:0;align-self:center}
.pm-who .avatar{width:42px;height:42px;border-radius:50%;flex:none;border:2px solid var(--card);box-shadow:0 2px 8px rgba(0,0,0,.12)}
.pm-lines{display:flex;flex-direction:column;gap:3px;min-width:0}
.pm-lines strong{font-size:14.5px;line-height:1.3}
.pm-lines strong a{color:var(--ink);text-decoration:none}
.pm-lines strong a:hover{color:var(--o1)}
.pm-sub{font-size:var(--nd-sp-meta,12.5px);color:var(--muted);line-height:1.4}
.pm-sub .sep{opacity:.5;margin:0 4px}
.post-card .post-meta .cat{background:var(--card);border:1px solid var(--line);color:var(--o1);font-weight:700;padding:7px 15px;border-radius:999px;font-size:12px;text-decoration:none;flex:none}
.post-card .post-meta .cat:hover{border-color:var(--o1)}
.post-featured{border-radius:20px;overflow:hidden;margin-bottom:28px}
.entry-content{font-size:var(--nd-sp-fs,16.5px);line-height:1.8;overflow-wrap:break-word}
.entry-content img,.entry-content figure{max-width:100%;height:auto}
.entry-content figure{margin-left:0;margin-right:0}
@media(max-width:600px){.entry-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.entry-content pre{font-size:13px;padding:16px 14px;border-radius:12px}}
.entry-content p{margin-bottom:1.4em}
.entry-content h2{font-size:26px;margin:1.8em 0 .7em;scroll-margin-top:90px}
.entry-content h3{font-size:21px;margin:1.6em 0 .6em;scroll-margin-top:90px}
.entry-content h4{font-size:17px;margin:1.4em 0 .5em}
.entry-content ul,.entry-content ol{margin:0 0 1.4em 1.4em}
.entry-content li{margin-bottom:.5em}
.entry-content blockquote{border-left:4px solid var(--o1);background:var(--soft);padding:16px 20px;border-radius:0 14px 14px 0;margin:0 0 1.4em;font-style:italic}
.entry-content code{background:var(--soft);padding:2px 7px;border-radius:6px;font-size:.9em}
.entry-content pre{background:#1c1510;color:#f7efe7;padding:20px;border-radius:14px;overflow-x:auto;margin-bottom:1.4em;font-size:14px}
.entry-content pre code{background:none;padding:0;color:inherit}
.entry-content img{border-radius:14px;max-width:100%;height:auto}
.entry-content a{color:var(--o1);font-weight:600}
.entry-content a:hover{text-decoration:underline}
.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.post-tags a{padding:6px 14px;border:1px solid var(--line);border-radius:999px;font-size:12.5px;font-weight:600;color:var(--muted)}
.post-tags a:hover{border-color:var(--o1);color:var(--o1)}
.post-share{display:flex;gap:10px;align-items:center;margin-top:22px;padding-top:22px;border-top:1px solid var(--line);flex-wrap:wrap}
.post-share span{font-size:13px;font-weight:700;color:var(--muted)}
.toc-wrap{position:sticky;top:90px}
.toc{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px}
.toc h4{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}
.toc ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}
.toc a{display:block;font-size:13.5px;color:var(--muted);padding:7px 10px;border-radius:8px;border-left:2px solid transparent;line-height:1.4}
.toc a:hover{color:var(--o1);background:var(--soft)}
.toc a.active{color:var(--o1);border-left-color:var(--o1);background:var(--soft);font-weight:700}
.author-box{display:flex;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px;margin-top:34px;align-items:flex-start}
.author-box .avatar{width:72px;height:72px;border-radius:50%;flex-shrink:0;border:3px solid var(--soft)}
.author-box h4{font-size:16px;margin-bottom:2px}
.author-box .role{font-size:12.5px;color:var(--o1);font-weight:700;margin-bottom:8px}
.author-box p{font-size:14px;color:var(--muted);margin:0}
.author-box>div{flex:1;min-width:0}
.related{margin-top:44px}
.related h3{font-size:22px;margin-bottom:18px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.related .card-thumb{aspect-ratio:16/9}
.related .card-pad{padding:18px}
.related h4{font-size:15px;line-height:1.4;margin-bottom:6px}
.related .rmeta{font-size:12px;color:var(--muted)}
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
.post-nav a{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;display:block}
.post-nav a:hover{border-color:var(--o1)}
.post-nav .lbl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.post-nav .t{font-weight:700;font-size:14.5px;margin-top:4px;display:block}
.post-nav .next{text-align:right}
.blog-grid{display:grid;gap:18px;padding:34px 0 76px}
.blog-grid .card-pad{padding:20px}
.blog-grid .bmeta{font-size:12px;color:var(--muted);margin-bottom:8px;display:flex;gap:8px;align-items:center}
.blog-grid h2{font-size:17px;line-height:1.4;margin-bottom:8px}
.blog-grid h2 a:hover{color:var(--o1)}
.excerpt{font-size:13.5px;color:var(--muted)}
.readmore{font-size:13px;font-weight:700;color:var(--o1);margin-top:12px;display:inline-block}
.card-pad{padding:20px}
.card-thumb{overflow:hidden}
.card-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pagination{display:flex;gap:8px;justify-content:center;padding:0 0 76px;flex-wrap:wrap}
.pagination .page-numbers{padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-weight:700;font-size:13.5px}
.pagination .current{background:linear-gradient(120deg,var(--o1),var(--o2));color:#fff;border-color:transparent}
.pagination a:hover{border-color:var(--o1);color:var(--o1)}
.comments-area{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;margin-top:34px}
.comments-area h3{font-size:18px;margin-bottom:18px}
.comment-list{list-style:none;padding:0;margin:0}
.comment-list .comment{border-bottom:1px solid var(--line);padding:16px 0}
/* v3.8: clean comment layout (custom callback, no WP clutter). */
.nd-comment-body{display:flex;gap:14px;align-items:flex-start}
.nd-comment-avatar{flex:none;width:44px;height:44px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--o1),var(--o2));display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px;position:relative}
.nd-comment-avatar span{grid-area:1/1}
.nd-comment-avatar img{grid-area:1/1;width:100%;height:100%;object-fit:cover}
.nd-comment-main{flex:1;min-width:0}
.nd-comment-head{display:flex;align-items:baseline;gap:10px;margin-bottom:5px;flex-wrap:wrap}
.nd-comment-author{font-weight:800;font-size:14.5px}
.nd-comment-author a{color:var(--ink);text-decoration:none}
.nd-comment-date{font-size:12px;color:var(--muted)}
.nd-comment-text{font-size:14.5px;line-height:1.7;word-break:break-word}
.nd-comment-text p{margin:0 0 8px}
.nd-comment-moderation{font-size:12.5px;color:var(--muted)}
.nd-comment-reply{margin-top:8px}
.nd-comment-reply a{font-size:12.5px;font-weight:700;color:var(--o1);text-decoration:none}
.nd-comment-reply a:hover{text-decoration:underline}
.comment-list .children{list-style:none;padding-left:28px;margin:12px 0 0}
.comment-author{font-weight:700;font-size:14px}
.comment-meta{font-size:12px;color:var(--muted)}
.comment-form input,.comment-form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:14px;margin-bottom:12px;background:var(--bg)}
.comment-form input:focus,.comment-form textarea:focus{outline:2px solid var(--o1);border-color:var(--o1)}
.empty-state{text-align:center;padding:80px 24px}
.empty-state h1{font-size:clamp(40px,6vw,80px);font-weight:800}
.empty-state p{color:var(--muted);margin:12px 0 26px}
.search-form{display:flex;gap:10px;max-width:440px;margin:0 auto}
.search-form input{flex:1;padding:13px 16px;border:1px solid var(--line);border-radius:12px;font-family:inherit;font-size:14px;background:var(--card)}
.search-form input:focus{outline:2px solid var(--o1)}
.to-top{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border-radius:50%;background:linear-gradient(120deg,var(--o1),var(--o2));color:#fff;border:0;font-size:18px;box-shadow:0 10px 24px rgba(255,106,26,.3);display:none;z-index:60}
.to-top.show{display:grid;place-items:center}
.crumbs{font-size:12px;color:var(--muted);margin-bottom:14px}
.crumbs a:hover{color:var(--o1)}
.socials{display:flex;gap:10px;margin-top:16px}
.socials a{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;font-size:16px;transition:.2s}
.socials a:hover{background:var(--o1);border-color:var(--o1);color:#fff}

@media(max-width:940px){.post-layout{grid-template-columns:1fr}.toc-wrap{position:static;order:-1}.blog-grid{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.post-nav{grid-template-columns:1fr}.post-nav .next{text-align:left}.author-box{flex-direction:column}.post-layout{padding:20px 0 44px;gap:28px}.post-card{padding:20px 16px;border-radius:16px}.post-card>h1{font-size:var(--nd-fs-h1-m,30px) !important}.post-card .post-meta{padding:10px 12px;gap:10px;justify-content:flex-start}.post-share{gap:8px;margin-top:18px;padding-top:18px}.post-share .btn{padding:9px 15px;font-size:13px}.pm-who .avatar{width:36px;height:36px}.pm-lines strong{font-size:13.5px}.entry-content{font-size:var(--nd-sp-fs-m,16px);line-height:1.75}.entry-content h2{font-size:var(--nd-fs-h2-m,25px)}.entry-content h3{font-size:var(--nd-fs-h3-m,21px)}.author-box{padding:18px}.share-row{flex-wrap:wrap}.cc-grid,.cc-steps{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}.cc-grid{margin-top:32px}.cc-steps{margin-top:32px}}

.prompt-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 12px;flex-wrap:wrap}
.prompt-head h3{font-size:17px}
.prompt-text{background:var(--prompt-bg,#1c1510);color:var(--prompt-tx,#f7efe7);border:1px solid var(--prompt-bd,transparent);padding:22px;border-radius:14px;white-space:pre-wrap;font-size:14px;line-height:1.75;margin:0;font-family:inherit;word-break:break-word}
/* v3.7: long prompts collapse with a "Read more" toggle (threshold in Customizer → Prompt Page). */
.prompt-longwrap{position:relative}
.prompt-longwrap.is-long .prompt-text{max-height:230px;overflow:hidden;position:relative}
.prompt-longwrap.is-long:not(.open) .prompt-text::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(transparent,var(--prompt-bg,#1c1510));border-radius:0 0 14px 14px;pointer-events:none}
.prompt-longwrap.open .prompt-text{max-height:none}
.prompt-more{margin-top:12px;padding:9px 20px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--o1);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.prompt-more:hover{border-color:var(--o1)}
/* v3.7: single CPT action buttons — full-width stacked on phones. */
@media(max-width:600px){
	.nd-single-actions .btn{flex:1 1 100%;text-align:center;padding:13px 18px}
}
/* ============ v3.8 — popup ============ */
.nd-popup{position:fixed;inset:0;z-index:9990;display:grid;place-items:center;padding:20px;background:rgba(28,21,16,.55);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s}
.nd-popup.show{opacity:1;pointer-events:auto}
.nd-popup-card{position:relative;width:min(420px,100%);background:var(--card);border:1px solid var(--line);border-radius:24px;padding:38px 30px 30px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.25);transform:translateY(16px) scale(.98);transition:transform .3s}
.nd-popup.show .nd-popup-card{transform:none}
.nd-popup-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--muted);font-size:14px;cursor:pointer;line-height:1}
.nd-popup-close:hover{color:var(--o1);border-color:var(--o1)}
.nd-popup-ico{font-size:40px;margin-bottom:10px}
.nd-popup-card h3{font-size:21px;margin:0 0 8px}
.nd-popup-card p{color:var(--muted);font-size:14px;line-height:1.65;margin:0 0 18px}
.nd-popup-btn{width:100%;justify-content:center;text-align:center}
/* ============ v3.8 — WhatsApp floating button ============ */
.nd-wa{position:fixed;right:20px;bottom:20px;z-index:9980;width:54px;height:54px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 10px 28px rgba(37,211,102,.45);transition:transform .2s,box-shadow .2s}
.nd-wa:hover{transform:scale(1.08);box-shadow:0 14px 34px rgba(37,211,102,.55)}
.nd-wa svg{width:28px;height:28px}
@media(max-width:600px){.nd-wa{right:14px;bottom:14px;width:48px;height:48px}.nd-wa svg{width:25px;height:25px}}
/* v3.9: when the WhatsApp button is on, stack the scroll-to-top button above it so they never overlap. */
.nd-has-wa .to-top{bottom:88px}
@media(max-width:600px){.nd-has-wa .to-top{right:15px;bottom:74px;width:42px;height:42px;font-size:16px}}
/* ============ v3.8 — project gallery carousel ============ */
.nd-gallery-main{position:relative;border-radius:18px;overflow:hidden;background:var(--soft);border:1px solid var(--line)}
.nd-gallery-main img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;background:#fff}
.nd-gal-prev,.nd-gal-next{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:none;background:rgba(28,21,16,.55);color:#fff;font-size:22px;cursor:pointer;line-height:1;transition:background .2s}
.nd-gal-prev:hover,.nd-gal-next:hover{background:var(--o1)}
.nd-gal-prev{left:12px}
.nd-gal-next{right:12px}
.nd-gal-count{position:absolute;right:12px;bottom:12px;background:rgba(28,21,16,.65);color:#fff;font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px}
.nd-gallery-thumbs{display:flex;gap:10px;margin-top:10px;overflow-x:auto;padding-bottom:4px}
.nd-gal-thumb{flex:none;width:76px;height:56px;border-radius:10px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:var(--soft)}
.nd-gal-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.nd-gal-thumb.on{border-color:var(--o1)}
/* ============ v3.8 — animations (subtle, fast, reduced-motion safe) ============ */
.nd-anim .btn{transition:transform .15s,box-shadow .2s,background .2s}
.nd-anim .btn:active{transform:scale(.97)}
.nd-anim .card,.nd-anim .pr-card,.nd-anim .prc-card{transition:transform .25s,box-shadow .25s,border-color .25s}
body.nd-anim.nd-reveal-on .nd-rv{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}
body.nd-anim.nd-reveal-on .nd-rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
	body.nd-anim.nd-reveal-on .nd-rv{opacity:1;transform:none;transition:none}
	.nd-anim .btn,.nd-anim .card,.nd-anim .pr-card,.nd-anim .prc-card{transition:none}
}
/* ============ v3.8 — AdSense units (policy-safe: labeled, spaced) ============ */
.nd-ad{margin:18px auto;max-width:1180px;padding:0 16px;text-align:center}
.nd-ad-label{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.nd-ad ins{min-height:90px;background:rgba(0,0,0,.02);border-radius:8px}
/* ============ v3.8 — single AI tool: visual header, standard sizes ============ */
.ts-head{display:flex;gap:22px;align-items:flex-start;margin:2px 0 6px}
.ts-visual{flex:none;width:var(--nd-tool-single,118px);height:var(--nd-tool-single,118px);border-radius:24px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--o1),var(--o2));box-shadow:0 12px 28px rgba(255,106,26,.28)}
.ts-visual span{font-size:calc(var(--nd-tool-single,118px)*.44);line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}
.ts-visual img{width:100%;height:100%;object-fit:cover;display:block}
.ts-info{flex:1;min-width:0}
.ts-info h1{font-size:clamp(24px,3vw,34px);font-weight:800;margin:6px 0 8px;line-height:1.2}
.ts-desc{color:var(--muted);font-size:15px;line-height:1.65;margin-top:8px}
.ts-body{margin-top:20px}
.ts-body h3{font-size:18px;margin:20px 0 10px}
.ts-body h3:first-child{margin-top:0}
.ts-actions{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:600px){
	.ts-head{gap:14px}
	.ts-visual{width:calc(var(--nd-tool-single,118px)*.63);height:calc(var(--nd-tool-single,118px)*.63);border-radius:17px}
	.ts-visual span{font-size:calc(var(--nd-tool-single,118px)*.28)}
	.ts-info h1{font-size:23px}
	.ts-desc{font-size:14px}
	.ts-body h3{font-size:16.5px}
}
.prompt-head .copy-btn{background:var(--copy-bg);color:var(--copy-tx)}

/* ---------- Author page ---------- */
.author-hero{display:flex;gap:26px;align-items:center;background:var(--card-bg,var(--card));border:1px solid var(--line);border-radius:22px;padding:34px;margin:40px 0 10px;flex-wrap:wrap}
.author-hero .avatar{width:120px;height:120px;border-radius:50%;flex-shrink:0;border:4px solid var(--soft)}
.author-hero .a-info{flex:1;min-width:240px}
.author-hero h1{font-size:clamp(26px,3.4vw,38px);font-weight:800;margin:2px 0 6px}
.author-hero .a-role{color:var(--o1);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.author-hero .a-bio{color:var(--muted);margin:10px 0 14px;max-width:640px}
.author-stats{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}
.author-stats .stat{flex:0 1 auto;padding:10px 18px;border:1px solid var(--line);border-radius:14px;background:var(--bg);text-align:center}
.author-stats .stat b{display:block;font-size:20px}
.author-stats .stat span{font-size:12px;color:var(--muted)}
@media(max-width:600px){.author-hero{padding:24px 20px}.author-hero .avatar{width:88px;height:88px}}

/* ---------- Mobile refinement (v3.2.1): readability + no overflow ---------- */
@media(max-width:940px){
	.links.open a{padding:12px 14px;min-height:44px;display:flex;align-items:center}
	.row{flex-wrap:wrap;gap:8px}
}
@media(max-width:600px){
	body{font-size:15.5px}
	/* Fluid, readable type — never huge, never tiny */
	.hero h1{font-size:clamp(30px,8.5vw,40px);line-height:1.12}
	.hero p.lead{font-size:15.5px}
	.sh h2{font-size:clamp(23px,6vw,30px)}
	.ph{padding-top:36px}
	.ph h1{font-size:clamp(28px,8vw,38px)}
	.about h2{font-size:24px}
	.sec{padding-top:52px}
	.entry-content{font-size:15.5px;line-height:1.75}
	.entry-content h2{font-size:22px}
	.entry-content h3{font-size:19px}
	/* Buttons: full-width stack so they never break layout */
	.cta .btn{flex:1 1 100%;justify-content:center}
	.ban .btn{width:100%;justify-content:center}
	/* Wide content scrolls instead of overflowing */
	.entry-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
	.entry-content iframe,.entry-content video,.entry-content embed{max-width:100%}
	.entry-content pre{font-size:13px}
	/* Breathing room */
	.comments-area{padding:22px 18px}
	.search-form{flex-direction:column}
	.search-form input{width:100%}
	.stat b{font-size:24px}
	.stat{padding:18px 12px}
}

/* ============ v3.3: clickable cards ============ */
.card[data-href]{cursor:pointer}

/* ============ v3.3: prompt cards (pr- prefix) ============ */
.sh-side{display:flex;align-items:center;gap:12px}
.pr-viewtoggle{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--muted);font-size:16px;cursor:pointer;display:grid;place-items:center;flex:none}
.pr-viewtoggle:hover{border-color:var(--o1);color:var(--o1)}
.pr-viewtoggle .vt-list{display:none}
.pr-viewtoggle[data-view="compact"] .vt-grid{display:none}
.pr-viewtoggle[data-view="compact"] .vt-list{display:block}
.pr-grid{grid-template-columns:repeat(2,1fr)}
/* v3.7: prompt grid honors the "Desktop: cards per row" control. */
.pr-grid.g2{grid-template-columns:repeat(2,1fr)}
.pr-grid.g3{grid-template-columns:repeat(3,1fr)}
.pr-grid.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:940px){.pr-grid.g3,.pr-grid.g4{grid-template-columns:repeat(2,1fr)}}

/* ============ v3.11 — desktop image-only prompt cards ============
 * Per kind: the card article carries .pr-imgonly-d when its kind's
 * "Desktop card content" = Image only (Design: Prompt Cards — …). */
@media(min-width:601px){
	.pr-grid:not(.pr-compact) .pr-imgonly-d .pr-thumb,
	.pr-grid:not(.pr-compact) .pr-imgonly-d .pr-body,
	.pr-grid:not(.pr-compact) .pr-imgonly-d .prc-top,
	.pr-grid:not(.pr-compact) .pr-imgonly-d .prc-body{display:none}
	.pr-grid:not(.pr-compact) .pr-imgonly-d .pr-mvisual{display:block;position:relative;overflow:hidden;aspect-ratio:var(--nd-pd-ratio,4/5);background-size:cover;border-radius:18px}
	.pr-grid:not(.pr-compact) .pr-imgonly-d .pr-mvisual-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
	.pr-grid:not(.pr-compact) .pr-imgonly-d .pr-mvisual .pr-ico{position:absolute;inset:0;display:grid;place-items:center;font-size:52px}
	.pr-grid:not(.pr-compact) .pr-imgonly-d .pr-mvisual-ol{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.78));display:flex;flex-direction:column;gap:4px}
	.pr-grid:not(.pr-compact) .pr-imgonly-d .pr-mvisual-type{font-size:10px;font-weight:800;letter-spacing:.07em;color:#ffd9ae;text-transform:uppercase}
	.pr-grid:not(.pr-compact) .pr-imgonly-d .pr-mvisual-title{color:#fff;font-weight:800;font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
	.pr-grid:not(.pr-compact) .pr-card.pr-imgonly-d,
	.pr-grid:not(.pr-compact) .prc-card.pr-imgonly-d{display:block;padding:0;background:transparent;border:none;box-shadow:none;cursor:pointer}
	.pr-grid:not(.pr-compact) .pr-imgonly-d .pr-mvisual{width:100%}
	.pr-grid:not(.pr-compact) .pr-card.pr-imgonly-d:hover .pr-mvisual,
	.pr-grid:not(.pr-compact) .prc-card.pr-imgonly-d:hover .pr-mvisual{transform:translateY(-3px);box-shadow:0 14px 30px rgba(255,106,26,.25)}
	.pr-grid:not(.pr-compact) .pr-imgonly-d .pr-mvisual{transition:transform .2s,box-shadow .2s}
}
/* v3.11: overlay toggles per kind live on the mvisual element itself
 * (nd-old-/nd-olm-notitle/notype), decided per card in PHP, so mixed grids
 * style Image & Video and Creative & Content cards independently. */
@media(max-width:600px){
	.pr-mvisual.nd-olm-notitle .pr-mvisual-title,
	.pr-mvisual.nd-olm-notype .pr-mvisual-type{display:none}
}
@media(min-width:601px){
	.pr-mvisual.nd-old-notitle .pr-mvisual-title,
	.pr-mvisual.nd-old-notype .pr-mvisual-type{display:none}
}
.pr-card{display:flex;background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.25s;min-width:0}
.pr-card:hover{transform:translateY(-5px);border-color:rgba(255,106,26,.45);box-shadow:0 18px 40px rgba(255,106,26,.12)}
.pr-thumb{flex:0 0 38%;min-height:220px;display:grid;place-items:center;position:relative;overflow:hidden}
.pr-ico{font-size:56px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}
.pr-thumbimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pr-body{flex:1;min-width:0;padding:22px;display:flex;flex-direction:column}
.pr-body h3{font-size:17px;margin:0 0 6px;font-weight:800;letter-spacing:-.01em}
.pr-desc{color:var(--muted);font-size:13.5px;margin:0 0 12px}
.pr-prompt{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.7;color:#8a6d4b;background:#fdf6ec;border:1px solid #f3e7d3;border-radius:12px;padding:14px;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.pr-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.pr-copy{background:#ffe8d1;color:#7c4a12;border:1px solid #ffd9ae;font-weight:700;font-size:13px;padding:10px 20px;border-radius:999px;cursor:pointer;font-family:inherit}
.pr-copy:hover{background:#ffdfba}
.pr-view{background:#fff;color:var(--o1);border:1px solid var(--o1);font-weight:700;font-size:13px;padding:10px 20px;border-radius:999px;text-decoration:none;display:inline-block}
.pr-view:hover{background:var(--o1);color:#fff}
.pr-mini-ico{display:none}
/* compact list view */
.pr-grid.pr-compact{display:block}
.pr-grid.pr-compact .pr-card{align-items:center;gap:14px;padding:12px 16px;margin-bottom:10px}
.pr-grid.pr-compact .pr-thumb{display:none}
.pr-grid.pr-compact .pr-prompt{display:none}
.pr-grid.pr-compact .pr-mini-ico{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:var(--soft);font-size:20px}
.pr-grid.pr-compact .pr-body{padding:0;flex:1;min-width:0}
.pr-grid.pr-compact .pr-body h3{font-size:15px;margin:0}
.pr-grid.pr-compact .pr-desc{margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-grid.pr-compact .pr-actions{margin:0;flex:none}
.pr-grid.pr-compact .pr-view{display:none}
.pr-grid.pr-compact .pr-copy{padding:8px 14px;font-size:12px}
/* single prompt: sticky visual sidebar */
.pr-single{display:grid;grid-template-columns:300px 1fr;gap:36px;align-items:start;margin-top:8px}
.pr-side{position:sticky;top:90px}
.pr-visual{border-radius:20px;min-height:300px;display:grid;place-items:center;overflow:hidden;position:relative}
.pr-visual .pr-ico{font-size:72px}
.pr-visual .pr-thumbimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pr-side-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}
.pr-copies{font-size:12.5px;color:var(--muted);font-weight:600}
/* chips "+N more" dropdown */
.fc-more{position:relative}
.fc-more summary{list-style:none;cursor:pointer}
.fc-more summary::-webkit-details-marker{display:none}
.fc-more-list{position:absolute;top:calc(100% + 8px);left:0;z-index:40;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-wrap:wrap;gap:8px;min-width:220px;max-width:320px;box-shadow:0 18px 40px rgba(0,0,0,.12)}
/* live search label */
.nd-live-label{color:var(--muted);font-size:13px;font-weight:600;margin:0 0 14px}
.nd-live-label:empty{display:none}
@media(max-width:600px){
	.pr-grid{grid-template-columns:1fr}
	.pr-card{flex-direction:column}
	.pr-thumb{flex:none;min-height:170px;width:100%}
	.pr-single{grid-template-columns:1fr}
	.pr-side{position:static}
	.pr-visual{min-height:220px}
	.sh-side{margin-top:10px}
	.ph h1{font-size:30px !important}
	.ph{padding:24px 0}
	.chips-bar{padding:10px;gap:8px}
	.fc{padding:8px 13px;font-size:12.5px}
}

/* ============ v3.4 — Media & Images (Customizer → NexAdeel Media & Images) ============ */
.card-thumb{aspect-ratio:var(--nd-img-ratio,16/9)}
.card-thumb img{object-fit:var(--nd-img-fit,cover)}
.th{aspect-ratio:var(--nd-img-ratio,16/9)}
.pr-thumb{aspect-ratio:var(--nd-img-ratio,16/9)}
.pr-thumb .pr-thumbimg,.pr-visual .pr-thumbimg{object-fit:var(--nd-img-fit,cover)}
.post-featured img{width:100%;height:auto;display:block;border-radius:16px;object-fit:var(--nd-img-fit,cover)}
/* ============ v3.12 — single project featured image frame (Customizer: Single: Project) ============ */
body.single-nd_project .post-featured img{aspect-ratio:var(--nd-projimg-ratio,16/9);object-fit:var(--nd-projimg-fit,cover)}

/* ============ v3.4 — Social icons ============ */
.nd-social{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.nd-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--muted);display:grid;place-items:center;transition:.2s}
.nd-social a:hover{color:#fff;background:linear-gradient(120deg,var(--o1),var(--o2));border-color:transparent;transform:translateY(-2px)}

/* ============ v3.4 — Gutenberg block compatibility ============ */
.entry-content figure{margin:0 0 1.4em;max-width:100%}
.entry-content figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:8px}
.entry-content .wp-block-image img{border-radius:14px}
.entry-content .wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:1.4em}
.entry-content .wp-block-gallery img{border-radius:12px;width:100%;height:100%;object-fit:cover}
.entry-content .wp-block-quote{border-left:4px solid var(--o1);background:var(--soft);padding:16px 20px;border-radius:0 14px 14px 0;margin:0 0 1.4em}
.entry-content .wp-block-quote p:last-child{margin-bottom:0}
.entry-content .wp-block-pullquote{border-top:3px solid var(--o1);border-bottom:3px solid var(--o1);padding:24px 0;margin:0 0 1.6em;text-align:center;font-size:1.25em;font-weight:700}
.entry-content .wp-block-separator{border:none;border-top:2px solid var(--line);margin:2em auto;max-width:120px}
.entry-content .wp-block-button{margin-bottom:1.4em}
.entry-content .wp-block-button__link{background:linear-gradient(120deg,var(--o1),var(--o2));color:#fff;border-radius:12px;padding:12px 26px;font-weight:700;text-decoration:none;display:inline-block}
.entry-content .wp-block-button__link:hover{text-decoration:none;filter:brightness(1.05)}
.entry-content .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--o1);border:2px solid var(--o1)}
.entry-content .alignwide{max-width:100%}
.entry-content .alignfull{max-width:100%}
.entry-content .aligncenter{margin-left:auto;margin-right:auto}
.entry-content table{width:100%;border-collapse:collapse;margin-bottom:1.4em;font-size:15px}
.entry-content th,.entry-content td{border:1px solid var(--line);padding:10px 14px;text-align:left}
.entry-content th{background:var(--soft);font-weight:700}
.post-meta{justify-content:flex-end;text-align:right}

/* ============ v3.4 — compact list view polish ============ */
.pr-grid.pr-compact .pr-card{border-radius:14px}
@media(max-width:600px){
	.pr-grid.pr-compact .pr-card{gap:10px;padding:10px 12px;margin-bottom:8px}
	.pr-grid.pr-compact .pr-mini-ico{width:36px;height:36px;font-size:17px;border-radius:10px}
	.pr-grid.pr-compact .pr-copy{padding:7px 12px;font-size:11.5px}
	.pr-grid.pr-compact .pr-body h3{font-size:14px}
	.pr-grid.pr-compact .pr-desc{font-size:12.5px}
}

/* ============ v3.4 — chips label ============ */
.chips-label{font-size:12.5px;font-weight:700;color:var(--muted);margin-right:2px}

/* ============ v3.5: per-section card vars consume ============ */
.pr-thumb .pr-thumbimg,.pr-visual .pr-thumbimg{object-fit:var(--nd-img-fit,cover);object-position:var(--nd-img-pos,center)}
.card-thumb img{object-fit:var(--nd-img-fit,cover);object-position:var(--nd-img-pos,center)}
.pr-thumb,.prc-top,.card-thumb{height:var(--nd-img-h,auto)}
/* v1.1: header/footer brand logos — sized via Customizer, fully independent. */
.brand-logo{width:var(--nd-logo-w,180px);height:var(--nd-logo-h,auto);max-width:100%;object-fit:contain}
.fbrand-logo{width:var(--nd-flogo-w,180px);height:var(--nd-flogo-h,auto);max-width:100%;object-fit:contain}
@media(max-width:940px){header .brand-logo{width:var(--nd-logo-wm,140px);height:auto}}
/* v1.2: brand text ("NexAdeel" wordmark) font + colors, per location. */
header .brand .brand-text{font-family:var(--nd-brand-h-font,var(--font-head))}
header .brand .w-nex{color:var(--nd-brand-h-c1,var(--ink))}
header .brand .w-adeel{color:var(--nd-brand-h-c2,var(--o1))}
footer .brand .brand-text{font-family:var(--nd-brand-f-font,var(--font-head))}
footer .brand .w-nex{color:var(--nd-brand-f-c1,var(--ink))}
footer .brand .w-adeel{color:var(--nd-brand-f-c2,var(--o1))}
/* per-section grids + cards */
.pr-grid.cards-prompts{gap:var(--nd-card-gap,22px)}
.cards-prompts .pr-card,.cards-prompts .prc-card{border-radius:var(--nd-card-rad,20px)}
.cards-prompts .pr-body{padding:var(--nd-card-pad,22px)}
.cards-prompts .pr-card h3,.cards-prompts .prc-card h3{font-size:var(--nd-card-title,19px)}
.cards-prompts .pr-desc,.cards-prompts .pr-prompt,.cards-prompts .prc-desc,.cards-prompts .prc-prompt{font-size:var(--nd-card-text,14px)}
.grid.cards-tools{gap:var(--nd-card-gap,22px)}
.cards-tools .card{border-radius:var(--nd-card-rad,20px)}
.cards-tools .tool{padding:var(--nd-card-pad,20px)}
.cards-tools .tool h3{font-size:var(--nd-card-title,15px)}
.cards-tools .tool p{font-size:var(--nd-card-text,13px)}
.grid.cards-projects{gap:var(--nd-card-gap,22px)}
.cards-projects .card{border-radius:var(--nd-card-rad,20px)}
.cards-projects .card-pad{padding:var(--nd-card-pad,20px)}
.cards-projects .card h3{font-size:var(--nd-card-title,18px)}
.cards-projects .card p{font-size:var(--nd-card-text,14px)}
.grid.cards-services{gap:var(--nd-card-gap,22px)}
.cards-services .card{border-radius:var(--nd-card-rad,20px)}
.cards-services .svc{padding:var(--nd-card-pad,22px)}
.cards-services .svc h3{font-size:var(--nd-card-title,18px)}
.cards-services .svc p{font-size:var(--nd-card-text,14px)}
/* ============ v3.5: classic prompt card ============ */
.prc-card{background:var(--card);border:1px solid var(--line);border-radius:var(--nd-card-rad,20px);overflow:hidden;transition:.25s;min-width:0;display:flex;flex-direction:column;cursor:pointer}
.prc-card:hover{transform:translateY(-5px);border-color:rgba(255,106,26,.45);box-shadow:0 18px 40px rgba(255,106,26,.12)}
.prc-top{min-height:190px;display:flex;align-items:flex-end;position:relative;overflow:hidden;padding:18px}
.prc-topimg{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--nd-img-fit,cover);object-position:var(--nd-img-pos,center)}
.prc-kind{position:relative;color:#fff;font-weight:800;font-size:22px;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.prc-body{padding:var(--nd-card-pad,20px);display:flex;flex-direction:column;gap:10px;flex:1}
.prc-pill{align-self:flex-start;background:#fdeee2;color:#e05e00;font-size:11px;font-weight:800;letter-spacing:.06em;padding:6px 12px;border-radius:999px}
.prc-body h3{font-size:var(--nd-card-title,18px);margin:0}
.prc-desc{color:var(--muted);font-size:var(--nd-card-text,14px);margin:0}
.prc-prompt{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;background:#faf3ea;border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:#8a6d4f;max-height:118px;overflow:hidden;position:relative}
.prc-prompt:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:linear-gradient(transparent,#faf3ea)}
.prc-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:6px}
.prc-copies{font-size:13px;color:var(--muted);font-weight:600}
/* prompt type badge */
.pr-type{display:inline-block;align-self:flex-start;background:#eef4ff;color:#2563eb;font-size:11px;font-weight:800;letter-spacing:.05em;padding:5px 11px;border-radius:999px;margin-bottom:8px}

/* ============ v3.5 — single post meta spacing scale ============ */
.post-card .crumbs{margin:0}
.post-card>h1{margin:8px 0 12px;text-align:left}
.post-meta{justify-content:flex-end;text-align:right;margin:0 0 22px}
.post-featured{margin:0 0 28px}

/* ============ v3.6 — mobile prompt cards ============ */
/* Image-only visual block: hidden everywhere except mobile + image-only mode. */
.pr-mvisual{display:none}
/* TOC accordion for mobile single posts: hidden on desktop. */
.toc-mobile{display:none}
@media(max-width:600px){
	/* 2-col (or 1-col) grid with tighter gap. */
	.pr-grid,.pr-grid.g2,.pr-grid.g3,.pr-grid.g4{grid-template-columns:repeat(var(--nd-pm-cols,2),1fr);gap:var(--nd-pm-gap,12px)}
	/* FIXED image frame: every upload (portrait/landscape) fits the same box. */
	.pr-grid .pr-thumb{flex:none;width:100%;min-height:0;aspect-ratio:var(--nd-pm-ratio,4/5)}
	.pr-grid .prc-top{min-height:0;aspect-ratio:var(--nd-pm-ratio,4/5)}
	/* Tighter mobile spacing: no dead air between image, text and buttons. */
	.pr-grid .pr-body{padding:14px}
	.pr-grid .pr-prompt{padding:10px 12px;margin:0 0 10px;-webkit-line-clamp:3}
	.pr-grid .pr-desc{margin:0 0 8px}
	.pr-grid .pr-actions{gap:8px}
	.pr-grid .pr-copy,.pr-grid .pr-view{padding:8px 14px;font-size:12px}
	.pr-grid .prc-body{padding:14px;gap:8px}
	.pr-grid .prc-prompt{max-height:88px}
	/* v3.11 — mobile image-only mode, per kind: the card article carries
	 * .pr-imgonly-m when its kind's "Mobile card content" = Image only.
	 * Scoped to :not(.pr-compact) so the user's list-view toggle keeps working. */
	.pr-grid:not(.pr-compact) .pr-imgonly-m .pr-thumb,
	.pr-grid:not(.pr-compact) .pr-imgonly-m .pr-body,
	.pr-grid:not(.pr-compact) .pr-imgonly-m .prc-top,
	.pr-grid:not(.pr-compact) .pr-imgonly-m .prc-body{display:none}
	.pr-grid:not(.pr-compact) .pr-imgonly-m .pr-mvisual{display:block;position:relative;overflow:hidden;aspect-ratio:var(--nd-pm-ratio,4/5);background-size:cover}
	.pr-grid:not(.pr-compact) .pr-imgonly-m .pr-mvisual-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
	.pr-grid:not(.pr-compact) .pr-imgonly-m .pr-mvisual .pr-ico{position:absolute;inset:0;display:grid;place-items:center;font-size:44px}
	.pr-grid:not(.pr-compact) .pr-imgonly-m .pr-mvisual-ol{position:absolute;left:0;right:0;bottom:0;padding:30px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.75));display:flex;flex-direction:column;gap:3px}
	.pr-grid:not(.pr-compact) .pr-imgonly-m .pr-mvisual-type{font-size:10px;font-weight:800;letter-spacing:.07em;color:#ffd9ae;text-transform:uppercase}
	.pr-grid:not(.pr-compact) .pr-imgonly-m .pr-mvisual-title{color:#fff;font-weight:800;font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
	.pr-grid:not(.pr-compact) .pr-card.pr-imgonly-m,.pr-grid:not(.pr-compact) .prc-card.pr-imgonly-m{border-radius:16px}
	/* Archive header respects the mobile H1 size control. */
	.ph h1{font-size:var(--nd-fs-h1-m,30px) !important}
	/* Single prompt page: content stacks cleanly under the visual on mobile. */
	.pr-single{gap:20px}
}

/* ============ v3.6 — mobile single post: image → title → meta → TOC ============ */
@media(max-width:940px){
	/* Sidebar TOC is replaced by the collapsible inline TOC on mobile. */
	.toc-wrap{display:none}
	.toc-mobile{display:block;margin:0 0 20px;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
	.toc-mobile summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;font-weight:800;font-size:14px}
	.toc-mobile summary::-webkit-details-marker{display:none}
	.toc-mobile summary .toc-chev{transition:transform .25s;color:var(--o1);font-size:12px}
	.toc-mobile[open] summary .toc-chev{transform:rotate(180deg)}
	.toc-mobile .toc-slide{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}
	.toc-mobile[open] .toc-slide{grid-template-rows:1fr}
	.toc-mobile .toc-slide>div{overflow:hidden}
	.toc-mobile ol{margin:0;padding:4px 16px 14px;list-style:none}
	.toc-mobile ol li{margin:0}
	.toc-mobile ol a{display:block;padding:8px 0;border-top:1px dashed var(--line);color:var(--ink);text-decoration:none;font-size:13.5px}
	.toc-mobile ol a:hover{color:var(--o1)}
	/* Reorder: image first, then title, meta, TOC, content.
	 * v3.7: scoped to blog singles ONLY — CPT singles (tool/project/service)
	 * reuse .post-card with their own DOM order and must not be reordered. */
	body.single-post .post-card{display:flex;flex-direction:column}
	body.single-post .post-card .crumbs{order:1}
	body.single-post .post-card .post-featured{order:2;margin:0 0 16px}
	body.single-post .post-card>h1{order:3}
	body.single-post .post-card .post-meta{order:4;margin:0 0 16px}
	body.single-post .post-card .toc-mobile{order:5}
	body.single-post .post-card .entry-content{order:6}
	body.single-post .post-card .post-tags{order:7}
	body.single-post .post-card .post-share{order:8}
	/* Related cards keep their inner padding on small screens. */
	.related{padding:0 2px}
	.related-grid{grid-template-columns:repeat(2,1fr);gap:12px}
	.related .card-pad{padding:12px}
	.related h4{font-size:13.5px}
	.related .rmeta{font-size:11.5px}
}

/* ============ v3.7 — prompts kind tabs: centered segmented control ============ */
.pr-kinds{display:flex;justify-content:center;align-items:center;gap:4px;width:fit-content;max-width:100%;margin:26px auto 16px;padding:5px;background:var(--card);border:1px solid var(--line);border-radius:999px;box-shadow:0 8px 22px rgba(255,106,26,.10)}
.pr-kinds .pk{display:inline-block;padding:9px 22px;border-radius:999px;font-weight:700;font-size:14px;color:var(--muted);text-decoration:none;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.pr-kinds .pk:hover{color:var(--o1)}
.pr-kinds .pk.on{background:linear-gradient(120deg,var(--o1),var(--o2));color:#fff;box-shadow:0 4px 14px rgba(255,106,26,.38)}
.pr-kinds .pk-div{width:1px;align-self:stretch;background:var(--line);margin:6px 4px;flex:none}
.pr-kinds .pr-viewtoggle{width:34px;height:34px;border-radius:50%;border:none;background:transparent}
.pr-kinds .pr-viewtoggle:hover{background:var(--soft)}
@media(max-width:600px){
	.pr-kinds{flex-wrap:wrap;justify-content:center;border-radius:22px;width:100%;padding:6px}
	.pr-kinds .pk{padding:8px 14px;font-size:13px;flex:1 1 auto;text-align:center}
	.pr-kinds .pk-div{display:none}
}

/* ============ v3.6 — filter toolbar (search + category + tag + sort) ============ */
.nd-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin:0 0 22px}
.nd-filter .nf-search{flex:1 1 200px;display:flex}
.nd-filter .nf-search input{flex:1;min-width:0;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:13.5px}
.nd-filter select{padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:13.5px;font-weight:600;max-width:190px}
.nd-filter .nf-apply{padding:10px 18px;border-radius:10px;border:none;background:linear-gradient(120deg,var(--o1),var(--o2));color:#fff;font:inherit;font-weight:700;font-size:13.5px;cursor:pointer}
.nd-filter .nf-clear{font:inherit;font-size:13px;font-weight:700;color:var(--muted);text-decoration:none;padding:10px 6px}
.nd-filter .nf-clear:hover{color:var(--o1)}
.nd-active-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:-12px 0 18px;font-size:12.5px;color:var(--muted)}
.nd-active-filters .af-pill{display:inline-flex;align-items:center;gap:6px;background:#fdeee2;color:#9a5b13;border:1px solid #f5d9b8;font-weight:700;font-size:12px;padding:5px 6px 5px 12px;border-radius:999px}
.nd-active-filters .af-pill a{color:#9a5b13;text-decoration:none;background:#fff;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:11px;line-height:1}
.nf-toggle{display:none;align-items:center;gap:10px;width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.nf-toggle .nf-ico{width:34px;height:34px;border-radius:10px;background:linear-gradient(120deg,var(--o1),var(--o2));display:grid;place-items:center;color:#fff;font-size:16px;flex:none}
.nf-toggle .nf-chev{margin-left:auto;color:var(--muted);font-size:12px;transition:transform .2s}
/* v3.10: per-section prompt-card display flags (Front Page prompt sections). */
.nd-sec-noimg .pr-mvisual,.nd-sec-noimg .pr-thumb,.nd-sec-noimg .prc-top{display:none !important}
.nd-sec-notitle .pr-card .pr-body h3,.nd-sec-notitle .prc-card .prc-body h3{display:none !important}
.nd-sec-nodesc .pr-desc,.nd-sec-nodesc .prc-desc,.nd-sec-nodesc .pr-prompt,.nd-sec-nodesc .prc-prompt{display:none !important}
.nd-filter.open .nf-toggle .nf-chev{transform:rotate(180deg)}
/* v3.9: mobile collapsible filter — the bar stays compact behind a Filters toggle. */
@media(max-width:640px){
	.nd-filter{padding:10px;gap:8px}
	.nf-toggle{display:inline-flex}
	.nd-filter .nf-search,.nd-filter select,.nd-filter .nf-apply{display:none}
	.nd-filter.open{flex-direction:column;align-items:stretch}
	.nd-filter.open .nf-search{display:flex;flex:1 1 100%}
	.nd-filter.open .nf-search input{font-size:16px;padding:12px 14px}
	.nd-filter.open select{display:block;width:100%;max-width:none;flex:1 1 100%;font-size:16px;padding:12px 14px}
	.nd-filter.open .nf-apply{display:block;flex:1 1 100%;padding:13px 18px;font-size:15px}
}