/* ===== المدونة ===== */
body.tq-blogx{background:var(--page)}
body.tq-blogx .tq-header{margin-bottom:-82px}
body.tq-blogx .tq-crumbs{display:none}
.tq-blog{max-width:none!important;padding:0!important;margin:0!important}
.tq-bwrap{width:min(1200px,calc(100% - 32px));margin-inline:auto}

/* hero */
.tq-bhero{position:relative;isolation:isolate;overflow:hidden;background:var(--night);color:var(--moon);padding:140px 0 56px}
.tq-bhero::after{content:"";position:absolute;z-index:-1;left:50%;bottom:-200px;width:min(1000px,140vw);height:380px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(246,195,106,.42),rgba(232,169,71,.12) 55%,transparent 75%);animation:tq-dawn 2s cubic-bezier(.2,.7,.2,1) both}
.tq-bhero::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(60% 80% at 85% 0%,rgba(95,203,138,.10),transparent 60%)}
.tq-bhero h1{font-size:clamp(32px,5vw,58px);line-height:1.2;margin:10px 0 12px;color:var(--moon);max-width:20ch;text-shadow:0 0 36px rgba(246,195,106,.3)}
.tq-bhero__lead{color:#D6E2DE;font-size:clamp(17px,1.7vw,19px);max-width:62ch;margin:0 0 24px}
.tq-bcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--mist)}
.tq-bcrumbs a{color:var(--mist);text-decoration:none}
.tq-bcrumbs a:hover{color:var(--lantern-hi)}

