:root{
  --submetr-blue:#003566;
  --submetr-deep:#001d3d;
  --submetr-orange:#f77f00;
  --submetr-border:#dbe2ea;
}
.submetr-sections,.submetr-grid,.submetr-kb-list,.submetr-search,.submetr-tool-frame{
  font-family:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
}
.submetr-section h3{
  font-weight:800;color:var(--submetr-deep);margin:1.5rem 0 .75rem;font-size:1rem;
  text-transform:uppercase;letter-spacing:.04em;
}
.submetr-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));}
.submetr-card{
  display:flex;flex-direction:column;gap:.25rem;padding:1rem;border:1px solid var(--submetr-border);
  border-radius:10px;background:#fff;text-align:left;cursor:pointer;text-decoration:none;
  transition:border-color .15s,box-shadow .15s;
}
.submetr-card:hover{border-color:var(--submetr-orange);box-shadow:0 2px 10px rgba(0,29,61,.08);}
.submetr-card-title{font-weight:700;color:var(--submetr-deep);font-size:.95rem;}
.submetr-card-sub{color:#5b6b7d;font-size:.8rem;}
.submetr-copy.is-copied .submetr-card-sub::after{content:" ✓ kopiert";color:var(--submetr-orange);font-weight:700;}
.submetr-search{display:flex;gap:.5rem;margin-bottom:1rem;}
.submetr-search input{flex:1;padding:.6rem .8rem;border:1px solid var(--submetr-border);border-radius:8px;color:var(--submetr-deep);}
.submetr-search button{background:var(--submetr-blue);color:#fff;border:0;border-radius:8px;padding:.6rem 1.1rem;font-weight:700;cursor:pointer;}
.submetr-search button:hover{background:var(--submetr-orange);}
.submetr-kb-list{list-style:none;margin:0;padding:0;}
.submetr-kb-list li{border-bottom:1px solid var(--submetr-border);padding:.6rem 0;display:flex;align-items:center;gap:.6rem;}
.submetr-kb-list a{color:var(--submetr-deep);font-weight:600;text-decoration:none;}
.submetr-kb-list a:hover{color:var(--submetr-orange);}
.submetr-badge{background:#eef3f8;color:#43566b;font-size:.72rem;padding:.15rem .5rem;border-radius:999px;}
.submetr-tool-frame{margin-top:1.25rem;}
.submetr-tool-frame iframe{width:100%;border:1px solid var(--submetr-border);border-radius:10px;background:#fff;}
.submetr-tool-open{margin:.5rem 0 0;font-size:.8rem;}
.submetr-tool-open a{color:var(--submetr-blue);font-weight:600;}
.submetr-note{color:#5b6b7d;font-size:.9rem;}