.docs{padding-block:24px 56px}.docs-head{flex-direction:column;gap:16px;margin-block:16px 32px;display:flex}.docs-head h1{font-family:var(--font-heading);font-weight:var(--font-heading-weight);text-wrap:balance;margin:0;font-size:34px;line-height:1.05}.docs-lede{color:#3f4542;max-width:46em;margin:0;font-size:17px;line-height:1.55}.docs-search{flex-direction:column;gap:8px;display:flex}.docs-search label{font-size:15px;font-weight:600}.docs-field{max-width:480px;position:relative}.docs-field svg{inset-inline-start:14px;color:#555b58;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.docs-field input{width:100%;height:48px;font:inherit;color:var(--color-text);background:#fff;border:1px solid #6f7c74;border-radius:12px;padding-inline:44px 14px;font-size:16px}.docs-count{color:#555b58;margin:0;font-size:14px}.docs-none{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.docs-none p{margin:0;font-size:16px}.docs-none .btn-line{min-height:44px}.docs-featured{background:#e4efe8;border-radius:16px;flex-direction:column;gap:10px;padding:20px;display:flex}.docs-featured time{color:#2c4a3a;font-size:14px}.docs-featured h2{max-width:22em;font-family:var(--font-heading);font-weight:var(--font-heading-weight);text-wrap:balance;margin:0;font-size:28px;line-height:1.1}.docs-featured h2 a{color:inherit;text-decoration:none}.docs-featured h2 a:hover{text-decoration:underline}.docs-featured p{max-width:40em;margin:0;font-size:18px;line-height:1.55}.docs-read{color:var(--color-accent);align-self:flex-start;font-weight:600;text-decoration:underline}.docs-group h2{font-family:var(--font-heading);font-weight:var(--font-heading-weight);margin:48px 0 8px;font-size:30px;line-height:1.1}.docs-list{column-gap:48px;display:grid}.docs-item{border-top:1px solid #dcdfda;flex-direction:column;gap:6px;padding-block:20px;display:flex}.docs-item time{color:#555b58;font-size:14px}.docs-item h3{font-family:var(--font-body);color:#1b1d1c;margin:0;font-size:20px;font-weight:700;line-height:1.3}.docs-item h3 a{color:inherit;text-decoration:none}.docs-item h3 a:hover{text-decoration:underline}.docs-item p{color:#3f4542;margin:0;font-size:16px;line-height:1.55}@media (min-width:761px){.docs-head h1{font-size:54px}.docs-lede{font-size:18px}.docs-featured{padding:32px}.docs-featured h2{font-size:36px}.docs-list{grid-template-columns:1fr 1fr}}