.features-intro{padding:72px 0 28px}.features-intro h1{font-size:clamp(38px,5vw,56px)}.features-controls{padding:26px 0 34px;background:var(--deep-cream)}.features-form{display:grid;gap:16px;max-width:900px;margin:auto}.features-form label,.features-form legend{font-weight:600}.features-form input[type=search]{min-height:46px;padding:10px 12px;border:1px solid var(--utaupeia);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit}.features-form fieldset{margin:0;padding:0;border:0}.workflow-options{display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:8px}.workflow-options label{font-size:14px;font-weight:400}.features-form .button-row{margin-top:2px;justify-content:flex-start}.features-form button{cursor:pointer}.features-results{padding:42px 0}.features-count{margin-bottom:30px;color:var(--ink-soft)}.feature-workflow{padding:36px 0;border-top:1px solid var(--surface-tint)}.feature-workflow>h2{font-size:clamp(27px,4vw,36px)}.feature-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.feature-card{padding:20px;border:1px solid var(--surface-tint);border-radius:10px;background:var(--paper)}.feature-card h3,.feature-deeper-dive h3{font-size:21px}.feature-card p:last-child,.feature-deeper-dive li>p:last-child{margin-top:8px;color:var(--ink-soft)}.feature-qualifier{margin-top:8px;color:var(--ink);font-size:12px;font-weight:600}.feature-deeper-dive{margin-top:16px}.feature-deeper-dive summary{cursor:pointer;font-weight:600}.feature-deeper-dive ul{display:grid;gap:16px;margin:16px 0 0;padding:0;list-style:none}.feature-deeper-dive li{padding-top:16px;border-top:1px solid var(--surface-tint)}.feature-deeper-dive li h3{font-size:18px}.features-empty{max-width:600px;padding:28px;border:1px solid var(--surface-tint);border-radius:10px;background:var(--paper)}.features-empty p{margin:10px 0 20px;color:var(--ink-soft)}.features-paths{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}.features-form :focus-visible,.feature-deeper-dive summary:focus-visible,.features-paths a:focus-visible{outline:2px solid var(--rock);outline-offset:3px}@media(max-width:640px){.features-intro{padding-top:48px}.feature-card-grid{grid-template-columns:1fr}.feature-card{padding:16px}.features-form .button-row,.features-paths{flex-direction:column}.features-form .button-row>*,.features-paths>*{width:100%}}@media(max-width:420px){.workflow-options{display:grid;grid-template-columns:1fr}}
.features-form{margin:0}
