.fe-material{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;line-height:1;display:inline-block}.fe-hero{background:radial-gradient(120% 140% at 100% 0,#4f46e5 0%,#4338ca 42%,#312e81 100%);border-radius:20px;margin-bottom:3rem;padding:3.25rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 16px 32px -8px #4f46e51f,0 4px 8px -2px #4f46e50f}.fe-hero-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#c7d2fe;margin:0 0 1rem;font-family:SF Mono,Monaco,monospace;font-size:.75rem}.fe-hero h1{color:#fff;letter-spacing:-.03em;max-width:22ch;margin:0 0 1.25rem;font-family:Red Hat Display,system-ui,sans-serif;font-size:clamp(2rem,4vw + 1rem,3.1rem);font-weight:900;line-height:1.05}.fe-hero p{color:#e0e7ff;max-width:44rem;margin:0;font-size:1.0625rem;line-height:1.6}.fe-hero p strong{color:#fff;font-weight:700}.fe-part{border-bottom:2px solid #4f46e5;align-items:baseline;gap:.85rem;margin:3.5rem 0 .5rem;padding-bottom:.75rem;display:flex}.fe-part-kicker{text-transform:uppercase;letter-spacing:.14em;color:#4338ca;background:#e0e7ff;border-radius:6px;padding:.2rem .6rem;font-family:SF Mono,Monaco,monospace;font-size:.75rem;font-weight:700}.fe-part-title{color:#0f172a;letter-spacing:-.02em;font-family:Red Hat Display,system-ui,sans-serif;font-size:1.5rem;font-weight:800}.fe-section{border-bottom:1px solid #e6e8eb;margin-top:2.5rem;padding-bottom:2rem}.fe-section:last-of-type{border-bottom:none}.fe-section-header{align-items:center;margin-bottom:.75rem;display:flex}.fe-section-number{color:#fff;background:#4f46e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;margin-right:.75rem;font-size:.875rem;font-weight:700;display:inline-flex}.fe-section-title{color:#0f172a;font-family:Red Hat Display,system-ui,sans-serif;font-size:1.25rem;font-weight:700}.fe-text{color:#475569;max-width:48rem;font-family:Rubik,system-ui,sans-serif;font-size:.9375rem;line-height:1.7}.fe-text+.fe-text{margin-top:1rem}.fe-text strong{color:#0f172a;font-weight:600}.fe-text code,.fe-inline-code{color:#4338ca;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,monospace;font-size:.875em}.fe-callout{background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;gap:.75rem;max-width:48rem;margin:1.25rem 0;padding:1rem 1.25rem;display:flex}.fe-callout .fe-material{color:#4338ca;flex-shrink:0;font-size:1.25rem}.fe-callout-text{color:#3730a3;font-family:Rubik,system-ui,sans-serif;font-size:.875rem;line-height:1.6}.fe-callout-text strong{color:#312e81;font-weight:700}.fe-callout-text code{color:#3730a3;background:#4f46e51a;border-radius:4px;padding:1px 5px;font-family:SF Mono,Monaco,monospace;font-size:.85em}.fe-lab{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;margin:1.25rem 0;display:grid}.fe-demo{background:#fff;border:1px solid #e6e8eb;border-radius:12px;padding:1.5rem}.fe-demo-label{text-transform:uppercase;color:#475569;letter-spacing:.08em;margin-bottom:1rem;font-size:.6875rem;font-weight:700}.fe-field{margin-bottom:1.25rem}.fe-field:last-child{margin-bottom:0}.fe-label{color:#0f172a;margin-bottom:.25rem;font-family:Rubik,system-ui,sans-serif;font-size:.875rem;font-weight:500;display:block}.fe-label .fe-req{color:#dc2626;margin-left:.15rem}.fe-label .fe-opt{color:#64748b;margin-left:.35rem;font-size:.8125rem;font-weight:400}.fe-help{color:#64748b;margin-top:.3rem;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fe-input{box-sizing:border-box;color:#0f172a;width:100%;caret-color:var(--color-primary);background:#fff;border:1px solid #64748b;border-radius:6px;padding:.75rem 1rem;font-family:Rubik,sans-serif;font-size:1rem;transition:border-color .15s,box-shadow .15s}.fe-input::placeholder{color:#64748b}.fe-input:focus-visible{border-color:#4f46e5;outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #4f46e5}.fe-input.error{border-color:#ef4444}.fe-input.error:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #dc2626}.fe-input.success{border-color:#059669}select.fe-input{appearance:auto;cursor:pointer}.fe-error{color:#991b1b;align-items:flex-start;gap:.35rem;margin-top:.35rem;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.45;display:flex}.fe-error .fe-material{color:#dc2626;flex-shrink:0;margin-top:.05rem;font-size:1rem}.fe-success-text{color:#166534;align-items:center;gap:.35rem;margin-top:.35rem;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;display:flex}.fe-success-text .fe-material{color:#059669;font-size:1rem}.fe-anatomy{background:#f8fafc;border:1px solid #e6e8eb;border-radius:12px;margin:1.25rem 0;padding:1.5rem;position:relative}.fe-anatomy-part{grid-template-columns:8.5rem 1fr;align-items:center;gap:.75rem;padding:.5rem 0;display:grid}@media (width<=560px){.fe-anatomy-part{grid-template-columns:1fr;gap:.25rem}}.fe-anatomy-tag{color:#4338ca;text-align:center;background:#e0e7ff;border-radius:6px;align-self:start;padding:.2rem .5rem;font-family:SF Mono,Monaco,monospace;font-size:.75rem;font-weight:700}.fe-table-scroll{border:1px solid #e6e8eb;border-radius:12px;margin:1.25rem 0;overflow-x:auto}.fe-table{border-collapse:collapse;width:100%;min-width:680px;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem}.fe-table th{text-align:left;color:#0f172a;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e6e8eb;padding:.75rem 1rem;font-size:.75rem;font-weight:700}.fe-table td{color:#475569;vertical-align:top;border-bottom:1px solid #f1f5f9;padding:.75rem 1rem}.fe-table tr:last-child td{border-bottom:none}.fe-table code{color:#4338ca;white-space:nowrap;background:#eef2ff;border-radius:4px;padding:1px 5px;font-family:SF Mono,Monaco,monospace;font-size:.9em}.fe-table .fe-kbd{color:#0f172a;white-space:nowrap;font-weight:600}.fe-yes{color:#166534;font-weight:700}.fe-no{color:#991b1b;font-weight:700}.fe-yes .fe-material,.fe-no .fe-material{vertical-align:-.15rem;font-size:.95rem}.fe-timeline{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:1.25rem 0;display:grid}.fe-tl-step{background:#fff;border:1px solid #e6e8eb;border-radius:10px;padding:1rem}.fe-tl-when{text-transform:uppercase;letter-spacing:.04em;color:#4338ca;background:#eef2ff;border-radius:6px;align-items:center;gap:.3rem;margin-bottom:.6rem;padding:.15rem .55rem;font-family:SF Mono,Monaco,monospace;font-size:.6875rem;font-weight:700;display:inline-flex}.fe-tl-title{color:#0f172a;margin-bottom:.3rem;font-family:Rubik,system-ui,sans-serif;font-size:.875rem;font-weight:600}.fe-tl-body{color:#64748b;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.5}.fe-accent-lab{background:#f8fafc;border:1px solid #e6e8eb;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin:1.25rem 0;padding:1.5rem;display:grid}.fe-accent-lab input[type=checkbox],.fe-accent-lab input[type=radio],.fe-accent-lab input[type=range],.fe-accent-lab progress{accent-color:var(--color-primary)}.fe-accent-lab input[type=checkbox],.fe-accent-lab input[type=radio]{width:1.5rem;height:1.5rem;margin:0}.fe-accent-lab input[type=range]{width:100%}.fe-accent-lab progress{width:100%;height:.75rem}.fe-accent-group{flex-direction:column;gap:.6rem;display:flex}.fe-accent-cap{text-transform:uppercase;letter-spacing:.06em;color:#475569;margin-bottom:.15rem;font-family:SF Mono,Monaco,monospace;font-size:.6875rem;font-weight:700}.fe-accent-row{color:#0f172a;align-items:center;gap:.6rem;font-family:Rubik,system-ui,sans-serif;font-size:.9375rem;display:flex}.fe-code{color:#e2e8f0;background:#0f172a;border-radius:10px;max-width:48rem;margin:1.25rem 0;padding:1.1rem 1.3rem;font-family:SF Mono,Monaco,monospace;font-size:.8125rem;line-height:1.75;overflow-x:auto}.fe-code .fe-c-com{color:#94a3b8}.fe-code .fe-c-prop{color:#a5b4fc}.fe-code .fe-c-sel{color:#c4b5fd}.fe-demo.avoid{background:#fbfcfd;border-style:dashed;border-color:#cbd5e1}.fe-demo-label.rec{color:#166534}.fe-demo-label.avoid{color:#991b1b}.fe-rules{flex-direction:column;gap:.75rem;max-width:48rem;margin:1.25rem 0;display:flex}.fe-rule{background:#fff;border:1px solid #e6e8eb;border-left:3px solid #4f46e5;border-radius:10px;padding:.9rem 1.125rem}.fe-rule-line{color:#0f172a;margin:0;font-family:Rubik,system-ui,sans-serif;font-size:.9375rem;line-height:1.5}.fe-rule-why{color:#64748b;margin:.35rem 0 0;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.5}.fe-tag{text-transform:uppercase;letter-spacing:.05em;vertical-align:.08em;border-radius:4px;margin-right:.5rem;padding:.1rem .4rem;font-family:SF Mono,Monaco,monospace;font-size:.625rem;font-weight:700;display:inline-block}.fe-tag.rule{color:#4338ca;background:#e0e7ff}.fe-tag.why{color:#475569;background:#f1f5f9}.fe-rule code{color:#334155;background:#0f172a0f;border-radius:4px;padding:1px 5px;font-family:SF Mono,Monaco,monospace;font-size:.8125em}.fe-ladder{counter-reset:fe-step;max-width:48rem;margin:1.25rem 0}.fe-ladder-step{border-bottom:1px dashed #e2e8f0;gap:.875rem;padding:.875rem 0;display:flex}.fe-ladder-step:last-child{border-bottom:none}.fe-ladder-step:before{counter-increment:fe-step;content:counter(fe-step);color:#4338ca;background:#eef2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-family:SF Mono,monospace;font-size:.75rem;font-weight:700;display:flex}.fe-ladder-text{color:#334155;font-family:Rubik,system-ui,sans-serif;font-size:.875rem;line-height:1.5}.fe-ladder-text strong{color:#0f172a}.fe-xlink{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;align-items:center;gap:.4rem;margin:1rem .5rem 0 0;padding:.4rem .9rem;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.fe-xlink:hover{background:#e0e7ff}.fe-xlink .fe-material{font-size:1rem}.fe-family{align-items:center;gap:.6rem;margin:2rem 0 .5rem;display:flex}.fe-family .fe-material{color:#4f46e5;font-size:1.35rem}.fe-family-title{color:#0f172a;font-family:Red Hat Display,system-ui,sans-serif;font-size:1.05rem;font-weight:700}.fe-catalog{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin:1rem 0 1.5rem;display:grid}.fe-cat{background:#fff;border:1px solid #e6e8eb;border-radius:12px;flex-direction:column;gap:.6rem;padding:1.15rem 1.25rem;display:flex}.fe-cat-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.fe-cat-name{color:#0f172a;font-family:Rubik,system-ui,sans-serif;font-size:.9375rem;font-weight:700}.fe-verdict{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:6px;padding:.15rem .55rem;font-family:SF Mono,Monaco,monospace;font-size:.625rem;font-weight:700}.fe-verdict.native{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.fe-verdict.custom{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe}.fe-verdict.hybrid{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.fe-cat-el{color:#4338ca;margin:0;font-family:SF Mono,Monaco,monospace;font-size:.8125rem}.fe-cat-attrs{flex-wrap:wrap;gap:.35rem;display:flex}.fe-cat-attrs code{color:#4338ca;background:#eef2ff;border-radius:4px;padding:.1rem .4rem;font-family:SF Mono,Monaco,monospace;font-size:.6875rem}.fe-cat-notes{flex-direction:column;gap:.45rem;margin:.15rem 0 0;padding:0;list-style:none;display:flex}.fe-cat-notes li{color:#475569;align-items:flex-start;gap:.45rem;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.45;display:flex}.fe-cat-notes li .fe-material{color:#64748b;flex-shrink:0;margin-top:.05rem;font-size:.95rem}.fe-cat-notes li strong{color:#0f172a;font-weight:600}.fe-cat-demo{background:#f8fafc;border:1px solid #e6e8eb;border-radius:8px;flex-direction:column;gap:.75rem;padding:.9rem;display:flex}.fe-cat-demo .fe-input{border-radius:6px;padding:.6rem .75rem}.fe-cat-field{flex-direction:column;gap:.3rem;display:flex}.fe-cat-lbl{color:#0f172a;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;font-weight:500}.fe-cat-demo legend.fe-cat-lbl{margin-bottom:.4rem;padding:0}.fe-cat-demo input[type=checkbox],.fe-cat-demo input[type=radio],.fe-cat-demo input[type=range]{accent-color:var(--color-primary,#4f46e5)}.fe-cat-demo input[type=checkbox]:not(.fe-switch),.fe-cat-demo input[type=radio]{flex-shrink:0;width:1.25rem;height:1.25rem;margin:0}.fe-cat-demo input[type=range]{width:100%}.fe-cat-choice{color:#0f172a;cursor:pointer;align-items:center;gap:.55rem;min-height:1.75rem;font-family:Rubik,system-ui,sans-serif;font-size:.875rem;display:flex}.fe-cat-group{border:none;flex-direction:column;gap:.55rem;margin:0;padding:0;display:flex}.fe-cat-hex{text-transform:uppercase;width:7rem;font-family:SF Mono,Monaco,monospace}.fe-switch{appearance:none;cursor:pointer;background:#94a3b8;border-radius:9999px;flex-shrink:0;width:2.75rem;height:1.5rem;margin:0;transition:background .15s;position:relative}.fe-switch:checked{background:var(--color-primary,#4f46e5)}.fe-switch:before{content:"";background:#fff;border-radius:9999px;width:1.1rem;height:1.1rem;transition:transform .15s;position:absolute;top:.2rem;left:.2rem;box-shadow:0 1px 2px #0003}.fe-switch:checked:before{transform:translate(1.25rem)}.fe-switch:focus-visible{outline:2px solid var(--color-primary,#4f46e5);outline-offset:2px}.fe-stars{flex-direction:row-reverse;justify-content:flex-end;display:inline-flex}.fe-stars>input{opacity:0;width:1px;height:1px;position:absolute}.fe-stars>label{color:#cbd5e1;cursor:pointer;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex}.fe-stars>label .fe-material{font-size:1.75rem}.fe-stars>input:checked~label{color:var(--color-primary,#4f46e5)}.fe-stars>input:focus-visible+label{outline:2px solid var(--color-primary,#4f46e5);outline-offset:-2px;border-radius:6px}.fe-rte-toolbar{gap:.3rem;display:flex}.fe-rte-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:2rem;height:2rem;font-family:Rubik,system-ui,sans-serif;font-size:.9rem;font-weight:700;display:inline-flex}.fe-rte-btn .fe-material{font-size:1.05rem}.fe-rte-area{min-height:3.5rem;line-height:1.5}.fe-sources-list{color:#475569;margin:1rem 0 0;padding:0;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.6;list-style:none}.fe-sources-list li{border-bottom:1px solid #f1f5f9;padding:.6rem 0}.fe-sources-list li:last-child{border-bottom:none}.fe-sources-list strong{color:#0f172a}.fe-spa{text-transform:uppercase;letter-spacing:.05em;color:#4f46e5;background:#eef2ff;border-radius:4px;margin-left:.35rem;padding:.05rem .35rem;font-size:.625rem;font-weight:700;display:inline-block}