/* ═══════════════════════════════════════════════
   EzIELTS — shared.css
   Single source of truth for all content pages.
   index.html uses its own self-contained styles.
   ═══════════════════════════════════════════════ */

/* ── VARIABLES ── */
:root {
  --white: #FFFFFF;
  --bg: #F7F8FA;
  --surface: #FFFFFF;
  --surface2: #F0F2F5;
  --border: #E4E7EC;
  --border2: #CDD2DA;
  --text: #0D1117;
  --text2: #4B5563;
  --text3: #9CA3AF;
  --navy: #D6F0F8;
  --navy2: #C0E8F4;
  --navy3: #AAE0F0;
  --navy-light: #EEF9FD;
  --navy-border: #AAD8EE;
  --navy-dark: #1a3a4a;
  --red: #DA291C;
  --red2: #C02416;
  --red-light: #FEF2F2;
  --red-border: #FCA5A5;
  --yellow: #F5C842;
  --yellow2: #E6B82A;
  --yellow-light: #FFFBEB;
  --yellow-border: #FDE68A;
  --green: #16803C;
  --green-light: #F0FDF4;
  --green-border: #86EFAC;
  --orange: #EA580C;
  --orange-dark: #C2410C;
  --radius: 12px;
  --radius-sm: 8px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 10px 40px rgba(0,0,0,0.10);
}

/* ── RESET ── */
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;background:var(--white);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;}
a{text-decoration:none;color:inherit;}
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px;}

