/* ==================================================================
   Key Sectors Served Globally — sector cards
   Append to css/main.css. Colours match the existing site palette.
================================================================== */

.dec-sector-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}

.dec-sector-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:26px 24px;
  display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(15,23,42,.05)}

/* sector symbol paired with the sector name */
.dec-sector-card-head{display:flex;align-items:center;gap:13px;min-height:64px}
.dec-sector-icon{flex:none;width:44px;height:44px;display:grid;place-items:center;font-size:21px;
  background:#e8f7f3;border-radius:12px;line-height:1}
.dec-sector-title{font-size:19px;font-weight:700;color:#0f172a;margin:0;line-height:1.25;letter-spacing:-.01em}
.dec-sector-count{font-size:12.5px;font-weight:600;color:#00896f;margin:3px 0 0}

.dec-sector-blurb{font-size:14px;color:#64748b;line-height:1.6;margin:14px 0 0;min-height:67px}
.dec-sector-rule{height:1px;background:#e2e8f0;margin:20px 0 16px}

/* client rows */
.dec-client-rows{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.dec-client-rows li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.35}
.dec-client-text{min-width:0}
.dec-client-name{display:block;font-weight:600;color:#0f172a}
.dec-client-place{display:block;color:#64748b;font-size:12.5px;margin-top:2px}

/* flag + country code */
.dec-client-flag{flex:none;display:inline-flex;align-items:center;gap:4px;position:relative;top:2px}
.dec-flag{display:inline-block;width:15px;height:11px;border-radius:2px;
  background-size:cover;background-position:center;
  box-shadow:0 0 0 1px rgba(15,23,42,.14) inset}
.dec-client-flag-code{font-size:10px;font-weight:700;letter-spacing:.05em;color:#94a3b8}

/* expand in place — symbol repeated with the sector name */
.dec-client-more{margin-top:14px}
.dec-client-more-toggle{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:600;color:#00896f}
.dec-client-more-toggle::-webkit-details-marker{display:none}
.dec-client-more-icon{width:22px;height:22px;display:grid;place-items:center;font-size:12px;
  background:#e8f7f3;border-radius:7px;line-height:1}
.dec-client-more-toggle::after{content:"+";width:16px;height:16px;display:grid;place-items:center;
  border:1px solid currentColor;border-radius:50%;font-size:14px;line-height:1}
.dec-client-more[open] .dec-client-more-toggle::after{content:"\2212"}
.dec-client-more .dec-client-rows{margin-top:14px;padding-top:14px;border-top:1px dashed #e2e8f0}

.dec-sector-foot{margin-top:auto;padding-top:20px}
.dec-sector-link{font-size:13px;font-weight:600;color:#00896f;text-decoration:none;
  border-bottom:1px solid transparent;padding-bottom:2px}
.dec-sector-link:hover{border-bottom-color:#00bc9d}
.dec-sector-link:focus-visible,.dec-client-more-toggle:focus-visible{outline:2px solid #00bc9d;
  outline-offset:3px;border-radius:4px}

@media (max-width:520px){.dec-sector-card{padding:22px 18px}}

/* --- flag artwork, drawn in CSS so there are no image files to upload --- */
.dec-flag-in{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2015%22%3E%3Crect%20width%3D%2220%22%20height%3D%2215%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2220%22%20height%3D%225%22%20fill%3D%22%23FF9933%22%2F%3E%3Crect%20y%3D%2210%22%20width%3D%2220%22%20height%3D%225%22%20fill%3D%22%23138808%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%227.5%22%20r%3D%222.1%22%20fill%3D%22none%22%20stroke%3D%22%23000080%22%20stroke-width%3D%22.6%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%227.5%22%20r%3D%22.55%22%20fill%3D%22%23000080%22%2F%3E%3C%2Fsvg%3E")}
.dec-flag-ke{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2015%22%3E%3Crect%20width%3D%2220%22%20height%3D%2215%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2220%22%20height%3D%224.2%22%20fill%3D%22%23000%22%2F%3E%3Crect%20y%3D%225%22%20width%3D%2220%22%20height%3D%225%22%20fill%3D%22%23BB0000%22%2F%3E%3Crect%20y%3D%2210.8%22%20width%3D%2220%22%20height%3D%224.2%22%20fill%3D%22%23006600%22%2F%3E%3Cellipse%20cx%3D%2210%22%20cy%3D%227.5%22%20rx%3D%222.1%22%20ry%3D%224.3%22%20fill%3D%22%23BB0000%22%20stroke%3D%22%23fff%22%20stroke-width%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M10%203.6v7.8%22%20stroke%3D%22%23000%22%20stroke-width%3D%22.8%22%2F%3E%3C%2Fsvg%3E")}
.dec-flag-ng{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2015%22%3E%3Crect%20width%3D%2220%22%20height%3D%2215%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%226.67%22%20height%3D%2215%22%20fill%3D%22%23008751%22%2F%3E%3Crect%20x%3D%2213.33%22%20width%3D%226.67%22%20height%3D%2215%22%20fill%3D%22%23008751%22%2F%3E%3C%2Fsvg%3E")}
.dec-flag-sn{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2015%22%3E%3Crect%20width%3D%226.67%22%20height%3D%2215%22%20fill%3D%22%2300853F%22%2F%3E%3Crect%20x%3D%226.67%22%20width%3D%226.67%22%20height%3D%2215%22%20fill%3D%22%23FDEF42%22%2F%3E%3Crect%20x%3D%2213.33%22%20width%3D%226.67%22%20height%3D%2215%22%20fill%3D%22%23E31B23%22%2F%3E%3Cpath%20d%3D%22M10%204.8l.85%202.6%202.75.02-2.22%201.62.83%202.62L10%2010.05l-2.21%201.63.83-2.62-2.22-1.62%202.75-.02z%22%20fill%3D%22%2300853F%22%2F%3E%3C%2Fsvg%3E")}
.dec-flag-id{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2015%22%3E%3Crect%20width%3D%2220%22%20height%3D%2215%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2220%22%20height%3D%227.5%22%20fill%3D%22%23CE1126%22%2F%3E%3C%2Fsvg%3E")}
.dec-flag-dk{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2015%22%3E%3Crect%20width%3D%2220%22%20height%3D%2215%22%20fill%3D%22%23C8102E%22%2F%3E%3Crect%20x%3D%225.6%22%20width%3D%222.6%22%20height%3D%2215%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20y%3D%226.2%22%20width%3D%2220%22%20height%3D%222.6%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E")}
.dec-flag-us{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2015%22%3E%3Crect%20width%3D%2220%22%20height%3D%2215%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20fill%3D%22%23B22234%22%3E%3Crect%20width%3D%2220%22%20height%3D%221.15%22%2F%3E%3Crect%20y%3D%222.3%22%20width%3D%2220%22%20height%3D%221.15%22%2F%3E%3Crect%20y%3D%224.6%22%20width%3D%2220%22%20height%3D%221.15%22%2F%3E%3Crect%20y%3D%226.9%22%20width%3D%2220%22%20height%3D%221.15%22%2F%3E%3Crect%20y%3D%229.2%22%20width%3D%2220%22%20height%3D%221.15%22%2F%3E%3Crect%20y%3D%2211.5%22%20width%3D%2220%22%20height%3D%221.15%22%2F%3E%3Crect%20y%3D%2213.8%22%20width%3D%2220%22%20height%3D%221.15%22%2F%3E%3C%2Fg%3E%3Crect%20width%3D%228.4%22%20height%3D%228.05%22%20fill%3D%22%233C3B6E%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Ccircle%20cx%3D%222%22%20cy%3D%222%22%20r%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%224.2%22%20cy%3D%222%22%20r%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%226.4%22%20cy%3D%222%22%20r%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%223.1%22%20cy%3D%224%22%20r%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%225.3%22%20cy%3D%224%22%20r%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%222%22%20cy%3D%226%22%20r%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%224.2%22%20cy%3D%226%22%20r%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%226.4%22%20cy%3D%226%22%20r%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.dec-flag-ru{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2015%22%3E%3Crect%20width%3D%2220%22%20height%3D%2215%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20y%3D%225%22%20width%3D%2220%22%20height%3D%225%22%20fill%3D%22%230039A6%22%2F%3E%3Crect%20y%3D%2210%22%20width%3D%2220%22%20height%3D%225%22%20fill%3D%22%23D52B1E%22%2F%3E%3C%2Fsvg%3E")}
.dec-flag-tz{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2015%22%3E%3Crect%20width%3D%2220%22%20height%3D%2215%22%20fill%3D%22%231EB53A%22%2F%3E%3Cpath%20d%3D%22M20%200v15H0z%22%20fill%3D%22%2300A3DD%22%2F%3E%3Cpath%20d%3D%22M0%2015L20%200h-3.4L0%2012.4z%22%20fill%3D%22%23FCD116%22%2F%3E%3Cpath%20d%3D%22M0%2012.4L16.6%200h-3.3L0%209.3z%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M0%209.3L13.3%200H10L0%207.5z%22%20fill%3D%22%23FCD116%22%2F%3E%3C%2Fsvg%3E")}

/* ---------- clients page: search + sector tabs ---------- */
.dec-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;
  margin-bottom:26px}
.dec-search{position:relative;flex:1 1 280px;max-width:380px}
.dec-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:13px;opacity:.55}
.dec-search-input{width:100%;font:inherit;font-size:14px;color:#0f172a;background:#fff;
  border:1px solid #e2e8f0;border-radius:10px;padding:11px 14px 11px 36px}
.dec-search-input:focus{outline:2px solid #00bc9d;outline-offset:1px;border-color:#00bc9d}
.dec-tabs{display:flex;flex-wrap:wrap;gap:8px}
.dec-tab{font:inherit;font-size:13px;font-weight:600;color:#475569;background:#fff;cursor:pointer;
  border:1px solid #e2e8f0;border-radius:999px;padding:9px 15px;line-height:1}
.dec-tab:hover{border-color:#00bc9d;color:#00896f}
.dec-tab.is-active{background:#00896f;border-color:#00896f;color:#fff}
.dec-tab:focus-visible{outline:2px solid #00bc9d;outline-offset:2px}

.dec-sector-grid--full{align-items:start;grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}
.dec-sector-grid--full .dec-sector-card{padding-bottom:24px}
.dec-result-note,.dec-empty{font-size:14px;color:#64748b;margin:0 0 22px}
.dec-empty{padding:34px 0;text-align:center}
.dec-no-match{font-size:13px;color:#94a3b8;margin:4px 0 0}
.dec-client-row[hidden],.dec-sector-card[hidden]{display:none}

/* ---------- home page: sector summary, no client names ---------- */
.dec-sector-card--lite .dec-sector-blurb{min-height:0;margin-top:16px}
.dec-sector-card--lite .dec-sector-foot{padding-top:18px}