/* search */
.tq-search{display:flex;max-width:560px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:999px;padding:5px}
.tq-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--moon);font:300 16px var(--font);padding:0 16px;min-height:44px}
.tq-search input::placeholder{color:var(--mist)}
.tq-search input:focus{outline:none}
.tq-search:focus-within{border-color:var(--lantern)}
.tq-search button{border:0;border-radius:999px;background:var(--lantern);color:#1A1405;font:700 15px var(--font);padding:0 22px;cursor:pointer}

/* category chips */
.tq-blog__body{padding:36px 0 80px}
.tq-cats{display:flex;gap:8px;overflow-x:auto;padding:4px 0 6px;margin-bottom:28px;scrollbar-width:thin}
.tq-cats a{flex:none;padding:8px 16px;border-radius:999px;background:var(--paper);border:1px solid var(--rule);color:var(--ink);text-decoration:none;font-size:15px;font-weight:500;white-space:nowrap}
.tq-cats a:hover{border-color:var(--lantern)}
.tq-cats a[aria-current]{background:var(--night);border-color:var(--night);color:var(--lantern-hi)}

/* post cards */
.tq-pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:980px){.tq-pgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.tq-pgrid{grid-template-columns:1fr}}
.tq-pc{position:relative;isolation:isolate;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-m);overflow:hidden;transition:border-color .3s,transform .3s}
.tq-pc::before{content:"";position:absolute;inset:auto -20% -70% -20%;height:80%;z-index:-1;background:radial-gradient(closest-side,rgba(246,195,106,.3),transparent);opacity:0;transition:opacity .35s}
.tq-pc:hover{border-color:rgba(232,169,71,.6);transform:translateY(-3px)}
.tq-pc:hover::before{opacity:1}
.tq-pc__media{display:block;overflow:hidden}
.tq-pc__img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .5s}
.tq-pc:hover .tq-pc__img{transform:scale(1.04)}
.tq-pc__img--none{background:linear-gradient(160deg,var(--dusk),var(--night))}
.tq-pc__body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.tq-pc__title{font-size:19px;line-height:1.5;margin:2px 0 0}
.tq-pc__title a{color:var(--ink);text-decoration:none}
.tq-pc__title a::after{content:"";position:absolute;inset:0;z-index:0}
.tq-pc .tq-chip{position:relative;z-index:1}
.tq-pc__ex{color:var(--ink-2);font-size:15px;line-height:1.8;margin:0;flex:1}
.tq-chip{align-self:flex-start;display:inline-block;padding:3px 12px;border-radius:999px;background:rgba(232,169,71,.14);color:#8A5A0E;font-size:13px;font-weight:500;text-decoration:none}
.tq-chip--night{background:rgba(232,169,71,.18);color:var(--lantern-hi)}
.tq-meta{display:flex;flex-wrap:wrap;gap:8px;color:#6B7C75;font-size:13px}

/* featured (first post on page 1) */
.tq-pc--featured{display:grid;grid-template-columns:1.25fr 1fr;margin-bottom:26px}
.tq-pc--featured .tq-pc__media{height:420px}
.tq-pc--featured .tq-pc__img{aspect-ratio:auto;height:100%}
.tq-pc--featured .tq-pc__body{padding:32px;justify-content:center;gap:12px}
.tq-pc--featured .tq-pc__title{font-size:clamp(24px,2.6vw,32px);line-height:1.35}
.tq-pc--featured .tq-pc__ex{font-size:17px;flex:0}
@media (max-width:820px){.tq-pc--featured{grid-template-columns:1fr}.tq-pc--featured .tq-pc__media{height:auto}.tq-pc--featured .tq-pc__img{aspect-ratio:16/10}.tq-pc--featured .tq-pc__body{padding:20px}}
.tq-pc--page .tq-pc__body{padding-top:22px}

.tq-binline{margin:30px 0}
.tq-binline .tq-cta{margin:0}

/* pagination */
.tq-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:44px}
.tq-pager .page-numbers{display:grid;place-items:center;min-width:46px;height:46px;padding:0 14px;border-radius:999px;background:var(--paper);border:1px solid var(--rule);color:var(--ink);text-decoration:none;font-weight:500}
.tq-pager .page-numbers.current{background:var(--night);border-color:var(--night);color:var(--lantern-hi)}
.tq-pager a.page-numbers:hover{border-color:var(--lantern)}
.tq-pager .dots{background:transparent;border:0}

.tq-empty{text-align:center;padding:40px 0}
.tq-empty .tq-cats{justify-content:center;flex-wrap:wrap}

/* ===== single article ===== */
.tq-ahero{padding-bottom:120px}
.tq-ahero__in{max-width:900px}
.tq-ahero h1{max-width:none;font-size:clamp(30px,4.4vw,50px)}
.tq-ahero__meta{display:flex;flex-wrap:wrap;gap:14px;margin:0;color:var(--mist)}
.tq-ahero__meta .tq-meta{color:var(--mist);font-size:15px}
.tq-meta__upd{font-size:15px}
.tq-acover{margin-top:-90px;position:relative;z-index:2}
.tq-acover img{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:var(--r-l);box-shadow:0 30px 60px rgba(12,27,30,.25)}
.tq-alayout{display:grid;grid-template-columns:minmax(0,1fr) 290px;grid-template-areas:"main aside";gap:48px;padding:44px 0 56px;align-items:start}
.tq-prose-a{grid-area:main;min-width:0;font-size:18.5px;line-height:2;color:var(--ink);max-width:780px}
.tq-aside{grid-area:aside;position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}
@media (max-width:980px){.tq-alayout{grid-template-columns:1fr;grid-template-areas:"aside" "main";gap:24px}.tq-aside{position:static}.tq-aside__cta{display:none!important}}

.tq-toc{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-m);padding:16px 18px}
.tq-toc summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between}
.tq-toc summary::after{content:"−";color:#B87A1E}
.tq-toc:not([open]) summary::after{content:"+"}
.tq-toc ol{margin:12px 0 0;padding-inline-start:20px;font-size:15px;line-height:1.7;max-height:55vh;overflow:auto}
.tq-toc li{margin:6px 0}
.tq-toc a{color:var(--ink-2);text-decoration:none}
.tq-toc a:hover{color:#1F6B47}
.tq-aside__cta{position:relative;isolation:isolate;overflow:hidden;background:var(--night);color:var(--moon);border-radius:var(--r-m);padding:20px;display:flex;flex-direction:column;gap:10px}
.tq-aside__cta::after{content:"";position:absolute;inset:auto 0 -90px 0;height:160px;z-index:-1;background:radial-gradient(closest-side,rgba(232,169,71,.35),transparent)}
.tq-aside__cta p{margin:0;color:var(--mist);font-size:15px}

/* article typography */
.tq-prose-a>*:first-child{margin-top:0}
.tq-prose-a h2{font-size:clamp(24px,2.6vw,30px);margin:46px 0 14px;line-height:1.4;scroll-margin-top:100px}
.tq-prose-a h3{font-size:21px;margin:30px 0 10px}
.tq-prose-a p{margin:0 0 18px}
.tq-prose-a a:not(.tq-btn){color:#1F6B47;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.tq-prose-a ul,.tq-prose-a ol{padding-inline-start:24px;margin:0 0 20px}
.tq-prose-a li{margin:6px 0}
.tq-prose-a li::marker{color:#B87A1E}
.tq-prose-a strong{color:var(--ink);font-weight:700}
.tq-prose-a img{border-radius:var(--r-m)}
.tq-prose-a blockquote{margin:24px 0;padding:16px 20px;border-inline-start:4px solid var(--lantern);background:var(--paper);border-radius:0 var(--r-s) var(--r-s) 0}
.tq-prose-a table{width:100%;border-collapse:collapse;margin:24px 0;font-size:16px;background:var(--paper);border-radius:var(--r-m);overflow:hidden;display:block;overflow-x:auto}
.tq-prose-a th,.tq-prose-a td{padding:12px 14px;border-bottom:1px solid var(--rule);text-align:start;vertical-align:top}
.tq-prose-a th{background:#E9EFEA;font-weight:700}
.tq-prose-a .tq-cta,.tq-prose-a .tq-offer-wrap{margin:32px 0}
.tq-prose-a .tq-faq{margin-top:8px}

.tq-afoot{margin-top:48px;padding-top:28px;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:24px}
.tq-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px}
.tq-share a,.tq-share button{padding:6px 14px;border-radius:999px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);text-decoration:none;font:500 14px var(--font);cursor:pointer}
.tq-share a:hover,.tq-share button:hover{border-color:var(--lantern)}
.tq-author{display:flex;gap:16px;align-items:flex-start;background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-m);padding:18px}
.tq-author img{border-radius:50%;flex:none}
.tq-author p{margin:4px 0 0;font-size:15px;color:var(--ink-2);line-height:1.8}

.tq-related{background:#E9EFEA;padding:56px 0}
.tq-related h2{font-size:clamp(24px,3vw,32px);margin:0 0 22px}
.tq-aend{padding:24px 0 72px}