/* A complete, compact directory with a clearly linked conversation result. */
.industry-directory{padding:25px 0 85px;background:#f6f6f8;color:#283248;overflow-anchor:none}
.directory-layout{display:grid;grid-template-columns:1.03fr 1fr;align-items:start;gap:36px}
.directory-selector{position:sticky;top:100px;padding:29px;border:1px solid #dde4ed;border-radius:24px;background:radial-gradient(ellipse at 0 0,#dceafb,transparent 65%),radial-gradient(ellipse at 100% 100%,#f4e0dc,transparent 65%),#eef1f8}
.directory-heading .eyebrow{font-size:10px;letter-spacing:.12em;color:#8796ab;margin-bottom:16px}
.directory-heading h2{font-size:30px;line-height:1.5;letter-spacing:-.035em}
.directory-heading>p:last-child{font-size:12px;color:#8190a5;margin-top:10px;line-height:1.8}
.directory-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:23px}
.directory-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:80px;padding:12px 5px;background:#ffffffc7;border:1px solid #d9e2ef;border-radius:12px;color:#5e7390;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}
.directory-option>svg{height:22px;width:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.directory-option>span{font-size:11px;line-height:1.5;text-align:center;text-wrap:balance;overflow-wrap:anywhere}
.directory-option>i{font-style:normal;position:absolute;top:5px;right:7px;font-size:10px;opacity:0}
.directory-option:hover{background:#f6faff;border-color:#9db5d9;color:#345a8b}
.directory-option[aria-pressed=true]{color:#fff;background:#426994;border-color:#426994;box-shadow:0 4px 14px #325f9826}
.directory-option[aria-pressed=true]>i{opacity:1}.directory-option:focus-visible{outline:2px solid #4979b6;outline-offset:3px}
.directory-example{min-width:0;background:#fff;border:1px solid #dce3ed;border-radius:24px;overflow:hidden;scroll-margin-top:94px;box-shadow:0 15px 40px #23345506}
.directory-example-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 27px;background:#edf3fb;border-bottom:1px solid #dce6f3}
.directory-example-top h3{font-size:14px;line-height:1.7;font-weight:500;color:#617b9e;letter-spacing:0}
.directory-example-top h3>span{color:#315b8f;font-weight:650}
.directory-back{display:none;font-size:10px;line-height:1.5;background:none;color:#6a87ad;padding:6px 0;white-space:nowrap}
.directory-example-content{padding:27px}
.directory-example-content h4{font-size:25px;line-height:1.6;font-weight:550;letter-spacing:-.035em;margin:0;color:#34435b;text-wrap:balance}
.directory-example-content>p{font-size:13px;line-height:1.85;color:#8190a4;margin:15px 0 24px}
.industry-directory .thread .bubble{font-size:13px;line-height:1.85;padding:14px 17px;max-width:96%;opacity:1!important;transform:none!important;white-space:pre-line}
.industry-directory .thread .bubble small{font-size:10px}.industry-directory .thread .bubble.ai{background:#f0f3f8;color:#526781}.industry-directory .thread .bubble.user{background:#e8effb;color:#4e6c96}
.industry-directory .thread .bubble b{font-size:12px;font-weight:500;margin-top:17px;color:#315f98}
.directory-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.industry-directory .sample-note{font-size:11px;color:#8c98a8;text-align:right;line-height:1.8;margin-top:23px}
@media(max-width:1100px){.directory-layout{gap:23px;grid-template-columns:1fr 1.05fr}.directory-selector{padding:23px 20px}.directory-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.directory-option{min-height:73px;padding:10px 5px;gap:6px}.directory-option>span{font-size:10px}.directory-example-content{padding:24px}.directory-example-top{padding:18px 24px}.directory-example-content h4{font-size:22px}}
@media(max-width:760px){.industry-directory{padding:12px 0 60px}.directory-layout{grid-template-columns:1fr;gap:18px}.directory-selector{position:static;border-radius:20px;padding:22px 17px}.directory-heading .eyebrow{font-size:9px;margin-bottom:10px}.directory-heading h2{font-size:25px}.directory-heading>p:last-child{font-size:11px;margin-top:7px}.directory-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:19px}.directory-option{flex-direction:row;gap:6px;min-height:49px;padding:9px 6px;border-radius:9px}.directory-option>svg{width:17px;height:17px}.directory-option>span{font-size:10px;text-align:left;line-height:1.4}.directory-option>i{font-size:8px;top:2px;right:3px}.directory-example{border-radius:20px;scroll-margin-top:78px}.directory-example-top{padding:16px 18px;gap:8px}.directory-example-top h3{font-size:13px}.directory-back{display:inline-flex;align-items:center;gap:6px}.directory-example-content{padding:22px 19px}.directory-example-content h4{font-size:23px}.directory-example-content>p{font-size:12px;margin:13px 0 20px}.industry-directory .thread .bubble{font-size:12px;padding:13px 15px}.industry-directory .thread .bubble b{font-size:11px}.industry-directory .sample-note{text-align:left;font-size:10px;margin-top:20px}}
@media(max-width:360px){.directory-selector{padding:20px 13px}.directory-option{padding:8px 5px;gap:4px;min-height:48px}.directory-option>svg{width:15px;height:15px}.directory-option>span{font-size:9px}.directory-example-top{padding:15px}.directory-example-top h3{font-size:12px}.directory-back{font-size:9px;gap:4px}.directory-example-content{padding:20px 15px}.directory-example-content h4{font-size:21px}}
@media(prefers-reduced-motion:reduce){.directory-option{transition:none}}

/* Color belongs to the background; buttons share one visual language. */
.directory-heading h2>span{color:#436daa}
.directory-option{background:#fff;color:#5e7390}
@media(min-width:1101px){.directory-option:last-child{grid-column:1/-1;flex-direction:row;min-height:48px;gap:10px}.directory-option:last-child>i{top:15px;right:15px}}
@media(max-width:760px){.directory-heading h2{font-size:clamp(21px,6.1vw,26px);line-height:1.5}}
