:root{
    --bg:#14201c;
    --panel:#1b2b25;
    --panel-2:#22362d;
    --ink:#eef3ee;
    --ink-dim:#a8bdb2;
    --accent:#ff8c3c;
    --accent-2:#5fd9a0;
    --line:#2f473c;
    font-family:var(--f-text);
  }
  *{box-sizing:border-box;}
  html, body{ margin:0; padding:0; background:var(--bg); }
  .fm-root{
    background:var(--bg);
    color:var(--ink);
    padding:28px 22px 36px;
    border-radius:14px;
    min-height:100%;
    max-width:960px;
    margin:0 auto;
  }
  .fm-eyebrow{
    font-family:var(--f-mono);
    font-size:11px;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--accent-2);
    margin:0 0 6px;
  }
  .fm-brand{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:20px;
  }
  .fm-brand-icon{
    width:30px;
    height:30px;
    flex:none;
    border-radius:7px;
  }
  .fm-brand-word{
    font-family:var(--f-display);
    font-weight:700;
    font-size:19px;
    color:var(--ink);
    letter-spacing:.01em;
  }
  .fm-brand-3d{
    color:#FF6A2B;
  }
  .fm-lang-switch{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:4px;
    font-family:var(--f-mono);
    font-size:12px;
    font-weight:700;
    background:var(--panel);
    border:1px solid var(--line);
    border-radius:8px;
    padding:4px;
  }
  .fm-lang-current{
    padding:5px 10px;
    border-radius:5px;
    background:var(--accent);
    color:var(--on-accent);
  }
  .fm-lang-link{
    padding:5px 10px;
    border-radius:5px;
    color:var(--ink-dim);
    text-decoration:none;
    transition:color .15s ease, background .15s ease;
  }
  .fm-lang-link:hover{
    color:var(--ink);
    background:var(--panel-2);
  }

  .fm-tools-bar{
    border:1px solid var(--line);
    border-radius:12px;
    padding:16px 18px;
    margin-bottom:22px;
    background:var(--panel);
  }
  .fm-tools-title{
    font-family:var(--f-mono);
    font-size:11px;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--ink-dim);
    margin:0 0 12px;
  }
  .fm-tools-grid{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }
  .fm-tool{
    position:relative;
    display:flex;
    align-items:center;
    gap:6px;
  }
  .fm-tool-info{
    width:20px;
    height:20px;
    border-radius:50%;
    border:1px solid var(--line);
    background:var(--panel-2);
    color:var(--ink-dim);
    font-family:var(--f-mono);
    font-size:11px;
    font-weight:700;
    line-height:1;
    cursor:pointer;
    flex:none;
  }
  .fm-tool-info:hover{ border-color:var(--accent); color:var(--accent); }
  .fm-tool-tip{
    display:none;
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    width:220px;
    background:var(--panel-2);
    border:1px solid var(--line);
    border-radius:8px;
    padding:10px 12px;
    font-size:12px;
    line-height:1.45;
    color:var(--ink);
    z-index:20;
    box-shadow:0 6px 18px rgba(0,0,0,.35);
  }
  @media (hover: hover){
    .fm-tool:hover .fm-tool-tip{ display:block; }
  }
  .fm-tool.fm-tool-tip-open .fm-tool-tip{ display:block; }
  .fm-tool-btn{
    display:inline-block;
    background:transparent;
    border:1px solid var(--accent);
    color:var(--accent);
    text-decoration:none;
    font-family:var(--f-mono);
    font-size:12.5px;
    font-weight:600;
    padding:8px 16px;
    border-radius:8px;
    transition:background .15s ease, color .15s ease;
  }
  .fm-tool-btn:not(.fm-tool-soon):hover{
    background:var(--accent);
    color:var(--on-accent);
  }
  .fm-tool-btn.fm-tool-soon{
    border-color:var(--line);
    color:var(--ink-dim);
    cursor:default;
  }
  .fm-tool-btn.fm-tool-active{
    background:var(--accent);
    color:var(--on-accent);
  }

  h1.fm-title{
    font-size:26px;
    margin:0 0 4px;
    font-weight:600;
    letter-spacing:.2px;
  }
  .fm-sub{
    color:var(--ink-dim);
    font-size:14px;
    margin:0 0 22px;
    max-width:600px;
    line-height:1.5;
  }

  /* ---------- Material-Filter ---------- */
  .fd-material-bar{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:20px;
  }
  .fd-material-label{
    font-family:var(--f-mono);
    font-size:11px;
    letter-spacing:.06em;
    color:var(--ink-dim);
  }
  .fd-pills{ display:flex; gap:6px; flex-wrap:wrap; }
  .fd-pill{
    background:var(--panel);
    border:1px solid var(--line);
    color:var(--ink-dim);
    font-family:var(--f-mono);
    font-size:12px;
    font-weight:600;
    padding:6px 14px;
    border-radius:20px;
    cursor:pointer;
    transition:background .15s ease, color .15s ease, border-color .15s ease;
  }
  .fd-pill:hover{ border-color:var(--accent); color:var(--ink); }
  .fd-pill-active{ background:var(--accent); border-color:var(--accent); color:var(--on-accent); }

  .fd-hex-search-wrap{
    position:relative;
    margin-left:auto;
  }
  .fd-hex-search-icon{
    position:absolute;
    left:10px;
    top:50%;
    transform:translateY(-50%);
    width:14px;
    height:14px;
    color:var(--ink-dim);
    pointer-events:none;
  }
  .fd-hex-search{
    background:var(--panel);
    border:1px solid var(--line);
    border-radius:20px;
    color:var(--ink);
    padding:7px 12px 7px 30px;
    font-size:12.5px;
    font-family:var(--f-mono);
    width:150px;
    text-transform:uppercase;
  }
  .fd-hex-search::placeholder{ color:var(--ink-dim); text-transform:none; font-family:var(--f-text); }
  .fd-hex-search:focus{ outline:1.5px solid var(--accent); width:190px; }

  /* ---------- Breadcrumb ---------- */
  .fd-breadcrumb{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
    font-family:var(--f-mono);
    font-size:12.5px;
    margin-bottom:16px;
    min-height:20px;
  }
  .fd-crumb{
    background:none;
    border:none;
    color:var(--ink-dim);
    cursor:pointer;
    padding:0;
    font-family:inherit;
    font-size:inherit;
    text-decoration:underline;
    text-underline-offset:2px;
  }
  .fd-crumb:hover{ color:var(--accent); }
  .fd-crumb.fd-crumb-current{
    color:var(--ink);
    text-decoration:none;
    cursor:default;
    font-weight:700;
  }
  .fd-crumb-sep{ color:var(--line); }
  .fd-crumb-swatch{
    width:12px; height:12px; border-radius:3px;
    display:inline-block;
    border:1px solid rgba(255,255,255,.2);
    vertical-align:middle;
    margin-right:4px;
  }

  /* ---------- Level 1: Farben ---------- */
  .fd-color-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));
    gap:12px;
  }
  .fd-color-tile{
    background:var(--panel);
    border:1px solid var(--line);
    border-radius:12px;
    overflow:hidden;
    cursor:pointer;
    text-align:left;
    padding:0;
    display:flex;
    flex-direction:column;
    transition:border-color .15s ease, transform .15s ease;
  }
  .fd-color-tile:hover{ border-color:var(--accent); transform:translateY(-2px); }
  .fd-color-swatch{ height:64px; width:100%; }
  .fd-color-info{ padding:10px 12px 12px; }
  .fd-color-name{ font-size:14px; font-weight:600; margin:0; }
  .fd-color-count{
    font-family:var(--f-mono);
    font-size:11px;
    color:var(--ink-dim);
    margin:3px 0 0;
  }


  /* ---------- Level 3: Produkte / Shops ---------- */
  .fd-product-list{ display:flex; flex-direction:column; gap:10px; }
  .fd-product-row{
    display:flex;
    align-items:center;
    gap:14px;
    background:var(--panel);
    border:1px solid var(--line);
    border-radius:10px;
    padding:14px 16px;
    flex-wrap:wrap;
  }
  .fd-product-swatch{
    width:38px; height:38px; border-radius:8px;
    border:1px solid rgba(255,255,255,.15);
    flex:none;
  }
  .fd-product-info{ flex:1; min-width:160px; }
  .fd-product-name{ font-size:14.5px; font-weight:600; margin:0; }
  .fd-product-meta{
    font-size:11.5px;
    color:var(--ink-dim);
    font-family:var(--f-mono);
    margin:3px 0 0;
  }
  .fd-shop-list{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    flex:none;
  }
  .fd-shop-btn{
    background:var(--accent);
    color:var(--on-accent);
    text-decoration:none;
    font-weight:700;
    font-size:12px;
    padding:8px 14px;
    border-radius:7px;
    font-family:var(--f-mono);
    white-space:nowrap;
  }
  .fd-shop-btn:hover{ background:var(--accent-2); }

  .fd-empty{
    text-align:center;
    padding:40px 20px;
    color:var(--ink-dim);
    font-size:14px;
    border:1px dashed var(--line);
    border-radius:12px;
  }

  .fm-note{
    font-size:11.5px;
    color:var(--ink-dim);
    margin-top:26px;
    line-height:1.5;
    border-top:1px solid var(--line);
    padding-top:14px;
  }
  .fm-partner{
    margin-top:18px;
    background:var(--panel);
    border:1px solid var(--line);
    border-radius:10px;
    padding:18px 20px;
  }
  .fm-partner-title{ font-size:14px; font-weight:600; color:var(--ink); margin:0 0 6px; }
  .fm-partner-text{ font-size:12.5px; color:var(--ink-dim); line-height:1.5; margin:0 0 14px; }
  .fm-partner-btn{
    display:inline-block;
    background:var(--accent);
    color:var(--on-accent);
    text-decoration:none;
    font-weight:700;
    font-size:12.5px;
    padding:9px 16px;
    border-radius:7px;
    font-family:var(--f-mono);
  }
  .fm-footer{ margin-top:26px; padding-top:18px; border-top:1px solid var(--line); text-align:center; }
  .fm-footer-coop{ font-size:12px; color:var(--ink-dim); margin:0 0 10px; display:flex; align-items:center; justify-content:center; gap:6px; }
  .fm-footer-logo{ height:20px; width:auto; display:inline-block; vertical-align:middle; }
  .fm-footer-coop a{ color:var(--accent-2); text-decoration:none; }
  .fm-footer-coop a:hover{ text-decoration:underline; }
  .fm-footer-legal{ display:flex; justify-content:center; gap:8px; font-family:var(--f-mono); font-size:11.5px; color:var(--ink-dim); }
  .fm-footer-legal a{ color:var(--ink-dim); text-decoration:none; }
  .fm-footer-legal a:hover{ color:var(--ink); text-decoration:underline; }

  /* ===== Redesign: mehr Luft, einheitliche Tool-Karten, externe Tools getrennt ===== */
  .fm-root{ padding:40px 24px 56px; max-width:780px; }
  .fm-brand{ margin-bottom:14px; }
  .fm-tagline{ color:var(--ink-dim); font-size:14.5px; line-height:1.55; margin:0 0 28px; max-width:560px; }

  .fm-tools-bar{ padding:20px 22px 22px; margin-bottom:34px; }
  .fm-tools-title{ margin-bottom:14px; }
  .fm-tools-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:12px; }
  .fm-tool-card{
    display:flex; flex-direction:column; gap:5px; height:100%;
    background:var(--panel-2); border:1px solid var(--line); border-radius:12px;
    padding:14px 16px; text-decoration:none; color:var(--ink);
    transition:border-color .15s ease, transform .15s ease, background .15s ease;
  }
  a.fm-tool-card:hover{ border-color:var(--accent); transform:translateY(-2px); }
  .fm-tool-card-name{ font-family:var(--f-mono); font-size:12.5px; font-weight:700; letter-spacing:.01em; }
  .fm-tool-card-desc{ font-size:11.5px; color:var(--ink-dim); line-height:1.45; }
  .fm-tool-card-active{ border-color:var(--accent); background:linear-gradient(180deg, rgba(255,140,60,.16) 0%, var(--panel-2) 100%); cursor:default; }
  .fm-tool-card-active .fm-tool-card-name{ color:var(--accent); }
  .fm-tool-card-flagship{ border-color:var(--accent-2); }
  .fm-tool-card-flagship.fm-tool-card-active{ border-color:var(--accent); }
  .fm-tool-card-badge{
    display:inline-block; font-family:var(--f-mono); font-size:9.5px;
    letter-spacing:.06em; text-transform:uppercase; color:var(--accent-2); margin-bottom:1px;
  }
  .fm-tools-external{ margin-top:18px; padding-top:18px; border-top:1px dashed var(--line); }
  .fm-tools-external-title{
    font-family:var(--f-mono); font-size:10px; letter-spacing:.1em;
    text-transform:uppercase; color:var(--ink-dim); opacity:.75; margin:0 0 12px;
  }
  .fm-tools-grid-external .fm-tool-card{ background:transparent; border-style:dashed; opacity:.82; }
  .fm-tools-grid-external .fm-tool-card:hover{ opacity:1; }

  h1.fm-title{ margin-bottom:8px; }
  .fm-sub{ margin-bottom:30px; }
  .fm-flagship-badge{
    display:inline-flex; align-items:center; gap:5px; font-family:var(--f-mono);
    font-size:11px; font-weight:700; letter-spacing:.04em; color:var(--on-accent); background:var(--accent-2);
    padding:5px 10px; border-radius:20px; margin-bottom:12px;
  }
  h1.fm-title-flagship{ font-size:31px; }

  .fm-settings-toggle{ margin-top:16px; }
  .fm-settings-toggle summary{
    cursor:pointer; list-style:none; font-family:var(--f-mono); font-size:12px;
    font-weight:600; letter-spacing:.04em; color:var(--ink-dim); padding:12px 16px; background:var(--panel);
    border:1px solid var(--line); border-radius:10px; display:flex; align-items:center; justify-content:space-between;
    transition:border-color .15s ease, color .15s ease;
  }
  .fm-settings-toggle summary::-webkit-details-marker{ display:none; }
  .fm-settings-toggle summary:hover{ border-color:var(--accent); color:var(--ink); }
  .fm-settings-toggle summary::after{ content:"▾"; transition:transform .15s ease; }
  .fm-settings-toggle[open] summary::after{ transform:rotate(180deg); }
  .fm-settings-toggle[open] summary{ border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom:none; }
  .fm-settings-body{ border:1px solid var(--line); border-top:none; border-radius:0 0 10px 10px; padding:16px; background:var(--panel); }
  .fm-settings-body .fm-linkbox{ margin-top:0; }
  .fm-settings-body .fm-tolerance-row{ margin-top:16px; }

  .kr-section{ margin-bottom:22px; padding:22px 20px 12px; }
  .kr-section-head{ margin-bottom:20px; }
  .lx-section{ margin-bottom:40px; }
  .fd-color-grid{ gap:14px; }

  @media (max-width:480px){
    .fm-tools-grid, .fm-tools-grid-external{ grid-template-columns:repeat(auto-fit, minmax(130px,1fr)); }
  }

  /* ===== Redesign V2: Hover/Tap-Tooltip statt Dauertext, 5. Tool, DB-Vorschau ===== */
  .fm-tool{ position:relative; display:block; }
  .fm-tool-card{ padding:16px 34px 16px 16px; }
  .fm-tool-info{
    position:absolute; top:12px; right:12px; z-index:5;
    width:19px; height:19px; border-radius:50%;
    border:1px solid var(--line); background:var(--panel); color:var(--ink-dim);
    font-family:var(--f-mono); font-size:10.5px; font-weight:700;
    line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center;
    transition:border-color .15s ease, color .15s ease;
  }
  .fm-tool-info:hover{ border-color:var(--accent); color:var(--accent); }
  .fm-tool-tip{
    display:none; position:absolute; top:calc(100% + 6px); left:0; right:0;
    background:var(--panel-2); border:1px solid var(--line); border-radius:8px;
    padding:10px 12px; font-size:12px; line-height:1.45; color:var(--ink);
    z-index:20; box-shadow:0 6px 18px rgba(0,0,0,.35);
  }
  @media (hover:hover){ .fm-tool:hover .fm-tool-tip{ display:block; } }
  .fm-tool.fm-tool-tip-open .fm-tool-tip{ display:block; }
  .fm-tools-grid{ grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)); }
  .fm-tools-grid-external{ grid-template-columns:repeat(auto-fit, minmax(120px, 1fr)); }
  .fm-tools-grid-external .fm-tool-card{ padding:12px 30px 12px 14px; }
  .fm-tools-grid-external .fm-tool-info{ top:9px; right:9px; }

  .fm-db-preview{ margin-top:26px; background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:20px 22px; }
  .fm-db-preview-title{ font-size:15px; font-weight:600; margin:0 0 4px; }
  .fm-db-preview-sub{ font-size:12.5px; color:var(--ink-dim); margin:0 0 16px; line-height:1.5; }
  .fm-db-swatches{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
  .fm-db-swatch{ width:26px; height:26px; border-radius:50%; border:1px solid rgba(255,255,255,.15); flex:none; cursor:default; }
  .fm-db-preview-btn{
    display:inline-block; background:transparent; border:1px solid var(--accent); color:var(--accent);
    text-decoration:none; font-family:var(--f-mono); font-size:12.5px; font-weight:600;
    padding:9px 16px; border-radius:8px; transition:background .15s ease, color .15s ease;
  }
  .fm-db-preview-btn:hover{ background:var(--accent); color:var(--on-accent); }

  .fm-tool-card-name{ overflow-wrap:break-word; word-break:break-word; }
  @media (max-width:480px){
    .fm-tools-grid{ grid-template-columns:1fr; }
  }

  /* ===== Bento-Stil (gemeinsam für alle Unterseiten) ===== */
  html{ scroll-behavior:smooth; }
  body{
    background:
      radial-gradient(900px 480px at 85% -8%, rgba(255,140,60,.12), transparent 60%),
      radial-gradient(800px 460px at -10% 18%, rgba(95,217,160,.09), transparent 60%),
      var(--bg);
    background-attachment:fixed;
  }
  .fm-root.bt-sub{ background:transparent; padding-top:0; }
  .bt-nav{
    position:sticky; top:12px; z-index:50; display:flex; align-items:center; gap:18px; flex-wrap:wrap;
    margin:12px 0 0; padding:9px 12px 9px 16px; border-radius:16px;
    background:var(--panel); border:1px solid var(--line);
    backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  }
  .bt-logo{ display:flex; align-items:center; gap:10px; text-decoration:none; }
  .bt-nav .fm-lang-switch{ margin-left:auto; }
  .bt-switch{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:16px 0 8px; }
  .bt-chip{
    font-family:var(--f-mono); font-size:12.5px; font-weight:600; text-decoration:none;
    color:var(--ink-dim); padding:9px 15px; border-radius:99px; border:1px solid var(--line);
    background:var(--panel); transition:color .15s, border-color .15s, transform .15s;
  }
  .bt-chip:hover{ color:var(--ink); border-color:var(--accent-2); transform:translateY(-1px); }
  .bt-chip-active{ background:var(--accent); border-color:var(--accent); color:var(--on-accent); }
  .bt-chip-active:hover{ color:var(--on-accent); border-color:var(--accent); transform:none; }
  .bt-chip-flag::before{ content:"★ "; }
  .bt-ext-group{
    display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-left:auto; padding:5px 6px 5px 12px;
    border:1px dashed #56707a; border-radius:99px; background:rgba(86,112,122,.08);
  }
  .bt-ext-label{ font-family:var(--f-mono); font-size:10.5px; letter-spacing:.07em; text-transform:uppercase; color:#9db4bd; }
  .bt-chip-ext{ border-style:dashed; border-color:#56707a; background:transparent; color:#b8ccd3; padding:6px 12px; }
  .bt-chip-ext:hover{ border-color:#9db4bd; }
  .fm-eyebrow{ margin-top:26px; }
  .fm-title{ font-family:var(--f-display); letter-spacing:-.02em; font-size:clamp(28px,4.2vw,42px); }
  .bt-foot{ margin-top:40px; padding-top:20px; border-top:1px solid var(--line); text-align:center;
    font-family:var(--f-mono); font-size:11.5px; color:var(--ink-dim); }
  .bt-foot a{ color:var(--ink-dim); text-decoration:none; } .bt-foot a:hover{ color:var(--ink); text-decoration:underline; }
  @media (max-width:640px){ .bt-ext-group{ margin-left:0; } }
  @media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto;} .bt-chip{transition:none;} }
  .fd-color-tile{ color:var(--ink); }
  .bt-subhero{ padding:44px 0 26px; position:relative; }
  .bt-subhero .bt-pill{
    display:inline-flex; align-items:center; gap:8px; font-family:var(--f-mono);
    font-size:12px; letter-spacing:.04em; text-transform:none; color:var(--accent-2); padding:7px 14px; border-radius:99px;
    background:rgba(95,217,160,.08); border:1px solid rgba(95,217,160,.28); margin:0;
  }
  .bt-subhero .bt-pill i{ width:7px; height:7px; border-radius:50%; background:var(--accent-2); box-shadow:0 0 10px var(--accent-2); }
  .bt-subhero h1.fm-title{
    font-size:clamp(32px,5.2vw,54px); line-height:1.06; margin:18px 0 14px; font-weight:700;
    background:linear-gradient(90deg,var(--ink) 40%,#ffc07a 80%,var(--accent-2)); -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .bt-subhero .fm-sub{ font-size:clamp(15px,1.8vw,17px); max-width:640px; margin:0 0 26px; }
  .bt-kpis{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:640px; }
  .bt-kpi{ padding:16px 14px; border-radius:18px; background:linear-gradient(180deg,var(--panel),var(--panel)); border:1px solid var(--line); }
  .bt-kpi b{ display:block; font-family:var(--f-display); font-size:clamp(20px,2.6vw,26px); letter-spacing:-.02em; color:var(--ink); }
  .bt-kpi span{ display:block; margin-top:3px; font-size:12px; color:var(--ink-dim); line-height:1.35; }
  .bt-panel{
    margin-top:8px; padding:clamp(16px,3vw,32px); border-radius:28px;
    background:radial-gradient(620px 300px at 0% 0%,rgba(95,217,160,.09),transparent 65%), linear-gradient(180deg,var(--panel),var(--panel));
    border:1px solid var(--line); box-shadow:0 30px 80px rgba(0,0,0,.25);
  }
  .bt-panel > :first-child{ margin-top:0; }
  .bt-sub .fm-partner{ margin-top:30px; border-radius:24px; padding:28px;
    background:radial-gradient(520px 260px at 100% 100%,rgba(255,140,60,.14),transparent 65%), var(--panel); }
  .lx-controlbar{ top:78px !important; }
  @media (max-width:560px){ .bt-kpis{ grid-template-columns:1fr; } }
  .lx-controlbar{ background:#1a2a24 !important; border:1px solid var(--line); border-radius:16px; padding:10px 14px !important; }
  .bt-switch-gen{ margin-top:0; }
  .bt-group-label{ font-family:var(--f-mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--accent-2); padding:0 6px 0 2px; }
  .bt-chip small{ font-size:9.5px; opacity:.7; margin-left:3px; letter-spacing:.05em; }
  @media (max-width:640px){
    .bt-switch{ flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; margin:12px -16px 6px; padding:0 16px; }
    .bt-switch::-webkit-scrollbar{ display:none; }
    .bt-chip, .bt-group-label, .bt-ext-group{ flex:none; white-space:nowrap; }
    .bt-switch-gen{ margin-top:0; }
    .bt-ext-group{ margin-left:0; }
    .bt-gen .bt-kpis{ grid-template-columns:repeat(3,1fr); gap:8px; }
    .bt-gen .bt-kpi{ padding:12px 10px; border-radius:14px; }
    .bt-gen .bt-kpi span{ font-size:11px; }
  }

  .fd-color-tile,
  .fd-product-row,
  .fm-db-preview,
  .fm-partner{ border-radius:18px; }
.md-tabs{display:flex;gap:8px;margin:0 0 14px;flex-wrap:wrap}
.md-tab{background:var(--panel-2);color:var(--ink-dim);border:1px solid var(--line);border-radius:999px;padding:9px 18px;font:600 14px/1 inherit;cursor:pointer}
.md-tab:hover{border-color:var(--accent);color:var(--ink)}
.md-tab[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.md-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 14px}
.md-search{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:8px 12px;font-size:14px;min-width:180px;flex:1}
.md-intro{color:var(--ink-dim);font-size:14px;line-height:1.55;margin:0 0 14px}
.md-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.md-card{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:14px 15px;display:flex;flex-direction:column;gap:9px}
.md-card h3{margin:0;font-size:17px}
.md-grp{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2);font-family:var(--f-mono)}
.md-dots{display:flex;gap:3px;align-items:center;font-size:12px;color:var(--ink-dim)}
.md-dots i{width:9px;height:9px;border-radius:50%;background:var(--line);display:inline-block}
.md-dots i.on{background:var(--accent)}
.md-specs{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:0;font-size:13px}
.md-specs div{background:rgba(0,0,0,.18);border-radius:8px;padding:6px 8px}
.md-specs dt{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 2px}
.md-specs dd{margin:0;word-break:break-word}
.md-card p{margin:0;font-size:13.5px;line-height:1.5}
.md-card .md-pro b{color:var(--accent-2)} .md-card .md-con b{color:var(--accent)}
.md-badge{display:inline-block;font-size:11.5px;border:1px solid var(--line);border-radius:6px;padding:2px 7px;color:var(--ink-dim);margin-right:4px}
.md-badge.warn{border-color:var(--accent);color:var(--accent)}
.md-tablewrap{overflow-x:auto;margin:16px 0 0;border:1px solid var(--line);border-radius:10px}
.md-table{border-collapse:collapse;width:100%;min-width:760px;font-size:13px}
.md-table th,.md-table td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.md-table th{background:var(--panel-2);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);position:sticky;top:0}
.md-note{color:var(--ink-dim);font-size:12.5px;line-height:1.55;margin:16px 0 0}
.md-note a{color:var(--accent-2)}
.md-link{color:var(--accent-2);font-size:13px}