body:has(.directory-shell){overflow:hidden}.directory-shell{color:#17233d;box-sizing:border-box;background:#f7f9fc;flex-direction:column;height:100dvh;padding:0 28px 28px;display:flex}.directory-shell *{box-sizing:border-box}.directory-shell a{color:inherit;text-decoration:none}.directory-shell .discovery-header{flex:none}.directory-layout{flex:1;gap:18px;min-height:0;padding-top:8px;display:flex}.directory-intro{background:linear-gradient(145deg,#fff 30%,#edf2fc);border:1px solid #e2e8f2;border-radius:24px;flex-direction:column;flex:0 0 310px;min-width:0;padding:28px;display:flex;overflow-y:auto}.directory-breadcrumb ol{color:#6b7b94;flex-wrap:wrap;gap:8px;margin:0;padding:0;font-size:12px;line-height:1.7;list-style:none;display:flex}.directory-breadcrumb li+li:before{content:"/";color:#a3afc0;margin-right:8px}.directory-breadcrumb a:hover{text-decoration:underline}.directory-eyebrow{letter-spacing:.12em;color:#697e9d;margin:48px 0 18px;font-size:11px}.directory-intro h1{letter-spacing:-.035em;overflow-wrap:anywhere;margin:0 0 22px;font-size:34px;line-height:1.2}.directory-description{color:#65748b;white-space:pre-line;margin:0;font-size:15px;line-height:1.85}.directory-count{color:#8290a6;margin:24px 0;font-size:12px}.directory-home{border-top:1px solid #dde5f1;justify-content:space-between;margin-top:auto;padding-top:20px;font-size:13px;display:flex}.directory-board{scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;outline-offset:-3px;border-radius:24px;flex:1;grid-template-rows:repeat(2,minmax(0,min(340px,50dvh - 63px)));grid-auto-columns:310px;grid-auto-flow:column;align-content:start;gap:16px;min-width:0;display:grid;overflow:auto hidden}.directory-tool{background:#fff;border:1px solid #e2e8f2;border-radius:24px;flex-direction:column;min-width:0;min-height:0;padding:24px;display:flex;overflow-y:auto}.directory-tool:nth-child(4n+2){background:#f0f3ff}.directory-tool:nth-child(4n+3){background:#f1f8f4}.directory-tool:hover{border-color:#abbddd}.directory-tool-heading{align-items:center;gap:12px;display:flex}.directory-tool-heading .tool-logo{flex:none;width:40px;height:40px}.directory-tool h2{overflow-wrap:anywhere;min-width:0;margin:0;font-size:21px;line-height:1.3}.directory-tool-heading>span{color:#8599b7;margin-left:auto}.directory-tool>p{color:#63718a;margin:20px 0;font-size:14px;line-height:1.8}.directory-tool ul{color:#728199;margin:0 0 20px;padding-left:16px;font-size:12px;line-height:1.8}.directory-model{color:#507365;border-top:1px solid #e4eaf3;margin-top:auto;padding-top:16px;font-size:12px}@media (width>=901px) and (height<=760px){.directory-board{grid-template-rows:minmax(0,min(420px,100dvh - 110px))}.directory-eyebrow{margin-top:28px}.directory-intro{padding:24px}}@media (width<=900px){body:has(.directory-shell){overflow:auto}.directory-shell{height:auto;min-height:100dvh;padding:0 16px 60px}.directory-layout{display:block}.directory-intro{margin-bottom:18px;padding:24px;overflow:visible}.directory-eyebrow{margin-top:28px}.directory-intro h1{font-size:30px}.directory-home{margin-top:6px}.directory-board{touch-action:pan-y pinch-zoom;grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;display:grid;overflow:visible}.directory-tool{min-height:260px;overflow:visible}}@media (width<=600px){.directory-board{grid-template-columns:minmax(0,1fr)}.directory-tool{min-height:240px}}