/* Washlora documentation design system (Coravixa-style layout). One stylesheet for every page; works with and without JavaScript. Logical properties keep RTL pages correct. */
:root{color-scheme:light dark;--ink:#172033;--muted:#4b5a70;--line:#e2e8f0;--card:#fff;--soft:#f3f5f9;--accent:#0f2a1e;--brand:#1f7a4d;--brand-ink:#fff;--link:#14633d;--note:#fff7ed;--note-line:#f59e0b;--ok:#ecfdf5;--ok-line:#10b981;--code:#e8f5ee;--radius:14px;--topbar:56px}
html[data-theme="dark"]{--ink:#e6eaf2;--muted:#a8b3c7;--line:#25382d;--card:#121c17;--soft:#0c1511;--accent:#08130d;--brand:#4ade80;--brand-ink:#052e16;--link:#86efac;--note:#2a2110;--ok:#0f2a22;--code:#14291f}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]){--ink:#e6eaf2;--muted:#a8b3c7;--line:#25382d;--card:#121c17;--soft:#0c1511;--accent:#08130d;--brand:#4ade80;--brand-ink:#052e16;--link:#86efac;--note:#2a2110;--ok:#0f2a22;--code:#14291f}}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topbar) + 16px)}
body{margin:0;font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Noto Naskh Arabic",Arial,sans-serif;color:var(--ink);background:var(--soft)}
a{color:var(--link);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:4px}
.skip{position:absolute;inset-inline-start:12px;inset-block-start:-60px;z-index:100;padding:10px 16px;border-radius:8px;background:var(--brand);color:var(--brand-ink);font-weight:700}.skip:focus{inset-block-start:10px}
/* top bar (built by docs.js) */
.dx-top{position:sticky;inset-block-start:0;z-index:50;display:flex;align-items:center;gap:12px;height:var(--topbar);padding-inline:max(16px,3vw);border-block-end:1px solid var(--line);background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(8px)}
.dx-brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);text-decoration:none;white-space:nowrap}
.dx-brand i{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--brand);color:var(--brand-ink);font-style:normal;font-size:15px}
.dx-search{position:relative;flex:1 1 320px;max-width:520px;margin-inline-start:auto}
.dx-search input{width:100%;height:38px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink);font:inherit;font-size:14px}
.dx-results{position:absolute;inset-inline:0;inset-block-start:calc(100% + 6px);max-height:min(60vh,440px);overflow:auto;margin:0;padding:6px;list-style:none;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:0 20px 50px rgba(15,23,42,.25)}
.dx-results[hidden]{display:none}
.dx-results a{display:block;padding:9px 12px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:14px}
.dx-results a:hover,.dx-results a[aria-selected="true"]{background:var(--code)}
.dx-results small{display:block;color:var(--muted);font-size:12px}
.dx-tools{display:flex;gap:8px;align-items:center}
.dx-tools select,.dx-tools button{height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit;font-size:14px;cursor:pointer}
/* hero */
.doc-hero,body>header{padding:44px max(18px,6%) 40px;background:linear-gradient(135deg,var(--accent) 0%,#14532d 100%);color:#fff}
.doc-hero h1,body>header h1{margin:0 0 10px;font-size:clamp(28px,4.2vw,42px);line-height:1.15;letter-spacing:-.01em;color:#fff}
.doc-hero p,body>header p{margin:0;max-width:78ch;color:#dbe3ee}
/* layout */
.dx-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;max-width:1320px;margin:0 auto;padding:26px max(16px,3vw) 64px}
@media (min-width:1040px){.dx-layout.has-toc{grid-template-columns:270px minmax(0,1fr)}}
.dx-toc{position:sticky;inset-block-start:calc(var(--topbar) + 18px);align-self:start;max-height:calc(100vh - var(--topbar) - 36px);overflow:auto;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);font-size:14px}
.dx-toc h2{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.dx-toc ol,.dx-toc ul{margin:0;padding:0;list-style:none}
.dx-toc ul{padding-inline-start:12px;border-inline-start:1px solid var(--line);margin:2px 0 6px}
.dx-toc a{display:block;padding:5px 8px;border-radius:7px;color:var(--ink);text-decoration:none;line-height:1.4}
.dx-toc a:hover{background:var(--code)}
.dx-toc a[aria-current="true"]{background:var(--brand);color:var(--brand-ink);font-weight:600}
@media (max-width:1039px){.dx-toc{position:static;max-height:none}.dx-toc.is-collapsible ol{display:none}.dx-toc.is-open ol{display:block}.dx-toc button{display:block}}
@media (min-width:1040px){.dx-toc>button{display:none}}
.dx-toc>button{width:100%;margin:0 0 8px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}
main,.doc-main{min-width:0}
.doc-main:not(.dx-in){max-width:1180px;margin:auto;padding:26px 5% 60px}
main>section,.doc-card,main>.card{margin:0 0 18px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
h2,h3,h4{line-height:1.3;color:var(--ink)}
h2{margin:0 0 14px;font-size:clamp(22px,2.4vw,27px);letter-spacing:-.01em}
h3{margin:28px 0 10px;font-size:19px}
h2 .dx-anchor,h3 .dx-anchor{margin-inline-start:8px;color:var(--muted);font-weight:400;text-decoration:none;opacity:0}
h2:hover .dx-anchor,h3:hover .dx-anchor,.dx-anchor:focus{opacity:1}
p,li{max-width:78ch}
li+li{margin-top:4px}
.muted{color:var(--muted)}
code{padding:2px 6px;border-radius:6px;background:var(--code);font:.88em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}
pre{position:relative;margin:14px 0;padding:16px 18px;overflow:auto;border-radius:12px;background:#0b1020;color:#e2e8f0;font-size:13.5px;line-height:1.6;direction:ltr;text-align:left}
pre code{padding:0;background:none;color:inherit;overflow-wrap:normal}
.dx-copy{position:absolute;inset-block-start:8px;inset-inline-end:8px;padding:4px 10px;border:1px solid #334155;border-radius:7px;background:#1e293b;color:#e2e8f0;font:12px system-ui;cursor:pointer}
.table-wrap,.dx-table{overflow:auto;margin:14px 0;border:1px solid var(--line);border-radius:12px}
table{width:100%;border-collapse:collapse;background:var(--card);font-size:14.5px}
th,td{padding:10px 12px;border-block-end:1px solid var(--line);text-align:start;vertical-align:top}
th{background:var(--soft);font-weight:700;white-space:nowrap}
tr:last-child td{border-block-end:0}
.note,.doc-note{margin:16px 0;padding:14px 16px;border-inline-start:4px solid var(--note-line);border-radius:10px;background:var(--note)}
.good,.doc-ok{margin:16px 0;padding:14px 16px;border-inline-start:4px solid var(--ok-line);border-radius:10px;background:var(--ok)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0}
.metric{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.metric b{display:block;font-size:26px;line-height:1.2}
.toc,.doc-nav{margin:0 0 16px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.toc a,.doc-nav a{display:inline-block;margin:4px 12px 4px 0}
.doc-search{width:100%;height:46px;margin:0 0 16px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit}
details{margin:8px 0;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
details[open]{border-color:var(--brand)}
summary{cursor:pointer;font-weight:650}
.steps,.path{margin:14px 0;padding:14px 18px 14px 40px;border-radius:12px;background:var(--soft)}
/* screenshots */
.shot{margin:20px 0;padding:0;border:0;background:none}
figure.shot{display:block}
figure.shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(15,23,42,.12);cursor:zoom-in;background:var(--card)}
figure.shot figcaption{margin-block-start:8px;color:var(--muted);font-size:13.5px;text-align:center}
div.shot{padding:16px;border:1px dashed var(--line);border-radius:12px;background:var(--card);color:var(--muted)}
.dx-zoom{width:min(1400px,96vw);max-height:96vh;padding:0;border:0;border-radius:14px;background:#000}
.dx-zoom::backdrop{background:rgba(2,6,23,.82)}
.dx-zoom img{display:block;width:100%;height:auto}
.dx-zoom form{position:absolute;inset-block-start:10px;inset-inline-end:10px;margin:0}
.dx-zoom button{padding:8px 14px;border:0;border-radius:8px;background:#fff;color:#111;font-weight:700;cursor:pointer}
.dx-up{position:fixed;inset-block-end:18px;inset-inline-end:18px;width:44px;height:44px;border:0;border-radius:50%;background:var(--brand);color:var(--brand-ink);font-size:20px;cursor:pointer;box-shadow:0 8px 24px rgba(15,23,42,.3)}
.dx-up[hidden]{display:none}
.lang-switch a{display:inline-block;margin:3px 6px}
footer{margin-block-start:30px;padding:26px max(18px,6%);background:var(--accent);color:#cbd5e1}
footer a{color:#bbf7d0}
[dir="rtl"] .dx-tools,[dir="rtl"] .dx-brand{flex-direction:row}
@media (max-width:720px){.doc-hero,body>header{padding:30px 18px}main>section,.doc-card,main>.card{padding:18px}.dx-top{gap:8px}.dx-brand span{display:none}.dx-tools select{max-width:96px}}
@media print{.dx-top,.dx-toc,.dx-up,.skip{display:none!important}body{background:#fff;color:#000}main>section{break-inside:avoid;border:0;padding:0}a{color:#000}pre{white-space:pre-wrap;background:#f1f5f9;color:#000}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* contextual documentation cards + tabs */
.doc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--card);position:sticky;top:calc(var(--topbar) + 8px);z-index:12}
.doc-tabs a{display:inline-flex;align-items:center;min-height:36px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--ink);font-weight:650;text-decoration:none;font-size:13.5px}
.doc-tabs a:hover{border-color:var(--brand);background:var(--code)}
.doc-flow-card{margin:0 0 22px;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden;box-shadow:0 8px 28px rgba(15,23,42,.06)}
.doc-flow-copy{padding:24px}
.doc-flow-copy h2{margin-top:0}
.doc-flow-media{padding:0 24px 24px}
.doc-flow-media figure{margin:0}
.doc-flow-media img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px;background:var(--soft);box-shadow:0 10px 28px rgba(15,23,42,.10)}
.doc-flow-media figcaption{padding:9px 2px 0;color:var(--muted);font-size:13.5px}
.doc-shot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.doc-shot-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.doc-shot-card img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--line);background:var(--card)}
.doc-shot-card strong{display:block;margin-top:9px}
.doc-kicker{display:inline-block;margin-bottom:8px;padding:4px 9px;border-radius:999px;background:var(--code);font-size:12px;font-weight:750;color:var(--link)}
.doc-path{margin:12px 0;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;background:var(--soft)}
[dir="rtl"] .doc-tabs{justify-content:flex-start}
@media(max-width:720px){.doc-tabs{position:static}.doc-flow-copy{padding:18px}.doc-flow-media{padding:0 18px 18px}.doc-shot-grid{grid-template-columns:1fr}}

/* Washlora additions */
.crumbs{margin:0 0 16px;font-size:14px;color:var(--muted)}
.crumbs a{color:var(--link)}
.topic{position:relative;display:block;margin:0;transition:border-color .15s,transform .15s}
.topic:hover{border-color:var(--brand);transform:translateY(-2px)}
.topic .topic-title{display:block;margin:0 0 6px;font-weight:750;font-size:18px;line-height:1.3}
.topic .topic-title a{color:var(--ink);text-decoration:none}
.topic .topic-title a::after{content:"";position:absolute;inset:0}
.topic p.muted{margin:0}
.grid.topics{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.shot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:14px 0}
.shot-grid figure.shot{margin:0}
.metric{text-align:center}
.doc-nav{margin-top:22px}
details p{margin:10px 0 0}
details summary{padding-block:2px}
main>section.doc-flow-card{padding:0}
[dir="rtl"] .steps{padding:14px 40px 14px 18px}
[dir="rtl"] .doc-nav a,[dir="rtl"] .toc a{margin:4px 0 4px 12px}
[dir="rtl"] code{unicode-bidi:isolate}
html[lang="ur"] body{font-family:"Noto Nastaliq Urdu","Jameel Noto Nastaleeq","Noto Naskh Arabic",system-ui,sans-serif;line-height:2}
html[lang="ur"] code,html[lang="ar"] code,html[lang="fa"] code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
html[lang="ja"] body{font-family:system-ui,"Hiragino Sans","Yu Gothic UI","Noto Sans JP",sans-serif}
html[lang="ko"] body{font-family:system-ui,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif}
html[lang="zh-Hans"] body{font-family:system-ui,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif}
html[lang="hi"] body{font-family:system-ui,"Noto Sans Devanagari","Nirmala UI",sans-serif}
html[lang="bn"] body{font-family:system-ui,"Noto Sans Bengali","Nirmala UI",sans-serif}
.dx-tools select{max-width:170px}

/* Video tutorials (YouTube) */
.wv{position:relative;width:100%;max-width:900px;aspect-ratio:16/9;margin:12px 0 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#000;box-shadow:0 10px 30px rgba(15,23,42,.14)}
.wv iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wv.is-offline{aspect-ratio:auto}
.wv-offline{display:flex;align-items:center;justify-content:center;min-height:170px;padding:20px;text-align:center;color:#fff;font-weight:700;text-decoration:none;background:linear-gradient(135deg,var(--accent),#14532d)}
.wv-cap{margin:8px 2px 0;color:var(--muted);font-size:13.5px}
.wv-label{margin:24px 0 0;font-weight:700;color:var(--ink)}
.wv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:12px 0}
.wv-card{display:block;margin:0;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden;color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}
a.wv-card:hover{border-color:var(--brand);transform:translateY(-2px)}
.wv-thumb{position:relative;display:block;aspect-ratio:16/9;background:#000;overflow:hidden}
.wv-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.wv-thumb iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wv-play{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;background:rgba(15,42,30,.85);box-shadow:0 4px 18px rgba(0,0,0,.4)}
.wv-play::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-35%,-50%);border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
a.wv-card:hover .wv-play{background:#1f7a4d}
.wv-dur{position:absolute;inset-inline-end:8px;inset-block-end:8px;padding:2px 7px;border-radius:6px;background:rgba(0,0,0,.78);color:#fff;font-size:12px;font-weight:600}
.wv-meta{display:block;padding:12px 14px 14px}
.wv-ep{display:inline-block;margin-bottom:6px;padding:2px 9px;border-radius:999px;background:var(--code);color:var(--link);font-size:12px;font-weight:750}
.wv-title{display:block;font-size:15px;font-weight:650;line-height:1.4}
.wv-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:var(--brand);color:var(--brand-ink);font-weight:700;text-decoration:none}
.wv-btn:hover{filter:brightness(1.08)}
.wv-callout{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.doc-flow-media.wsh-video-in{padding-top:0}

/* video titles are English: keep them readable in RTL */
.wv-title,.wv-cap,.wsh-video h2+.wv+.wv-cap{unicode-bidi:plaintext;text-align:start}
.wv-card .wv-title{direction:ltr;text-align:left}
[dir=rtl] .wv-card .wv-title{direction:ltr;text-align:right}

/* Guide cards + guides menu */
.shot-group{margin:26px 0 6px;font-size:18px}
.grid.topics .topic{display:flex;flex-direction:column;gap:4px;padding:20px;border-radius:16px;background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card) 94%,var(--brand)));box-shadow:0 1px 2px rgba(15,42,30,.06);overflow:hidden}
.grid.topics .topic:hover{box-shadow:0 12px 28px rgba(15,42,30,.16);border-color:var(--brand);transform:translateY(-3px)}
.topic:focus-within{outline:2px solid var(--brand);outline-offset:2px}
.tp-ico{display:grid;place-items:center;flex:none;width:46px;height:46px;margin-block-end:10px;border-radius:13px;font-size:23px;line-height:1;background:color-mix(in srgb,var(--brand) 14%,var(--card));border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line))}
.tp-go{position:absolute;inset-block-start:18px;inset-inline-end:18px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--link);font-weight:800;font-size:15px;transition:background .15s,color .15s,transform .15s}
.topic:hover .tp-go{background:var(--brand);color:var(--brand-ink);transform:translateX(3px)}
[dir=rtl] .topic:hover .tp-go{transform:translateX(-3px)}
.gd-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border:0;border-radius:10px;background:var(--brand);color:var(--brand-ink);font:inherit;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}
.gd-btn:hover{filter:brightness(1.08)}
.gd-btn i{font-style:normal;font-size:12px;transition:transform .15s}
.gd-btn[aria-expanded=true] i{transform:rotate(180deg)}
.gd-panel{position:fixed;inset-block-start:calc(var(--topbar) + 6px);inset-inline-start:max(12px,3vw);z-index:60;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px;width:min(940px,calc(100vw - 24px));max-height:calc(100vh - var(--topbar) - 24px);overflow:auto;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 24px 60px rgba(0,0,0,.28)}
.gd-panel[hidden]{display:none}
.gd-panel a{display:flex;gap:10px;align-items:center;min-width:0;padding:9px 10px;border:1px solid transparent;border-radius:12px;color:var(--ink);text-decoration:none}
.gd-panel a:hover,.gd-panel a:focus-visible{background:var(--soft);border-color:var(--brand);outline:0}
.gd-panel a[aria-current=page]{background:color-mix(in srgb,var(--brand) 12%,var(--card))}
.gd-panel .tp-ico{width:36px;height:36px;margin:0;font-size:18px;border-radius:10px}
.gd-panel span.gd-t{display:block;min-width:0}
.gd-panel b{display:block;font-size:14px;line-height:1.3}
.gd-panel small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px}
.gd-panel .gd-note{grid-column:1/-1;padding:10px;color:var(--muted)}
@media (max-width:640px){.gd-btn span{display:none}.gd-panel{grid-template-columns:1fr}}
/* Premium "at a glance" panel */
main>section#at-a-glance{position:relative;overflow:hidden;padding:38px 36px 30px;border:0;border-radius:22px;color:#fff;background:radial-gradient(900px 300px at 85% -10%,rgba(167,243,185,.28),transparent 60%),radial-gradient(600px 260px at -5% 110%,rgba(74,222,128,.22),transparent 60%),linear-gradient(135deg,#0b2217 0%,#12462f 55%,#1d7048 100%);box-shadow:0 22px 50px -22px rgba(11,34,23,.7)}
#at-a-glance h2{margin:0 0 22px;color:#fff;font-size:clamp(26px,3.2vw,34px);letter-spacing:-.01em}
#at-a-glance h2::before{content:"";display:block;width:46px;height:4px;margin-block-end:14px;border-radius:4px;background:linear-gradient(90deg,#a7f3b9,#4ade80)}
#at-a-glance .dx-anchor{color:rgba(255,255,255,.5)}
#at-a-glance .grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:0 0 22px}
#at-a-glance .metric{position:relative;display:flex;flex-direction:column;gap:2px;padding:22px 20px 20px;text-align:start;color:rgba(255,255,255,.82);font-size:14.5px;line-height:1.45;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.13),rgba(255,255,255,.05));backdrop-filter:blur(6px);transition:transform .2s,border-color .2s,background .2s}
#at-a-glance .metric:hover{transform:translateY(-4px);border-color:rgba(167,243,185,.55);background:linear-gradient(160deg,rgba(255,255,255,.18),rgba(255,255,255,.07))}
#at-a-glance .metric::before{display:grid;place-items:center;width:38px;height:38px;margin-block-end:12px;border-radius:11px;font-size:19px;background:rgba(167,243,185,.16);border:1px solid rgba(167,243,185,.35)}
#at-a-glance .metric:nth-child(1)::before{content:"🧺"}
#at-a-glance .metric:nth-child(2)::before{content:"🏠"}
#at-a-glance .metric:nth-child(3)::before{content:"✏️"}
#at-a-glance .metric:nth-child(4)::before{content:"🎞️"}
#at-a-glance .metric b{font-size:clamp(38px,4.4vw,52px);line-height:1.05;font-weight:800;letter-spacing:-.02em;background:linear-gradient(180deg,#fff 30%,#a7f3b9);-webkit-background-clip:text;background-clip:text;color:transparent}
#at-a-glance>p{margin:0;padding-block-start:18px;max-width:78ch;border-block-start:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.82)!important;font-size:15.5px}
@media (max-width:560px){main>section#at-a-glance{padding:28px 20px 22px}#at-a-glance .grid{grid-template-columns:1fr 1fr}}