/* ── NAV SHELL ── */
.l-nav{background:var(--navy);position:sticky;top:0;z-index:200;border-bottom:3px solid var(--yellow);}
.l-nav-inner{max-width:860px;margin:0 auto;padding:0 28px;width:100%;display:flex;align-items:center;justify-content:space-between;height:64px;}
.site-logo{display:flex;align-items:center;gap:2px;}
.logo-ez{font-size:24px;font-weight:900;color:#1a3a4a;letter-spacing:-0.5px;}
.logo-bar{width:2px;height:20px;background:var(--yellow);border-radius:2px;margin:0 4px;align-self:center;}
.logo-ielts{font-size:24px;font-weight:900;color:var(--red);letter-spacing:-0.5px;}

/* ── SKILL LINKS ── */
.nav-skill-links{display:flex;align-items:center;gap:2px;margin:0 12px;flex:1;}
.nav-skill-link{font-size:12px;font-weight:600;color:#0D2B3E;padding:5px 9px;border-radius:var(--radius-sm);transition:all 0.18s;white-space:nowrap;}
.nav-skill-link:hover{background:rgba(26,58,74,0.08);color:#1a3a4a;}
.nav-skill-link.active{color:var(--orange);background:rgba(234,88,12,0.08);}

/* ── WRITING DROPDOWN ── */
.nav-has-dropdown{position:relative;}
.nav-has-dropdown .nav-skill-link{display:flex;align-items:center;gap:4px;}
.nav-dropdown-arrow{font-size:9px;opacity:0.55;transition:transform 0.18s;display:inline-block;line-height:1;}

/* Hover gap bridge: invisible padding extends the hover target downward */
.nav-has-dropdown::after{
  content:'';
  position:absolute;
  bottom:-10px;left:0;right:0;
  height:10px;
  background:transparent;
}
.nav-has-dropdown:hover .nav-dropdown-arrow{transform:rotate(180deg);opacity:0.9;}
.nav-dropdown{
  position:absolute;top:calc(100% + 2px);left:0;
  background:var(--white);border:1.5px solid var(--border);
  border-radius:var(--radius-sm);box-shadow:var(--shadow-md);
  min-width:172px;padding:6px;
  opacity:0;pointer-events:none;
  transform:translateY(-4px);
  transition:opacity 0.15s,transform 0.15s;
  z-index:300;
  /* Top padding bridges the gap so hover doesn't break */
  padding-top:10px;
  margin-top:-2px;
}
.nav-has-dropdown:hover .nav-dropdown{opacity:1;pointer-events:auto;transform:translateY(0);}
.nav-dropdown-item{display:block;padding:7px 12px;font-size:12px;font-weight:600;color:var(--text2);border-radius:6px;transition:background 0.12s,color 0.12s;white-space:nowrap;}
.nav-dropdown-item:hover{background:rgba(234,88,12,0.07);color:var(--orange);}
.nav-dropdown-item.active{color:var(--orange);background:rgba(234,88,12,0.07);}
.nav-dropdown-item-sub{font-size:10px;color:var(--text3);font-weight:400;display:block;margin-top:1px;}

/* ── ACTION BUTTONS ── */
.nav-links{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0;}
.btn-nav-outline{border:1.5px solid rgba(26,58,74,0.25);border-radius:var(--radius-sm);padding:7px 14px;font-size:13px;font-weight:500;color:#0D2B3E;cursor:pointer;background:transparent;font-family:'Inter',sans-serif;transition:all 0.18s;display:inline-block;margin-right:6px;}
.btn-nav-outline:hover{border-color:#1a3a4a;color:#1a3a4a;}
.btn-nav-solid{background:var(--navy-dark);color:#fff;border:none;border-radius:var(--radius-sm);padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;transition:background 0.18s;display:inline-block;}
.btn-nav-solid:hover{background:#0f2333;}
.btn-nav-cta{background:var(--yellow);color:var(--navy-dark);border:none;border-radius:var(--radius-sm);padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;transition:background 0.18s;display:inline-block;}
.btn-nav-cta:hover{background:var(--yellow2);}

/* ── HAMBURGER ── */
.nav-hamburger{display:none;margin-left:auto;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-sm);flex-direction:column;justify-content:center;align-items:center;gap:5px;}
.nav-hamburger span{display:block;width:22px;height:2px;background:#1a3a4a;border-radius:2px;transition:all 0.25s;}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ── MOBILE MENU ── */
.nav-mobile-menu{display:none;background:var(--navy);border-top:1px solid rgba(26,58,74,0.15);padding:12px 20px 16px;}
.nav-mobile-menu.open{display:block;}
.nav-mobile-skills{display:flex;flex-direction:column;gap:2px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(26,58,74,0.12);}
.nav-mobile-skill{font-size:14px;font-weight:600;color:#0D2B3E;padding:9px 10px;border-radius:var(--radius-sm);transition:background 0.15s;display:block;}
.nav-mobile-skill:hover{background:rgba(26,58,74,0.08);}
.nav-mobile-skill.active{color:var(--orange);background:rgba(234,88,12,0.08);}
.nav-mobile-actions{display:flex;flex-direction:column;gap:8px;}
.nav-mobile-actions .btn-nav-outline,
.nav-mobile-actions .btn-nav-solid,
.nav-mobile-actions .btn-nav-cta{width:100%;text-align:center;padding:11px 16px;font-size:14px;display:block;}

/* ── MOBILE WRITING SUB-MENU ── */
.nav-mobile-skill-group{display:flex;flex-direction:column;}
.nav-mobile-skill-row{display:flex;align-items:center;justify-content:space-between;}
.nav-mobile-skill-row .nav-mobile-skill{flex:1;}
.nav-mobile-skill-toggle{
  background:transparent;border:none;cursor:pointer;
  padding:10px 13px;color:#0D2B3E;
  font-family:'Inter',sans-serif;border-radius:var(--radius-sm);
  transition:background 0.15s,transform 0.18s;
  display:flex;align-items:center;
}
.nav-mobile-skill-toggle:hover{background:rgba(26,58,74,0.08);}
.nav-mobile-skill-toggle .nav-dropdown-arrow{font-size:16px;opacity:0.8;}
.nav-mobile-sub{
  display:none;
  padding-left:20px;padding-bottom:4px;
  flex-direction:column;gap:2px;
}
.nav-mobile-sub.open{display:flex;}
.nav-mobile-sub-link{
  font-size:13px;font-weight:500;color:var(--text2);
  padding:7px 10px;border-radius:var(--radius-sm);
  display:block;transition:background 0.12s,color 0.12s;
}
.nav-mobile-sub-link:hover{background:rgba(234,88,12,0.07);color:var(--orange);}
.nav-mobile-sub-link.active{color:var(--orange);font-weight:600;}

/* ── RESPONSIVE NAV ── */
@media(max-width:700px){
  .nav-skill-links{display:none;}
  .nav-links{display:none;}
  .nav-hamburger{display:flex;}
}

/* ── BREADCRUMB ── */
.breadcrumb{background:var(--bg);border-bottom:1px solid var(--border);padding:10px 0;}
.breadcrumb-inner{max-width:860px;margin:0 auto;padding:0 28px;font-size:12px;color:var(--text3);display:flex;align-items:center;gap:6px;}
.breadcrumb a{color:var(--text3);transition:color 0.15s;}
.breadcrumb a:hover{color:var(--navy-dark);}
.breadcrumb-sep{font-size:10px;}

/* ── PAGE HERO ── */
.page-hero{background:var(--navy);padding:56px 24px 60px;position:relative;overflow:hidden;}
.page-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--orange) 0%,var(--orange) 40%,var(--yellow) 100%);}
.page-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,0.04) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;}
.page-hero-inner{max-width:860px;margin:0 auto;position:relative;z-index:1;}
.page-skill-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(234,88,12,0.12);border:1px solid rgba(234,88,12,0.3);color:var(--orange);font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:5px 16px;border-radius:20px;margin-bottom:20px;}
.page-hero h1{font-size:clamp(28px,4.5vw,46px);font-weight:900;color:#0A1F2E;letter-spacing:-1px;line-height:1.1;margin-bottom:14px;}
.page-hero h1 em{font-style:normal;color:var(--orange);}
.page-hero-lead{font-size:16px;color:#0D2B3E;line-height:1.7;max-width:560px;margin-bottom:28px;}
.hero-meta{display:flex;gap:20px;flex-wrap:wrap;}
.hero-meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#1a3a4a;font-weight:500;}
.hero-meta-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);flex-shrink:0;}

/* ── LAYOUT ── */
.content-wrap{max-width:860px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:1fr 280px;gap:40px;align-items:start;}
@media(max-width:720px){.content-wrap{grid-template-columns:1fr;padding:0 18px;}.sidebar{order:-1;}}
.main-col{padding:40px 0 60px;}
.sidebar{padding:32px 0 60px;}

/* ── PROSE ── */
.prose h2{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-0.3px;margin:40px 0 14px;padding-top:8px;}
.prose h2:first-child{margin-top:0;}
.prose h3{font-size:16px;font-weight:700;color:var(--text);margin:28px 0 10px;}
.prose p{font-size:15px;color:var(--text2);line-height:1.75;margin-bottom:16px;}
.prose strong{color:var(--text);font-weight:600;}
.prose ul,.prose ol{margin:0 0 16px 20px;}
.prose li{font-size:15px;color:var(--text2);line-height:1.75;margin-bottom:8px;}
.prose hr{border:none;border-top:1px solid var(--border);margin:36px 0;}

/* ── TIP BOX ── */
.tip-box{background:var(--navy-light);border:1.5px solid var(--navy-border);border-left:4px solid var(--navy-dark);border-radius:var(--radius-sm);padding:18px 20px;margin:24px 0;}
.tip-box-label{font-size:10px;font-weight:700;color:var(--navy-dark);text-transform:uppercase;letter-spacing:0.12em;margin-bottom:8px;}
.tip-box p{color:#0d2b3e;margin-bottom:0;}

/* ── WARN BOX ── */
.warn-box{background:var(--yellow-light);border:1.5px solid var(--yellow-border);border-left:4px solid var(--yellow);border-radius:var(--radius-sm);padding:18px 20px;margin:24px 0;}
.warn-box-label{font-size:10px;font-weight:700;color:#92400E;text-transform:uppercase;letter-spacing:0.12em;margin-bottom:8px;}
.warn-box p{color:#78350F;margin-bottom:0;}

/* ── BAND TABLE ── */
.band-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;border-radius:var(--radius-sm);overflow:hidden;border:1.5px solid var(--border);}
.band-table th{background:var(--navy);color:var(--navy-dark);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;padding:10px 14px;text-align:left;}
.band-table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text2);line-height:1.5;}
.band-table tr:last-child td{border-bottom:none;}
.band-table tr:nth-child(even) td{background:var(--bg);}
.band-chip{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:800;color:var(--navy-dark);background:var(--navy-light);border:1px solid var(--navy-border);}

/* ── CRITERIA GRID ── */
.criteria-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;}
@media(max-width:520px){.criteria-grid{grid-template-columns:1fr;}}
.criteria-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:16px;}
.criteria-name{font-size:12px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px;}
.criteria-desc{font-size:13px;color:var(--text2);line-height:1.6;}
.criteria-weight{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:0.1em;margin-top:8px;}

