.future-features { padding-bottom:60px; }
.feature-feedback { display:flex; align-items:center; gap:32px; padding:25px 28px; border:1px solid #c7d8eb; border-radius:10px; background:var(--tint); }
.feature-feedback>div { flex:1; }
.feature-feedback h2 { font-size:21px; }
.feature-feedback p { margin-top:9px; font-size:15px; max-width:760px; }
.feature-feedback .button { flex:none; }
.feature-list-note { margin:24px 0; max-width:930px; font-size:14px; }
.feature-list-note p+p { margin-top:10px; font-size:13px; }
.feature-groups { display:grid; gap:13px; }
.feature-group { border:1px solid #cdd9e5; border-radius:9px; background:#fff; }
.feature-group summary { display:flex; align-items:center; gap:20px; list-style:none; padding:22px 25px; cursor:pointer; border-radius:9px; }
.feature-group summary::-webkit-details-marker { display:none; }
.feature-group summary:hover { background:#f7faff; }
.feature-group summary:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
.feature-group[open]>summary { background:var(--tint); border-bottom:1px solid var(--line); border-radius:9px 9px 0 0; }
.feature-group-title { flex:1; font-size:19px; line-height:1.4; font-weight:650; color:var(--ink); }
.feature-group-description { display:block; margin-top:5px; font-size:14px; font-weight:400; color:var(--muted); }
.feature-count { color:#50667c; font-size:13px; white-space:nowrap; }
.feature-chevron { font-size:23px; color:var(--blue); line-height:1; }
.feature-group[open]>summary .feature-chevron { transform:rotate(180deg); }
.feature-roadmap-table { border-collapse:collapse; width:100%; table-layout:fixed; text-align:left; }
.feature-roadmap-table thead th { font-size:12px; font-weight:600; color:var(--muted); padding:13px 22px; background:#fbfcfe; }
.feature-roadmap-table th:first-child { width:65%; }
.feature-roadmap-table th:nth-child(2) { width:20%; }
.feature-roadmap-table th:nth-child(3) { width:15%; }
.feature-roadmap-table tbody th,.feature-roadmap-table td { padding:23px 22px; vertical-align:top; border-top:1px solid var(--line); }
.feature-roadmap-table tbody th { font-weight:400; }
.feature-roadmap-table h3 { font-size:16px; letter-spacing:0; line-height:1.5; }
.feature-roadmap-table p { margin-top:7px; font-size:14px; line-height:1.75; }
.feature-request { display:inline-block; margin-top:11px; font-size:12px; text-decoration:none; }
.feature-request:hover { text-decoration:underline; }
.feature-status { display:inline-block; padding:3px 9px; border-radius:5px; font-size:12px; line-height:1.6; background:#eef2f6; color:#43556a; }
.feature-status.development { background:#e8f1ff; color:#175ba8; }
.feature-status.completed { background:#eaf5ed; color:#2b6840; }
.feature-not-released,.feature-version { font-size:13px; }
.feature-not-released { color:var(--muted); }
.feature-mobile-label { display:none; }
.feature-bottom { font-size:14px; margin-top:27px; overflow-wrap:anywhere; }
@media(max-width:760px) {
  .feature-feedback { display:block; padding:22px; }
  .feature-feedback .button { margin-top:18px; }
  .feature-group summary { padding:18px; gap:12px; }
  .feature-group-title { font-size:17px; }
  .feature-group-description { font-size:13px; }
  .feature-count { font-size:12px; }
  .feature-roadmap-table,.feature-roadmap-table tbody { display:block; }
  .feature-roadmap-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .feature-roadmap-table tbody tr { display:grid; grid-template-columns:1fr 1fr; padding:19px 18px; gap:15px 12px; border-top:1px solid var(--line); }
  .feature-roadmap-table tbody tr:first-child { border-top:0; }
  .feature-roadmap-table tbody th:first-child { grid-column:1/-1; width:auto; }
  .feature-roadmap-table tbody th,.feature-roadmap-table td { border:0; padding:0; }
  .feature-mobile-label { display:block; font-size:11px; color:var(--muted); margin-bottom:5px; }
  .feature-roadmap-table td:last-child { border-left:1px solid var(--line); padding-left:16px; }
}
@media(max-width:380px) {
  .feature-count { display:none; }
  .feature-group summary { padding:16px; }
}