/* Registry: visual styles scoped through the selectors below. Responsive rules follow the base rules. */
.crumbs{padding:22px 0;font-size:13px;color:#586460}
.pagehero{padding:65px 0}
.pagehero h1{font-size:clamp(38px,5vw,65px);letter-spacing:-2px}
.pagehero p:last-child{max-width:760px;color:#cbd4d8}
.directory{padding:65px 0 90px}
.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:20px;align-items:end}
.filters .button{margin-bottom:15px}
.table-scroll{overflow-x:auto}
table{border-collapse:collapse;width:100%;min-width:720px;text-align:left;font-size:15px}
th,td{padding:20px 16px;border-bottom:1px solid #d6dcd6}
th{background:#f6f5ef;font-size:12px}
td a{text-decoration:underline}
.guide{display:grid;grid-template-columns:1.4fr 1fr;gap:70px}
.guide aside{background:#f6f5ef;padding:30px;border-radius:8px;align-self:start}
.badge-demo{border-radius:8px;padding:20px;background:#111d29;color:white;display:flex;flex-direction:column;max-width:300px}
.badge-demo b{color:#d7fa62;font-size:23px}
.badge-demo span,.badge-demo small{font-size:12px}
.notice{background:#edf0e4;border-left:4px solid #6d863a;padding:18px;font-size:14px}
pre{background:#111d29;color:#e2f4ab;padding:24px;overflow:auto;border-radius:6px;font-size:14px}
code{font-family:monospace}
.install-steps{grid-template-columns:repeat(3,1fr);margin-bottom:45px}
.install-steps p{color:#4d5a60}
.install-steps span{color:#536d22}
dt{font-size:12px;font-weight:bold;margin-top:20px}
dd{margin:3px 0 12px}
nav{gap:18px;font-size:12px}
@media(max-width:800px){.filters,.guide{grid-template-columns:1fr;gap:15px}
.install-steps{grid-template-columns:1fr}
.pagehero{padding:45px 0}
.directory{padding-top:40px}
.filters .button{justify-content:center}
.guide{gap:30px}
}