/* ── RESOURCE LIST ── */
.resource-list{display:flex;flex-direction:column;gap:10px;margin:20px 0;}
.resource-link{display:flex;align-items:center;gap:12px;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;transition:border-color 0.18s,box-shadow 0.18s;}
.resource-link:hover{border-color:var(--navy-border);box-shadow:var(--shadow);}
.resource-icon{font-size:20px;flex-shrink:0;}
.resource-body{flex:1;min-width:0;}
.resource-name{font-size:14px;font-weight:600;color:var(--text);}
.resource-desc{font-size:12px;color:var(--text3);margin-top:2px;}
.resource-arrow{font-size:14px;color:var(--text3);flex-shrink:0;}

/* ── SIDEBAR ── */
.sidebar-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:14px;box-shadow:var(--shadow-sm);}
.sidebar-card-title{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:0.14em;margin-bottom:14px;}
.cta-card{background:var(--navy-dark);border-radius:var(--radius);padding:22px;margin-bottom:14px;position:relative;overflow:hidden;}
.cta-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--yellow));}
.cta-card-title{font-size:16px;font-weight:800;color:var(--white);margin-bottom:8px;line-height:1.3;}
.cta-card-body{font-size:13px;color:rgba(255,255,255,0.65);line-height:1.6;margin-bottom:16px;}
.btn-cta-sidebar{display:block;width:100%;padding:11px;background:var(--yellow);color:var(--navy-dark);border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;text-align:center;transition:background 0.18s;}
.btn-cta-sidebar:hover{background:var(--yellow2);}
.skill-nav-list{display:flex;flex-direction:column;gap:4px;}
.skill-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--text2);transition:all 0.15s;}
.skill-nav-item:hover{background:var(--bg);color:var(--text);}
.skill-nav-item.active{background:rgba(234,88,12,0.08);color:var(--orange);font-weight:600;}
.skill-nav-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.task-nav-list{display:flex;flex-direction:column;gap:4px;}
.task-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--text2);transition:all 0.15s;}
.task-nav-item:hover{background:var(--bg);color:var(--text);}
.task-nav-item.active{background:rgba(234,88,12,0.08);color:var(--orange);font-weight:600;}
.task-nav-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);flex-shrink:0;}

