/* ADRAG.org brand alignment. Shared site chrome is in adrag-site.css. */
body{background:#fff}
#adrag-directory{--paper:#f7f5ef;--surface:#fff;--ink:#17364a;--secondary:#526777;--line:#dce4e9;--soft:#eff5fb;--blue:#17458f;--gold:#f7ae32;--radius:8px;background:#fff;font:17px/1.65 Arial,Helvetica,sans-serif}
#adrag-directory .hero{display:block;padding:64px 0;background:#092d48;color:#fff;margin-bottom:40px}
#adrag-directory .directory-hero-inner{width:min(1200px,calc(100% - 64px));margin:auto;display:flex;align-items:end;justify-content:space-between;gap:48px}
#adrag-directory .hero .eyebrow{color:#ffc66a;letter-spacing:.15em;margin:0 0 18px}
#adrag-directory h1{font:700 clamp(40px,5vw,68px)/1.13 Arial,Helvetica,sans-serif;letter-spacing:-.04em;margin:0 0 24px}
#adrag-directory h1 em{font-style:normal;font-weight:700;color:#ffc66a}
#adrag-directory .intro{font-size:19px;line-height:1.7;color:#d9e5ef;max-width:680px}
#adrag-directory .hero-note{font-size:14px;max-width:220px;color:#d9e5ef;border-left:2px solid #f7ae32;padding:2px 0 2px 20px;margin-bottom:5px}
#adrag-directory .hero-note strong{color:#fff;font-size:16px}
#adrag-directory .workspace{width:min(1200px,calc(100% - 64px));margin:auto;padding:0 0 48px}
#adrag-directory .filters{padding:24px;gap:20px;background:#f7f5ef}
#adrag-directory label{font-size:14px;letter-spacing:0;color:#17364a}
#adrag-directory input,#adrag-directory select,#adrag-directory textarea{background:#fff;border:1px solid #bdcad5;border-radius:5px;font-size:16px;padding:11px 13px}
#adrag-directory .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:13px 22px;font-size:15px;line-height:1.4;border-radius:5px}
#adrag-directory .button.primary{background:#f7ae32;color:#092d48;border-color:#f7ae32}
#adrag-directory .button.ghost{color:#17458f}
#adrag-directory .button:hover{background:#eff5fb;filter:none}
#adrag-directory .button.primary:hover{background:#ffc66a}
#adrag-directory .result-head{margin:40px 0 24px}
#adrag-directory .result-head h2{font:700 clamp(28px,3vw,38px)/1.13 Arial,Helvetica,sans-serif;letter-spacing:-.04em}
#adrag-directory .result-head p{font-size:14px}
#adrag-directory .profiles{gap:24px}
#adrag-directory .person{padding:24px;gap:18px}
#adrag-directory .person h3{font-size:20px;letter-spacing:-.02em}
#adrag-directory .person .location{font-size:14px}
#adrag-directory .person p.bio{font-size:15px;line-height:1.65}
#adrag-directory .role{font-size:11px;letter-spacing:.1em}
#adrag-directory .tag{font-size:12px}
#adrag-directory .person .foot button{min-height:44px;font-size:14px}
#adrag-directory .avatar{font-family:Arial,Helvetica,sans-serif;font-weight:700}
#adrag-directory .detail{padding:32px;margin-top:24px}
#adrag-directory .detail h2{font:700 36px/1.15 Arial,Helvetica,sans-serif;letter-spacing:-.04em}
#adrag-directory .detail h3{font-size:20px}
#adrag-directory .detail p,#adrag-directory .appointments{font-size:16px}
#adrag-directory .contact{border-radius:8px}
#adrag-directory .contact p,#adrag-directory .contact .consent{font-size:14px}
#adrag-directory .contact h3{font-size:24px}
#adrag-directory .help{padding:32px;margin-top:48px;background:#f7f5ef;border:1px solid #dce4e9;border-radius:8px}
#adrag-directory .help h3{font:700 26px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.02em}
#adrag-directory .help p{font-size:15px}
#adrag-directory .help .button{flex-shrink:0;background:#f7ae32;color:#092d48;border-color:#f7ae32}
#adrag-directory .footer{width:min(1200px,calc(100% - 64px));margin:auto;padding:20px 0;font-size:12px}
#adrag-directory .map-shell{background:#092d48}
#adrag-directory .mapstage{background:radial-gradient(ellipse at 50% 50%,#214f71,#092d48 80%)}
#adrag-directory .world path{fill:#295372;stroke:#092d48}
#adrag-directory .world path.lit{fill:#527f9a}
#adrag-directory .mapbar strong{font-size:16px}
#adrag-directory .mapbar small,#adrag-directory .mapfooter{font-size:12px}
#adrag-directory .mapbar button{min-height:44px;border-radius:5px;font-size:13px;background:#174467;border-color:#527f9a}
#adrag-directory #ad-map-reset{background:#f7ae32;border-color:#f7ae32;color:#092d48}
#adrag-directory .pin span{box-shadow:0 0 0 6px #f7ae3225,0 0 22px #f7ae3240}
#adrag-directory .segmented button{min-height:40px;font-size:14px}
#adrag-directory .segmented button[aria-pressed=true]{background:#092d48}
#adrag-directory :is(button,a,input,select,textarea):focus-visible{outline:3px solid #368cc8;outline-offset:4px}
#adrag-directory .map-shell :is(button,a):focus-visible{outline-color:#ffc66a}
@media(max-width:1000px){#adrag-directory .hero-note{display:none}#adrag-directory .profiles{grid-template-columns:repeat(2,minmax(0,1fr))}#adrag-directory .profiles.list{grid-template-columns:1fr}#adrag-directory .help{align-items:start;flex-direction:column}}
@media(max-width:800px){#adrag-directory .directory-hero-inner,#adrag-directory .workspace,#adrag-directory .footer{width:calc(100% - 40px)}#adrag-directory .hero{padding:48px 0;margin-bottom:28px}#adrag-directory .intro{font-size:17px}#adrag-directory .filters{padding:18px;gap:14px}#adrag-directory .profiles{gap:16px}}
@media(max-width:540px){#adrag-directory h1{font-size:clamp(34px,9vw,44px)}#adrag-directory .profiles{grid-template-columns:1fr}#adrag-directory .result-head{align-items:start;flex-direction:column}#adrag-directory .filters{grid-template-columns:1fr}#adrag-directory .filters label:first-child{grid-column:auto}#adrag-directory .person{padding:22px}#adrag-directory .help,#adrag-directory .detail{padding:20px}#adrag-directory .help h3{font-size:24px}#adrag-directory .help .button{font-size:14px;padding:13px 15px}#adrag-directory .detail h2{font-size:28px}#adrag-directory .detail-header{flex-wrap:wrap}#adrag-directory .button{padding:12px 16px}#adrag-directory .footer{flex-direction:column}#adrag-directory .profiles.list .person{grid-template-columns:1fr}#adrag-directory .profiles.list .bio{grid-column:auto}}
/* Proposed ADRAG role insignia: shown only for active District Ambassadors. */
#adrag-directory .ambassador-badge{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:#092d48;vertical-align:middle;font-size:11px;font-weight:700;line-height:1.3;letter-spacing:0;text-transform:none;text-align:left}
#adrag-directory .ambassador-badge svg{width:36px;height:36px;flex:0 0 36px}
#adrag-directory .ambassador-badge small{display:block;color:#17458f;font-size:9px;letter-spacing:.12em;margin-bottom:2px}
#adrag-directory .profile-designation{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:18px}
#adrag-directory .profile-designation .ambassador-badge{margin:0;font-size:15px}
#adrag-directory .profile-designation .ambassador-badge svg{width:52px;height:52px;flex-basis:52px}
#adrag-directory .profile-designation .ambassador-badge small{font-size:10px}
#adrag-directory .profile-designation .eyebrow{margin:0}

.directory-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}