/* Source for the seven independently deployed product directories.
   Run tools/sync_suite_navigation.py after changing this file. */
.td-suite-directory{color:#dbe8eb;border-top:1px solid #9bbcc226;padding-block:40px 30px;scroll-margin-top:100px}
.td-suite-directory-inner{width:min(1280px,calc(100% - 64px));margin-inline:auto}
.td-suite-directory-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:26px}
.td-suite-directory h2{margin:0;font-size:18px;font-weight:600;line-height:1.5;letter-spacing:0}
.td-suite-directory-heading>a,.td-suite-web-entry>a{color:#a5d9d1;font-size:13px;text-underline-offset:4px}
.td-suite-directory-links{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px}
.td-suite-directory-links>a{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;min-height:68px;padding-block:4px;color:inherit;text-decoration:none}
.td-suite-directory-links strong{font-size:15px;line-height:1.5;font-weight:600;white-space:nowrap}
.td-suite-directory-links span{color:#afc1c8;font-size:12px;line-height:1.7}
.td-suite-directory-links .td-suite-current{color:#a5d9d1;font-size:11px;line-height:1.4}
.td-suite-directory a:hover{color:#baf4e4}
.td-suite-directory a:focus-visible,.td-suite-context a:focus-visible{outline:2px solid #a5d9d1;outline-offset:5px}
.td-suite-web-entry{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 20px;margin:24px 0 0;padding-top:20px;border-top:1px solid #9bbcc21c}
.td-suite-web-entry span{color:#afc1c8;font-size:12px;line-height:1.7}
.td-suite-context{padding-block:clamp(64px,7vw,108px);scroll-margin-top:100px}
.td-suite-context h2,.td-suite-context h3{margin:0 0 20px;font-size:clamp(26px,3vw,40px);line-height:1.4;letter-spacing:-.02em}
.td-suite-context-intro{max-width:68ch;margin:0 0 32px;color:#b5c9cf;font-size:15px;line-height:1.9}
.td-suite-context dl{margin:0}
.td-suite-context dl>div{display:grid;grid-template-columns:minmax(150px,1fr) 2.4fr;gap:28px;padding-block:22px;border-top:1px solid #9bbcc22b}
.td-suite-context dt{font-size:16px;line-height:1.7;font-weight:600}
.td-suite-context dd{margin:0;max-width:72ch;color:#b5c9cf;font-size:14px;line-height:1.95}
.td-suite-context a,.td-suite-context-note a{color:#a5d9d1;text-decoration:underline;text-decoration-color:#a5d9d15c;text-underline-offset:4px;white-space:nowrap}
.td-suite-context a:hover,.td-suite-context-note a:hover{color:#d3fff1;text-decoration-color:currentColor}
.td-suite-inline{color:inherit;text-decoration:underline;text-decoration-color:#a5d9d15c;text-underline-offset:4px}
.td-suite-inline:hover{color:#baf4e4;text-decoration-color:currentColor}
.td-suite-inline:focus-visible{outline:2px solid #a5d9d1;outline-offset:4px}
.td-suite-context-note{max-width:78ch;color:#afc1c8;font-size:13px;line-height:1.9;margin:24px 0 0}
.td-suite-context--embedded{grid-column:1/-1;padding-top:0;padding-bottom:0}
.td-suite-context--embedded h3{font-size:clamp(24px,2.5vw,32px)}
@media(max-width:1239px){.td-suite-directory-links{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:22px}}
@media(max-width:740px){.td-suite-directory-inner{width:calc(100% - 40px)}.td-suite-directory-heading{align-items:flex-start;flex-direction:column;gap:8px}.td-suite-directory-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.td-suite-context dl>div{grid-template-columns:1fr;gap:10px}.td-suite-context--embedded{padding-top:44px}}