:root {
  color-scheme: light;
  --bg:#f6f7f9; --paper:#ffffff; --ink:#172338; --body:#3e4c60;
  --muted:#657388; --line:#e3e8ef; --line-strong:#cbd5e1;
  --blue:#275a9b; --blue-hover:#174476; --blue-soft:#ebf2fc;
  --navy:#14243e; --radius:14px; --max:1160px;
  --shadow:0 3px 15px rgba(15,30,55,.035);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.72 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}
button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}p{margin:0 0 1em}h1,h2,h3{overflow-wrap:break-word}table{max-width:100%}
[hidden]{display:none!important}.wrap{max-width:var(--max);padding:0 28px;margin:0 auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:8px;z-index:110;background:#fff;border:1px solid var(--blue);padding:8px 14px}.skip:focus{left:10px}
:where(a,button,input,select):focus-visible{outline:3px solid #7db1ed;outline-offset:3px}

.top{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.nav{display:flex;align-items:center;gap:26px;min-height:72px}
.brand{margin-right:auto;font-size:22px;line-height:1.3;font-weight:830;letter-spacing:-.065em;white-space:nowrap}
.brand b{color:var(--blue)}.nav nav{display:flex;gap:4px;align-items:center}
.nav nav a{display:inline-flex;align-items:center;min-height:38px;border-radius:8px;padding:7px 10px;color:#4b5a6e;font-size:13px;font-weight:650;white-space:nowrap;transition:background .15s}
.nav nav a:hover{background:var(--blue-soft);color:var(--blue)}
.nav nav a[aria-current=page]{background:var(--blue-soft);color:var(--blue)}
.menu{display:none;background:#fff;border:1px solid var(--line-strong);border-radius:9px;padding:7px 13px;color:var(--ink);font-weight:650}

.hero{background:#fff;border-bottom:1px solid var(--line)}
.home-hero{padding:57px 0 51px}.home-hero-inner{max-width:var(--max)}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.11em;color:var(--blue)}
.home-hero h1{text-wrap:balance;font-size:clamp(35px,4.1vw,52px);font-weight:830;line-height:1.2;letter-spacing:-.05em;margin:11px 0 14px;max-width:900px}
.hero-lead{font-size:17px;line-height:1.7;color:var(--body);max-width:800px;margin:0}
.home-search{max-width:790px}.search{margin:23px 0 0}
.search input{display:block;width:100%;height:58px;background:#fff;border:1px solid #bfcada;border-radius:11px;padding:14px 18px;font-size:16px;color:var(--ink);box-shadow:0 3px 10px rgba(20,39,68,.04)}
.search input::placeholder{color:#8996a7}.search input:focus{border-color:#598fc8;outline:none;box-shadow:0 0 0 4px rgba(48,110,182,.12)}
.searchhint{font-size:13px;color:var(--muted);margin:10px 0 0}.searchhint a,.filter-note a{color:var(--blue);font-weight:650}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:23px}
.button,.btn,.inline-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;border-radius:9px;border:1px solid var(--blue);background:var(--blue);color:#fff!important;padding:10px 17px;font-size:14px;line-height:1.4;font-weight:700;text-decoration:none!important;transition:background .15s,border-color .15s}
.button:hover,.btn:hover{background:var(--blue-hover);border-color:var(--blue-hover);color:#fff!important}
.button.secondary,.inline-button{background:#fff;color:var(--blue)!important;border-color:#c5d4e4}
.button.secondary:hover,.inline-button:hover{background:var(--blue-soft);border-color:#9bb7da}

.section{padding:38px 0}.section h2{font-size:24px;line-height:1.32;letter-spacing:-.035em;margin:0 0 14px}
.section-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}
.section-header h2{margin:0 0 4px}.sub,.section-header p{font-size:14px;color:var(--muted);margin:0}
.section-more{font-size:13px;font-weight:750;color:var(--blue);white-space:nowrap}.section-alt{background:#f0f3f7}
.home-categories{padding-top:32px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.category-link{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:14px;min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);transition:transform .15s,border-color .15s,box-shadow .15s}
.category-link:hover{transform:translateY(-2px);border-color:#9fbada;box-shadow:0 8px 22px rgba(25,56,90,.07);color:var(--ink)}
.category-icon{grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;background:var(--blue-soft);color:var(--blue);border-radius:11px;font-size:21px}
.category-link strong{font-size:15px;line-height:1.45}.category-link small{font-size:12px;color:var(--muted);line-height:1.6}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;align-items:stretch}
.card{position:relative;display:flex;flex-direction:column;gap:0;min-width:0;min-height:184px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s,transform .15s}
.card:hover{border-color:#b0c6df;box-shadow:0 8px 22px rgba(23,51,85,.07);transform:translateY(-2px);color:var(--ink)}
.icon{width:40px;height:40px;flex:none;display:grid;place-items:center;margin-bottom:13px;background:#edf3fa;color:#2e5a91;border-radius:10px;font-size:13px;font-weight:800;letter-spacing:-.015em}
.cardtop{display:flex;gap:8px;align-items:flex-start;min-width:0}.card h2,.card h3{font-size:16px;line-height:1.45;margin:0 0 7px;min-width:0;overflow-wrap:anywhere;letter-spacing:-.01em}
.where{font-size:10px;color:#687993;white-space:nowrap;line-height:1.5;margin:3px 0 0 auto}
.card p{font-size:13px;line-height:1.6;color:var(--body);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:14px}
.meta span{display:inline-block;padding:3px 7px;border-radius:6px;background:#f1f4f8;color:#607189;font-size:11px;line-height:1.5}
.empty{padding:26px;text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius);background:#fff;color:var(--muted)}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.guide-link{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.guide-link:hover{color:var(--ink);border-color:#aac4df}.guide-link span{font-size:11px;font-weight:800;color:var(--blue);letter-spacing:.025em}
.guide-link h3{font-size:17px;line-height:1.4;margin:8px 0}.guide-link p{font-size:13px;color:var(--muted);margin:0}

.pagehead{background:#fff;border-bottom:1px solid var(--line);padding:38px 0 32px}
.pagehead h1{font-size:clamp(29px,3.4vw,42px);line-height:1.28;letter-spacing:-.04em;margin:11px 0 12px}
.pagehead p{max-width:890px;color:var(--body);line-height:1.8;margin:0}
.breadcrumbs{font-size:12px;color:var(--muted)}.breadcrumbs a{color:#496a92}.breadcrumbs a:hover{text-decoration:underline}
.lead{font-size:17px!important;line-height:1.8!important;color:var(--body)!important;max-width:850px}
.directory-intro,.pagehead-copy{max-width:1000px}.pagehead .search{max-width:820px}.pagehead .sub{margin-top:12px}
.count{display:flex;align-items:center;min-height:28px;margin:18px 0 13px;color:#536780;font-size:13px;font-weight:700}
.directory-controls{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:17px 0 10px}
.directory-controls label{color:#53677c;font-size:13px;font-weight:650}
.directory-controls select{min-height:42px;min-width:170px;max-width:260px;background:#fff;border:1px solid #cad5e1;border-radius:9px;color:var(--ink);padding:8px 11px}
.directory-controls .filter-note{width:100%;font-size:12px;color:var(--muted);margin:0}
.directory-controls .favorite-filter{display:flex;align-items:center;gap:7px;min-height:42px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:6px 12px;color:#475a70;cursor:pointer}
.favorite-filter input{width:16px;height:16px;accent-color:var(--blue)}
.reset-filters,.clear-saved{min-height:39px;background:#fff;border:1px solid var(--line-strong);color:var(--blue);border-radius:8px;padding:8px 13px;font-size:13px;font-weight:700}
.reset-filters:hover,.clear-saved:hover{background:var(--blue-soft)}
.task-shortcuts,.chips,.filters,.resource-jump-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.shortcut-label{font-size:12px;color:var(--muted);font-weight:700}
.task-shortcuts a,.task-shortcuts button,.chip,.filter,.category-jump a,.resource-jump-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;background:#fff;border:1px solid #d5dee9;border-radius:999px;padding:6px 12px;color:#4d6077;font-size:12px;font-weight:650;line-height:1.45}
.task-shortcuts a:hover,.task-shortcuts button:hover,.task-shortcuts button[aria-pressed=true],.filter.active,.resource-jump-nav a:hover{background:var(--blue-soft);border-color:#a8c7e8;color:var(--blue)}
.resource-jump-nav{padding:13px 0;margin:0 0 8px;border-bottom:1px solid var(--line)}
.resource-group{margin:25px 0 38px}.resource-group>h2,.resource-heading{font-size:21px;line-height:1.4;margin:0 0 15px;letter-spacing:-.02em}
.category-jump{display:flex;gap:8px;flex-wrap:wrap}.category-jump a:hover{color:var(--blue);background:var(--blue-soft)}
.save-wrap{position:relative;min-width:0;height:100%}.save-wrap>.card{height:100%;padding-bottom:53px}
.save-button{position:absolute;right:13px;bottom:11px;padding:5px 11px;min-height:30px;color:#526b89;font-size:12px;font-weight:650;border:1px solid #d5e0ed;border-radius:7px;background:#fff}
.save-button:hover,.save-button[aria-pressed=true]{background:var(--blue-soft);border-color:#afcae6;color:var(--blue)}
.saved-resources{padding:18px 20px;margin:0 0 18px;border:1px solid #cedbeb;border-radius:var(--radius);background:#fff}
.saved-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.saved-top h2{font-size:19px;margin:0}
.saved-resources .sub{margin:3px 0 10px}.saved-list{display:flex;gap:8px;flex-wrap:wrap}
.saved-item{display:inline-flex;align-items:center;gap:8px;border:1px solid #dce5ef;border-radius:8px;padding:6px 8px 6px 11px;background:#f8fbff}
.saved-item a{font-size:13px;font-weight:700;color:var(--blue)}.saved-item button{background:#fff;border:1px solid #dce5ef;border-radius:6px;font-size:11px;padding:3px 7px;color:#617389}

.content{max-width:900px;margin:0 auto;color:var(--ink)}.content h2{font-size:25px;line-height:1.4;letter-spacing:-.025em;margin:35px 0 14px}.content h3{font-size:19px;line-height:1.5;margin:25px 0 10px}
.content p,.content li{color:var(--body);font-size:15px;line-height:1.95}.content p{margin:0 0 18px}.content ol,.content ul{padding-left:25px;margin:12px 0 20px}.content li{margin-bottom:8px}.content strong{color:var(--ink)}
.content a:not(.button):not(.external){color:var(--blue);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#b4c9df}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:4px 0 26px}
.fact{padding:15px 17px;border:1px solid var(--line);border-radius:11px;background:#fff;min-width:0;overflow-wrap:anywhere;color:var(--body)}
.fact b{display:block;color:#677b90;font-size:12px;font-weight:750;margin:0 0 4px}
.content table{border-collapse:collapse;background:#fff;width:100%;font-size:14px;margin:16px 0 24px}
.content th,.content td{border:1px solid #dce4ee;text-align:left;vertical-align:top;padding:11px 13px;overflow-wrap:anywhere}
.content th{background:#eff4f9;color:#2f4259}
.comparison-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison{min-width:550px}
.content pre,.code-sample{overflow:auto;padding:16px;background:#f0f4f8;color:#254263;border:1px solid var(--line);border-radius:10px;font-size:13px}
.content ol.steps{list-style:decimal}.content ol.steps li{margin-bottom:12px}
.note,.sourcebox,.decision-panel,.content-note,.toc{padding:19px 21px;margin:18px 0;background:#fff;border:1px solid var(--line);border-radius:12px}
.note{border-left:3px solid #8baed4}.source-list{padding-left:22px}.source-list a,.toc a{color:var(--blue)}.legal{font-size:13px;color:var(--muted)}
.pager{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.article-item,.catbox{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;min-width:0;box-shadow:var(--shadow)}
.article-item:hover,.catbox:hover{border-color:#a8c1df;color:var(--ink)}.article-item h3,.catbox h3{font-size:17px;margin:0 0 7px;line-height:1.45}.article-item p,.catbox p{font-size:13px;color:var(--muted);margin:0}
.columns,.site-feature-box,.case-list,.jump-grid,.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.decision-panel h3{margin-top:0}.decision-panel p:last-child{margin-bottom:0}

.ad-section{padding:22px 0 28px}.ad-simple{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.ad-intro{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.ad-intro p{font-size:12px;color:var(--muted);margin:0}
.adlabel{font-size:11px;letter-spacing:.02em;color:#65778d;font-weight:800}
.adunit{margin:0;min-width:0}.banner-link{display:block;line-height:0;width:100%;max-width:1200px;background:#ececf0;border-radius:9px;overflow:hidden}
.banner-link picture,.banner-link img{display:block;width:100%;height:auto;aspect-ratio:6/1;object-fit:contain}
.ad-swipe-hint{font-size:12px;color:var(--muted);line-height:1.5;margin:9px 0 0}
.friends-section{padding:25px 0 38px;border-top:1px solid var(--line)}
.friend-links{display:flex;flex-wrap:wrap;gap:10px}.friend-link{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#344960;padding:10px 16px;font-size:14px;font-weight:700}
.friend-link:hover{color:var(--blue);border-color:#b3c9e0}.friend-link::after{content:'↗';font-size:13px;color:#8ca0b7}.friend-domain{display:none!important}
footer{margin-top:28px;background:#fff;border-top:1px solid var(--line);padding:28px 0 35px;font-size:12px;color:var(--muted)}footer p{margin:8px 0 0}.foot{display:flex;gap:18px;flex-wrap:wrap}.foot a{color:#4b607b}.foot a:hover{color:var(--blue)}

.to-top{position:fixed;z-index:50;right:20px;bottom:21px;width:43px;height:43px;display:grid;place-items:center;color:var(--blue);font-size:18px;font-weight:700;background:#fff;border:1px solid #c5d3e3;border-radius:50%;box-shadow:0 4px 20px rgba(24,45,70,.13)}.to-top:hover{background:var(--blue-soft)}
@media(max-width:1050px){.nav{gap:10px}.nav nav a{font-size:12px;padding:7px 8px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){
 .menu{display:block}.nav{flex-wrap:wrap;gap:10px;min-height:64px;padding-top:11px;padding-bottom:11px}
 .nav nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:1px;padding:4px 0 7px;border-top:1px solid var(--line)}
 .nav nav.open{display:flex}.nav nav a{min-height:43px;padding:10px 12px;font-size:14px}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 :root{--radius:12px}.wrap{padding:0 17px}.home-hero{padding:39px 0 33px}.home-hero h1{text-wrap:balance;font-size:clamp(29px,8vw,37px);margin:9px 0 10px}.hero-lead{font-size:14px}
 .search{margin-top:16px}.search input{height:52px;font-size:16px}.searchhint{font-size:12px}.hero-actions{gap:8px;margin-top:16px}.hero-actions .button{flex:1 1 auto;min-height:41px;padding:9px 11px;font-size:13px}
 .section{padding:27px 0}.section h2{font-size:21px}.section-header{align-items:center;gap:10px}.section-more{font-size:12px}
 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-link{padding:15px 13px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:5px;min-height:124px;align-content:start}.category-icon{grid-row:auto;width:34px;height:34px;margin-bottom:4px;font-size:16px}.category-link strong{font-size:14px}.category-link small{font-size:11px;line-height:1.5}
 .grid{grid-template-columns:minmax(0,1fr);gap:9px}.card{display:grid;grid-template-columns:43px minmax(0,1fr);grid-template-rows:auto auto auto;gap:3px 12px;min-height:0;padding:14px}
 .card .icon{grid-column:1;grid-row:1 / span 3;align-self:start;margin:0;width:43px;height:43px}.card .cardtop{grid-column:2;min-width:0}.card h2,.card h3{font-size:15px;margin:0;line-height:1.4}.card p{grid-column:2;font-size:12.5px;line-height:1.55;-webkit-line-clamp:2}.card .meta{grid-column:2;padding:4px 0 0;margin:0}.meta span{font-size:10px;padding:2px 6px}.where{display:none}
 .save-wrap>.card{padding-bottom:45px}.save-button{right:12px;bottom:8px;min-height:29px}
 .guide-grid,.article-list,.columns,.site-feature-box,.case-list,.jump-grid,.showcase-grid,.facts{grid-template-columns:minmax(0,1fr)}.guide-link{padding:17px}
 .pagehead{padding:27px 0 25px}.pagehead h1{font-size:30px}.lead{font-size:15px!important}
 .directory-controls{align-items:stretch}.directory-controls>label:not(.favorite-filter){width:100%}.directory-controls select{width:100%;max-width:none}.directory-controls .favorite-filter{width:auto}
 .content h2{font-size:21px}.content h3{font-size:18px}.content p,.content li{font-size:14px;line-height:1.85}.content th,.content td{padding:9px 10px;font-size:12px}
 .note,.sourcebox,.decision-panel,.content-note,.toc{padding:15px}.ad-simple{padding:10px}.ad-intro{flex-direction:column;align-items:flex-start;gap:3px}
 .ad-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#aabfd5 transparent;border-radius:8px;background:#f0f2f4}
 .ad-scroll .banner-link{width:690px;max-width:none;border-radius:0}.ad-scroll .banner-link img{width:690px;max-width:none;aspect-ratio:6/1}
 .friends-section{padding-top:17px}.friend-links{gap:8px}.friend-link{padding:8px 12px;font-size:13px}
 .to-top{right:12px;bottom:13px;width:40px;height:40px}
}
@media(max-width:380px){.category-link{min-height:134px;padding:13px 10px}.card{grid-template-columns:39px minmax(0,1fr);gap:3px 10px;padding:12px}.card .icon{width:39px;height:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.category-link{transition:none}}


.group-more{display:flex;justify-content:center;align-items:center;min-height:40px;min-width:210px;margin:16px auto 0;padding:8px 21px;background:#fff;color:var(--blue);border:1px solid #c5d5e5;border-radius:9px;font-size:13px;font-weight:750}
.group-more:hover{background:var(--blue-soft);border-color:#9fc0e2}
.ad-fullsize{display:none;margin-top:8px;color:var(--blue);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:2px}
@media(max-width:620px){.ad-scroll{overflow:visible;background:transparent}.ad-scroll .banner-link{width:100%;max-width:100%;border-radius:8px}.ad-scroll .banner-link img{width:100%;max-width:100%;height:auto}.ad-fullsize{display:inline-flex}.home-hero h1{font-size:clamp(28px,7.4vw,35px)}}
@media(max-width:620px){.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fact{padding:12px 11px;font-size:12px}.fact b{font-size:11px}}
@media(max-width:340px){.facts{grid-template-columns:minmax(0,1fr)}}

/* 搜索交互 */
.home-search-wrap{max-width:790px;position:relative;margin-top:20px}
.search.home-search,.pagehead form.search{display:flex;gap:9px;align-items:stretch}
.search.home-search{margin-top:0}
.search.home-search input,.pagehead form.search input{flex:1 1 auto;width:0;min-width:0}
.search-submit{flex:0 0 auto;border:0;border-radius:10px;background:#255d9c;color:white;padding:0 21px;min-height:52px;font:inherit;font-weight:700;cursor:pointer}
.search-submit:hover,.search-submit:focus-visible{background:#174b84}
.search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:20;border:1px solid #dbe2e9;border-radius:13px;background:#fff;box-shadow:0 12px 35px rgba(17,44,80,.14);padding:8px;max-height:420px;overflow:auto}
.suggestion-label{font-size:12px;color:#657184;padding:7px 12px;margin:0}
.suggestion-link,.suggestion-all{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;text-decoration:none;color:#182f4a;font-size:14px;font-weight:650;gap:8px}
.suggestion-link:hover,.suggestion-all:hover,.suggestion-link:focus-visible,.suggestion-all:focus-visible{background:#edf4fb}
.suggestion-arrow{font-size:12px;color:#62788f;font-weight:400}
.suggestion-all{color:#255d9c;border-top:1px solid #eef0f3;margin-top:5px}
@media(max-width:620px){.search.home-search,.pagehead form.search{gap:7px}.search-submit{padding:0 12px;font-size:13px;min-height:48px}.search.home-search input,.pagehead form.search input{font-size:14px;padding-left:12px;padding-right:8px}}

/* Directory search: a single flex row with a full-width input. */
.pagehead form.directory-search{display:flex;align-items:stretch;gap:10px;width:100%;max-width:820px;min-width:0}
.pagehead form.directory-search>input[type="search"]{display:block;flex:1 1 0%;min-width:0;width:100%;max-width:none;box-sizing:border-box;margin:0}
.pagehead form.directory-search>.search-submit{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap}
@media(max-width:620px){.pagehead form.directory-search{gap:8px}.pagehead form.directory-search>input[type="search"]{min-width:0;height:48px;padding:10px 12px}.pagehead form.directory-search>.search-submit{min-height:48px;padding:0 15px}}

/* Resource discovery and saved actions */
.search-feedback{margin:12px 0 0;font-size:13px;font-weight:700;color:#315f91}
.secondary-help{padding-top:18px;padding-bottom:30px;background:#f5f7fa;border-top:1px solid var(--line)}
.selection-help{max-width:900px;margin:0 auto;background:white;border:1px solid var(--line);border-radius:11px;padding:0 16px}
.selection-help summary{cursor:pointer;list-style-position:inside;padding:14px 0;font-size:14px;color:var(--blue);font-weight:700}
.selection-help[open] summary{border-bottom:1px solid var(--line);margin-bottom:15px}
.secondary-help .wrap>h2{font-size:19px;margin-bottom:10px}
.secondary-help .content{max-width:900px}
.secondary-help table{width:100%}
.save-button{display:inline-flex;align-items:center;justify-content:center;min-width:88px;white-space:nowrap;line-height:1.4;z-index:2}
.save-button[aria-pressed=true]{font-weight:750}
@media(max-width:620px){.save-button{min-width:83px;font-size:12px}.secondary-help .wrap>h2{font-size:17px}.secondary-help{padding-top:16px}}

.directory-controls .saved-entry{display:inline-flex;align-items:center;justify-content:center;min-height:42px;background:#f0f5fb;border:1px solid #bed0e4;color:#24558e;font-size:13px;font-weight:700;border-radius:9px;padding:8px 13px}.directory-controls .saved-entry:hover{background:#e4effb;color:#174476}.directory-controls .favorite-local-note{width:100%;font-size:12px;color:#66758b;line-height:1.65;margin:0}