/* One persistent search surface before the introduction on both directories. */
.directory-search-dock{position:sticky;top:0;z-index:60;background:#0e192cf5;border-block:1px solid #344966;box-shadow:0 6px 24px #0004;backdrop-filter:blur(14px);color:#eaf2ff}
.search-dock-inner{max-width:1600px;margin:auto;padding:12px clamp(16px,3vw,42px) 10px}.dock-heading{font-size:12px;font-weight:700;letter-spacing:.03em;color:#dbeaff;margin:0 0 9px}
.directory-search-dock .search-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,230px) minmax(160px,210px);gap:12px;margin:0;align-items:stretch}
.directory-search-dock .search{min-width:0;margin:0;display:flex;gap:10px;align-items:center;border:1px solid #6c89ae;border-radius:9px;background:#14243c;padding:9px 13px;box-shadow:none}
.directory-search-dock input,.directory-search-dock select{box-sizing:border-box;width:100%;min-width:0;font:inherit;font-size:14px;color:#eef5ff;outline-offset:3px}
.directory-search-dock .search input{border:0;background:transparent;padding:4px 0}.directory-search-dock input::placeholder{color:#b0c3dc}.directory-search-dock select,.dock-agent-controls input{background:#14243c;border:1px solid #6c89ae;border-radius:9px;padding:12px;margin:0}
.directory-search-dock .sort-label{display:block;margin:0}.directory-search-dock kbd{color:#bfcee4;border-color:#596d8b}
.directory-search-dock input:focus-visible,.directory-search-dock select:focus-visible{outline:2px solid #80e4ef;outline-offset:2px}
.directory-search-dock .results-bar,.dock-results{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-start;margin:9px 0 0;padding:0;border:0;font-size:12px;color:#c5d6ed}
.dock-results p{margin:0}.directory-search-dock .textbutton{font-size:12px;color:#8ce5f2;padding:3px 0}.directory-search-dock #export{margin-left:auto}
.dock-agent-controls{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,230px) minmax(170px,230px) auto;gap:12px;align-items:stretch}.dock-agent-controls>label{min-width:0}.dock-more{position:relative;align-self:stretch;margin:0}.dock-more>summary{height:100%;display:flex;align-items:center;gap:8px;cursor:pointer;border:1px solid #6c89ae;border-radius:9px;padding:10px 14px;font-size:13px;white-space:nowrap;color:#dfefff;list-style:none}.dock-more>summary::after{content:'▾'}.dock-more[open]>summary::after{content:'▴'}.dock-more-options{position:absolute;right:0;top:calc(100% + 10px);width:300px;max-width:calc(100vw - 32px);padding:18px;background:#14233b;border:1px solid #597495;border-radius:12px;box-shadow:0 15px 40px #0006;display:grid;gap:13px;z-index:3}.dock-more-options select{font-size:13px}.dock-more-options .sr-only{position:static;width:auto;height:auto;clip:auto;overflow:visible;display:block;font-size:12px;color:#cbd9ed;margin-bottom:7px}
.directory-filtering .directory-intro{display:none}.directory-filtering #directory .section-title,.directory-filtering #agent-directory>.hub-heading{margin-top:0}#directory,#agent-directory{scroll-margin-top:180px}
@media(max-width:760px){.search-dock-inner{padding:10px 14px}.directory-search-dock .search-row{grid-template-columns:1fr 1fr;gap:8px}.directory-search-dock .search-row>.search{grid-column:1/-1}.directory-search-dock select,.dock-agent-controls input{padding:10px;font-size:12px}.directory-search-dock .search input{font-size:14px}.dock-agent-controls{grid-template-columns:1fr 1fr auto;gap:8px}.dock-agent-controls>label:first-child{grid-column:1/-1}.dock-more>summary{padding:8px;font-size:11px}.dock-heading{font-size:11px;margin-bottom:7px}.directory-search-dock .results-bar,.dock-results{font-size:11px;gap:12px}.directory-search-dock #export{display:none}#directory,#agent-directory{scroll-margin-top:205px}}
@media(max-height:520px) and (min-width:761px){.search-dock-inner{padding-block:7px}.dock-heading{display:none}}
@media(prefers-reduced-motion:reduce){.directory-search-dock{backdrop-filter:none}}
@media(min-width:761px){.agent-sidebar-inner{top:140px;max-height:calc(100dvh - 160px);overflow-y:auto;scrollbar-width:thin}}

/* Suggestions follow the persistent search input at every screen size. */
.autocomplete-anchor{position:relative}.autocomplete-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:0;max-height:min(65dvh,500px);overflow-y:auto;background:#12223a;color:#f3f7ff;border:1px solid #6586ad;border-radius:12px;box-shadow:0 16px 40px #0008;z-index:75;text-align:left;padding:6px;cursor:default}.autocomplete-panel[hidden]{display:none!important}.autocomplete-option{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;cursor:pointer;font-size:14px}.autocomplete-option:hover,.autocomplete-option[aria-selected=true]{background:#294868;outline:1px solid #7ecbd9}.autocomplete-option strong,.autocomplete-option small{display:block;line-height:1.45;white-space:normal}.autocomplete-option small{font-size:12px;color:#bcd2ec}.autocomplete-icon{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:8px;background:#dcecf9;color:#173450;font-weight:800;font-size:12px}.autocomplete-hint,.discovery-message{font-size:12px;line-height:1.6;padding:8px 10px;margin:0;color:#c6d9ef}.directory-search-dock .discovery-find{margin:6px 10px 10px;padding:10px 14px;border:1px solid #8ee3ee;border-radius:8px;background:#1d4c60;color:#edfdff;font-size:13px;cursor:pointer}.discovery-tag{display:inline-block;background:#dcecf9;color:#163755;padding:5px 9px;border-radius:5px;font-size:11px;font-weight:700;margin-bottom:10px}.discovered-card .hub-card-body{padding:24px}.discovered-source{font-size:12px;line-height:1.6;color:#4b5872}.discovered-source a{text-decoration:underline}.discovered-monogram{display:grid;place-items:center;height:130px;background:#dcecf9;color:#163755;font-size:36px;font-weight:800}

/* Compact directory controls keep the results closer to the top. */
.search-dock-inner{padding-block:7px}.dock-heading{font-size:10px;margin-bottom:5px;letter-spacing:.02em}.directory-search-dock .search-row,.dock-agent-controls{gap:8px}.directory-search-dock .search{padding:4px 10px;border-radius:6px;gap:7px;min-height:34px;height:auto}.directory-search-dock .search input{font-size:13px;padding:2px 0}.directory-search-dock select,.dock-agent-controls input{font-size:12px;padding:6px 9px;min-height:34px;border-radius:6px}.directory-search-dock .results-bar,.dock-results{font-size:11px;gap:12px;margin-top:5px}.directory-search-dock .textbutton{font-size:11px}.dock-more>summary{font-size:12px;padding:5px 10px;border-radius:6px;min-height:34px;box-sizing:border-box}.autocomplete-panel{top:calc(100% + 5px);max-height:min(48dvh,330px);padding:4px;border-radius:7px}.autocomplete-option{font-size:12px;gap:8px;padding:7px 8px}.autocomplete-option small{font-size:11px}.autocomplete-icon{width:25px;height:25px;min-width:25px;font-size:12px}#directory,#agent-directory{scroll-margin-top:135px}@media(min-width:761px){.agent-sidebar-inner{top:110px;max-height:calc(100dvh - 130px)}}@media(max-width:760px){.search-dock-inner{padding:7px 12px}.dock-heading{font-size:10px;margin-bottom:4px}.directory-search-dock .search-row,.dock-agent-controls{gap:6px}.directory-search-dock .search input,.dock-agent-controls input{font-size:16px}.directory-search-dock .search{padding-block:3px}.directory-search-dock select{padding:6px 8px;font-size:12px}.dock-more>summary{padding:5px 8px;font-size:11px}.directory-search-dock .results-bar,.dock-results{margin-top:4px;font-size:10px;gap:9px}#directory,#agent-directory{scroll-margin-top:165px}}
.directory-search-dock .search>span{font-size:18px}.directory-search-dock .discovery-find{font-size:12px;padding:7px 10px}

/* A light, borderless toolbar leaves more of the directory in view. */
.directory-search-dock{border:0;box-shadow:none;background:#0e192cf5}.search-dock-inner{padding-block:4px}.dock-heading{display:none}.directory-search-dock .search{min-height:30px;padding:3px 8px;border-radius:5px}.directory-search-dock .search input{font-size:12px;padding:1px 0}.directory-search-dock .search>span{font-size:16px}.directory-search-dock select,.dock-agent-controls input{min-height:30px;padding:4px 8px;font-size:12px;border-radius:5px}.dock-more>summary{min-height:30px;padding:4px 8px;font-size:11px}.directory-search-dock .results-bar,.dock-results{margin-top:3px;font-size:10px;gap:10px}.directory-search-dock .textbutton{font-size:10px}.directory-search-dock kbd{font-size:9px}#directory,#agent-directory{scroll-margin-top:90px}@media(min-width:761px){.agent-sidebar-inner{top:80px;max-height:calc(100dvh - 100px)}}@media(max-width:760px){.search-dock-inner{padding:4px 12px}.directory-search-dock .search input,.dock-agent-controls input{font-size:16px}.directory-search-dock .search{min-height:34px;padding:3px 8px}.directory-search-dock select{min-height:30px;padding:4px 7px;font-size:12px}.dock-more>summary{min-height:30px;padding:4px 7px}.directory-search-dock .search-row,.dock-agent-controls{gap:5px}.directory-search-dock .results-bar,.dock-results{margin-top:3px;font-size:10px;gap:8px}#directory,#agent-directory{scroll-margin-top:130px}}

/* The website name is a native link whose hit area fills the card. */
.website-card{position:relative;isolation:isolate}
.website-card-link::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;cursor:pointer}
.website-card-link:hover{text-decoration:underline;text-underline-offset:3px}
.website-card-link:focus-visible{outline:none}
.website-card-link:focus-visible::after{outline:3px solid #80e4ef;outline-offset:-3px;border-radius:10px}
.website-card button,.website-card .card-learning,.website-card .visit,.website-card .compare-label{position:relative;z-index:2}