/* ---------- HELP CENTER ---------- */
/* Munshi answers one question; this page is the whole shelf. Native <details>
   rows so a question is linkable, findable by the browser's own find, and
   open without JavaScript. */

.hc-head{background:linear-gradient(120deg,#0c3b68 0%,#155a97 58%,#1c7ac4 100%);color:#fff;position:relative;overflow:hidden}
.hc-head:after{content:"";position:absolute;inset-inline-end:-90px;top:-70px;width:400px;height:400px;background:radial-gradient(circle,rgba(238,122,43,.3),transparent 62%)}
.hc-head .wrap{padding:44px 20px 40px;position:relative;z-index:2}
.hc-head h1{font-size:34px;font-weight:800;letter-spacing:-.6px;margin-bottom:8px}
.hc-head p{color:#cfe0f0;font-size:15px;max-width:620px}

.hc-search{display:flex;align-items:center;gap:10px;background:#fff;border-radius:11px;padding:4px 6px 4px 16px;
           max-width:560px;margin-top:22px;box-shadow:0 10px 30px rgba(6,32,58,.24)}
.hc-search svg{width:19px;height:19px;color:var(--muted);flex:none}
.hc-search input{flex:1;min-width:0;border:none;outline:none;background:none;font:inherit;font-size:14.5px;
                 color:var(--ink);padding:11px 0}
.hc-search button{border:none;background:none;font:inherit;color:var(--muted);cursor:pointer;font-size:20px;
                  line-height:1;padding:6px 10px;border-radius:8px;visibility:hidden}
.hc-search button:hover{background:var(--sky);color:var(--blue2)}
.hc-search.has-query button{visibility:visible}

.hc-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:-26px 0 0;position:relative;z-index:3}
.hc-tile{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:12px;
         padding:13px 15px;color:var(--navy);box-shadow:0 5px 18px rgba(12,59,104,.07);transition:.15s}
.hc-tile:hover{border-color:#81b5dd;box-shadow:0 8px 22px rgba(12,59,104,.13);color:var(--blue2)}
.hc-tile>span{width:36px;height:36px;border-radius:10px;background:var(--sky);display:flex;align-items:center;
              justify-content:center;font-size:19px;flex:none}
.hc-tile>div{min-width:0}
.hc-tile b{font-size:13.5px;font-weight:750;display:block}
.hc-tile small{font-size:11.5px;color:var(--muted);display:block;margin-top:1px}

.hc-body{padding:34px 0 10px}
.hc-topic{margin-bottom:30px;scroll-margin-top:150px}
.hc-topic>header{display:flex;align-items:baseline;gap:10px;margin-bottom:13px;flex-wrap:wrap}
.hc-topic h2{font-size:20px;color:var(--navy);font-weight:800;letter-spacing:-.3px}
.hc-topic h2 i{font-style:normal;margin-inline-end:6px}
.hc-topic>header p{font-size:13px;color:var(--muted)}

.hc-list{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;
         box-shadow:0 4px 16px rgba(15,83,145,.05)}
.hc-q{border-bottom:1px solid var(--line);scroll-margin-top:150px}
.hc-q:last-child{border-bottom:0}
.hc-q>summary{display:flex;align-items:center;gap:12px;padding:15px 18px;cursor:pointer;list-style:none;
              font-size:14.5px;font-weight:650;color:var(--navy);transition:background .13s}
.hc-q>summary::-webkit-details-marker{display:none}
.hc-q>summary:hover{background:#f7fafd}
.hc-q>summary:focus-visible{outline:3px solid rgba(28,122,196,.3);outline-offset:-3px}
.hc-q>summary:after{content:"⌄";margin-inline-start:auto;font-size:17px;color:#8ca0b5;transition:transform .18s;flex:none}
.hc-q[open]>summary{background:var(--sky);color:var(--blue2)}
.hc-q[open]>summary:after{transform:rotate(180deg)}
.hc-a{padding:2px 18px 17px;font-size:14px;color:#42525f;line-height:1.65;max-width:80ch}
.hc-a a.hc-more{display:inline-flex;align-items:center;gap:5px;margin-top:11px;font-size:13px;font-weight:700;
                color:var(--blue2);background:var(--sky);border-radius:8px;padding:7px 12px}
.hc-a a.hc-more:hover{background:#dbeaf8}
.hc-size{font-weight:600;opacity:.75;font-size:11.5px}

.hc-empty{background:#fff;border:1px dashed #c6d5e4;border-radius:14px;padding:30px 22px;text-align:center}
.hc-empty .munshi-av{margin-bottom:10px}
.hc-empty b{display:block;font-size:16px;color:var(--navy);margin-bottom:5px}
.hc-empty p{font-size:13.5px;color:var(--muted);margin-bottom:15px}

.hc-ask{background:linear-gradient(115deg,#f4f8fd 0%,#fff8f0 100%);border:1px solid #d9e3ed;border-radius:16px;
        padding:26px 28px;margin:14px 0 56px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.hc-ask>div{flex:1;min-width:260px}
.hc-ask-av{box-shadow:0 6px 18px rgba(12,59,104,.16)}
.hc-ask h2{font-size:19px;color:var(--navy);font-weight:800;margin-bottom:5px}
.hc-ask p{font-size:13.5px;color:var(--muted);max-width:52ch}
.hc-ask .hc-ask-cta{display:flex;gap:10px;flex-wrap:wrap}

@media(max-width:900px){
  .hc-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .hc-head h1{font-size:26px}
  .hc-head .wrap{padding:32px 20px 38px}
  .hc-tiles{grid-template-columns:1fr;margin-top:-20px}
  .hc-q>summary{padding:14px 15px;font-size:14px}
  .hc-a{padding:2px 15px 15px}
  .hc-ask{padding:22px 20px}
}