.feature-directory-heading{max-width:800px;margin-bottom:54px}
.feature-directory-heading h2{max-width:18em}
.feature-directory-heading>p{max-width:58ch;font-size:18px;line-height:1.8;margin-top:20px;color:var(--muted,#4b697c)}
.feature-directory-layout{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.7fr);gap:92px;align-items:start}
.feature-directory-tabs{display:flex;flex-direction:column;position:sticky;top:112px}
.feature-directory-tab{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 0;border-bottom:1px solid var(--line,#dce8ee);color:var(--ink,#143650);transition:color .2s}
.feature-directory-tab:first-child{border-top:1px solid var(--line,#dce8ee)}
.feature-directory-category-name{display:block;font-size:18px;line-height:1.5;font-weight:650}
.feature-directory-category-purpose{display:block;font-size:13px;line-height:1.75;margin-top:6px;color:var(--muted,#4b697c)}
.feature-directory-tab>svg{width:20px;height:20px;flex:0 0 auto;opacity:.45;transition:transform .24s,color .2s,opacity .2s}
.feature-directory-tab:hover,.feature-directory-tab[data-selected=true]{color:var(--blue,#0879b8)}
.feature-directory-tab[data-selected=true]>svg{opacity:1;transform:translateX(3px)}
.feature-directory-tab:focus-visible,.feature-directory-panel:focus-visible{outline:3px solid var(--blue,#0879b8);outline-offset:6px;border-radius:3px}
.feature-directory-panel{min-width:0;scroll-margin-top:112px}
.feature-directory-panel+.feature-directory-panel{margin-top:56px}
.feature-directory[data-feature-directory-ready=true] .feature-directory-panel{margin-top:0}
.feature-directory[data-feature-directory-ready=true] .feature-directory-panels{min-height:590px}
.feature-directory-panel-intro{padding-bottom:28px}
.feature-directory-panel-intro h3{font-size:27px;line-height:1.45;letter-spacing:-.025em;font-weight:650;color:var(--ink,#143650)}
.feature-directory-panel-intro p{font-size:16px;line-height:1.85;margin-top:13px;max-width:58ch;color:var(--muted,#4b697c)}
.feature-directory-feature{border-top:1px solid var(--line,#dce8ee)}
.feature-directory-feature:last-child{border-bottom:1px solid var(--line,#dce8ee)}
.feature-directory-feature>summary{display:flex;align-items:flex-start;justify-content:space-between;gap:26px;cursor:pointer;list-style:none;padding:23px 0;touch-action:manipulation}
.feature-directory-feature>summary::-webkit-details-marker{display:none}
.feature-directory-feature>summary>span{min-width:0}
.feature-directory-feature-name{display:block;font-size:18px;line-height:1.5;font-weight:650;color:var(--ink,#143650)}
.feature-directory-benefit{display:block;font-size:14px;line-height:1.85;margin-top:8px;max-width:62ch;color:var(--muted,#4b697c)}
.feature-directory-feature>summary>svg{width:19px;height:19px;flex:0 0 auto;margin-top:4px;color:var(--blue,#0879b8);transition:transform .2s}
.feature-directory-feature[open]>summary>svg{transform:rotate(45deg)}
.feature-directory-feature>summary:focus-visible{outline:3px solid var(--blue,#0879b8);outline-offset:5px;border-radius:3px}
.feature-directory-detail{padding:0 38px 26px 0}
.feature-directory-detail p{max-width:65ch;font-size:14px;line-height:1.95;color:var(--muted,#4b697c)}
@media(max-width:1100px){.feature-directory-layout{gap:55px;grid-template-columns:minmax(200px,.75fr) minmax(0,1.55fr)}}
@media(max-width:800px){.feature-directory-layout{gap:35px;grid-template-columns:minmax(180px,.75fr) minmax(0,1.55fr)}.feature-directory-heading{margin-bottom:38px}.feature-directory-tab{padding-block:20px}.feature-directory-category-name{font-size:16px}.feature-directory-category-purpose{font-size:12px}.feature-directory-feature-name{font-size:16px}.feature-directory-panel-intro h3{font-size:24px}.feature-directory-feature>summary{gap:18px}.feature-directory-benefit{font-size:13px}}
@media(max-width:700px){.feature-directory-layout{grid-template-columns:1fr;gap:32px}.feature-directory-tabs{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.feature-directory-tab{padding:17px 0;min-height:78px}.feature-directory-tab:nth-child(2){border-top:1px solid var(--line,#dce8ee)}.feature-directory-category-name{font-size:15px}.feature-directory-category-purpose{font-size:11px;line-height:1.6;margin-top:5px}.feature-directory-tab>svg{width:17px;height:17px}.feature-directory-panel-intro{padding-bottom:22px}.feature-directory-panel-intro h3{font-size:24px}.feature-directory-panel-intro p{font-size:14px;line-height:1.85}.feature-directory[data-feature-directory-ready=true] .feature-directory-panels{min-height:0}.feature-directory-feature>summary{padding-block:21px}.feature-directory-feature-name{font-size:16px}.feature-directory-benefit{font-size:13px;line-height:1.9}.feature-directory-detail{padding:0 22px 23px 0}.feature-directory-detail p{font-size:13px}.feature-directory-heading>p{font-size:16px;margin-top:17px}}
@media(max-width:360px){.feature-directory-tabs{gap:0 17px}.feature-directory-category-name{font-size:14px}.feature-directory-category-purpose{font-size:10px}.feature-directory-tab{gap:10px}.feature-directory-panel-intro h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.feature-directory-tab,.feature-directory-tab>svg,.feature-directory-feature>summary>svg{transition:none}}