/* Scoped to the generated directory; legacy page and Services styles stay local. */
body #content .directory-design{--directory-ink:#183b50;--directory-line:#cbd8df;--directory-tint:#f1f6f8;clear:both;max-width:100%;margin:0 0 2rem;color:#203440;text-align:left;font:normal 1rem/1.5 Arial,sans-serif}
body #content .directory-design *,body #content .directory-design *::before,body #content .directory-design *::after{box-sizing:border-box}
body #content .directory-design .directory-intro{padding:1.4rem 1.5rem;background:var(--directory-tint);border-left:5px solid var(--directory-ink);margin-bottom:1.2rem}
body #content .directory-design .directory-intro h1,body #content .directory-design .directory-intro h2{margin:0 0 .4rem;padding:0;border:0;background:none;color:var(--directory-ink);font:700 clamp(1.7rem,3vw,2.4rem)/1.15 Arial,sans-serif;text-align:left}
body #content .directory-design p{margin:.4rem 0 0;color:#40545f;font:normal 1rem/1.5 Arial,sans-serif;text-align:left}
body #content .directory-design .directory-search{margin:0 0 1.2rem;max-width:38rem}
body #content .directory-design label{display:block;font-weight:700;margin-bottom:.4rem;color:var(--directory-ink)}
body #content .directory-design input{display:block;width:100%;min-height:46px;padding:.65rem .8rem;border:1px solid #758c98;border-radius:4px;background:#fff;color:#203440;font:inherit}
body #content .directory-design .directory-status{font-size:.875rem}
body #content .directory-design .directory-shortcuts{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.25rem}
body #content .directory-design .directory-shortcuts a{display:flex;align-items:center;min-height:44px;padding:.45rem .8rem;border:1px solid var(--directory-line);border-radius:4px;background:#fff;color:var(--directory-ink);font-size:.9rem;line-height:1.35;text-decoration:underline;overflow-wrap:anywhere}
body #content .directory-design .directory-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
body #content .directory-design .directory-panel{min-width:0;padding:1.15rem;border:1px solid var(--directory-line);border-radius:6px;background:#fff;scroll-margin-top:1rem}
body #content .directory-design .directory-panel h2,body #content .directory-design .directory-panel h3{margin:0 0 .65rem;padding:0 0 .65rem;border:0;border-bottom:2px solid var(--directory-line);background:none;color:var(--directory-ink);font:700 1.15rem/1.35 Arial,sans-serif;text-align:left}
body #content .directory-design ul{list-style:none;display:block;margin:0;padding:0;width:auto;background:none;border:0;float:none}
body #content .directory-design li{list-style:none;display:block;margin:0;padding:0;border:0;float:none;background:none}
body #content .directory-design li a{display:flex;align-items:center;min-height:44px;padding:.55rem .15rem;border-bottom:1px solid #e7edef;color:#174e6a;text-decoration:underline;font:normal 1rem/1.4 Arial,sans-serif;overflow-wrap:anywhere;white-space:normal}
body #content .directory-design a:hover{color:#102f40;background:var(--directory-tint)}
body #content .directory-design a:focus-visible,body #content .directory-design input:focus-visible{outline:3px solid #145c85;outline-offset:3px}
body #content .directory-design [hidden]{display:none!important}
body #content .directory-design--large .directory-panels{display:block}
body #content .directory-design--large .directory-panel{margin-bottom:1rem}
body #content .directory-design--large ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1.4rem}
body #content .directory-design--compact .directory-panels{grid-template-columns:1fr}
@media(max-width:800px){body #content .directory-design--large ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){body #content .directory-design .directory-panels,body #content .directory-design--large ul{display:block}body #content .directory-design .directory-panel{margin-bottom:1rem;padding:1rem}body #content .directory-design .directory-intro{padding:1.1rem}body #content .directory-design .directory-shortcuts a{font-size:.85rem}}
@media(forced-colors:active){body #content .directory-design .directory-panel,body #content .directory-design input,body #content .directory-design .directory-shortcuts a{border-color:CanvasText}body #content .directory-design a:focus-visible,body #content .directory-design input:focus-visible{outline-color:Highlight}}
