/* ConfX: sign-in buttons, menu icons, directory layout, sign-in methods, work email, recovery, requests and company profile additions. */
:root{--cx-hdr:76px;--cx-tabs:0px}

/* Sign-in buttons: one row of provider tiles under a short heading */
.sso7-b{display:block;margin-bottom:6px}
.sso7-t{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--navy);text-align:center}
.sso7-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sso7-row.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sso7-row.n1{grid-template-columns:1fr}
a.sso7{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:8px 10px;border:1px solid var(--field);border-radius:var(--r);background:#fff;color:var(--navy);font-size:14px;font-weight:700;text-decoration:none;transition:border-color .15s,box-shadow .15s}
a.sso7:hover{border-color:var(--blue);box-shadow:0 6px 16px #0a1f3c14;text-decoration:none}
a.sso7:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
a.sso7 i{width:18px;height:18px}
a.sso7 span{white-space:nowrap}
@media(max-width:380px){a.sso7 span{display:none}a.sso7 i{width:22px;height:22px}}

/* Menu: icon beside each link */
.mega a.ml.has-i{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;padding:8px 10px;margin:0 -10px;border-radius:var(--r);transition:background .15s}
.mega a.ml.has-i:hover,.mega a.ml.has-i:focus-visible{background:var(--mist);text-decoration:none}
.mega a.ml.has-i:hover .ml-t{text-decoration:underline}
.mega .ml-i{width:34px;height:34px;display:grid;place-items:center;background:var(--blue-l);color:var(--blue);border-radius:var(--r);transition:background .15s,color .15s}
.mega .ml-i svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mega a.ml.has-i:hover .ml-i{background:var(--blue);color:#fff}
.mega .hz a.ml.has-i{flex:0 1 250px}

/* Directory: tabs stay under the header; the filter panel scrolls on its own */
.d6tabs{position:sticky;top:var(--cx-hdr);z-index:30;background:#fff}
.dir6-f{top:calc(var(--cx-hdr) + var(--cx-tabs) + 16px);max-height:calc(100vh - var(--cx-hdr) - var(--cx-tabs) - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--field) transparent}
.dir6-f [data-d6-clear]{position:sticky;bottom:-18px;display:block;width:calc(100% + 36px);margin:4px -18px -18px;padding:12px 18px;background:var(--mist);border-top:1px solid var(--line);text-align:left}
.ix2-f,.ix4-f{max-height:calc(100vh - 136px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--field) transparent}
@media(max-width:900px){.dir6-f,.ix2-f,.ix4-f{max-height:none;overflow:visible}.dir6-f [data-d6-clear]{position:static;width:auto;margin:4px 0 0;padding:0;border:0;background:none}}
@media(max-width:700px){.d6tabs .wrap{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.d6tabs .wrap::-webkit-scrollbar{display:none}.d6tabs .d6list{flex:none;align-self:center}}

/* Directory cards */
.d6c:hover,.cocard:hover{text-decoration:none}
.d6c:hover b{text-decoration:underline}
.d6c-h{flex-wrap:nowrap}
.d6c-n{display:flex;flex-direction:column;gap:3px;min-width:0}
.d6c-n b{overflow-wrap:anywhere;line-height:1.25}
.d6c-n .feat-lbl{margin:0}
@media(min-width:1100px){.d6g-g{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Featured strip: three compact cards per row */
.fstrip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fstrip .fco{padding:14px 16px;gap:12px;align-items:flex-start}
.fstrip .fco .logo{width:44px;height:44px}
.fstrip .fco b{font-size:16px;line-height:1.25}
.fstrip .fco div>span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.4;margin-top:2px}
@media(max-width:1000px){.fstrip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.fstrip{grid-template-columns:1fr}}
.sso7-linkedin i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='3' fill='%230A66C2'/%3E%3Cpath fill='%23fff' d='M7.1 9.5H4.6V19h2.5V9.5zM5.9 5.2a1.45 1.45 0 1 0 0 2.9 1.45 1.45 0 0 0 0-2.9zM19.4 13.6c0-2.6-1.4-4.3-3.7-4.3-1.3 0-2.1.7-2.5 1.3V9.5h-2.4V19h2.5v-5c0-1.3.6-2.2 1.7-2.2 1.1 0 1.6.8 1.6 2.2v5h2.5l.3-5.4z'/%3E%3C/svg%3E")}

/* LinkedIn: confirm a work email */
.li9-note{background:var(--blue-l);border-left:3px solid var(--blue);padding:10px 12px;margin:0 0 14px}

/* Account: sign-in methods */
.sso9-l{list-style:none;margin:12px 0 0;padding:0;border-top:1px solid var(--line)}
.sso9-l li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.sso9-n{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;min-width:0}
.sso9-n i{grid-row:span 2;width:20px;height:20px;border-radius:var(--r);background:#fff center/contain no-repeat;box-shadow:0 0 0 1px var(--line)}
.sso9-n b{font-size:15px}
.sso9-n small{color:var(--text-2);font-size:13px;overflow-wrap:anywhere}
.sso9-n:not([class*="sso7-"]) small{grid-column:1/-1}
.sso9-s{font-size:13px;color:var(--ok)}
.sso9 .notice,.sso9 .cx-msg{margin:10px 0}

/* Account: work email */
.em9-cur{margin:10px 0 14px}
.em9-cur b{display:block;font-size:17px;overflow-wrap:anywhere}
.em9-cur small{color:var(--text-2);font-size:13px}
.em9-f{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.em9-f form{max-width:460px}
.em9 .notice{margin:0 0 12px}

/* Sign in: recovery */
.rc9{margin:18px 0 0;border-top:1px solid var(--line);padding-top:14px}
.rc9 summary{cursor:pointer;color:var(--blue);font-size:14px}
.rc9 summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.rc9-b{margin-top:12px}
.rc9-b textarea{width:100%}

/* Account: requests */
.rq9-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.rq9-i{border-top:1px solid var(--line)}
.rq9-i:last-of-type{border-bottom:1px solid var(--line)}
.rq9-i summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;cursor:pointer;list-style:none}
.rq9-i summary::-webkit-details-marker{display:none}
.rq9-i summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.rq9-t{display:grid;min-width:0}
.rq9-t b{font-size:15px;overflow-wrap:anywhere}
.rq9-t small{color:var(--text-2);font-size:13px}
.rq9-s{flex:none;font-size:13px;font-weight:700;color:var(--warn)}
.st-in_progress .rq9-s{color:var(--blue)}
.st-completed .rq9-s{color:var(--ok)}
.st-closed .rq9-s{color:var(--text-2)}
.rq9-b{padding:0 0 16px}
.rq9-n{margin:0 0 10px}
.rq9-note{background:var(--mist);padding:10px 12px;margin:0 0 10px}
.rq9-note b{display:block;font-size:13px}
.rq9-tl{list-style:none;margin:0 0 10px;padding:0;font-size:14px}
.rq9-tl li{padding:6px 0;border-top:1px dashed var(--line)}
.rq9-tl time{display:inline-block;min-width:96px;color:var(--text-2);font-size:13px}
.rq9-f{margin:14px 0 0}

/* Company editor */
.co-cov{margin:0 0 16px}
.co-cov img{width:100%;max-height:140px;object-fit:cover;margin-bottom:8px}
.co-rows .r{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-bottom:10px}
.co-rows textarea,.co-rows select{width:100%}
.co-rows-case_studies .r{padding-bottom:10px;border-bottom:1px dashed var(--line)}

/* Public company profile */
.co-cover{background:var(--navy)}
.co-cover img{width:100%;height:clamp(140px,22vw,320px);object-fit:cover}
.co-video{position:relative;aspect-ratio:16/9;background:var(--navy)}
.co-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.co-res9{font-weight:700;color:var(--navy);margin:4px 0 6px}
.co-res li small{display:block;color:var(--text-2);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.co-social{list-style:none;margin:8px 0 0;padding:0;font-size:14px}
.co-social li{padding:2px 0}
.co-act{display:flex;gap:8px;flex-wrap:wrap}