/* ── BOTTOM CTA ── */
.bottom-cta{background:var(--navy);padding:56px 24px;text-align:center;border-top:4px solid var(--orange);}
.bottom-cta-inner{max-width:560px;margin:0 auto;}
.bottom-cta h2{font-size:clamp(22px,3vw,30px);font-weight:800;color:#0a1f2e;letter-spacing:-0.4px;margin-bottom:12px;}
.bottom-cta h2 em{font-style:normal;color:var(--orange);}
.bottom-cta p{font-size:15px;color:#0d2b3e;line-height:1.7;margin-bottom:28px;}
.btn-bottom-primary{display:inline-block;background:var(--orange);color:#fff;border:none;border-radius:var(--radius-sm);padding:14px 30px;font-size:15px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;transition:background 0.18s;}
.btn-bottom-primary:hover{background:var(--orange-dark);}
.bottom-cta-note{margin-top:12px;font-size:12px;color:#1a3a4a;opacity:0.5;}

/* ── FOOTER ── */
.l-footer{background:var(--navy3);border-top:3px solid var(--yellow);padding:32px 24px;text-align:center;}
.footer-logo{display:inline-flex;align-items:center;margin-bottom:12px;}
.footer-text{font-size:12px;color:#2a4a5a;line-height:1.8;}
.footer-links{display:flex;gap:18px;justify-content:center;margin-top:14px;flex-wrap:wrap;}
.footer-link{font-size:12px;color:#2a4a5a;transition:color 0.15s;}
.footer-link:hover{color:var(--yellow);}
.footer-disclaimer{font-size:11px;color:#3a5a6a;line-height:1.7;max-width:620px;margin:20px auto 0;opacity:0.75;}
.footer-copyright{font-size:11px;color:#3a5a6a;margin-top:8px;opacity:0.6;}

/* ── HUB PAGE (writing hub) ── */
.hub-wrap{max-width:860px;margin:0 auto;padding:48px 28px 72px;}
.hub-intro{max-width:600px;margin-bottom:40px;}
.hub-intro h2{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-0.3px;margin-bottom:12px;}
.hub-intro p{font-size:15px;color:var(--text2);line-height:1.75;}
.hub-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:48px;}
@media(max-width:600px){.hub-cards{grid-template-columns:1fr;}.hub-wrap{padding:32px 18px 56px;}}
.hub-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:28px;position:relative;overflow:hidden;transition:border-color 0.18s,box-shadow 0.18s;display:block;color:inherit;}
.hub-card:hover{border-color:var(--orange);box-shadow:var(--shadow-lg);}
.hub-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--orange);}
.hub-card-tag{font-size:10px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:0.12em;margin-bottom:12px;}
.hub-card-title{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-0.3px;margin-bottom:8px;}
.hub-card-sub{font-size:13px;color:var(--text3);font-weight:500;margin-bottom:16px;}
.hub-card-desc{font-size:14px;color:var(--text2);line-height:1.7;margin-bottom:20px;}
.hub-card-details{display:flex;flex-direction:column;gap:6px;margin-bottom:24px;}
.hub-card-detail{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text2);}
.hub-card-detail-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);flex-shrink:0;margin-top:5px;}
.hub-card-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--orange);transition:gap 0.15s;}
.hub-card:hover .hub-card-link{gap:10px;}
.hub-divider{border:none;border-top:1px solid var(--border);margin:40px 0;}
.hub-criteria{margin-bottom:40px;}
.hub-criteria h3{font-size:17px;font-weight:700;color:var(--text);margin-bottom:16px;}

