/* AJ Qureshi Pro: Karakoram night palette. Glacier ice + apricot blossom on a deep indigo sky. */
@font-face { font-family: "Bricolage"; src: url("../fonts/bricolage.woff2") format("woff2"); font-weight: 500 800; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("../fonts/figtree.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }

:root {
	--bg: #0b1226;
	--bg-2: #101a36;
	--bg-3: #16224a;
	--glass: rgba(148, 170, 255, .07);
	--glass-2: rgba(148, 170, 255, .12);
	--line: rgba(173, 190, 255, .16);
	--text: #eaf0fb;
	--muted: #a2afc9;
	--ice: #6fe3ff;
	--ice-d: #2bb7dd;
	--apricot: #ffb46e;
	--violet: #9a8cff;
	--ok: #4fe0a0;
	--warn: #ffcb6b;
	--bad: #ff7a8a;
	--r-sm: 10px;
	--r: 16px;
	--r-lg: 26px;
	--wrap: 1240px;
	--f-head: "Bricolage", "Segoe UI", system-ui, sans-serif;
	--f-body: "Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;
	--f-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
	color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body { overflow-x: clip; }
html { scroll-behavior: smooth; scroll-padding-top: 20px; -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } }
body { margin: 0; background: var(--bg); color: var(--text); font: 400 17px/1.65 var(--f-body); -webkit-font-smoothing: antialiased; }
img, svg, video, iframe { max-width: 100%; }
img { height: auto; }
a { color: var(--ice); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: #fff; }
:focus-visible { outline: 2px solid var(--apricot); outline-offset: 3px; border-radius: 6px; }
h1, h2, h3, h4 { font-family: var(--f-head); line-height: 1.15; letter-spacing: -.01em; margin: 0 0 .5em; font-weight: 700; color: #fff; }
p { margin: 0 0 1em; }
button, input, select, textarea { font: inherit; color: inherit; }

.aq-wrap { width: 100%; max-width: var(--wrap); margin: 0 auto; padding-left: 20px; padding-right: 20px; }
@media (min-width: 1700px) { :root { --wrap: 1380px; } }
.aq-narrow { max-width: 860px; }
.aq-sr, .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.aq-skip { position: absolute; left: -999px; top: 10px; z-index: 100; background: var(--apricot); color: #1b1300; padding: 8px 14px; border-radius: 8px; }
.aq-skip:focus { left: 10px; }

/* Icons */
.aq-i { display: inline-block; width: 1em; height: 1em; background: currentColor; -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat; vertical-align: -.125em; flex: 0 0 auto; }

/* Buttons */
.aq-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5em; min-height: 46px; padding: 10px 20px; border-radius: 999px; border: 1px solid transparent; font-weight: 700; font-size: 15.5px; line-height: 1.2; text-decoration: none; cursor: pointer; white-space: normal; text-align: center; transition: background .2s, border-color .2s, transform .2s; }
.aq-btn:active { transform: translateY(1px); }
.aq-btn-main { background: linear-gradient(135deg, var(--ice), #8fd0ff); color: #06203a; }
@media (hover: hover) { .aq-btn-main:hover { background: #fff; color: #06203a; } }
.aq-btn-ghost { background: transparent; border-color: var(--line); color: var(--text); }
.aq-btn-ghost:hover { border-color: var(--ice); color: #fff; }
.aq-btn-sm { min-height: 38px; padding: 7px 14px; font-size: 14px; }
.aq-btn-block { width: 100%; }
.aq-btn[disabled] { opacity: .6; cursor: progress; }
.aq-link { font-weight: 700; text-decoration: none; display: inline-flex; gap: .4em; align-items: center; }

/* Announcement + header (non-sticky by design) */
.aq-announce { background: linear-gradient(90deg, rgba(255,180,110,.18), rgba(154,140,255,.18)); border-bottom: 1px solid var(--line); font-size: 14.5px; }
.aq-announce .aq-wrap { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 40px; }
.aq-announce a { color: #fff; font-weight: 600; }
.aq-announce-x { background: none; border: 0; color: var(--muted); cursor: pointer; padding: 6px; }
.aq-header { position: relative; z-index: 20; border-bottom: 1px solid rgba(173,190,255,.08); }
.aq-header-row { display: flex; align-items: center; gap: 18px; min-height: 72px; }
.aq-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: #fff; font-family: var(--f-head); font-weight: 800; font-size: 19px; min-width: 0; }
.aq-brand-mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: conic-gradient(from 210deg, var(--ice), var(--violet), var(--apricot), var(--ice)); color: #0b1226; font-size: 15px; letter-spacing: .02em; flex: 0 0 38px; }
.aq-brand-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.aq-nav { order: 2; margin-left: auto; }
.aq-menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; flex-wrap: wrap; }
.aq-menu a { display: block; padding: 8px 12px; border-radius: 10px; color: var(--muted); text-decoration: none; font-weight: 600; font-size: 15.5px; }
.aq-menu a:hover, .aq-menu a[aria-current="page"], .aq-menu .current-menu-item > a { color: #fff; background: var(--glass); }
.aq-head-actions { order: 3; display: flex; gap: 8px; align-items: center; }
.aq-lang { display: inline-flex; border: 1px solid var(--line); border-radius: 999px; background: transparent; padding: 3px; cursor: pointer; }
.aq-lang span { padding: 4px 9px; border-radius: 999px; font-size: 12.5px; font-weight: 700; color: var(--muted); }
html:not([data-lang="ur"]) .aq-lang [data-l="en"], html[data-lang="ur"] .aq-lang [data-l="ur"] { background: var(--glass-2); color: #fff; }
.aq-burger { display: none; width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--line); background: transparent; cursor: pointer; font-size: 18px; }
@media (max-width: 960px) {
	.aq-burger { display: inline-grid; place-items: center; }
	.aq-nav { order: 4; flex: 1 0 100%; display: none; margin: 0 0 12px; }
	.aq-nav.is-open { display: block; }
	.aq-menu { flex-direction: column; background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r); padding: 8px; }
	.aq-menu a { padding: 12px 14px; font-size: 16px; }
	.aq-header-row { flex-wrap: wrap; }
	.aq-head-actions { margin-left: auto; }
}

/* Hero */
.aq-hero { position: relative; padding: 56px 0 120px; overflow: hidden; isolation: isolate; }
.aq-aurora { position: absolute; inset: -20% -10% 10%; z-index: -1; background:
	radial-gradient(40% 50% at 18% 30%, rgba(111,227,255,.22), transparent 70%),
	radial-gradient(35% 45% at 70% 18%, rgba(154,140,255,.25), transparent 70%),
	radial-gradient(30% 40% at 85% 70%, rgba(255,180,110,.16), transparent 70%);
	filter: blur(10px); animation: aq-drift 18s ease-in-out infinite alternate; }
@keyframes aq-drift { to { transform: translate3d(3%, 4%, 0) scale(1.06); } }
.aq-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background-image: radial-gradient(1.2px 1.2px at 12% 22%, #fff8, transparent), radial-gradient(1px 1px at 38% 12%, #fff6, transparent), radial-gradient(1.4px 1.4px at 66% 30%, #fff7, transparent), radial-gradient(1px 1px at 82% 14%, #fff5, transparent), radial-gradient(1px 1px at 52% 44%, #fff4, transparent), radial-gradient(1.2px 1.2px at 92% 40%, #fff6, transparent), radial-gradient(1px 1px at 6% 52%, #fff4, transparent); }
.aq-hero-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 48px; align-items: center; }
.aq-hero-grid > * { min-width: 0; }
.aq-hero-id { display: flex; align-items: center; gap: 14px; margin-bottom: 26px; }
.aq-avatar { width: 72px; height: 72px; border-radius: 22px; object-fit: cover; border: 2px solid rgba(255,255,255,.15); flex: 0 0 72px; }
.aq-avatar-ph { display: grid; place-items: center; background: conic-gradient(from 200deg, var(--ice), var(--violet), var(--apricot), var(--ice)); color: #0b1226; font: 800 24px var(--f-head); }
.aq-avatar.sm { width: 56px; height: 56px; flex-basis: 56px; font-size: 18px; border-radius: 16px; }
.aq-avatar.lg { width: 96px; height: 96px; flex-basis: 96px; font-size: 30px; border-radius: 28px; }
.aq-hero-name { margin: 0; font: 700 18px var(--f-head); color: #fff; }
.aq-hero-loc { margin: 0; color: var(--muted); font-size: 14.5px; display: flex; align-items: center; gap: 6px; }
.aq-hero-title { font-size: clamp(34px, 5.2vw, 64px); line-height: 1.04; letter-spacing: -.025em; font-weight: 800; margin-bottom: 18px; max-width: 16ch; }
.aq-roles { font-size: 19px; color: var(--muted); margin-bottom: 14px; }
.aq-type { color: var(--apricot); font-weight: 700; border-right: 2px solid var(--apricot); padding-right: 4px; }
.aq-hero-bio { color: #c9d3e8; font-size: 18px; max-width: 58ch; }
.aq-hero-btns { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 0; }
.aq-socials { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.aq-socials a { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; border: 1px solid var(--line); color: var(--text); font-size: 18px; }
.aq-socials a:hover { border-color: var(--ice); color: var(--ice); }
.aq-socials-hero { margin-top: 26px; }

.aq-glass { background: linear-gradient(160deg, rgba(148,170,255,.12), rgba(148,170,255,.04)); border: 1px solid var(--line); border-radius: var(--r-lg); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 30px 80px -40px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.06); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .aq-glass { background: var(--bg-2); } }
@media (prefers-reduced-transparency: reduce) { .aq-glass { background: var(--bg-2); backdrop-filter: none; } }
.aq-quick { padding: 26px; }
.aq-quick-h { font: 700 21px var(--f-head); color: #fff; display: flex; gap: 10px; align-items: center; margin-bottom: 16px; }
.aq-quick-foot { margin: 14px 0 0; font-size: 13.5px; color: var(--muted); }
.aq-ridge { position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 120px; display: block; }
.aq-ridge-back { fill: #121d3d; }
.aq-ridge-front { fill: var(--bg-2); }

@media (max-width: 960px) {
	.aq-hero { padding: 32px 0 100px; }
	.aq-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.aq-hero-title { max-width: none; }
}

/* Stats */
.aq-stats { background: var(--bg-2); padding: 8px 0 28px; }
.aq-stats-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 48px; }
.aq-stat { display: flex; align-items: baseline; gap: 10px; }
.aq-stat b { font: 800 34px var(--f-head); color: var(--apricot); }
.aq-stat span { color: var(--muted); font-weight: 600; }

/* Sections */
.aq-sec { padding: 72px 0; }
.aq-sec-alt { background: var(--bg-2); }
.aq-sec-head { max-width: 720px; margin-bottom: 32px; }
.aq-sec-head h2 { font-size: clamp(28px, 3.4vw, 40px); }
.aq-sec-head p { color: var(--muted); font-size: 18px; margin: 0; }
.aq-sec-more { margin: 28px 0 0; }

/* Tool cards: fixed column counts */
.aq-tool-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.aq-tool-grid > * { min-width: 0; }
@media (max-width: 960px) { .aq-tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .aq-tool-grid { grid-template-columns: minmax(0, 1fr); } }
.aq-tool-card { display: grid; grid-template-columns: 48px minmax(0, 1fr); grid-template-areas: "ic name" "ic short"; column-gap: 14px; row-gap: 2px; align-items: start; padding: 20px; border-radius: var(--r); background: var(--glass); border: 1px solid var(--line); text-decoration: none; color: var(--text); transition: border-color .2s, background .2s; }
.aq-tool-card:hover { border-color: rgba(111,227,255,.55); background: var(--glass-2); color: var(--text); }
.aq-tool-ic { grid-area: ic; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: rgba(111,227,255,.12); color: var(--ice); font-size: 20px; }
.aq-tool-name { grid-area: name; font: 700 17.5px/1.3 var(--f-head); color: #fff; }
.aq-tool-short { grid-area: short; color: var(--muted); font-size: 15px; line-height: 1.45; }
.aq-tool-grid.compact .aq-tool-card { grid-template-areas: "ic name"; align-items: center; }

/* Projects */
.aq-proj-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.aq-proj-grid > * { min-width: 0; }
@media (max-width: 960px) { .aq-proj-grid { grid-template-columns: minmax(0, 1fr); } }
.aq-proj { padding: 26px; border-radius: var(--r-lg); border: 1px solid var(--line); background: linear-gradient(180deg, rgba(255,180,110,.06), transparent 60%), var(--bg); display: flex; flex-direction: column; gap: 6px; }
.aq-proj h3, .aq-proj h2 { font-size: 24px; margin: 6px 0 4px; }
.aq-proj h2 a { color: #fff; text-decoration: none; }
.aq-proj p { color: var(--muted); }
.aq-proj .aq-link { margin-top: auto; }
.aq-proj-top { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 14px; font-family: var(--f-mono); }
.aq-proj-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 0 4px rgba(79,224,160,.15); }
.aq-tags { list-style: none; margin: 0 0 14px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.aq-tags li { font-size: 13px; padding: 3px 10px; border-radius: 999px; background: var(--glass-2); color: #cfd8ee; }

/* Resources */
.aq-res-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.aq-res-grid > * { min-width: 0; }
@media (max-width: 960px) { .aq-res-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .aq-res-grid { grid-template-columns: minmax(0, 1fr); } }
.aq-res { border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; background: var(--bg); display: flex; flex-direction: column; }
.aq-res-thumb { display: block; aspect-ratio: 16 / 10; background: var(--bg-3); }
.aq-res-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.aq-res-art { display: grid; place-items: center; height: 100%; font-size: 46px; color: var(--ice); background: radial-gradient(60% 80% at 30% 20%, rgba(111,227,255,.18), transparent), radial-gradient(50% 70% at 80% 90%, rgba(255,180,110,.16), transparent); }
.aq-res-body { padding: 18px 20px 20px; display: flex; flex-direction: column; flex: 1; }
.aq-res-body h3 { font-size: 19px; margin-bottom: 6px; }
.aq-res-body h3 a { color: #fff; text-decoration: none; }
.aq-res-body p { color: var(--muted); font-size: 15px; }
.aq-res-meta { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; color: var(--muted); margin-bottom: 8px; }
.aq-res-foot { margin-top: auto; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.aq-res-foot .aq-btn { margin-left: auto; }
.aq-price { font: 800 18px var(--f-head); color: #fff; }
.aq-price.is-free { color: var(--ok); }
.aq-price.big { font-size: 34px; margin-bottom: 14px; }
.aq-res-dl { color: var(--muted); font-size: 14px; }
.aq-badge { display: inline-block; font-size: 12px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: rgba(255,180,110,.18); color: var(--apricot); }
.aq-res-single { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 40px; align-items: start; padding-bottom: 72px; }
.aq-res-single > * { min-width: 0; }
.aq-res-box { padding: 24px; display: grid; gap: 10px; position: sticky; top: 20px; }
.aq-res-box dl { margin: 0 0 8px; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px 14px; font-size: 15px; }
.aq-res-box dt { color: var(--muted); }
.aq-res-box dd { margin: 0; }
@media (max-width: 900px) { .aq-res-single { grid-template-columns: minmax(0, 1fr); } .aq-res-box { position: static; } }

/* Recommended */
.aq-rec-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-bottom: 28px; }
.aq-rec-grid > * { min-width: 0; }
@media (max-width: 760px) { .aq-rec-grid { grid-template-columns: minmax(0, 1fr); } }
.aq-rec { padding: 28px; border-radius: var(--r-lg); border: 1px solid var(--line); background: var(--bg); }
.aq-rec h3, .aq-rec h2 { font-size: 26px; margin-top: 14px; }
.aq-rec p { color: var(--muted); }
.aq-rec-ic { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; background: rgba(255,180,110,.14); color: var(--apricot); font-size: 23px; }
.aq-rec-btns { display: flex; flex-wrap: wrap; gap: 10px; }

/* Focus + timeline */
.aq-focus { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--line); }
.aq-focus-item { padding: 26px 26px 6px 0; border-bottom: 1px solid var(--line); min-width: 0; }
.aq-focus-item + .aq-focus-item { padding-left: 26px; border-left: 1px solid var(--line); }
.aq-focus-item h3 { font-size: 21px; color: var(--apricot); }
.aq-focus-item p { color: #c9d3e8; }
@media (max-width: 860px) { .aq-focus { grid-template-columns: minmax(0, 1fr); } .aq-focus-item + .aq-focus-item { padding-left: 0; border-left: 0; } }
.aq-timeline { list-style: none; margin: 0; padding: 0 0 0 22px; border-left: 2px solid var(--line); display: grid; gap: 22px; }
.aq-timeline li { position: relative; }
.aq-timeline li::before { content: ""; position: absolute; left: -30px; top: 8px; width: 12px; height: 12px; border-radius: 50%; background: var(--ice); box-shadow: 0 0 0 4px rgba(111,227,255,.18); }
.aq-tl-year { font: 800 18px var(--f-head); color: var(--ice); }
.aq-timeline p { margin: 2px 0 0; color: #c9d3e8; }

/* Videos */
.aq-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.aq-tabs button, .aq-tabs a { padding: 8px 16px; border-radius: 999px; border: 1px solid var(--line); background: transparent; color: var(--muted); font-weight: 600; cursor: pointer; text-decoration: none; font-size: 15px; }
.aq-tabs .is-on { background: var(--glass-2); color: #fff; border-color: rgba(111,227,255,.5); }
.aq-vid-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.aq-vid-grid > * { min-width: 0; }
@media (max-width: 900px) { .aq-vid-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .aq-vid-grid { grid-template-columns: minmax(0, 1fr); } }
.aq-vid { border-radius: var(--r); overflow: hidden; background: #000; border: 1px solid var(--line); }
.aq-vid iframe { width: 100%; border: 0; display: block; }
.aq-vid-youtube iframe, .aq-yt { aspect-ratio: 16 / 9; }
.aq-vid-tiktok iframe, .aq-vid-instagram iframe { height: 600px; }
.aq-yt { width: 100%; display: grid; place-items: center; border: 0; cursor: pointer; background: #000 center / cover no-repeat; color: #fff; font-size: 34px; }
.aq-yt .aq-i { width: 64px; height: 64px; padding: 18px; border-radius: 50%; background: rgba(0,0,0,.6); box-sizing: content-box; -webkit-mask-size: 28px; mask-size: 28px; }

/* Here for */
.aq-herefor { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.aq-herefor a { display: flex; flex-direction: column; gap: 4px; padding: 20px; border-radius: var(--r); border: 1px solid var(--line); text-decoration: none; color: var(--muted); background: var(--bg); min-width: 0; }
.aq-herefor a .aq-i { font-size: 22px; color: var(--apricot); margin-bottom: 8px; }
.aq-herefor b { color: #fff; font-family: var(--f-head); font-size: 17px; }
.aq-herefor span { font-size: 14.5px; }
.aq-herefor a:hover { border-color: rgba(255,180,110,.5); }
@media (max-width: 1060px) { .aq-herefor { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 680px) { .aq-herefor { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 380px) { .aq-herefor { grid-template-columns: minmax(0, 1fr); } }

.aq-join { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; padding: 32px; border-radius: var(--r-lg); background: linear-gradient(120deg, rgba(79,224,160,.14), rgba(111,227,255,.1)); border: 1px solid var(--line); }
.aq-join h2 { font-size: 26px; margin: 0 0 4px; }
.aq-join p { margin: 0; color: var(--muted); }
.aq-contact-cta { text-align: center; }
.aq-contact-cta h2 { font-size: clamp(28px, 3.6vw, 42px); }
.aq-contact-cta p { color: var(--muted); font-size: 18px; }
.aq-contact-cta .aq-hero-btns { justify-content: center; }

/* Posts */
.aq-post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.aq-post-grid > * { min-width: 0; }
@media (max-width: 960px) { .aq-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .aq-post-grid { grid-template-columns: minmax(0, 1fr); } }
.aq-pcard { border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; background: var(--bg-2); }
.aq-pcard-img { display: block; aspect-ratio: 16 / 9; }
.aq-pcard-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.aq-pcard-body { padding: 18px 20px 20px; }
.aq-pcard-meta { font-size: 13.5px; color: var(--muted); margin-bottom: 6px; }
.aq-pcard h3 { font-size: 20px; }
.aq-pcard h3 a { color: #fff; text-decoration: none; }
.aq-pcard p { color: var(--muted); font-size: 15.5px; margin: 0; }
.aq-pager { margin: 34px 0 72px; }
.aq-pager .nav-links { display: flex; gap: 8px; flex-wrap: wrap; }
.aq-pager .page-numbers { padding: 8px 14px; border: 1px solid var(--line); border-radius: 10px; text-decoration: none; color: var(--text); }
.aq-pager .current { background: var(--glass-2); }
.aq-empty { padding: 40px; border: 1px dashed var(--line); border-radius: var(--r-lg); text-align: center; color: var(--muted); margin-bottom: 72px; display: grid; gap: 14px; justify-items: center; }
.aq-empty p { margin: 0; max-width: 52ch; }

/* Page head + breadcrumbs */
.aq-page-head { padding: 34px 0 26px; background: radial-gradient(60% 120% at 10% 0%, rgba(111,227,255,.12), transparent 60%), radial-gradient(50% 120% at 90% 0%, rgba(154,140,255,.12), transparent 60%); border-bottom: 1px solid rgba(173,190,255,.08); margin-bottom: 34px; }
.aq-page-head h1 { font-size: clamp(30px, 4.2vw, 50px); font-weight: 800; letter-spacing: -.02em; max-width: 24ch; }
.aq-page-lead { color: #c9d3e8; font-size: 18.5px; max-width: 68ch; margin: 0; }
.aq-page-ic { display: inline-grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; background: rgba(111,227,255,.14); color: var(--ice); font-size: 24px; margin-bottom: 14px; }
.aq-crumbs ol { list-style: none; margin: 0 0 16px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; font-size: 14px; color: var(--muted); }
.aq-crumbs li + li::before { content: "/"; margin-right: 6px; opacity: .5; }
.aq-crumbs a { color: var(--muted); text-decoration: none; }
.aq-crumbs a:hover { color: #fff; }
.aq-page-head.is-tool { margin-bottom: 0; border-bottom: 0; padding-bottom: 20px; }

/* Tool box */
.aq-tool-wrap { margin-bottom: 48px; }
.aq-toolbox { padding: 24px; border-radius: var(--r-lg); border: 1px solid rgba(111,227,255,.28); background: linear-gradient(170deg, rgba(111,227,255,.08), rgba(148,170,255,.03)); }
.aq-search-row { display: flex; gap: 10px; align-items: stretch; }
.aq-search-row input, .aq-search-row textarea { flex: 1 1 auto; min-width: 0; max-width: 100%; min-height: 54px; padding: 12px 18px; border-radius: 14px; border: 1px solid var(--line); background: rgba(5,10,26,.6); color: #fff; font-size: 17px; resize: vertical; }
.aq-search-row input:focus, .aq-search-row textarea:focus { outline: none; border-color: var(--ice); box-shadow: 0 0 0 3px rgba(111,227,255,.2); }
.aq-search-row .aq-btn { flex: 0 0 auto; min-height: 54px; padding: 10px 24px; border-radius: 14px; }
@media (max-width: 560px) { .aq-search-row { flex-direction: column; } .aq-search-row .aq-btn { width: 100%; } }
.aq-tlds { border: 0; margin: 16px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.aq-tlds legend { font-size: 14px; color: var(--muted); margin-bottom: 8px; }
.aq-tlds label { display: inline-flex; gap: 6px; align-items: center; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--line); font-size: 14.5px; cursor: pointer; }
.aq-tlds input { accent-color: var(--ice); }
.aq-hint { font-size: 14px; color: var(--muted); margin: 12px 0 0; }
.aq-opts { display: flex; gap: 10px; align-items: center; margin-top: 14px; font-size: 15px; color: var(--muted); }
.aq-opts select { padding: 8px 12px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg); }

/* Results */
.aq-result:empty { display: none; }
.aq-result { margin-top: 20px; }
.aq-loading { display: flex; align-items: center; gap: 10px; color: var(--muted); padding: 14px 0; }
.aq-spin { width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--line); border-top-color: var(--ice); animation: aq-rot .8s linear infinite; }
@keyframes aq-rot { to { transform: rotate(360deg); } }
.aq-error { padding: 14px 16px; border-radius: 12px; background: rgba(255,122,138,.1); border: 1px solid rgba(255,122,138,.35); color: #ffd3d9; display: flex; gap: 10px; align-items: flex-start; }
.aq-verdict { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; padding: 20px; border-radius: var(--r); border: 1px solid var(--line); background: var(--bg); }
.aq-verdict > div { min-width: 0; }
.aq-verdict.is-ok { border-color: rgba(79,224,160,.4); background: linear-gradient(120deg, rgba(79,224,160,.1), transparent); }
.aq-verdict.is-bad { border-color: rgba(255,122,138,.4); background: linear-gradient(120deg, rgba(255,122,138,.1), transparent); }
.aq-verdict.is-warn { border-color: rgba(255,203,107,.45); background: linear-gradient(120deg, rgba(255,203,107,.1), transparent); }
.aq-verdict-dom { font: 700 20px var(--f-head); color: #fff; margin: 0 0 2px; overflow-wrap: anywhere; }
.aq-verdict-st { font: 800 26px var(--f-head); margin: 0 0 4px; display: flex; gap: 10px; align-items: center; }
.is-ok .aq-verdict-st { color: var(--ok); } .is-bad .aq-verdict-st { color: var(--bad); } .is-warn .aq-verdict-st { color: var(--warn); }
.aq-verdict-sub { margin: 0; color: #c9d3e8; font-size: 15.5px; }
.aq-verdict-price { text-align: right; display: grid; align-content: center; gap: 2px; }
.aq-verdict-price b { font: 800 30px var(--f-head); color: #fff; }
.aq-verdict-price span { color: var(--muted); font-size: 14px; }
@media (max-width: 560px) { .aq-verdict-price { text-align: left; } }
.aq-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 0; }
.aq-note { font-size: 14.5px; color: var(--muted); margin: 12px 0 0; }
.aq-note.is-warn { color: var(--warn); display: flex; gap: 8px; align-items: flex-start; }
.aq-stamp { font-size: 12.5px; color: var(--muted); opacity: .8; margin: 14px 0 0; }
.aq-res-h { font-size: 17px; margin: 22px 0 10px; color: #fff; }
.aq-summary { margin: 0 0 10px; color: var(--muted); }
.aq-summary b { color: var(--ok); font-size: 20px; }
.aq-rows { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.aq-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; gap: 6px 14px; align-items: center; padding: 12px 14px; border-radius: 12px; background: var(--bg); border: 1px solid rgba(173,190,255,.1); }
.aq-row-dom { font-weight: 700; color: #fff; overflow-wrap: anywhere; min-width: 0; }
.aq-row-price { font-weight: 700; color: #fff; display: grid; text-align: right; }
.aq-row-price small { font-weight: 400; color: var(--muted); font-size: 12.5px; }
.aq-row-note { grid-column: 1 / -1; font-size: 13.5px; color: var(--muted); }
.aq-row-big { font-weight: 700; color: var(--apricot); }
.aq-row-age { grid-template-columns: minmax(0, 1fr) auto; }
@media (max-width: 560px) {
	.aq-row { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "dom pill" "price act" "note note"; }
	.aq-row .aq-row-dom { grid-area: dom; } .aq-row .aq-pill { grid-area: pill; } .aq-row .aq-row-price { grid-area: price; text-align: left; } .aq-row .aq-row-act { grid-area: act; justify-self: end; } .aq-row .aq-row-note { grid-area: note; }
	.aq-row-age { grid-template-areas: "dom dom" "big big" "note note"; } .aq-row-age .aq-row-big { grid-area: big; }
}
.aq-pill { display: inline-block; font-size: 13px; font-weight: 700; padding: 4px 10px; border-radius: 999px; white-space: nowrap; }
.aq-pill.is-ok { background: rgba(79,224,160,.15); color: var(--ok); }
.aq-pill.is-bad { background: rgba(255,122,138,.15); color: var(--bad); }
.aq-pill.is-warn { background: rgba(255,203,107,.15); color: var(--warn); }
.aq-pill.is-muted { background: var(--glass-2); color: var(--muted); }
.aq-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.aq-kpi { padding: 18px; border-radius: var(--r); background: var(--bg); border: 1px solid var(--line); min-width: 0; }
.aq-kpi span { display: block; color: var(--muted); font-size: 14px; }
.aq-kpi b { font: 800 28px var(--f-head); color: #fff; }
@media (max-width: 560px) { .aq-kpis { grid-template-columns: minmax(0, 1fr); } }
.aq-dl { margin: 16px 0 0; display: grid; gap: 0; border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; }
.aq-dl > div { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 12px; padding: 12px 16px; border-bottom: 1px solid rgba(173,190,255,.08); }
.aq-dl > div:last-child { border-bottom: 0; }
.aq-dl dt { color: var(--muted); }
.aq-dl dd { margin: 0; color: #fff; overflow-wrap: anywhere; }
.aq-dl small { color: var(--muted); margin-left: 6px; }
@media (max-width: 560px) { .aq-dl > div { grid-template-columns: minmax(0, 1fr); gap: 2px; } }
.aq-chiplist { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.aq-chiplist li { font-family: var(--f-mono); font-size: 13.5px; padding: 5px 10px; border-radius: 8px; background: var(--bg); border: 1px solid rgba(173,190,255,.12); overflow-wrap: anywhere; max-width: 100%; }
.aq-dns { margin-bottom: 18px; }
.aq-dns-h { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; margin: 0 0 8px; }
.aq-dns-h b { font: 800 18px var(--f-head); color: var(--ice); }
.aq-dns-h span { color: var(--muted); font-size: 14px; }
.aq-mono { font-family: var(--f-mono); font-size: 13.5px; overflow-wrap: anywhere; }
.aq-chain { margin: 0; padding: 0 0 0 20px; display: grid; gap: 10px; }
.aq-chain li { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.aq-chain small { color: var(--muted); }
.aq-cta-mini { margin-top: 18px; padding: 16px; border-radius: var(--r); border: 1px dashed rgba(255,180,110,.45); display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; }
.aq-cta-mini p { margin: 0; }

/* Tables (always inside a scroll box) */
.aq-table { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--line); border-radius: var(--r); margin: 0 0 1.4em; }
.aq-table table { width: 100%; border-collapse: collapse; min-width: 480px; font-size: 15.5px; }
.aq-table th, .aq-table td { padding: 11px 14px; text-align: left; border-bottom: 1px solid rgba(173,190,255,.1); vertical-align: top; }
.aq-table th { background: var(--bg-3); color: #fff; font-weight: 700; }
.aq-table tr:last-child td { border-bottom: 0; }
.aq-table tr.is-cur td { background: rgba(111,227,255,.08); }

/* Article layout: content + sticky sidebar */
.aq-article-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 48px; align-items: start; padding-bottom: 80px; }
.aq-article-grid > * { min-width: 0; }
.aq-article { max-width: 780px; }
.aq-side { align-self: stretch; }
.aq-toc, .aq-side-box { position: sticky; top: 20px; }
.aq-toc { padding: 18px; border-radius: var(--r); border: 1px solid var(--line); background: var(--bg-2); margin-bottom: 16px; max-height: calc(100vh - 40px); overflow: auto; }
.aq-toc + .aq-side-box { position: static; }
.aq-side-h { font: 700 15px var(--f-head); color: #fff; margin: 0 0 10px; }
.aq-toc ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; counter-reset: toc; }
.aq-toc li { counter-increment: toc; }
.aq-toc a { display: grid; grid-template-columns: 26px minmax(0, 1fr); padding: 6px 8px; border-radius: 8px; text-decoration: none; color: var(--muted); font-size: 14.5px; line-height: 1.4; }
.aq-toc a::before { content: counter(toc); color: rgba(162,175,201,.6); font-variant-numeric: tabular-nums; }
.aq-toc a:hover, .aq-toc a.is-on { background: var(--glass); color: #fff; }
.aq-side-box { padding: 18px; border-radius: var(--r); border: 1px solid var(--line); background: var(--bg-2); }
.aq-side-tools { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.aq-side-tools a { display: flex; gap: 10px; align-items: center; padding: 7px 8px; border-radius: 8px; color: var(--muted); text-decoration: none; font-size: 14.5px; }
.aq-side-tools a .aq-i { color: var(--ice); }
.aq-side-tools a:hover { background: var(--glass); color: #fff; }
.aq-article-grid.no-toc .aq-side-box { position: sticky; }
@media (max-width: 1020px) {
	.aq-article-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.aq-article { max-width: none; }
	.aq-toc, .aq-side-box { position: static; max-height: none; }
}
.aq-chips { display: flex; flex-wrap: wrap; gap: 8px 16px; color: var(--muted); font-size: 14.5px; margin-bottom: 22px; }
.aq-chips span { display: inline-flex; gap: 6px; align-items: center; }
.aq-hero-img { margin: 0 0 30px; }
.aq-hero-img img { width: 100%; height: auto; border-radius: var(--r-lg); display: block; }

/* Prose */
.aq-prose { font-size: 18px; line-height: 1.75; color: #d8e0f0; }
.aq-prose > *:first-child { margin-top: 0; }
.aq-prose h2 { font-size: clamp(24px, 2.6vw, 31px); margin: 1.9em 0 .6em; padding-top: .3em; }
.aq-prose h3 { font-size: 21px; margin: 1.6em 0 .5em; }
.aq-prose p, .aq-prose ul, .aq-prose ol { margin: 0 0 1.2em; }
.aq-prose ul, .aq-prose ol { padding-left: 1.3em; }
.aq-prose li { margin-bottom: .45em; }
.aq-prose li::marker { color: var(--ice); }
.aq-prose strong { color: #fff; }
.aq-prose blockquote { margin: 1.5em 0; padding: 14px 20px; border-left: 3px solid var(--apricot); background: rgba(255,180,110,.06); border-radius: 0 12px 12px 0; }
.aq-prose code { font-family: var(--f-mono); font-size: .88em; padding: 2px 6px; border-radius: 6px; background: var(--bg-3); color: #ffe2c4; overflow-wrap: anywhere; }
.aq-prose img { border-radius: var(--r); }
.aq-prose hr { border: 0; border-top: 1px solid var(--line); margin: 2em 0; }
.aq-prose .aq-lead { font-size: 20px; color: #fff; }
.aq-box { padding: 18px 20px; border-radius: var(--r); border: 1px solid var(--line); background: var(--bg-2); margin: 0 0 1.4em; }
.aq-box > :last-child { margin-bottom: 0; }
.aq-box.tip { border-color: rgba(79,224,160,.35); }
.aq-box.warn { border-color: rgba(255,203,107,.4); }
.aq-box-t { font: 700 16px var(--f-head); color: #fff; margin: 0 0 6px !important; }
.aq-steps { list-style: none; padding: 0 !important; counter-reset: step; display: grid; gap: 12px; }
.aq-steps > li { counter-increment: step; position: relative; padding: 16px 18px 16px 62px; border-radius: var(--r); background: var(--bg-2); border: 1px solid rgba(173,190,255,.12); margin: 0; }
.aq-steps > li::before { content: counter(step); position: absolute; left: 16px; top: 15px; width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: rgba(111,227,255,.14); color: var(--ice); font: 800 15px var(--f-head); }
.aq-steps > li > :last-child { margin-bottom: 0; }
.aq-pros { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0 0 1.4em; }
.aq-pros > div { padding: 18px 20px; border-radius: var(--r); background: var(--bg-2); border: 1px solid rgba(79,224,160,.3); min-width: 0; }
.aq-pros > div + div { border-color: rgba(255,122,138,.3); }
.aq-pros ul { margin: 0; }
@media (max-width: 640px) { .aq-pros { grid-template-columns: minmax(0, 1fr); } }
.aq-faq { display: grid; gap: 10px; margin: 0 0 1.4em; }
.aq-faq details { border: 1px solid var(--line); border-radius: var(--r); background: var(--bg-2); padding: 0 18px; }
.aq-faq summary { cursor: pointer; padding: 16px 0; font: 700 17px/1.4 var(--f-head); color: #fff; list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.aq-faq summary::-webkit-details-marker { display: none; }
.aq-faq summary::after { content: "+"; color: var(--ice); font-size: 22px; line-height: 1; }
.aq-faq details[open] summary::after { content: "\2212"; }
.aq-faq details > :not(summary) { margin: 0 0 16px; }

/* CTA + disclosure */
.aq-cta { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 20px; margin: 1.6em 0; border-radius: var(--r-lg); background: linear-gradient(120deg, rgba(255,180,110,.12), rgba(154,140,255,.1)); border: 1px solid rgba(255,180,110,.35); }
.aq-cta-ic { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; background: rgba(255,180,110,.18); color: var(--apricot); font-size: 22px; }
.aq-cta-title { font: 700 19px var(--f-head) !important; color: #fff; margin: 0 0 2px !important; }
.aq-cta-body p { margin: 0; font-size: 15.5px; line-height: 1.5; }
.aq-cta .aq-btn { color: #06203a; }
@media (max-width: 680px) { .aq-cta { grid-template-columns: minmax(0, 1fr); } .aq-cta-ic { display: none; } .aq-cta .aq-btn { width: 100%; } }
.aq-disclosure { display: flex; gap: 10px; align-items: flex-start; padding: 12px 16px; border-radius: 12px; background: var(--bg-2); border: 1px solid var(--line); color: var(--muted); font-size: 14.5px; margin-bottom: 26px; }
.aq-disclosure p { margin: 0; }
.aq-disclosure .aq-i { margin-top: 4px; color: var(--ice); }
.aq-stickybar { position: fixed; left: 50%; bottom: 14px; transform: translate(-50%, 140%); z-index: 30; display: flex; align-items: center; gap: 14px; padding: 8px 8px 8px 18px; border-radius: 999px; background: rgba(16,26,54,.94); border: 1px solid var(--line); box-shadow: 0 20px 50px -20px #000; transition: transform .3s; max-width: calc(100% - 24px); }
.aq-stickybar.is-on { transform: translate(-50%, 0); }
.aq-stickybar span { font: 700 15px var(--f-head); color: #fff; white-space: nowrap; }
.aq-author { display: flex; gap: 14px; align-items: flex-start; margin-top: 40px; padding: 20px; border-radius: var(--r-lg); border: 1px solid var(--line); background: var(--bg-2); }
.aq-author img { border-radius: 16px; flex: 0 0 56px; object-fit: cover; }
.aq-author p { margin: 0; color: var(--muted); font-size: 15px; }
.aq-author-name { color: #fff !important; font-weight: 700; margin-bottom: 4px !important; }

/* Hub, contact, links, 404 */
.aq-hub-search { position: relative; max-width: 560px; margin: 0 0 30px; }
.aq-hub-search .aq-i { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--muted); pointer-events: none; }
.aq-hub-search input { width: 100%; min-height: 52px; padding: 12px 16px 12px 44px; border-radius: 14px; border: 1px solid var(--line); background: var(--bg-2); color: #fff; }
.aq-hub-cat { margin-bottom: 40px; }
.aq-hub-cat h2 { font-size: 24px; }
.aq-hub-empty { color: var(--muted); }
.aq-contact-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: start; padding-bottom: 80px; }
.aq-contact-grid > * { min-width: 0; }
@media (max-width: 860px) { .aq-contact-grid { grid-template-columns: minmax(0, 1fr); } }
.aq-contact-ways { list-style: none; padding: 0 !important; }
.aq-contact-ways li { display: flex; gap: 10px; align-items: center; }
.aq-contact-form { padding: 26px; display: grid; gap: 8px; }
.aq-contact-form label { font-weight: 600; font-size: 15px; margin-top: 6px; }
.aq-contact-form input, .aq-contact-form select, .aq-contact-form textarea { width: 100%; max-width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--line); background: rgba(5,10,26,.6); color: #fff; }
.aq-contact-form .aq-btn { margin-top: 12px; }
.aq-hp { position: absolute; left: -9999px; }
.aq-form-msg { margin: 8px 0 0; font-size: 15px; min-height: 1.4em; }
.aq-form-msg.is-ok { color: var(--ok); } .aq-form-msg.is-bad { color: var(--bad); }
.aq-links-page { max-width: 560px; margin: 0 auto; padding: 40px 20px 80px; text-align: center; display: grid; justify-items: center; gap: 12px; }
.aq-links-page h1 { font-size: 32px; margin: 8px 0 0; }
.aq-links-page p { color: var(--muted); margin: 0 0 10px; }
.aq-links-list { list-style: none; margin: 0 0 16px; padding: 0; width: 100%; display: grid; gap: 10px; }
.aq-links-list a { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 16px; border-radius: 16px; border: 1px solid var(--line); background: var(--bg-2); color: #fff; text-decoration: none; font-weight: 700; }
.aq-links-list a:hover { border-color: var(--ice); }
.aq-404 { padding: 60px 0 90px; }
.aq-404-code { font: 800 96px/1 var(--f-head); color: var(--apricot); margin: 0 0 10px; }

/* Footer */
.aq-footer { position: relative; background: #070d1d; margin-top: 40px; padding: 70px 0 0; }
.aq-ridge-foot { position: absolute; top: -60px; left: 0; width: 100%; height: 62px; }
.aq-ridge-foot path { fill: #070d1d; }
.aq-foot-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap: 32px; }
.aq-foot-grid > * { min-width: 0; }
.aq-foot-about p { color: var(--muted); margin: 14px 0 18px; max-width: 40ch; }
.aq-foot-h { font: 700 16px var(--f-head); color: #fff; margin: 0 0 12px; }
.aq-foot-links { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.aq-foot-links a { color: var(--muted); text-decoration: none; font-size: 15px; }
.aq-foot-links a:hover { color: #fff; }
.aq-foot-bottom { border-top: 1px solid rgba(173,190,255,.08); margin-top: 44px; padding-top: 18px; padding-bottom: 26px; }
.aq-foot-bottom p { margin: 0; color: var(--muted); font-size: 14px; }
@media (max-width: 900px) { .aq-foot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .aq-foot-about { grid-column: 1 / -1; } }
@media (max-width: 420px) { .aq-foot-grid { grid-template-columns: minmax(0, 1fr); } }
.aq-wa { position: fixed; right: 16px; bottom: 16px; z-index: 31; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: #25d366; color: #fff; font-size: 28px; box-shadow: 0 12px 30px -10px rgba(0,0,0,.6); }
.aq-wa:hover { color: #fff; transform: translateY(-2px); }
body.aq-role-guide .aq-wa { bottom: 84px; }

/* WordPress core bits */
.alignleft { float: left; margin: 0 1.2em 1em 0; } .alignright { float: right; margin: 0 0 1em 1.2em; } .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption-text, figcaption { font-size: 14px; color: var(--muted); }
.wp-block-image img { border-radius: var(--r); }

/* Phase 2: browser tools */
.aq-ctool label { display: block; font-weight: 600; font-size: 15px; margin: 12px 0 6px; color: #fff; }
.aq-ctool label:first-child { margin-top: 0; }
.aq-ctool input[type="text"], .aq-ctool input[type="number"], .aq-ctool input[type="date"], .aq-ctool textarea, .aq-ctool select { width: 100%; max-width: 100%; padding: 11px 14px; border-radius: 12px; border: 1px solid var(--line); background: rgba(5,10,26,.6); color: #fff; font-size: 16px; }
.aq-ctool textarea { resize: vertical; line-height: 1.55; }
.aq-ctool input:focus, .aq-ctool textarea:focus, .aq-ctool select:focus { outline: none; border-color: var(--ice); box-shadow: 0 0 0 3px rgba(111,227,255,.2); }
.aq-cgrid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.aq-cgrid > * { min-width: 0; }
@media (max-width: 900px) { .aq-cgrid { grid-template-columns: minmax(0, 1fr); } }
.aq-count { float: right; font-weight: 400; color: var(--muted); font-size: 13px; }
.aq-inline { display: inline-flex !important; gap: 8px; align-items: center; font-weight: 500 !important; margin: 12px 14px 0 0 !important; }
.aq-inline input { width: auto !important; accent-color: var(--ice); }
.aq-opts-wrap { flex-wrap: wrap; }
.aq-opts input[type="text"], .aq-opts input[type="number"], .aq-opts select { width: auto; min-width: 0; flex: 1 1 140px; max-width: 260px; }
.aq-opts label { margin: 0 !important; font-weight: 500 !important; color: var(--muted) !important; display: inline-flex !important; gap: 6px; align-items: center; }
.aq-code { font-family: var(--f-mono) !important; font-size: 13.5px !important; background: #060b19 !important; color: #d9f6ff !important; }
.aq-urdu { font-family: "Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", "Urdu Typesetting", serif !important; font-size: 22px !important; line-height: 2.1 !important; text-align: right; }
.aq-serp { background: #fff; color: #202124; border-radius: 14px; padding: 18px 20px; font-family: Arial, sans-serif; max-width: 600px; }
.aq-serp.is-mob { max-width: 380px; }
.aq-serp-site { display: flex; gap: 10px; align-items: center; margin-bottom: 6px; }
.aq-serp-fav { width: 26px; height: 26px; border-radius: 50%; background: #e8eaed; flex: 0 0 26px; }
.aq-serp-site b { display: block; font-size: 14px; font-weight: 400; color: #202124; }
.aq-serp-site span { display: block; font-size: 12px; color: #4d5156; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 480px; }
.aq-serp-title { color: #1a0dab; font-size: 20px; line-height: 1.3; margin: 0 0 4px; }
.aq-serp.is-mob .aq-serp-title { font-size: 18px; }
.aq-serp-desc { color: #4d5156; font-size: 14px; line-height: 1.58; margin: 0; }
.aq-checks { list-style: none; margin: 14px 0; padding: 0; display: grid; gap: 6px; font-size: 14.5px; }
.aq-checks li { padding: 8px 12px; border-radius: 10px; background: var(--bg); border-left: 3px solid var(--muted); }
.aq-checks li.is-ok { border-color: var(--ok); } .aq-checks li.is-warn { border-color: var(--warn); } .aq-checks li.is-bad { border-color: var(--bad); }
.aq-kpis-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.aq-kpis-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 760px) { .aq-kpis-3, .aq-kpis-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 380px) { .aq-kpis-3, .aq-kpis-4 { grid-template-columns: minmax(0, 1fr); } }
.aq-kpi.is-ok b { color: var(--ok); } .aq-kpi.is-warn b { color: var(--warn); } .aq-kpi.is-bad b { color: var(--bad); }
.aq-kpi b { font-size: 24px; overflow-wrap: anywhere; }
.aq-kd-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.aq-kd-grid > * { min-width: 0; }
.aq-kd-grid .aq-table table { min-width: 0; }
@media (max-width: 960px) { .aq-kd-grid { grid-template-columns: minmax(0, 1fr); } }
.aq-slug-out { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 16px; padding: 14px; border-radius: 12px; background: #060b19; border: 1px solid var(--line); }
.aq-slug-out code { flex: 1 1 200px; min-width: 0; font-family: var(--f-mono); color: #d9f6ff; overflow-wrap: anywhere; }
.aq-case-btns { margin-top: 12px; }
.aq-rows-tight .aq-row { padding: 8px 12px; }
.aq-og-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 8px; }
.aq-og-grid > * { min-width: 0; }
@media (max-width: 900px) { .aq-og-grid { grid-template-columns: minmax(0, 1fr); } }
.aq-og-label { font-size: 13px; color: var(--muted); margin: 0 0 6px; }
.aq-og-card { border-radius: 12px; overflow: hidden; background: #fff; color: #1c1e21; border: 1px solid #dadde1; }
.aq-og-img { aspect-ratio: 1.91 / 1; background: #e4e6eb center / cover no-repeat; }
.aq-og-img.is-none { display: grid; place-items: center; color: #65676b; font-size: 14px; }
.aq-og-txt { padding: 10px 12px; display: grid; gap: 2px; font-family: Arial, sans-serif; }
.aq-og-txt b { font-size: 15px; line-height: 1.3; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.aq-og-txt span { font-size: 13px; color: #65676b; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.aq-og-host { text-transform: uppercase; font-size: 12px !important; }
.is-wa .aq-og-card { background: #dcf8c6; border-color: #c5e8b0; }
.is-x .aq-og-card { border-radius: 16px; }