
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.feature-catalog{border-top:1px solid #d9e4d0}.catalog-intro{display:flex;align-items:end;justify-content:space-between;gap:35px}.catalog-intro>p{max-width:330px;font-size:15px;color:#60715b;line-height:1.8}.catalog-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:35px;flex-wrap:wrap}.catalog-filters{display:flex;gap:5px;flex-wrap:wrap}.catalog-filters button{border:1px solid transparent;background:none;padding:10px 15px;border-radius:25px;font-size:12px;color:#58704c;transition:background .2s,color .2s}.catalog-filters button[aria-pressed=true]{background:#355f40;color:#fff}.catalog-filters button:hover:not([aria-pressed=true]){background:#e5eedc}.catalog-search{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#fff;border:1px solid #cfdec4;border-radius:30px}.catalog-search input{border:0;background:transparent;color:#2c452a;font:inherit;font-size:12px;width:165px;min-width:0;outline-offset:7px}.catalog-search:focus-within{box-shadow:0 0 0 3px #65915330}.catalog-status{display:flex;align-items:center;justify-content:space-between;min-height:52px;font-size:11px;color:#6d8061}.catalog-status button{border:0;background:none;color:#355f40;font-size:11px;text-decoration:underline}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.catalog-card{position:relative;border:1px solid #d8e3d0;border-radius:17px;background:#fff;padding:26px;transition:transform .25s,border-color .25s,box-shadow .25s}.catalog-card:hover{transform:translateY(-4px);border-color:#9ab384;box-shadow:0 13px 26px #3656280c}.catalog-icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#edf4e6;color:#547b3f;font-size:23px}.catalog-category{float:right;color:#7a8c6e;font-size:10px;padding-top:12px}.catalog-card h3{font-size:17px;letter-spacing:-.3px;margin:21px 0 12px;font-weight:600}.catalog-card p{font-size:12px;line-height:1.85;color:#62745b;margin:0}.catalog-footnote{font-size:11px;line-height:1.85;color:#718266;margin-top:24px;max-width:800px}#feature-empty{padding:40px;border:1px dashed #baccac;border-radius:15px;text-align:center;color:#607451}.modes-showcase{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-block:1px solid #d9e4d0}.mode-list{display:grid;gap:7px;align-content:start}.mode-list details{border-bottom:1px solid #dce5d5;padding:14px 0}.mode-list summary{cursor:pointer;font-size:15px;font-weight:550;list-style:none;display:flex;justify-content:space-between;align-items:center}.mode-list summary::-webkit-details-marker{display:none}.mode-list summary>span{font-size:19px;font-weight:400;color:#83a36a;transition:transform .2s}.mode-list details[open] summary>span{transform:rotate(45deg)}.mode-list p{font-size:13px;line-height:1.8;color:#687f59;margin:12px 30px 0 0}.nav{position:sticky;top:0;z-index:50;max-width:none;background:#f7f9f5ee;backdrop-filter:blur(15px);padding-inline:max(40px,calc((100vw - 1160px)/2));transition:box-shadow .25s}.nav[data-scrolled=true]{box-shadow:0 1px 0 #c9d8c280,0 4px 24px #304c2508}.nav-links a:not(.nav-download){position:relative}.nav-links a:not(.nav-download)::after{content:'';position:absolute;bottom:-7px;left:0;width:100%;height:1px;background:#547c43;transform:scaleX(0);transform-origin:left;transition:transform .2s}.nav-links a:hover::after{transform:scaleX(1)}.primary{position:relative;overflow:hidden}.primary::after{content:'';position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 30%,#ffffff20 48%,transparent 65%);transform:translateX(-130%);transition:transform .6s;pointer-events:none}.primary:hover::after{transform:translateX(130%)}#motion-toggle{border:1px solid #cad9bf;border-radius:20px;background:transparent;color:#5c7450;padding:8px 13px;font-size:10px}html[data-motion-paused=true] *,html[data-motion-paused=true] *::before,html[data-motion-paused=true] *::after{animation-play-state:paused!important;transition:none!important}html[data-motion-paused=true]{scroll-behavior:auto}.download-grid a,.download-grid a div{color:#2b462e}.download-grid a>span,.download-grid a>b{color:#527b40}.download-grid small{color:#647959}.demo-answer.updated{animation:answer-arrive .35s ease-out}@keyframes answer-arrive{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-intro{align-items:start;flex-direction:column;gap:0}.catalog-intro>p{max-width:550px}.modes-showcase{gap:35px}.catalog-card{padding:22px}.nav{padding-inline:30px}}@media(max-width:560px){.catalog-grid{grid-template-columns:1fr}.catalog-controls{align-items:stretch;gap:12px}.catalog-search{width:100%}.catalog-search input{width:100%}.catalog-filters button{padding:9px 12px;font-size:11px}.catalog-card{padding:23px}.catalog-card h3{margin-top:17px}.modes-showcase{grid-template-columns:1fr;gap:20px}.nav{padding-inline:24px}.demo-toolbar{gap:3px}.demo-toolbar>span{padding:7px 5px;font-size:8px}.demo-toolbar kbd{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