/* ── ICON SYSTEM (Heroicons outline, CSS mask — no JS, no font file) ── */
[class^="icon-"],[class*=" icon-"]{
  display:inline-block;width:1em;height:1em;
  background:currentColor;
  -webkit-mask-image:var(--i);mask-image:var(--i);
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  vertical-align:-0.15em;
}
.icon-mic{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 18.75a6 6 0 0 0 6-6v-1.5m-6 7.5a6 6 0 0 1-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 0 1-3-3V4.5a3 3 0 1 1 6 0v8.25a3 3 0 0 1-3 3Z'/%3E%3C/svg%3E");color:#7C3AED;}
.icon-chat{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.123 2.994 2.707 3.227 1.129.166 2.27.293 3.423.379.35.026.67.21.865.501L12 21l2.755-4.133a1.14 1.14 0 0 1 .865-.501 48.172 48.172 0 0 0 3.423-.379c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z'/%3E%3C/svg%3E");color:#7C3AED;}
.icon-pencil{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10'/%3E%3C/svg%3E");color:#EA580C;}
.icon-book{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25'/%3E%3C/svg%3E");color:#16803C;}
.icon-speaker{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.114 5.636a9 9 0 0 1 0 12.728M16.463 8.288a5.25 5.25 0 0 1 0 7.424M6.75 8.25l4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z'/%3E%3C/svg%3E");color:#2563EB;}
.icon-wrench{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M11.42 15.17 17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 0 0 4.486-6.336l-3.276 3.277a3.004 3.004 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437 1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008v-.008Z'/%3E%3C/svg%3E");}
.icon-chart{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z'/%3E%3C/svg%3E");}
.icon-target{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.745 3.745 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z'/%3E%3C/svg%3E");}
.icon-doc{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z'/%3E%3C/svg%3E");}
.icon-note{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z'/%3E%3C/svg%3E");}
.icon-clipboard{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25Z'/%3E%3C/svg%3E");}
.icon-eye-off{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88'/%3E%3C/svg%3E");}
.icon-mailbox{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z'/%3E%3C/svg%3E");}
.icon-eye{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'/%3E%3C/svg%3E");}
.icon-trash{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0'/%3E%3C/svg%3E");}
.icon-check-circle{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E");}
.icon-x-circle{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E");}
.icon-warning{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z'/%3E%3C/svg%3E");}
.icon-question{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z'/%3E%3C/svg%3E");}
.icon-lock{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z'/%3E%3C/svg%3E");}
.icon-clock{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E");}
.icon-trending{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941'/%3E%3C/svg%3E");}
.icon-play{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z'/%3E%3C/svg%3E");}
.icon-desktop{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 17.25v1.007a3 3 0 0 1-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0 1 15 18.257V17.25m6-12V15a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 15V5.25A2.25 2.25 0 0 1 5.25 3h13.5A2.25 2.25 0 0 1 21 5.25Z'/%3E%3C/svg%3E");}
.icon-phone{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M10.5 1.5H8.25A2.25 2.25 0 0 0 6 3.75v16.5a2.25 2.25 0 0 0 2.25 2.25h7.5A2.25 2.25 0 0 0 18 20.25V3.75a2.25 2.25 0 0 0-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-6 18.75h6'/%3E%3C/svg%3E");}
.icon-wave{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M10.05 4.575a1.575 1.575 0 1 0-3.15 0v3m3.15-3v-1.5a1.575 1.575 0 0 1 3.15 0v1.5m-3.15 0 .075 5.925m3.075-5.925v2.468m0 0a3.675 3.675 0 0 1 3.15 1.311A11.69 11.69 0 0 1 18 12.75m-6.9-4.725v5.925m0-5.925A12.19 12.19 0 0 0 6.9 4.575m0 0A1.575 1.575 0 0 0 5.325 6.15v5.1A12.19 12.19 0 0 0 6.9 4.575ZM5.325 11.25a12.137 12.137 0 0 0 2.65 7.653l.49.613a3.675 3.675 0 0 0 2.882 1.384h1.578a4.41 4.41 0 0 0 3.087-1.266l2.113-2.113a3.675 3.675 0 0 0 1.076-2.6V12.75'/%3E%3C/svg%3E");}
.icon-brain{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5'/%3E%3C/svg%3E");}
.icon-edit{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125'/%3E%3C/svg%3E");color:#EA580C;}
.icon-search{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z'/%3E%3C/svg%3E");}
.icon-bulb{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 18v-5.25m0 0a6.01 6.01 0 0 0 1.5-.189m-1.5.189a6.01 6.01 0 0 1-1.5-.189m3.75 7.478a12.06 12.06 0 0 1-4.5 0m3.75 2.383a14.406 14.406 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18'/%3E%3C/svg%3E");}
.icon-folder{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z'/%3E%3C/svg%3E");}
.icon-calendar{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5'/%3E%3C/svg%3E");}
.icon-key{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z'/%3E%3C/svg%3E");}
.dot-core{display:inline-block;width:8px;height:8px;border-radius:50%;background:#D1D5DB;vertical-align:middle;}
.dot-current{display:inline-block;width:8px;height:8px;border-radius:50%;background:#10B981;vertical-align:middle;}
.dot-reserved{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3B82F6;vertical-align:middle;}
.icon-scale{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0 0 12 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 0 1-2.031.352 5.988 5.988 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971Zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 0 1-2.031.352 5.989 5.989 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971Z'/%3E%3C/svg%3E");}
.icon-refresh{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.992 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182M21.015 4.357v4.992'/%3E%3C/svg%3E");}
.icon-robot{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.455 2.456L21.75 6l-1.036.259a3.375 3.375 0 0 0-2.455 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z'/%3E%3C/svg%3E");}

/* ── MOBILE GLOBAL ── */
@media(max-width:600px){
  .l-nav-inner{padding:0 16px;}
  .breadcrumb-inner{padding:0 16px;}
  .page-hero{padding:40px 16px 44px;}
  .criteria-grid{grid-template-columns:1fr;}
}