/* ServerCheaper All Services Directory v3 – progressive, accessible & responsive */
.sc-directory{background:linear-gradient(160deg,#e8f8fd 0%,#f8fcfe 41%,#eef8fc 100%);border-top:1px solid #d5edf5;border-bottom:1px solid #d1e8f2;padding-block:clamp(52px,6vw,88px)}
.sc-directory *{box-sizing:border-box}.sc-directory [hidden]{display:none!important}
.sc-dir-top{display:grid;grid-template-columns:minmax(0,1fr) 205px;align-items:end;gap:24px;margin-bottom:28px}
.sc-dir-top .section-kicker{font-size:.79rem;letter-spacing:.095em;color:#087e9a}
.sc-dir-top h2{font-family:'Prompt','Sarabun',Tahoma,sans-serif;font-size:clamp(1.65rem,2.8vw,2.6rem);line-height:1.37;letter-spacing:-.035em;margin:12px 0 12px;color:#073751}
.sc-dir-top h2 span{color:#008ba9}.sc-dir-top p{max-width:850px;color:#547489;font-size:.97rem;line-height:1.85;margin:0}
.sc-dir-total{padding:21px 22px;border-radius:23px;background:#063b5c;color:#fff;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 14px 32px #06365326;min-width:0}
.sc-dir-total strong{font:750 clamp(2.55rem,4vw,3.55rem)/1 'Prompt',Tahoma,sans-serif;letter-spacing:-.065em;color:#fff}.sc-dir-total>span{color:#a6edf1;font-weight:700;margin-top:6px}.sc-dir-total small{font-size:.71rem;color:#c0dce6;margin-top:8px;line-height:1.7}
.sc-dir-panel{border:1px solid #d0e6f1;border-radius:24px;background:#fff;padding:20px 24px 0;margin-bottom:23px;box-shadow:0 15px 42px #1250710e}
.sc-dir-toolbar{display:flex;align-items:end;gap:20px;flex-wrap:wrap}.sc-dir-search-wrap{position:relative;flex:1 1 380px;min-width:210px}.sc-dir-search-wrap label,.sc-dir-status-wrap>span{display:block;font-weight:700;font-size:.82rem;color:#295972;margin-bottom:8px}
.sc-dir-search-wrap input{display:block;width:100%;border:1px solid #bed9e6;background:#f6fcff;border-radius:15px;min-height:49px;padding:10px 45px 10px 16px;color:#123c53;font-family:inherit;font-size:.94rem;box-shadow:inset 0 1px 3px #0b49610c}
.sc-dir-search-wrap input::placeholder{color:#8098a7}.sc-dir-search-wrap input:focus{border-color:#038fa9;outline:3px solid #26b8ca24;background:#fff}
.sc-dir-search-icon{position:absolute;right:14px;bottom:5px;color:#1b91a5;font-size:2rem;line-height:1.25;pointer-events:none}
.sc-dir-status-wrap{flex:0 1 auto}.sc-dir-status-switch{display:flex;gap:3px;padding:4px;border-radius:15px;background:#edf6fa;border:1px solid #d6e9ef;min-height:48px}
.sc-dir-status-switch button,.sc-dir-tabs button,.sc-dir-expand{appearance:none;border:0;font-family:inherit;cursor:pointer;font-weight:700}.sc-dir-status-switch button{background:transparent;border-radius:11px;padding:7px 13px;white-space:nowrap;color:#4e7388;font-size:.81rem;transition:.18s}
.sc-dir-status-switch button.active{background:#fff;color:#075773;box-shadow:0 3px 10px #06476512}.sc-dir-status-switch button:hover{color:#007a92}
.sc-dir-expand{border:1px solid #b6dfeb;background:#e8f7fc;color:#066783;min-height:48px;padding:9px 15px;border-radius:13px;white-space:nowrap;font-size:.84rem}.sc-dir-expand span{margin-left:4px}
.sc-dir-expand:hover{background:#dcf1f9}.sc-dir-expand[aria-pressed=true]{background:#076789;color:#fff;border-color:#076789}
.sc-dir-tabs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;border-top:1px solid #e7f0f5;margin-top:19px;padding-top:16px}
.sc-dir-tabs button{padding:8px 13px;border:1px solid #d6e8ee;background:#f5fbfd;color:#476f81;border-radius:11px;font-size:.83rem;transition:background .16s}
.sc-dir-tabs button span{margin-left:4px;color:inherit;opacity:.75;font-size:.74rem;font-variant-numeric:tabular-nums}
.sc-dir-tabs button.active{background:#075d83;border-color:#075d83;color:#fff}.sc-dir-tabs button:hover:not(.active){background:#e0f5f9;border-color:#a2d9e6}
.sc-dir-toolbar-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding:11px 0 14px;border-top:1px solid #edf3f7}
.sc-dir-toolbar-bottom output{font-size:.8rem;color:#0c6e8c;font-weight:700}.sc-dir-key{font-size:.78rem;color:#637f91;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sc-dir-key i{height:8px;width:8px;border-radius:50%;display:inline-block;margin-right:1px}.sc-dir-key i.live{background:#00a6ae}.sc-dir-key i.draft{background:#a6b8c5}
.sc-dir-categories{display:grid;gap:17px}.sc-dir-category{background:#fff;border:1px solid #d8e9ef;box-shadow:0 12px 35px #0651720d;border-radius:22px;overflow:hidden;min-width:0}
.sc-dir-category>summary{list-style:none;cursor:pointer}.sc-dir-category>summary::-webkit-details-marker,.sc-dir-brand>summary::-webkit-details-marker{display:none}
.sc-dir-cat-title{display:flex;align-items:center;gap:15px;padding:20px 23px;user-select:none;background:linear-gradient(90deg,#fff 56%,#f3fbff);min-height:92px}
.sc-dir-cat-title:hover{background:linear-gradient(90deg,#f9fdff,#e9f7fc)}.sc-dir-cat-icon{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#d6f4fa,#e8f8ff);color:#07728a;font-size:1.8rem;font-weight:700;display:grid;place-items:center;flex:0 0 auto}
.sc-dir-cat-copy{min-width:0;flex:1;display:grid;gap:4px}.sc-dir-cat-copy strong{color:#0b405d;font-family:'Prompt','Sarabun',sans-serif;font-size:1.12rem;line-height:1.4}.sc-dir-cat-copy small{color:#638395;font-size:.79rem;line-height:1.55}
.sc-dir-cat-metrics{text-align:right;white-space:nowrap;min-width:80px;font-size:.8rem;color:#53758a}.sc-dir-cat-metrics b{font:700 1.3rem 'Prompt',sans-serif;color:#006a8a;letter-spacing:-.04em}.sc-dir-cat-metrics small{display:block;color:#6992a2;font-size:.71rem}
.sc-dir-chevron{font-size:1.5rem;color:#1a8ca0;transition:transform .2s;display:inline-block;margin-left:1px}.sc-dir-category[open]>.sc-dir-cat-title .sc-dir-chevron{transform:rotate(180deg)}
.sc-dir-cat-content{padding:0 23px 23px;border-top:1px solid #ebf3f7}.sc-dir-minihead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:19px 0 11px}.sc-dir-minihead h3{font:700 .95rem 'Prompt','Sarabun',sans-serif;color:#235c79;margin:0}.sc-dir-minihead span{font-size:.75rem;color:#7392a1}
.sc-dir-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,215px),1fr));gap:7px}.sc-dir-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.79rem;line-height:1.5;border:1px solid #dce8ee;border-radius:10px;padding:9px 12px;min-height:41px;min-width:0;overflow-wrap:anywhere;text-align:left;text-decoration:none!important;color:#4a6575;background:#f8fbfd}
.sc-dir-chip.is-live{color:#075e7c!important;background:#e9faff;border-color:#b4e2e9;font-weight:700;transition:transform .15s,background .15s,border-color .15s}.sc-dir-chip.is-live:hover{background:#d5f5fa;border-color:#6dcedd;transform:translateY(-1px);color:#034a65!important}
.sc-dir-chip.is-draft{color:#7891a0;background:#f7f9fa;border-style:dashed;cursor:default}.sc-dir-chip-arrow{font-size:.9rem;flex:0 0 auto;color:#0299ac}.sc-dir-draft-dot{font-weight:700;color:#a5b7c2;flex:0 0 auto}
.sc-dir-brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px;align-items:start}.sc-dir-brand{border:1px solid #d9e8f0;border-radius:14px;background:#f9fcfe;min-width:0;overflow:hidden}
.sc-dir-brand[open]{grid-column:1/-1;background:#fff;border-color:#9fdae8;box-shadow:0 8px 22px #0360820a}
.sc-dir-brand>summary{list-style:none;cursor:pointer;display:flex;gap:10px;align-items:center;padding:13px 14px;min-height:50px;user-select:none}
.sc-dir-brand>summary:hover{background:#f1fbff}.sc-dir-brand-mark{display:grid;place-items:center;background:#e2f5f8;border-radius:9px;width:27px;height:27px;color:#0786a0;font-size:1rem;flex:0 0 auto}
.sc-dir-brand>summary strong{flex:1;min-width:0;color:#22516e;font-size:.83rem;font-weight:700;line-height:1.45}.sc-dir-brand-count{font-size:.75rem;color:#6f94a5;white-space:nowrap}.sc-dir-brand-arrow{font-size:1rem;color:#79a1b0;transition:transform .2s;display:inline-block}
.sc-dir-brand[open]>summary .sc-dir-brand-arrow{transform:rotate(180deg)}.sc-dir-brand[open]>.sc-dir-chips{padding:15px;border-top:1px solid #e4f1f5}
.sc-dir-explain{font-size:.82rem;color:#577b8f;margin:22px 0 0;line-height:1.85}
.sc-directory button:focus-visible,.sc-directory a:focus-visible,.sc-directory summary:focus-visible{outline:3px solid #01a3ba;outline-offset:3px}
@media(max-width:970px){.sc-dir-top{grid-template-columns:1fr 180px}.sc-dir-toolbar{gap:13px}.sc-dir-status-wrap{flex:1 1 220px}.sc-dir-total strong{font-size:2.7rem}}
@media(max-width:700px){.sc-dir-top{grid-template-columns:1fr;align-items:stretch}.sc-dir-total{flex-direction:row;align-items:center;gap:14px;padding:15px 20px}.sc-dir-total strong{font-size:2.3rem}.sc-dir-total>span{margin-top:0}.sc-dir-total small{margin-top:0;margin-left:auto;max-width:125px}.sc-dir-panel{padding:16px 14px 0;border-radius:18px}.sc-dir-search-wrap{flex-basis:100%}.sc-dir-status-wrap{flex:1 1 100%}.sc-dir-status-switch button{flex:1}.sc-dir-expand{width:100%}.sc-dir-cat-title{padding:16px 15px;gap:10px;min-height:86px}.sc-dir-cat-icon{width:38px;height:38px;font-size:1.4rem}.sc-dir-cat-metrics{min-width:64px;font-size:.72rem}.sc-dir-cat-metrics b{font-size:1.05rem}.sc-dir-cat-copy strong{font-size:.96rem}.sc-dir-cat-copy small{font-size:.72rem}.sc-dir-cat-content{padding:0 13px 15px}.sc-dir-brand-grid{grid-template-columns:1fr}.sc-dir-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-dir-chip{padding:8px 9px;font-size:.75rem}.sc-dir-brand[open]{grid-column:auto}}
@media(max-width:380px){.sc-dir-chips{grid-template-columns:1fr}.sc-dir-status-switch button{font-size:.72rem;padding:6px}.sc-dir-tabs button{padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.sc-directory *{transition:none!important;scroll-behavior:auto!important}}

/* v4 Compact accordion directory — no section is expanded on initial load. */
.sc-directory .container{min-width:0}
.sc-dir-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.sc-dir-category{min-width:0;border-radius:18px;contain:layout style}
.sc-dir-category[open]{grid-column:1 / -1;contain:none}
.sc-dir-cat-title{min-height:76px;padding:13px 18px;gap:12px}
.sc-dir-cat-icon{width:40px;height:40px;border-radius:12px;font-size:1.35rem}
.sc-dir-cat-copy strong{font-size:1rem;overflow-wrap:anywhere}
.sc-dir-cat-copy small{font-size:.74rem;overflow-wrap:anywhere}
.sc-dir-cat-metrics{min-width:66px;font-size:.76rem}
.sc-dir-cat-metrics b{font-size:1.12rem}
.sc-dir-panel{margin-bottom:16px}
.sc-dir-top{margin-bottom:18px}
.sc-dir-brand-grid,.sc-dir-chips{min-width:0}
.sc-dir-brand>summary strong{overflow-wrap:anywhere}
.sc-dir-chip{overflow-wrap:anywhere;word-break:normal}
@media (max-width:850px){
  .sc-dir-categories{grid-template-columns:minmax(0,1fr)}
  .sc-dir-category[open]{grid-column:auto}
}
@media (max-width:480px){
  .sc-dir-top,.sc-dir-toolbar,.sc-dir-cat-title{min-width:0}
  .sc-dir-top h2{font-size:clamp(1.4rem,6vw,1.85rem)}
  .sc-dir-total{flex-wrap:wrap;gap:6px 12px}
  .sc-dir-total small{max-width:none;flex-basis:100%;margin-left:0}
  .sc-dir-cat-title{padding:13px 11px;gap:8px;min-height:72px}
  .sc-dir-cat-icon{width:34px;height:34px;flex-basis:34px}
  .sc-dir-cat-copy strong{font-size:.91rem}
  .sc-dir-cat-copy small{font-size:.69rem}
  .sc-dir-cat-metrics{min-width:56px;font-size:.64rem}
  .sc-dir-cat-metrics small{font-size:.62rem}
  .sc-dir-chevron{font-size:1.2rem;margin-left:0}
  .sc-dir-status-wrap,.sc-dir-status-switch{min-width:0;width:100%}
  .sc-dir-status-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .sc-dir-status-switch button{white-space:normal;overflow-wrap:anywhere;line-height:1.4;padding:7px 5px;min-width:0}
  .sc-dir-chips{grid-template-columns:minmax(0,1fr)}
  .sc-dir-brand>summary{padding:11px 10px;gap:8px}
}