:root{--navy: #0f172a;--navy-2: #16233c;--primary: #0369a1;--primary-2: #0891b2;--accent: #059669;--accent-soft: #d1fae5;--bg: #f6f9fc;--surface: #ffffff;--muted: #e8ecf1;--border: #e2e8f0;--text: #0f172a;--text-2: #475569;--text-3: #64748b;--radius: 18px;--radius-sm: 12px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .05);--shadow-md: 0 10px 24px -12px rgba(15, 23, 42, .22);--shadow-lg: 0 24px 48px -20px rgba(15, 23, 42, .28);--font-h: "Noto Naskh Arabic", "Noto Sans Arabic", serif;--font-b: "Noto Sans Arabic", system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{font-family:var(--font-b);background:var(--bg);color:var(--text);line-height:1.85;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-h);line-height:1.35;font-weight:700}p{color:var(--text-2)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}ul{list-style:none}::selection{background:var(--accent);color:#fff}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.container{width:min(1160px,92vw);margin-inline:auto}.section{padding:clamp(56px,8vw,104px) 0;position:relative}.section--tint{background:linear-gradient(180deg,#fff,#f3f8fc)}.section--dark{background:var(--navy);color:#e2e8f0}.section--dark p{color:#94a3b8}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--primary);background:#0369a114;border:1px solid rgba(3,105,161,.16);padding:6px 14px;border-radius:999px;margin-bottom:18px}.section--dark .eyebrow{color:#7dd3fc;background:#7dd3fc1a;border-color:#7dd3fc38}.section-head{max-width:740px;margin-bottom:clamp(32px,5vw,52px)}.section-head h2{font-size:clamp(1.6rem,3.4vw,2.4rem);margin-bottom:14px}.section-head p{font-size:clamp(.98rem,1.6vw,1.08rem)}.section-head--center{margin-inline:auto;text-align:center}.grid{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px 24px;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#cbd5e1}.card h3{font-size:1.15rem;margin-bottom:8px}.card p{font-size:.94rem;line-height:1.8}.icon-badge{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(140deg,#0369a11f,#0596691f);color:var(--primary);margin-bottom:16px}.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:999px;font-weight:600;font-size:.95rem;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 12px 24px -12px #0369a1b3}.btn-primary:hover{background:#075985;transform:translateY(-2px)}.btn-ghost{background:#ffffff1a;color:#e2e8f0;border:1px solid rgba(226,232,240,.25)}.btn-ghost:hover{background:#ffffff2e;transform:translateY(-2px)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:#047857;transform:translateY(-2px)}.navbar{position:sticky;top:0;z-index:60;background:#ffffffc7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s,background .3s}.navbar--scrolled{border-bottom-color:var(--border);box-shadow:0 6px 24px -18px #0f172a80}.navbar__inner{display:flex;align-items:center;justify-content:space-between;gap:18px;height:72px}.brand{display:flex;align-items:center;gap:11px}.brand__mark{width:40px;height:40px;border-radius:12px;flex:0 0 auto;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,var(--primary),var(--accent));box-shadow:0 8px 18px -10px #0369a1cc}.brand__text{display:flex;flex-direction:column;line-height:1.25}.brand__text strong{font-family:var(--font-h);font-size:1.05rem}.brand__text span{font-size:.72rem;color:var(--text-3);letter-spacing:.02em}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{font-size:.9rem;font-weight:500;color:var(--text-2);padding:8px 13px;border-radius:9px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--primary);background:#0369a112}.nav-toggle{display:none;width:42px;height:42px;border-radius:11px;color:var(--navy)}.nav-toggle:hover{background:var(--muted)}.nav-progress{height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));width:0;transition:width .12s linear}.hero{position:relative;overflow:hidden;background:radial-gradient(1100px 520px at 88% -12%,rgba(8,145,178,.34),transparent 62%),radial-gradient(760px 420px at 8% 108%,rgba(5,150,105,.26),transparent 60%),linear-gradient(150deg,#0b1627,#122740 52%,#0d3b52);color:#f1f5f9;padding:clamp(64px,10vw,118px) 0 clamp(72px,9vw,110px)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,163,184,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.07) 1px,transparent 1px);background-size:62px 62px;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);pointer-events:none}.hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,4vw,56px);align-items:center}.hero h1{font-size:clamp(2.1rem,5.4vw,3.5rem);color:#fff;margin-bottom:18px}.hero h1 .hl{background:linear-gradient(100deg,#7dd3fc,#6ee7b7);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lead{font-size:clamp(1rem,1.9vw,1.16rem);color:#cbd5e1;max-width:620px;margin-bottom:28px}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.hero__meta{display:flex;flex-wrap:wrap;gap:10px 26px;font-size:.86rem;color:#94a3b8}.hero__meta span{display:inline-flex;align-items:center;gap:7px}.hero__stats{display:grid;gap:14px}.stat-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);padding:20px 22px;transition:transform .3s var(--ease),background .3s}.stat-card:hover{transform:translateY(-3px);background:#ffffff1a}.stat-card strong{font-family:var(--font-h);font-size:1.9rem;color:#fff;display:block;line-height:1.2}.stat-card span{font-size:.86rem;color:#94a3b8}.qstack{display:grid;gap:18px;margin-top:8px}.qcard{position:relative;border-radius:var(--radius);padding:26px 28px;border:1px solid var(--border);background:var(--surface);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.qcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.qcard__tag{display:inline-block;font-size:.76rem;font-weight:700;padding:4px 12px;border-radius:999px;margin-bottom:14px}.qcard--old{border-inline-start:5px solid #cbd5e1}.qcard--old .qcard__tag{background:#eef2f6;color:#64748b}.qcard--new{border-inline-start:5px solid var(--accent);background:linear-gradient(120deg,#f0fdf7,#fff 70%)}.qcard--new .qcard__tag{background:var(--accent-soft);color:#047857}.qcard blockquote{font-family:var(--font-h);font-size:clamp(1.05rem,2.1vw,1.3rem);color:var(--text);font-weight:600}.qcard p{font-size:.92rem;margin-top:10px}.qarrow{display:grid;place-items:center;color:var(--accent)}.note-bar{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(120deg,#0369a112,#05966912);border:1px dashed rgba(3,105,161,.3);border-radius:var(--radius);padding:20px 24px;margin-top:26px}.note-bar strong{font-family:var(--font-h)}.note-bar p{font-size:.94rem;margin-top:4px}.note-bar svg{flex:0 0 auto;color:var(--primary);margin-top:6px}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.tab{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-weight:600;font-size:.92rem;color:var(--text-2);transition:all .25s var(--ease)}.tab:hover{border-color:#94a3b8;color:var(--text);transform:translateY(-2px)}.tab[aria-selected=true]{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:var(--shadow-md)}.tab__num{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:.78rem;background:var(--muted);color:var(--text-2)}.tab[aria-selected=true] .tab__num{background:#ffffff2e;color:#fff}.level-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:26px;background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);padding:clamp(24px,3.4vw,40px);box-shadow:var(--shadow-sm);animation:fadeUp .5s var(--ease) both}.level-panel__aside{border-inline-end:1px solid var(--border);padding-inline-end:26px}.level-panel h3{font-size:clamp(1.3rem,2.8vw,1.75rem);margin-bottom:6px}.level-panel__tagline{font-size:.97rem;margin-bottom:20px}.style-chip{display:inline-flex;flex-direction:column;gap:2px;padding:14px 20px;border-radius:14px;color:#fff;margin-bottom:20px;box-shadow:var(--shadow-md)}.style-chip span:first-child{font-family:var(--font-h);font-size:1.06rem;font-weight:700}.style-chip span:last-child{font-size:.78rem;opacity:.85;letter-spacing:.06em;direction:ltr;text-align:start}.practice-list{display:grid;gap:12px}.practice-list li{display:flex;gap:12px;align-items:flex-start;font-size:.95rem;color:var(--text-2);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 16px;transition:transform .25s var(--ease),border-color .25s}.practice-list li:hover{transform:translate(-4px);border-color:#94a3b8}.practice-list svg{flex:0 0 auto;margin-top:5px}.example-box{margin-top:22px;border-radius:var(--radius-sm);background:linear-gradient(120deg,#f8fafc,#f1f7fb);border:1px solid var(--border);border-inline-start:4px solid var(--primary);padding:18px 20px}.example-box strong{font-family:var(--font-h);display:block;margin-bottom:6px;font-size:.95rem}.example-box p{font-size:.92rem}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}table.compare{width:100%;border-collapse:collapse;min-width:720px}table.compare th,table.compare td{padding:16px 18px;text-align:start;font-size:.94rem;vertical-align:top}table.compare thead th{background:var(--navy);color:#e2e8f0;font-family:var(--font-h);font-size:.98rem;font-weight:600}table.compare thead th:first-child{border-start-start-radius:var(--radius)}table.compare thead th:last-child{border-start-end-radius:var(--radius)}table.compare tbody tr{border-top:1px solid var(--border);transition:background .2s}table.compare tbody tr:nth-child(2n){background:#fbfdff}table.compare tbody tr:hover{background:#f1f7fb}table.compare td:first-child strong{font-family:var(--font-h);display:block}table.compare td:first-child em{font-style:normal;font-size:.78rem;color:var(--text-3);direction:ltr;display:block}.mini-tags{display:flex;flex-wrap:wrap;gap:6px}.mini-tag{font-size:.76rem;padding:3px 10px;border-radius:999px;background:var(--muted);color:var(--text-2)}.tool{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:start}.field{margin-bottom:18px}.field label{display:block;font-size:.88rem;font-weight:600;color:var(--text);margin-bottom:8px}.field small{display:block;font-size:.78rem;color:var(--text-3);margin-top:6px}input[type=text],input[type=number],select,textarea{width:100%;font-family:inherit;font-size:.94rem;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #0369a11f;outline:none}textarea{min-height:92px;resize:vertical;line-height:1.8}.scale-row{display:grid;gap:6px}.scale-opts{display:flex;gap:8px;flex-wrap:wrap}.scale-opt{flex:1 1 0;min-width:74px;text-align:center;padding:10px 6px;border-radius:var(--radius-sm);font-size:.84rem;font-weight:600;border:1px solid var(--border);background:#fff;color:var(--text-2);transition:all .22s var(--ease)}.scale-opt:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.scale-opt[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff}.result-card{border-radius:var(--radius);padding:26px;color:#fff;background:linear-gradient(150deg,#0f172a,#14324a);box-shadow:var(--shadow-lg);animation:fadeUp .45s var(--ease) both}.result-card h3{font-size:1.3rem;color:#fff}.result-card .result__style{font-family:var(--font-h);font-size:1.6rem;color:#6ee7b7;margin:6px 0 14px}.result-card p,.result-card li{color:#cbd5e1;font-size:.92rem}.result-card ul{display:grid;gap:9px;margin-top:14px}.result-card ul li{display:flex;gap:10px;align-items:flex-start}.result-card svg{flex:0 0 auto;margin-top:5px}.meter{height:9px;border-radius:999px;background:#ffffff24;overflow:hidden;margin:16px 0 6px}.meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#6ee7b7,#7dd3fc);transition:width .5s var(--ease)}.meter-label{font-size:.8rem;color:#94a3b8}.empty-hint{text-align:center;padding:40px 22px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-3);font-size:.92rem;background:#fff}.ai-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ai-card{background:#ffffff0b;border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);padding:24px 22px;transition:transform .3s var(--ease),background .3s}.ai-card:hover{transform:translateY(-4px);background:#ffffff16}.ai-card .icon-badge{background:linear-gradient(140deg,#7dd3fc33,#6ee7b733);color:#7dd3fc}.ai-card h3{color:#fff;font-size:1.05rem;margin-bottom:8px}.ai-card p{font-size:.9rem;color:#94a3b8}.ai-quote{margin-top:34px;border-inline-start:3px solid var(--accent);padding:6px 22px;font-family:var(--font-h);font-size:clamp(1rem,2.1vw,1.22rem);color:#e2e8f0}.kit-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.progress-wrap{min-width:260px;flex:1 1 260px;max-width:380px}.progress-top{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-2);margin-bottom:8px}.progress-bar{height:10px;background:var(--muted);border-radius:999px;overflow:hidden}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:999px;transition:width .5s var(--ease)}.module{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;display:grid;gap:12px;transition:border-color .25s,box-shadow .25s,transform .25s var(--ease)}.module:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.module--done{border-color:#05966980;background:linear-gradient(120deg,#f2fdf8,#fff 60%)}.module__top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.module__top h3{font-size:1.05rem}.module__dur{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-3);background:var(--muted);padding:4px 11px;border-radius:999px;white-space:nowrap}.module__goal{font-size:.92rem}.module__acts{display:flex;flex-wrap:wrap;gap:8px}.module__acts span{font-size:.78rem;background:#0369a114;color:var(--primary);border-radius:8px;padding:5px 11px}.module__foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px dashed var(--border);padding-top:12px}.checkbox{display:inline-flex;align-items:center;gap:9px;font-size:.88rem;font-weight:600;color:var(--text-2)}.checkbox input{width:18px;height:18px;accent-color:var(--accent)}.quiz{max-width:780px;margin-inline:auto}.quiz-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(22px,3.4vw,34px);box-shadow:var(--shadow-sm)}.quiz-step{font-size:.8rem;color:var(--text-3);margin-bottom:10px}.quiz-q{font-family:var(--font-h);font-size:clamp(1.05rem,2.4vw,1.3rem);margin-bottom:20px}.quiz-opts{display:grid;gap:11px}.quiz-opt{display:flex;gap:12px;align-items:flex-start;text-align:start;border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 17px;font-size:.94rem;color:var(--text-2);background:#fff;transition:all .22s var(--ease)}.quiz-opt:hover:not(:disabled){border-color:var(--primary);transform:translate(-3px)}.quiz-opt__key{width:26px;height:26px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:700;background:var(--muted);color:var(--text-2)}.quiz-opt--right{border-color:var(--accent);background:#f0fdf7;color:#065f46}.quiz-opt--right .quiz-opt__key{background:var(--accent);color:#fff}.quiz-opt--wrong{border-color:#fca5a5;background:#fef2f2;color:#991b1b}.quiz-opt--wrong .quiz-opt__key{background:#dc2626;color:#fff}.quiz-why{margin-top:16px;font-size:.9rem;background:var(--bg);border-inline-start:3px solid var(--primary);border-radius:10px;padding:12px 16px;animation:fadeUp .35s var(--ease) both}.quiz-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;flex-wrap:wrap}.quiz-score{text-align:center}.quiz-score strong{font-family:var(--font-h);font-size:2.6rem;display:block;line-height:1.1}.quiz-dots{display:flex;gap:7px}.quiz-dots i{width:9px;height:9px;border-radius:50%;background:var(--muted);display:block}.quiz-dots i.on{background:var(--primary)}.closing{background:linear-gradient(140deg,#0b1627,#14324a 60%,#0d3b52);color:#f1f5f9;text-align:center}.closing h2{font-size:clamp(1.6rem,3.8vw,2.5rem);color:#fff;margin-bottom:14px}.closing blockquote{font-family:var(--font-h);font-size:clamp(1.05rem,2.2vw,1.3rem);color:#cbd5e1;max-width:760px;margin:0 auto 18px}.closing cite{display:block;font-style:normal;font-size:.9rem;color:#7dd3fc;margin-bottom:30px}.tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tags span{font-size:.82rem;padding:7px 15px;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.13);color:#cbd5e1;direction:ltr}.footer{background:#08111f;color:#94a3b8;padding:34px 0;font-size:.87rem}.footer__inner{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}.footer strong{color:#e2e8f0;font-family:var(--font-h)}.toast{position:fixed;inset-block-end:26px;inset-inline-start:50%;transform:translate(50%) translateY(20px);background:var(--navy);color:#fff;padding:13px 22px;border-radius:999px;font-size:.9rem;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s var(--ease);z-index:90;display:flex;align-items:center;gap:9px}.toast--show{opacity:1;transform:translate(50%) translateY(0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0}.reveal.is-visible{animation:fadeUp .65s var(--ease) both}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1}html{scroll-behavior:auto}}@media (max-width: 1024px){.hero__grid{grid-template-columns:1fr}.hero__stats{grid-template-columns:repeat(3,1fr);grid-auto-flow:row}.tool{grid-template-columns:1fr}.ai-grid,.grid-4{grid-template-columns:repeat(2,1fr)}.level-panel{grid-template-columns:1fr}.level-panel__aside{border-inline-end:none;border-bottom:1px solid var(--border);padding-inline-end:0;padding-bottom:22px}}@media (max-width: 768px){.nav-toggle{display:grid;place-items:center}.nav-links{position:absolute;inset-inline:3vw;top:74px;flex-direction:column;align-items:stretch;gap:4px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow-lg);display:none}.nav-links--open{display:flex}.nav-links a{padding:11px 14px}.hero__stats{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3,.grid-4,.ai-grid{grid-template-columns:1fr}.tabs{flex-direction:column}.tab{justify-content:flex-start}.section-head--center{text-align:start}.progress-wrap{max-width:none}}@media (max-width: 480px){.hero__stats{grid-template-columns:1fr}.brand__text span{display:none}.quiz-foot{flex-direction:column;align-items:stretch}.quiz-foot .btn{justify-content:center}}@media print{.navbar,.hero,.toast,.footer{display:none!important}body{background:#fff}.plan-output{border:1px solid #ddd}}.map-strip{background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);padding:clamp(24px,3.6vw,42px);box-shadow:var(--shadow-sm)}.map-track{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}.map-track:before{content:"";position:absolute;inset-inline:12%;top:46px;height:2px;background:repeating-linear-gradient(90deg,#cbd5e1 0 8px,transparent 8px 16px);z-index:0}.map-stage{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;gap:10px}.map-stage__num{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-h);font-size:1.35rem;font-weight:700;color:#fff;box-shadow:0 12px 26px -14px #0f172a99}.map-stage h4{font-size:1.05rem}.map-stage small{font-size:.84rem;color:var(--text-3)}.map-stage__link{color:#94a3b8}.map-stage__style{font-size:.86rem;font-weight:600;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:6px 16px}.map-axis{display:flex;align-items:center;gap:12px;margin-top:26px;font-size:.85rem;color:var(--text-3)}.map-axis__line{flex:1;height:2px;background:linear-gradient(90deg,var(--accent),var(--primary-2),var(--primary));border-radius:999px}.map-axis__line:before,.map-axis__line:after{content:""}@media (max-width: 768px){.map-track{grid-template-columns:1fr;gap:26px}.map-track:before{display:none}.map-axis{font-size:.78rem;flex-wrap:wrap}}