@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;src:local(IBM Plex Sans Arabic Bold),local(IBMPlexSansArabic-Bold),url(/_next/static/media/IBMPlexSansArabic-Bold.DP_E0jdd.woff2)format("woff2"),url(/_next/static/media/IBMPlexSansArabic-Bold.DnFynqBz.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:200;src:local(IBM Plex Sans Arabic ExtraLight),local(IBMPlexSansArabic-ExtraLight),url(/_next/static/media/IBMPlexSansArabic-ExtraLight.D3mzdSTl.woff2)format("woff2"),url(/_next/static/media/IBMPlexSansArabic-ExtraLight.CdAgTR-0.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:300;src:local(IBM Plex Sans Arabic Light),local(IBMPlexSansArabic-Light),url(/_next/static/media/IBMPlexSansArabic-Light.A56g9QB4.woff2)format("woff2"),url(/_next/static/media/IBMPlexSansArabic-Light.BzSl5HxT.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;src:local(IBM Plex Sans Arabic Medium),local(IBMPlexSansArabic-Medium),url(/_next/static/media/IBMPlexSansArabic-Medium.CRRMh-dh.woff2)format("woff2"),url(/_next/static/media/IBMPlexSansArabic-Medium.CwvHBWu6.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;src:local(IBM Plex Sans Arabic),local(IBMPlexSansArabic),url(/_next/static/media/IBMPlexSansArabic-Regular.B2a76lLF.woff2)format("woff2"),url(/_next/static/media/IBMPlexSansArabic-Regular.Ua_R_TKz.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;src:local(IBM Plex Sans Arabic SemiBold),local(IBMPlexSansArabic-SemiBold),url(/_next/static/media/IBMPlexSansArabic-SemiBold.FtXILkUg.woff2)format("woff2"),url(/_next/static/media/IBMPlexSansArabic-SemiBold.Ekh58eoQ.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:450;src:local(IBM Plex Sans Arabic Text),local(IBMPlexSansArabic-Text),url(/_next/static/media/IBMPlexSansArabic-Text.Drwi0pj6.woff2)format("woff2"),url(/_next/static/media/IBMPlexSansArabic-Text.C0wE-R-y.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:100;src:local(IBM Plex Sans Arabic Thin),local(IBMPlexSansArabic-Thin),url(/_next/static/media/IBMPlexSansArabic-Thin.Dtj328w1.woff2)format("woff2"),url(/_next/static/media/IBMPlexSansArabic-Thin.Cpw-285N.woff)format("woff")}:root{--hds-font-body:"Thmanyah Sans", "ThmanyahSans", "IBM Plex Sans Arabic", -apple-system, "BlinkMacSystemFont", "Geeza Pro", "Arabic UI Text", "Traditional Arabic", "Al Nile", "Helvetica Neue", "Arial", sans-serif;--hds-font-display:"Thmanyah Serif Display", "ThmanyahSerifDisplay", "Thmanyah Sans", "ThmanyahSans", "IBM Plex Sans Arabic", "Geeza Pro", "Arial", sans-serif;--hds-font-mono:"SF Mono", "Menlo", "Monaco", "Consolas", monospace;--hds-font-weight-light:300;--hds-font-weight-regular:400;--hds-font-weight-medium:500;--hds-font-weight-bold:700;--hds-font-weight-black:900;--hds-font-size-100:11px;--hds-font-size-200:12px;--hds-font-size-300:13px;--hds-font-size-400:14px;--hds-font-size-500:15px;--hds-font-size-600:17px;--hds-font-size-700:18px;--hds-font-size-800:22px;--hds-font-size-900:28px;--hds-font-size-1000:30px;--hds-font-size-teleprompter:52px;--hds-line-tight:1.15;--hds-line-heading:1.4;--hds-line-body:1.55;--hds-line-reading:1.7;--hds-space-0:0px;--hds-space-1:4px;--hds-space-2:8px;--hds-space-3:12px;--hds-space-4:16px;--hds-space-5:24px;--hds-space-6:32px;--hds-space-7:40px;--hds-space-8:64px;--hds-radius-xs:6px;--hds-radius-sm:10px;--hds-radius-md:14px;--hds-radius-lg:18px;--hds-radius-xl:24px;--hds-radius-round:999px;--hds-size-touch:44px;--hds-size-touch-android:48px;--hds-size-topbar:52px;--hds-size-content:1040px;--hds-size-project:920px;--hds-size-reading:660px;--hds-density-comfortable-control:44px;--hds-density-comfortable-hit-target:44px;--hds-density-comfortable-inline-gap:12px;--hds-density-comfortable-section-gap:24px;--hds-density-compact-control:36px;--hds-density-compact-hit-target:44px;--hds-density-compact-inline-gap:8px;--hds-density-compact-section-gap:16px;--hds-breakpoint-small:390px;--hds-breakpoint-mobile:600px;--hds-breakpoint-tablet:768px;--hds-breakpoint-content:1040px;--hds-breakpoint-wide:1280px;--hds-focus-width:3px;--hds-focus-offset:2px;--hds-duration-instant:0s;--hds-duration-fast:.12s;--hds-duration-base:.2s;--hds-duration-enter:.22s;--hds-duration-sheet:.3s;--hds-duration-slow:.35s;--hds-duration-progress:.38s;--hds-ease-standard:cubic-bezier(.2, 0, 0, 1);--hds-ease-expo:cubic-bezier(.16, 1, .3, 1);--hds-ease-quart:cubic-bezier(.25, 1, .5, 1);--hds-ease-quint:cubic-bezier(.22, 1, .36, 1);--hds-ease-exit:cubic-bezier(.4, 0, 1, 1);--hds-blur-overlay:20px;--hds-z-content:1;--hds-z-sticky:210;--hds-z-topbar:300;--hds-z-menu:500;--hds-z-modal:800;--hds-z-sheet:900;--hds-z-toast:1000;--hds-button-min-height:44px;--hds-button-compact-height:36px;--hds-button-hit-target:44px;--hds-button-radius:10px;--hds-button-padding-inline:16px;--hds-button-padding-block:8px;--hds-button-gap:8px;--hds-field-min-height:44px;--hds-field-radius:10px;--hds-field-padding-inline:12px;--hds-field-padding-block:8px;--hds-card-radius:14px;--hds-card-project-radius:18px;--hds-card-padding:16px;--hds-card-project-padding:24px;--hds-dialog-max-width:480px;--hds-dialog-radius:18px;--hds-dialog-sheet-radius:24px;--hds-dialog-padding:24px;--hds-toast-radius:14px;--hds-toast-padding-inline:16px;--hds-toast-padding-block:12px;--hds-progress-track-size:6px;--hds-progress-radius:999px;--hds-type-micro-font-family:"Thmanyah Sans", "ThmanyahSans", "IBM Plex Sans Arabic", -apple-system, "BlinkMacSystemFont", "Geeza Pro", "Arabic UI Text", "Traditional Arabic", "Al Nile", "Helvetica Neue", "Arial", sans-serif;--hds-type-micro-font-size:11px;--hds-type-micro-font-weight:500;--hds-type-micro-line-height:1.4;--hds-type-caption-font-family:"Thmanyah Sans", "ThmanyahSans", "IBM Plex Sans Arabic", -apple-system, "BlinkMacSystemFont", "Geeza Pro", "Arabic UI Text", "Traditional Arabic", "Al Nile", "Helvetica Neue", "Arial", sans-serif;--hds-type-caption-font-size:12px;--hds-type-caption-font-weight:400;--hds-type-caption-line-height:1.4;--hds-type-label-font-family:"Thmanyah Sans", "ThmanyahSans", "IBM Plex Sans Arabic", -apple-system, "BlinkMacSystemFont", "Geeza Pro", "Arabic UI Text", "Traditional Arabic", "Al Nile", "Helvetica Neue", "Arial", sans-serif;--hds-type-label-font-size:13px;--hds-type-label-font-weight:500;--hds-type-label-line-height:1.4;--hds-type-body-font-family:"Thmanyah Sans", "ThmanyahSans", "IBM Plex Sans Arabic", -apple-system, "BlinkMacSystemFont", "Geeza Pro", "Arabic UI Text", "Traditional Arabic", "Al Nile", "Helvetica Neue", "Arial", sans-serif;--hds-type-body-font-size:14px;--hds-type-body-font-weight:400;--hds-type-body-line-height:1.55;--hds-type-body-strong-font-family:"Thmanyah Sans", "ThmanyahSans", "IBM Plex Sans Arabic", -apple-system, "BlinkMacSystemFont", "Geeza Pro", "Arabic UI Text", "Traditional Arabic", "Al Nile", "Helvetica Neue", "Arial", sans-serif;--hds-type-body-strong-font-size:14px;--hds-type-body-strong-font-weight:500;--hds-type-body-strong-line-height:1.55;--hds-type-title-font-family:"Thmanyah Sans", "ThmanyahSans", "IBM Plex Sans Arabic", -apple-system, "BlinkMacSystemFont", "Geeza Pro", "Arabic UI Text", "Traditional Arabic", "Al Nile", "Helvetica Neue", "Arial", sans-serif;--hds-type-title-font-size:18px;--hds-type-title-font-weight:700;--hds-type-title-line-height:1.4;--hds-type-heading-font-family:"Thmanyah Serif Display", "ThmanyahSerifDisplay", "Thmanyah Sans", "ThmanyahSans", "IBM Plex Sans Arabic", "Geeza Pro", "Arial", sans-serif;--hds-type-heading-font-size:22px;--hds-type-heading-font-weight:700;--hds-type-heading-line-height:1.4;--hds-type-display-font-family:"Thmanyah Serif Display", "ThmanyahSerifDisplay", "Thmanyah Sans", "ThmanyahSans", "IBM Plex Sans Arabic", "Geeza Pro", "Arial", sans-serif;--hds-type-display-font-size:30px;--hds-type-display-font-weight:700;--hds-type-display-line-height:1.15;--hds-type-timecode-font-family:"SF Mono", "Menlo", "Monaco", "Consolas", monospace;--hds-type-timecode-font-size:22px;--hds-type-timecode-font-weight:500;--hds-type-timecode-line-height:1.15;--hds-type-teleprompter-font-family:"Thmanyah Sans", "ThmanyahSans", "IBM Plex Sans Arabic", -apple-system, "BlinkMacSystemFont", "Geeza Pro", "Arabic UI Text", "Traditional Arabic", "Al Nile", "Helvetica Neue", "Arial", sans-serif;--hds-type-teleprompter-font-size:52px;--hds-type-teleprompter-font-weight:500;--hds-type-teleprompter-line-height:1.7}:root,[data-hds-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--hds-color-bg:#1c1c1e;--hds-color-topbar:#1c1c1eeb;--hds-color-backdrop:#000000b8;--hds-color-surface-1:#232325;--hds-color-surface-2:#29292b;--hds-color-surface-3:#303033;--hds-color-input:#29292b;--hds-color-hover:#3a3a3d;--hds-color-disabled:#ffffff14;--hds-color-border:#434347;--hds-color-border-strong:#66666b;--hds-color-border-control:#77777d;--hds-color-border-focus:#66b0ff;--hds-color-text-1:#fff;--hds-color-text-2:#c9c9cf;--hds-color-text-3:#a9a9af;--hds-color-text-disabled:#77777d;--hds-color-text-inverse:#1c1c1e;--hds-color-placeholder:#a9a9af;--hds-color-action:#0068d7;--hds-color-action-text:#66b0ff;--hds-color-on-action:#fff;--hds-color-on-action-fill:#fff;--hds-color-accent:#0068d7;--hds-color-accent-text:#66b0ff;--hds-color-on-accent:#fff;--hds-color-on-accent-fill:#fff;--hds-color-accent-hover:#0059b8;--hds-color-accent-active:#004a99;--hds-color-accent-soft:#25394f;--hds-color-success:#57d976;--hds-color-success-fill:#167739;--hds-color-on-success:#fff;--hds-color-on-success-fill:#fff;--hds-color-success-hover:#146b34;--hds-color-success-active:#0e5428;--hds-color-success-soft:#203c29;--hds-color-danger:#ff7b72;--hds-color-danger-fill:#c93631;--hds-color-on-danger:#fff;--hds-color-on-danger-fill:#fff;--hds-color-danger-hover:#b4232c;--hds-color-danger-active:#8f1d24;--hds-color-danger-soft:#462726;--hds-color-warning:#ffc15a;--hds-color-warning-fill:#f2aa32;--hds-color-on-warning:#1c1c1e;--hds-color-on-warning-fill:#1c1c1e;--hds-color-warning-soft:#44351f;--hds-color-assistive:#d8a7f0;--hds-color-assistive-fill:#754095;--hds-color-on-assistive:#fff;--hds-color-on-assistive-fill:#fff;--hds-color-assistive-soft:#3c2945;--hds-color-purple:#d8a7f0;--hds-color-purple-soft:#3c2945;--hds-color-timecode:#75d6ff;--hds-color-timecode-fill:#005b8c;--hds-color-on-timecode:#fff;--hds-color-on-timecode-fill:#fff;--hds-color-timecode-soft:#203a45;--hds-status-writing:#90adff;--hds-status-ready:#ffc15a;--hds-status-editing:#d8a7f0;--hds-status-done:#57d976;--hds-mersad-status-writing:#90adff;--hds-mersad-status-ready:#ffc15a;--hds-mersad-status-editing:#d8a7f0;--hds-mersad-status-done:#57d976;--hds-button-primary-background:#0068d7;--hds-button-primary-foreground:#fff;--hds-button-primary-hover:#0059b8;--hds-button-primary-active:#004a99;--hds-button-success-background:#167739;--hds-button-success-foreground:#fff;--hds-button-success-hover:#146b34;--hds-button-success-active:#0e5428;--hds-button-danger-background:#c93631;--hds-button-danger-foreground:#fff;--hds-button-danger-hover:#b4232c;--hds-button-danger-active:#8f1d24;--hds-button-secondary-background:#29292b;--hds-button-secondary-foreground:#fff;--hds-button-secondary-hover:#3a3a3d;--hds-button-assistive-background:#3c2945;--hds-button-assistive-foreground:#d8a7f0;--hds-button-timecode-background:#203a45;--hds-button-timecode-foreground:#75d6ff;--hds-field-background:#29292b;--hds-field-foreground:#fff;--hds-field-placeholder:#a9a9af;--hds-field-border:#77777d;--hds-field-focus:#66b0ff;--hds-card-background:#232325;--hds-card-raised:#29292b;--hds-card-border:#434347;--hds-dialog-scrim:#000000b8;--hds-dialog-background:#303033;--hds-dialog-foreground:#fff;--hds-dialog-border:#434347;--hds-toast-background:#303033;--hds-toast-success-background:#167739;--hds-toast-danger-background:#c93631;--hds-toast-foreground:#fff;--hds-toast-border:#434347;--hds-progress-track:#303033;--hds-progress-fill:#66b0ff;--hds-progress-foreground:#c9c9cf;--hds-shadow-accent:0px 2px 8px 0px #00000047;--hds-shadow-success:0px 2px 8px 0px #00000047;--hds-shadow-toast:0px 6px 24px -4px #0000006b;--hds-dialog-shadow:0px 6px 24px -4px #0000006b;--hds-toast-shadow:0px 6px 24px -4px #0000006b}[data-hds-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--hds-color-bg:#f2f2f7;--hds-color-topbar:#f2f2f7f0;--hds-color-backdrop:#1111127a;--hds-color-surface-1:#fff;--hds-color-surface-2:#f8f8f9;--hds-color-surface-3:#fff;--hds-color-input:#f8f8f9;--hds-color-hover:#e3e3e8;--hds-color-disabled:#00000012;--hds-color-border:#c9c9cf;--hds-color-border-strong:#77777d;--hds-color-border-control:#77777d;--hds-color-border-focus:#0059b8;--hds-color-text-1:#1c1c1e;--hds-color-text-2:#55555a;--hds-color-text-3:#66666b;--hds-color-text-disabled:#77777d;--hds-color-text-inverse:#fff;--hds-color-placeholder:#66666b;--hds-color-action:#0068d7;--hds-color-action-text:#0059b8;--hds-color-on-action:#fff;--hds-color-on-action-fill:#fff;--hds-color-accent:#0068d7;--hds-color-accent-text:#0059b8;--hds-color-on-accent:#fff;--hds-color-on-accent-fill:#fff;--hds-color-accent-hover:#0059b8;--hds-color-accent-active:#004a99;--hds-color-accent-soft:#e2f0ff;--hds-color-success:#146b34;--hds-color-success-fill:#167739;--hds-color-on-success:#fff;--hds-color-on-success-fill:#fff;--hds-color-success-hover:#146b34;--hds-color-success-active:#0e5428;--hds-color-success-soft:#e5f5e9;--hds-color-danger:#b4232c;--hds-color-danger-fill:#c93631;--hds-color-on-danger:#fff;--hds-color-on-danger-fill:#fff;--hds-color-danger-hover:#b4232c;--hds-color-danger-active:#8f1d24;--hds-color-danger-soft:#fde8e7;--hds-color-warning:#815000;--hds-color-warning-fill:#f2aa32;--hds-color-on-warning:#1c1c1e;--hds-color-on-warning-fill:#1c1c1e;--hds-color-warning-soft:#fff1d6;--hds-color-assistive:#6d359e;--hds-color-assistive-fill:#754095;--hds-color-on-assistive:#fff;--hds-color-on-assistive-fill:#fff;--hds-color-assistive-soft:#f4e8fa;--hds-color-purple:#6d359e;--hds-color-purple-soft:#f4e8fa;--hds-color-timecode:#005b8c;--hds-color-timecode-fill:#005b8c;--hds-color-on-timecode:#fff;--hds-color-on-timecode-fill:#fff;--hds-color-timecode-soft:#e5f6fd;--hds-status-writing:#465fc0;--hds-status-ready:#8a5200;--hds-status-editing:#6d359e;--hds-status-done:#146b34;--hds-mersad-status-writing:#465fc0;--hds-mersad-status-ready:#8a5200;--hds-mersad-status-editing:#6d359e;--hds-mersad-status-done:#146b34;--hds-button-primary-background:#0068d7;--hds-button-primary-foreground:#fff;--hds-button-primary-hover:#0059b8;--hds-button-primary-active:#004a99;--hds-button-success-background:#167739;--hds-button-success-foreground:#fff;--hds-button-success-hover:#146b34;--hds-button-success-active:#0e5428;--hds-button-danger-background:#c93631;--hds-button-danger-foreground:#fff;--hds-button-danger-hover:#b4232c;--hds-button-danger-active:#8f1d24;--hds-button-secondary-background:#f8f8f9;--hds-button-secondary-foreground:#1c1c1e;--hds-button-secondary-hover:#e3e3e8;--hds-button-assistive-background:#f4e8fa;--hds-button-assistive-foreground:#6d359e;--hds-button-timecode-background:#e5f6fd;--hds-button-timecode-foreground:#005b8c;--hds-field-background:#f8f8f9;--hds-field-foreground:#1c1c1e;--hds-field-placeholder:#66666b;--hds-field-border:#77777d;--hds-field-focus:#0059b8;--hds-card-background:#fff;--hds-card-raised:#f8f8f9;--hds-card-border:#c9c9cf;--hds-dialog-scrim:#1111127a;--hds-dialog-background:#fff;--hds-dialog-foreground:#1c1c1e;--hds-dialog-border:#c9c9cf;--hds-toast-background:#1c1c1e;--hds-toast-success-background:#167739;--hds-toast-danger-background:#c93631;--hds-toast-foreground:#fff;--hds-toast-border:#c9c9cf;--hds-progress-track:#e3e3e8;--hds-progress-fill:#0059b8;--hds-progress-foreground:#55555a;--hds-shadow-accent:0px 2px 8px 0px #1111121f;--hds-shadow-success:0px 2px 8px 0px #1111121f;--hds-shadow-toast:0px 6px 24px -4px #1111122e;--hds-dialog-shadow:0px 6px 24px -4px #1111122e;--hds-toast-shadow:0px 6px 24px -4px #1111122e}@media (prefers-reduced-motion:reduce){:root{--hds-duration-fast:0s;--hds-duration-base:0s;--hds-duration-enter:0s;--hds-duration-sheet:0s;--hds-duration-slow:0s;--hds-duration-progress:0s}}*,:before,:after{box-sizing:border-box}:where(html[data-hds-theme],.hds-app){background:var(--hds-color-bg)}body.hds-app{background:var(--hds-color-bg);min-block-size:100vh;color:var(--hds-color-text-1);font-family:var(--hds-font-body);font-size:var(--hds-font-size-500);line-height:var(--hds-line-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;direction:rtl;margin:0;overflow-x:clip}.hds-app :where(button,input,textarea,select){font:inherit}.hds-app :where(a){color:var(--hds-color-accent-text)}.hds-app :focus-visible{outline:2px solid var(--hds-color-border-focus);outline-offset:3px}.hds-app :where([hidden]){display:none!important}.hds-sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.hds-skip-link{z-index:calc(var(--hds-z-toast) + 1);min-block-size:var(--hds-size-touch,44px);padding-inline:var(--hds-space-4);border-radius:var(--hds-radius-sm);background:var(--hds-color-accent);transition:transform var(--hds-duration-base) var(--hds-ease-quint);align-items:center;font-weight:700;display:inline-flex;position:fixed;inset-block-start:max(var(--hds-space-2), env(safe-area-inset-top,0px));inset-inline-start:max(var(--hds-space-2), env(safe-area-inset-left,0px));transform:translateY(-180%);color:var(--hds-color-on-accent)!important}.hds-skip-link:focus-visible{transform:translateY(0)}.hds-shell{z-index:var(--hds-z-content);inline-size:min(100%, var(--hds-size-content));padding:var(--hds-space-7) var(--hds-space-5) var(--hds-space-8);margin-inline:auto;position:relative}.hds-stack{gap:var(--hds-stack-gap,var(--hds-space-4));flex-direction:column;display:flex}.hds-cluster{align-items:center;gap:var(--hds-cluster-gap,var(--hds-space-2));flex-wrap:wrap;display:flex}.hds-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--hds-grid-min,17.5rem)), 1fr));gap:var(--hds-grid-gap,var(--hds-space-4));display:grid}.hds-ltr{direction:ltr;unicode-bidi:isolate}.hds-display,.hds-title,.hds-card-title{font-family:var(--hds-font-display);text-wrap:balance;margin:0}.hds-display{font-size:clamp(var(--hds-font-size-900), 3.2vw, 2.5rem);font-weight:700;line-height:var(--hds-line-tight);letter-spacing:-.02em}.hds-title{font-size:var(--hds-font-size-800);font-weight:700;line-height:var(--hds-line-heading)}.hds-card-title{font-size:var(--hds-font-size-600);font-weight:700;line-height:var(--hds-line-heading)}.hds-body,.hds-caption,.hds-micro{margin:0}.hds-body{color:var(--hds-color-text-1);font-size:var(--hds-font-size-400);line-height:var(--hds-line-body)}.hds-caption{color:var(--hds-color-text-2);font-size:var(--hds-font-size-200);line-height:var(--hds-line-heading)}.hds-micro{color:var(--hds-color-text-3);font-size:var(--hds-font-size-200);line-height:var(--hds-line-heading)}.hds-timecode{color:var(--hds-color-timecode);font-family:var(--hds-font-mono);font-variant-numeric:tabular-nums;letter-spacing:.06em;direction:ltr;unicode-bidi:isolate;font-size:clamp(1.4rem,4vw,2rem)}.hds-icon,.hds-emoji{flex:none;place-items:center;block-size:1.25em;inline-size:1.25em;line-height:1;display:inline-grid}.hds-icon>svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;block-size:100%;inline-size:100%}.hds-emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:1.15em}.hds-btn,.hds-icon-btn{min-block-size:var(--hds-button-hit-target,var(--hds-size-touch,44px));border-radius:var(--hds-button-radius,var(--hds-radius-sm));cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000}.hds-btn{justify-content:center;align-items:center;gap:var(--hds-button-gap,var(--hds-space-2));padding-block:var(--hds-button-padding-block,var(--hds-space-2));padding-inline:var(--hds-button-padding-inline,var(--hds-space-4));color:var(--hds-color-text-1);font-size:var(--hds-font-size-300);text-align:center;transition:color var(--hds-duration-fast), background-color var(--hds-duration-fast), border-color var(--hds-duration-fast), opacity var(--hds-duration-fast);font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}.hds-btn:disabled,.hds-btn[aria-disabled=true],.hds-icon-btn:disabled,.hds-icon-btn[aria-disabled=true]{opacity:.48;cursor:not-allowed;box-shadow:none}.hds-btn--primary{background:var(--hds-button-primary-background);color:var(--hds-button-primary-foreground);box-shadow:var(--hds-shadow-accent)}.hds-btn--primary:not(:disabled):hover{background:var(--hds-button-primary-hover)}.hds-btn--primary:not(:disabled):active{background:var(--hds-button-primary-active)}.hds-btn--success{background:var(--hds-button-success-background);color:var(--hds-button-success-foreground);box-shadow:var(--hds-shadow-success)}.hds-btn--success:not(:disabled):hover{background:var(--hds-button-success-hover)}.hds-btn--success:not(:disabled):active{background:var(--hds-button-success-active)}.hds-btn--secondary,.hds-btn--glass{border-color:var(--hds-color-border);background:var(--hds-button-secondary-background);color:var(--hds-button-secondary-foreground)}.hds-btn--secondary:not(:disabled):hover,.hds-btn--glass:not(:disabled):hover{background:var(--hds-button-secondary-hover)}.hds-btn--danger{background:var(--hds-button-danger-background);color:var(--hds-button-danger-foreground)}.hds-btn--danger:not(:disabled):hover{background:var(--hds-button-danger-hover)}.hds-btn--danger:not(:disabled):active{background:var(--hds-button-danger-active)}.hds-btn--assistive{border-color:var(--hds-color-assistive-soft);background:var(--hds-button-assistive-background);color:var(--hds-button-assistive-foreground)}.hds-btn--timecode{border-color:var(--hds-color-timecode-soft);background:var(--hds-button-timecode-background);color:var(--hds-button-timecode-foreground)}.hds-btn--quiet{color:var(--hds-color-text-2);background:0 0}.hds-btn--quiet:not(:disabled):hover{background:var(--hds-color-hover);color:var(--hds-color-text-1)}.hds-btn--compact{min-block-size:var(--hds-button-hit-target,var(--hds-size-touch,44px));padding-inline:var(--hds-space-3);font-size:var(--hds-font-size-200)}.hds-btn[aria-busy=true],.hds-btn[data-loading=true]{cursor:progress}.hds-btn[aria-busy=true]:after,.hds-btn[data-loading=true]:after{content:"";border:2px solid;border-inline-end-color:#0000;border-radius:50%;flex:none;block-size:1em;inline-size:1em;animation:.7s linear infinite hds-spin}.hds-icon-btn{inline-size:var(--hds-button-hit-target,var(--hds-size-touch,44px));color:var(--hds-color-text-2);font-size:var(--hds-font-size-600);transition:color var(--hds-duration-fast), background-color var(--hds-duration-fast);background:0 0;place-items:center;padding:0;line-height:1;display:inline-grid}.hds-icon-btn:not(:disabled):hover{background:var(--hds-color-hover);color:var(--hds-color-text-1)}.hds-icon-btn--danger:not(:disabled):hover{background:var(--hds-color-danger-soft);color:var(--hds-color-danger)}@keyframes hds-spin{to{transform:rotate(1turn)}}.hds-field{gap:var(--hds-space-2);flex-direction:column;display:flex}.hds-field__label{color:var(--hds-color-text-2);font-size:var(--hds-font-size-200);font-weight:600;line-height:var(--hds-line-heading)}.hds-input,.hds-select,.hds-textarea{inline-size:100%;min-block-size:var(--hds-field-min-height,var(--hds-size-touch,44px));padding-block:var(--hds-field-padding-block,var(--hds-space-2));padding-inline:var(--hds-field-padding-inline,var(--hds-space-3));border:1px solid var(--hds-field-border);border-radius:var(--hds-field-radius,var(--hds-radius-sm));background:var(--hds-field-background);color:var(--hds-field-foreground);font-size:var(--hds-font-size-300);line-height:var(--hds-line-body);transition:border-color var(--hds-duration-base), background-color var(--hds-duration-base), box-shadow var(--hds-duration-base);direction:rtl;outline:none}.hds-input::placeholder,.hds-textarea::placeholder{color:var(--hds-field-placeholder);opacity:1}.hds-input:focus,.hds-select:focus,.hds-textarea:focus{border-color:var(--hds-field-focus);box-shadow:0 0 0 3px var(--hds-color-accent-soft)}.hds-input[aria-invalid=true],.hds-select[aria-invalid=true],.hds-textarea[aria-invalid=true],.hds-field[data-state=error] :where(.hds-input,.hds-select,.hds-textarea){border-color:var(--hds-color-danger);box-shadow:0 0 0 3px var(--hds-color-danger-soft)}.hds-input:read-only,.hds-textarea:read-only,.hds-field[data-readonly=true] :where(.hds-input,.hds-select,.hds-textarea){background:var(--hds-color-surface-1);color:var(--hds-color-text-2);cursor:default}.hds-input:disabled,.hds-select:disabled,.hds-textarea:disabled{opacity:.58;cursor:not-allowed}.hds-textarea{resize:vertical;min-block-size:6rem}.hds-field__help,.hds-field__error{font-size:var(--hds-font-size-200);line-height:var(--hds-line-heading);margin:0}.hds-field__help{color:var(--hds-color-text-3)}.hds-field__error{color:var(--hds-color-danger);font-weight:600}.hds-field__error:before{content:"تنبيه: "}.hds-check-control{min-block-size:var(--hds-size-touch,44px);align-items:center;gap:var(--hds-space-2);cursor:pointer;display:inline-flex}.hds-check{block-size:1.25rem;inline-size:1.25rem;accent-color:var(--hds-color-success);cursor:inherit;flex:none}.hds-surface,.hds-card{background:var(--hds-card-background,var(--hds-color-surface-1));border:1px solid var(--hds-card-border,var(--hds-color-border))}.hds-card{border-radius:var(--hds-card-radius,var(--hds-radius-lg));padding:var(--hds-card-padding,var(--hds-space-5))}.hds-card--compact{--hds-card-radius:var(--hds-radius-md);--hds-card-padding:var(--hds-space-4)}.hds-card[data-state=success]{--hds-card-background:var(--hds-color-success-soft);--hds-card-border:var(--hds-color-success)}.hds-card[data-state=error]{--hds-card-background:var(--hds-color-danger-soft);--hds-card-border:var(--hds-color-danger)}.hds-card__meta{gap:var(--hds-space-1);margin-block:var(--hds-space-2) var(--hds-space-4);color:var(--hds-color-text-2);font-size:var(--hds-font-size-200);flex-direction:column;display:flex}.hds-card__footer{justify-content:space-between;align-items:center;gap:var(--hds-space-3);color:var(--hds-color-text-3);font-size:var(--hds-font-size-200);flex-wrap:wrap;margin-block-start:var(--hds-space-4);display:flex}.hds-status,.hds-sync{align-items:center;gap:var(--hds-space-2);min-block-size:2rem;inline-size:fit-content;padding-block:var(--hds-space-1);padding-inline:var(--hds-space-2);border-radius:var(--hds-radius-sm);background:var(--hds-color-surface-2);color:var(--hds-color-text-2);font-size:var(--hds-font-size-200);font-weight:600;line-height:var(--hds-line-heading);display:inline-flex}.hds-status:before,.hds-sync:before{content:"";border:2px solid;border-radius:50%;flex:none;block-size:.5rem;inline-size:.5rem}.hds-status[data-state=success],.hds-sync:is([data-state=saved],[data-state=synced]){background:var(--hds-color-success-soft);color:var(--hds-color-success)}.hds-status[data-state=warning],.hds-sync:is([data-state=saving],[data-state=syncing],[data-state=local-pending]){background:var(--hds-color-warning-soft);color:var(--hds-color-warning)}.hds-status[data-state=error],.hds-sync[data-state=failed]{background:var(--hds-color-danger-soft);color:var(--hds-color-danger)}.hds-status[data-state=info],.hds-sync[data-state=reconnecting]{background:var(--hds-color-accent-soft);color:var(--hds-color-accent-text)}.hds-sync[data-state=offline]{color:var(--hds-color-text-2)}.hds-sync:is([data-state=saving],[data-state=syncing],[data-state=reconnecting]):before{border-inline-end-color:#0000;animation:.8s linear infinite hds-spin}.hds-sync[data-state=failed]:before{border-radius:2px}.hds-progress{align-items:center;gap:var(--hds-space-3);grid-template-columns:auto minmax(5rem,1fr) auto;display:grid}.hds-progress__label,.hds-progress__count{color:var(--hds-color-text-2);font-size:var(--hds-font-size-200);white-space:nowrap;font-weight:600}.hds-progress__count{color:var(--hds-progress-foreground,var(--hds-color-success));font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.hds-progress__track{block-size:var(--hds-progress-track-size,.375rem);border-radius:var(--hds-progress-radius,var(--hds-radius-round));background:var(--hds-progress-track,var(--hds-color-border));overflow:hidden}.hds-progress__fill{border-radius:inherit;background:var(--hds-progress-color,var(--hds-progress-fill));block-size:100%;inline-size:100%;transform:scaleX(var(--hds-progress,0));transform-origin:100%;transition:transform var(--hds-duration-slow) var(--hds-ease-expo)}.hds-progress--accent{--hds-progress-color:var(--hds-color-accent-text);--hds-progress-foreground:var(--hds-color-accent-text)}.hds-toast-stack{z-index:var(--hds-z-toast);inline-size:min(calc(100% - (2 * var(--hds-space-4))), 30rem);align-items:stretch;gap:var(--hds-space-2);pointer-events:none;flex-direction:column-reverse;display:flex;position:fixed;inset-block-end:max(var(--hds-space-6), env(safe-area-inset-bottom,0px));inset-inline-start:50%;transform:translate(-50%)}[dir=rtl] .hds-toast-stack{transform:translate(50%)}.hds-toast{min-block-size:var(--hds-size-touch,44px);align-items:center;gap:var(--hds-space-2);padding-block:var(--hds-toast-padding-block,var(--hds-space-2));border:1px solid var(--hds-toast-border,var(--hds-color-border));border-radius:var(--hds-toast-radius,var(--hds-radius-md));background:var(--hds-toast-background,var(--hds-color-surface-3));color:var(--hds-toast-foreground);box-shadow:var(--hds-toast-shadow,var(--hds-shadow-toast));font-size:var(--hds-font-size-400);line-height:var(--hds-line-body);pointer-events:auto;animation:hds-toast-in var(--hds-duration-base) var(--hds-ease-expo) both;grid-template-columns:1fr auto;padding-inline-start:var(--hds-toast-padding-inline,var(--hds-space-4));padding-inline-end:var(--hds-space-1);display:grid}.hds-toast[data-type=success]{--hds-toast-background:var(--hds-toast-success-background);--hds-toast-border:var(--hds-color-success)}.hds-toast[data-type=error]{--hds-toast-background:var(--hds-toast-danger-background);--hds-toast-border:var(--hds-color-danger)}.hds-toast[data-type=warning]{--hds-toast-background:var(--hds-color-warning-soft);--hds-toast-border:var(--hds-color-warning)}.hds-toast[data-paused=true]{border-color:var(--hds-color-border-focus)}.hds-toast[data-closing=true]{animation:hds-toast-out var(--hds-duration-base) var(--hds-ease-quart) both}.hds-toast__message{margin:0}.hds-toast__close{inline-size:var(--hds-size-touch,44px);block-size:var(--hds-size-touch,44px);border-radius:var(--hds-radius-sm);color:currentColor;cursor:pointer;font-size:var(--hds-font-size-700);background:0 0;border:0;place-items:center;display:inline-grid}.hds-toast__close:hover{background:var(--hds-color-hover)}@keyframes hds-toast-in{0%{transform:translateY(var(--hds-space-2))}}@keyframes hds-toast-out{to{opacity:0;transform:translateY(var(--hds-space-2))}}.hds-dialog-overlay{z-index:var(--hds-z-modal);padding:var(--hds-space-5);background:var(--hds-dialog-scrim,#00000094);animation:hds-overlay-in var(--hds-duration-base) ease both;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hds-dialog-overlay[data-closing=true]{animation:hds-overlay-out var(--hds-duration-base) ease both}.hds-dialog{inline-size:min(100%, var(--hds-dialog-max-width,30rem));overscroll-behavior:contain;max-block-size:min(85vh,44rem);padding:var(--hds-dialog-padding,var(--hds-space-5));border:1px solid var(--hds-dialog-border,var(--hds-color-border));border-radius:var(--hds-dialog-radius,var(--hds-radius-xl));background:var(--hds-dialog-background,var(--hds-color-surface-3));color:var(--hds-dialog-foreground);box-shadow:var(--hds-dialog-shadow,var(--hds-shadow-toast));animation:hds-dialog-in var(--hds-duration-base) var(--hds-ease-expo) both;overflow:auto}.hds-dialog-overlay[data-closing=true] .hds-dialog{animation:hds-dialog-out var(--hds-duration-base) var(--hds-ease-quart) both}.hds-dialog__header,.hds-dialog__body,.hds-dialog__form{gap:var(--hds-space-3);flex-direction:column;display:flex}.hds-dialog__title{font-family:var(--hds-font-display);font-size:var(--hds-font-size-700);line-height:var(--hds-line-heading);margin:0}.hds-dialog__description{color:var(--hds-color-text-2);font-size:var(--hds-font-size-400);line-height:var(--hds-line-body);margin:0}.hds-dialog__field{margin-block-start:var(--hds-space-1)}.hds-dialog__actions{grid-template-columns:repeat(var(--hds-dialog-action-count,2), minmax(0, 1fr));gap:var(--hds-space-2);margin-block-start:var(--hds-space-4);display:grid}@keyframes hds-overlay-in{0%{background:0 0}}@keyframes hds-overlay-out{to{background:0 0}}@keyframes hds-dialog-in{0%{transform:translateY(var(--hds-space-2))}}@keyframes hds-dialog-out{to{opacity:0;transform:translateY(var(--hds-space-2))}}@media (max-width:600px){.hds-shell{padding:var(--hds-space-5) var(--hds-space-4) calc(var(--hds-space-8) + env(safe-area-inset-bottom,0px))}.hds-input,.hds-select,.hds-textarea{font-size:1rem}.hds-dialog-overlay{align-items:flex-end;padding:0}.hds-dialog{max-block-size:min(88dvh,44rem);inline-size:100%;border-radius:var(--hds-dialog-sheet-radius,var(--hds-radius-xl)) var(--hds-dialog-sheet-radius,var(--hds-radius-xl)) 0 0;border-block-end:0;border-inline:0;padding-block-end:max(var(--hds-space-5), env(safe-area-inset-bottom,0px));animation-name:hds-sheet-in}.hds-dialog:before{content:"";block-size:.25rem;inline-size:2.5rem;margin:calc(-1 * var(--hds-space-3)) auto var(--hds-space-4);border-radius:var(--hds-radius-round);background:var(--hds-color-border);display:block}.hds-dialog-overlay[data-closing=true] .hds-dialog{animation-name:hds-sheet-out}}@media (max-width:390px){.hds-shell{padding-inline:var(--hds-space-3)}.hds-dialog{padding-inline:var(--hds-space-4)}.hds-dialog__actions{grid-template-columns:1fr}}@keyframes hds-sheet-in{0%{transform:translateY(100%)}}@keyframes hds-sheet-out{to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.hds-app *,.hds-app :before,.hds-app :after,.hds-dialog-overlay,.hds-dialog,.hds-toast{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.hds-app :focus-visible{outline-color:highlight}.hds-btn,.hds-icon-btn,.hds-input,.hds-select,.hds-textarea,.hds-card,.hds-status,.hds-sync,.hds-toast,.hds-dialog{forced-color-adjust:auto;border:1px solid canvastext}.hds-progress__fill{background:highlight}}.hds-topbar{z-index:var(--hds-z-topbar);min-block-size:calc(var(--hds-size-topbar) + env(safe-area-inset-top,0px));align-items:center;gap:var(--hds-space-3);inline-size:100%;border-block-end:1px solid var(--hds-color-border);background:var(--hds-color-topbar);-webkit-backdrop-filter:blur(var(--hds-blur-overlay));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding-block-start:env(safe-area-inset-top,0px);padding-inline-start:max(var(--hds-space-5), env(safe-area-inset-right,0px));padding-inline-end:max(var(--hds-space-5), env(safe-area-inset-left,0px));display:grid;position:sticky;inset-block-start:0}[dir=ltr] .hds-topbar{padding-inline-start:max(var(--hds-space-5), env(safe-area-inset-left,0px));padding-inline-end:max(var(--hds-space-5), env(safe-area-inset-right,0px))}.hds-topbar__start,.hds-topbar__center,.hds-topbar__end{align-items:center;gap:var(--hds-space-2);min-inline-size:0;display:flex}.hds-topbar__center{justify-content:center}.hds-topbar__end{justify-content:flex-end}.hds-topbar__title{max-inline-size:min(40vw,28rem);color:var(--hds-color-text-1);font-family:var(--hds-font-display);font-size:var(--hds-font-size-500);font-weight:700;line-height:var(--hds-line-heading);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hds-topbar__title[contenteditable=true]{min-block-size:var(--hds-size-touch,44px);padding-inline:var(--hds-space-2);border-radius:var(--hds-radius-sm);align-items:center;display:inline-flex}.hds-brand{min-block-size:var(--hds-size-touch,44px);align-items:center;gap:var(--hds-space-2);color:var(--hds-color-text-1);font-family:var(--hds-font-display);font-size:var(--hds-font-size-500);font-weight:700;text-decoration:none;display:inline-flex}.hds-nav{justify-content:center;align-items:center;gap:var(--hds-space-1);padding:var(--hds-space-1);border:1px solid var(--hds-color-border);border-radius:var(--hds-radius-md);background:var(--hds-color-surface-1);flex-wrap:wrap;display:flex}.hds-nav__link{min-block-size:var(--hds-size-touch,44px);padding-inline:var(--hds-space-3);border-radius:var(--hds-radius-sm);font-size:var(--hds-font-size-300);align-items:center;font-weight:500;text-decoration:none;display:inline-flex;color:var(--hds-color-text-2)!important}.hds-nav__link:hover{background:var(--hds-color-hover);color:var(--hds-color-text-1)!important}.hds-nav__link[aria-current=page]{background:var(--hds-color-surface-3);font-weight:700;color:var(--hds-color-text-1)!important}.hds-sticky-actions{z-index:var(--hds-z-sticky);align-items:center;gap:var(--hds-space-2);padding-block:var(--hds-space-2);background:var(--hds-color-bg);flex-wrap:wrap;display:flex;position:sticky;inset-block-start:calc(var(--hds-size-topbar) + env(safe-area-inset-top,0px))}.hds-disclosure{border:1px solid var(--hds-color-border);border-radius:var(--hds-radius-md);background:var(--hds-color-surface-1)}.hds-disclosure__trigger{inline-size:100%;min-block-size:var(--hds-size-touch,44px);align-items:center;gap:var(--hds-space-3);padding-block:var(--hds-space-3);padding-inline:var(--hds-space-4);border-radius:inherit;color:var(--hds-color-text-1);cursor:pointer;text-align:start;background:0 0;border:0;grid-template-columns:1fr auto;display:grid}.hds-disclosure__indicator{block-size:1.25rem;inline-size:1.25rem;color:var(--hds-color-text-2);transition:transform var(--hds-duration-base) var(--hds-ease-expo);place-items:center;display:inline-grid}.hds-disclosure__trigger[aria-expanded=true] .hds-disclosure__indicator{transform:rotate(180deg)}.hds-disclosure__panel{padding:0 var(--hds-space-4) var(--hds-space-4)}.hds-menu-wrap{display:inline-flex;position:relative}.hds-menu{z-index:var(--hds-z-menu);min-inline-size:13rem;max-inline-size:min(20rem, calc(100vw - (2 * var(--hds-space-4))));gap:var(--hds-space-1);padding:var(--hds-space-2);border:1px solid var(--hds-color-border);border-radius:var(--hds-radius-md);background:var(--hds-color-surface-3);box-shadow:var(--hds-shadow-toast);flex-direction:column;display:flex;position:absolute;inset-block-start:calc(100% + var(--hds-space-1));inset-inline-end:0}.hds-menu[hidden]{display:none}.hds-menu__item{inline-size:100%;min-block-size:var(--hds-size-touch,44px);align-items:center;gap:var(--hds-space-2);padding-inline:var(--hds-space-3);border-radius:var(--hds-radius-sm);color:var(--hds-color-text-1);cursor:pointer;text-align:start;background:0 0;border:0;display:flex}:is(.hds-menu__item:hover,.hds-menu__item:focus-visible){background:var(--hds-color-hover)}.hds-menu__item[data-variant=danger]{color:var(--hds-color-danger)}.hds-menu__separator{block-size:1px;margin-block:var(--hds-space-1);background:var(--hds-color-border);border:0}.hds-view-switcher{grid-auto-flow:column;grid-auto-columns:minmax(var(--hds-size-touch,44px), auto);gap:var(--hds-space-1);padding:var(--hds-space-1);border:1px solid var(--hds-color-border);border-radius:var(--hds-radius-md);background:var(--hds-color-surface-1);display:inline-grid}.hds-view-switcher__item{min-block-size:var(--hds-size-touch,44px);padding-inline:var(--hds-space-3);border-radius:var(--hds-radius-sm);color:var(--hds-color-text-2);cursor:pointer;background:0 0;border:0}.hds-view-switcher__item:hover{color:var(--hds-color-text-1)}.hds-view-switcher__item[aria-pressed=true],.hds-view-switcher__item[data-active=true]{background:var(--hds-color-surface-3);color:var(--hds-color-text-1);font-weight:700}.hds-filter-bar{align-items:end;gap:var(--hds-space-2);flex-wrap:wrap;display:flex}.hds-filter-bar__search{flex:16rem}.hds-filter-bar__field{flex:0 12rem}.hds-filter-chip{min-block-size:var(--hds-size-touch,44px);align-items:center;gap:var(--hds-space-2);padding-inline:var(--hds-space-3);border:1px solid var(--hds-color-border);border-radius:var(--hds-radius-sm);background:var(--hds-color-surface-1);color:var(--hds-color-text-2);cursor:pointer;display:inline-flex}.hds-filter-chip[aria-pressed=true]{border-color:var(--hds-color-border-focus);background:var(--hds-color-accent-soft);color:var(--hds-color-accent-text)}.hds-table-shell{border:1px solid var(--hds-color-border);border-radius:var(--hds-radius-md);background:var(--hds-color-surface-1);overscroll-behavior-inline:contain;overflow:auto}.hds-table-shell:focus-visible{outline:2px solid var(--hds-color-border-focus);outline-offset:2px}.hds-table{border-collapse:collapse;text-align:start;inline-size:100%;min-inline-size:42rem}.hds-table :where(th,td){padding-block:var(--hds-space-3);padding-inline:var(--hds-space-4);border-block-end:1px solid var(--hds-color-border);vertical-align:middle;text-align:start}.hds-table th{z-index:1;background:var(--hds-color-surface-3);color:var(--hds-color-text-2);font-size:var(--hds-font-size-200);font-weight:700;position:sticky;inset-block-start:0}.hds-table tbody tr:last-child td{border-block-end:0}.hds-table tbody tr:hover,.hds-table tbody tr:focus-within{background:var(--hds-color-hover)}.hds-table__actions{justify-content:flex-end;gap:var(--hds-space-1);display:flex}.hds-state{min-block-size:16rem;padding:var(--hds-space-7) var(--hds-space-5);text-align:center;place-items:center;display:grid}.hds-state__inner{align-items:center;gap:var(--hds-space-3);flex-direction:column;inline-size:min(100%,34rem);display:flex}.hds-state__symbol{font-size:2.5rem;line-height:1}.hds-state__title{color:var(--hds-color-text-1);font-family:var(--hds-font-display);font-size:var(--hds-font-size-700);line-height:var(--hds-line-heading);margin:0}.hds-state__description{max-inline-size:42ch;color:var(--hds-color-text-2);font-size:var(--hds-font-size-400);line-height:var(--hds-line-body);margin:0}.hds-state[data-state=loading] .hds-state__symbol{border:3px solid var(--hds-color-border);border-inline-end-color:var(--hds-color-accent-text);border-radius:50%;block-size:2rem;inline-size:2rem;animation:.75s linear infinite hds-pattern-spin}.hds-state[data-state=error] .hds-state__symbol{color:var(--hds-color-danger)}.hds-state[data-state=permission] .hds-state__symbol,.hds-state[data-state=readonly] .hds-state__symbol{color:var(--hds-color-warning)}.hds-skeleton{border-radius:var(--hds-radius-xs);background:var(--hds-color-surface-2);background-image:linear-gradient(90deg, transparent, var(--hds-color-hover), transparent);background-size:200% 100%;min-block-size:1rem;animation:1.4s linear infinite hds-skeleton}.hds-readonly-banner,.hds-permission-banner{align-items:center;gap:var(--hds-space-3);padding:var(--hds-space-3) var(--hds-space-4);border:1px solid var(--hds-color-warning);border-radius:var(--hds-radius-md);background:var(--hds-color-warning-soft);color:var(--hds-color-text-1);grid-template-columns:auto 1fr;display:grid}[data-hds-readonly=true] [data-hds-write-action]{opacity:.48;pointer-events:none}@keyframes hds-pattern-spin{to{transform:rotate(1turn)}}@keyframes hds-skeleton{to{background-position-x:-200%}}.hds-kanban{grid-template-columns:repeat(var(--hds-kanban-columns,4), minmax(14rem, 1fr));gap:var(--hds-space-3);scroll-snap-type:x proximity;overscroll-behavior-inline:contain;padding-block-end:var(--hds-space-2);display:grid;overflow-x:auto}.hds-kanban__column{min-block-size:12rem;padding:var(--hds-space-3);border:1px solid var(--hds-color-border);border-radius:var(--hds-radius-md);background:var(--hds-color-surface-1);scroll-snap-align:start}.hds-kanban__column[data-drag-over=true]{border-color:var(--hds-color-border-focus);background:var(--hds-color-accent-soft)}.hds-kanban__header{min-block-size:var(--hds-size-touch,44px);align-items:center;gap:var(--hds-space-2);padding-inline:var(--hds-space-1);color:var(--hds-color-text-2);font-size:var(--hds-font-size-200);font-weight:700;display:flex}.hds-kanban__marker{border:2px solid var(--hds-kanban-stage-color,var(--hds-color-accent));border-radius:50%;flex:none;block-size:.6rem;inline-size:.6rem}.hds-kanban__count{color:var(--hds-color-text-3);font-variant-numeric:tabular-nums;margin-inline-start:auto}.hds-kanban__cards{gap:var(--hds-space-2);flex-direction:column;display:flex}.hds-kanban__card{padding:var(--hds-space-3);border:1px solid var(--hds-color-border);border-radius:var(--hds-radius-sm);background:var(--hds-color-surface-2);position:relative}.hds-kanban__card[data-state=dragging]{opacity:.64}.hds-kanban__card[data-state=selected]{border-color:var(--hds-color-border-focus)}.hds-kanban__card-title{color:var(--hds-color-text-1);font-size:var(--hds-font-size-400);font-weight:700;line-height:var(--hds-line-heading);margin:0;padding-inline-end:var(--hds-size-touch,44px)}.hds-kanban__move-actions{gap:var(--hds-space-1);flex-wrap:wrap;margin-block-start:var(--hds-space-2);display:flex}.hds-kanban__shortcut{color:var(--hds-color-text-3);font-size:var(--hds-font-size-200);margin-block-start:var(--hds-space-2)}.hds-editor{min-block-size:min(44rem, calc(100dvh - var(--hds-size-topbar)));border:1px solid var(--hds-color-border);border-radius:var(--hds-radius-lg);background:var(--hds-color-surface-1);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:clip}.hds-editor__toolbar,.hds-editor__statusbar{align-items:center;gap:var(--hds-space-1);padding:var(--hds-space-2) var(--hds-space-3);background:var(--hds-color-surface-2);flex-wrap:wrap;display:flex}.hds-editor__toolbar{border-block-end:1px solid var(--hds-color-border)}.hds-editor__statusbar{border-block-start:1px solid var(--hds-color-border);color:var(--hds-color-text-2);font-size:var(--hds-font-size-200);justify-content:space-between}.hds-editor__page{inline-size:min(100%, var(--hds-size-reading));min-block-size:20rem;padding:var(--hds-space-7) var(--hds-space-5);color:var(--hds-color-text-1);font-size:var(--hds-font-size-500);line-height:var(--hds-line-reading);outline:none;margin-inline:auto}.hds-editor__page:focus-visible{box-shadow:inset 0 0 0 2px var(--hds-color-border-focus);outline:0}.hds-editor--minimal .hds-editor__page{font-size:var(--hds-font-size-600)}.hds-fullscreen{z-index:var(--hds-z-modal);background:var(--hds-color-bg);color:var(--hds-color-text-1);grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0}.hds-fullscreen__topbar{min-block-size:calc(var(--hds-size-topbar) + env(safe-area-inset-top,0px));align-items:center;gap:var(--hds-space-2);padding-block-start:env(safe-area-inset-top,0px);padding-inline:max(var(--hds-space-4), env(safe-area-inset-left,0px));border-block-end:1px solid var(--hds-color-border);background:var(--hds-color-topbar);display:flex}.hds-fullscreen__body{gap:var(--hds-space-4);min-block-size:0;padding:var(--hds-space-5);grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);padding-block-end:max(var(--hds-space-5), env(safe-area-inset-bottom,0px));display:grid;overflow:auto}.hds-fullscreen__pane{border:1px solid var(--hds-color-border);border-radius:var(--hds-radius-md);background:var(--hds-color-surface-1);min-inline-size:0;padding:var(--hds-space-4)}.hds-share{gap:var(--hds-space-4);display:grid}.hds-share__link{gap:var(--hds-space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.hds-share__members{gap:var(--hds-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hds-share__member{min-block-size:var(--hds-size-touch,44px);align-items:center;gap:var(--hds-space-3);padding:var(--hds-space-2);border-radius:var(--hds-radius-sm);background:var(--hds-color-surface-1);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.hds-avatar{background:var(--hds-color-surface-3);block-size:2.25rem;inline-size:2.25rem;color:var(--hds-color-text-1);border-radius:50%;place-items:center;font-weight:700;display:inline-grid}.hds-share__identity{min-inline-size:0}.hds-share__name,.hds-share__meta{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hds-share__meta{color:var(--hds-color-text-3);font-size:var(--hds-font-size-200)}@media (max-width:600px){.hds-topbar{grid-template-columns:minmax(0,1fr) auto;padding-inline-start:max(var(--hds-space-3), env(safe-area-inset-right,0px));padding-inline-end:max(var(--hds-space-3), env(safe-area-inset-left,0px))}.hds-topbar__center{justify-content:flex-start}.hds-topbar__end{grid-area:1/2}.hds-topbar__start:empty{display:none}.hds-nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.hds-filter-bar>*{flex:100%}.hds-kanban{grid-template-columns:repeat(var(--hds-kanban-columns,4), 72vw)}.hds-editor{min-block-size:calc(100dvh - var(--hds-size-topbar));border-inline:0;border-radius:0}.hds-editor__page{padding:var(--hds-space-5) var(--hds-space-4)}.hds-fullscreen__body{padding:var(--hds-space-4);grid-template-columns:1fr}.hds-share__link{grid-template-columns:1fr}}@media (max-width:390px){.hds-topbar__title{max-inline-size:48vw;font-size:var(--hds-font-size-400)}.hds-view-switcher{inline-size:100%;overflow-x:auto}.hds-state{padding-inline:var(--hds-space-4)}.hds-share__member{grid-template-columns:auto minmax(0,1fr)}.hds-share__member>:last-child{grid-column:1/-1}}@media (hover:none),(pointer:coarse){.hds-kanban__move-actions,.hds-table__actions{opacity:1;visibility:visible}}@media (prefers-reduced-motion:reduce){.hds-disclosure__indicator,.hds-state[data-state=loading] .hds-state__symbol,.hds-skeleton{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (forced-colors:active){.hds-menu,.hds-table-shell,.hds-disclosure,.hds-kanban__column,.hds-kanban__card,.hds-editor,.hds-fullscreen__pane,.hds-readonly-banner,.hds-permission-banner{border-color:canvastext}}html{scroll-behavior:smooth;max-inline-size:100%;scroll-padding-block-start:5rem;overflow-x:clip}body{background:var(--hds-color-bg);max-inline-size:100%;color:var(--hds-color-text-1);font-family:var(--hds-font-body,"Thmanyah Sans", "ThmanyahSans", "IBM Plex Sans Arabic", Arial, sans-serif);margin:0;overflow-x:clip}a{color:inherit}button,input,select,textarea{font:inherit}.hds-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.site-nav{z-index:var(--hds-z-topbar);min-block-size:calc(var(--hds-size-topbar) + env(safe-area-inset-top,0px));align-items:center;gap:var(--hds-space-4);padding-block-start:env(safe-area-inset-top,0px);padding-inline:max(var(--hds-space-4), calc((100vw - var(--hds-size-content)) / 2));border-block-end:1px solid var(--hds-color-border);background:var(--hds-color-topbar);-webkit-backdrop-filter:blur(var(--hds-blur-overlay));backdrop-filter:blur(var(--hds-blur-overlay));grid-template-columns:minmax(13rem,1fr) auto minmax(13rem,1fr);display:grid;position:sticky;inset-block-start:0}.site-brand{min-block-size:var(--hds-size-touch);align-items:center;gap:var(--hds-space-2);inline-size:fit-content;min-inline-size:0;color:var(--hds-color-text-1);font-size:var(--hds-font-size-300);font-weight:700;text-decoration:none;display:inline-flex}.site-brand__mark{block-size:2rem;inline-size:2rem;fill:var(--hds-color-text-1);stroke:var(--hds-color-text-1);stroke-width:3.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;overflow:visible}.site-nav__links{justify-content:center;align-items:center;gap:clamp(var(--hds-space-3), 2vw, var(--hds-space-5));display:flex}.site-nav__links a{min-block-size:var(--hds-size-touch);color:var(--hds-color-text-2);font-size:var(--hds-font-size-200);align-items:center;text-decoration:none;display:inline-flex}:is(.site-nav__links a:hover,.site-nav__links a:focus-visible){color:var(--hds-color-text-1)}.site-theme{justify-self:end}.hero{inline-size:min(calc(100% - 2 * var(--hds-space-4)), 76rem);min-block-size:calc(100svh - var(--hds-size-topbar));flex-direction:column;justify-content:center;margin-inline:auto;padding-block:clamp(3rem,7vw,6rem);display:flex}.hero__title-row,.hero__lower{gap:clamp(var(--hds-space-4), 5vw, var(--hds-space-8));grid-template-columns:minmax(0,1fr) minmax(18rem,.42fr);align-items:end;display:grid}.hero__title-row p,.hero__title-row span,.hero__lower p{margin:0}.hero__title-row p{color:var(--hds-color-text-2);font-size:var(--hds-font-size-300);font-weight:700}.hero__title-row>span{color:var(--hds-color-text-3);font-family:var(--hds-font-mono);font-size:var(--hds-font-size-100);text-align:end}.hero h1{margin:clamp(var(--hds-space-3), 2vw, var(--hds-space-5)) 0;color:var(--hds-color-text-1);font-family:var(--hds-font-display);letter-spacing:-.055em;white-space:nowrap;font-size:clamp(3.1rem,9.6vw,8.5rem);font-weight:700;line-height:.88}.hero__statement{min-inline-size:0;color:var(--hds-color-text-1);font-family:var(--hds-font-display);font-size:clamp(2rem,4.2vw,4.2rem);font-weight:700;line-height:1.05}.hero__lower p{max-inline-size:38rem;color:var(--hds-color-text-2);font-size:var(--hds-font-size-400);line-height:var(--hds-line-reading)}.control-rail{align-items:end;gap:var(--hds-space-4);padding:var(--hds-space-3);border-radius:var(--hds-radius-lg) var(--hds-radius-lg) var(--hds-radius-xs) var(--hds-radius-lg);background:var(--hds-color-surface-1);grid-template-columns:auto minmax(13rem,1fr) auto;margin-block-start:clamp(var(--hds-space-5), 5vw, var(--hds-space-7));display:grid}.control-rail fieldset,.control-rail label{align-items:center;gap:var(--hds-space-1);border:0;min-inline-size:0;margin:0;padding:0;display:flex}.control-rail legend,.control-rail label>span{color:var(--hds-color-text-3);font-size:var(--hds-font-size-200);margin-inline-end:var(--hds-space-2)}.control-rail button,.control-rail select,.view-switcher button,.symbol-switcher button{min-block-size:var(--hds-size-touch);border-radius:var(--hds-radius-sm);color:var(--hds-color-text-2);cursor:pointer;background:0 0;border:2px solid #0000}.control-rail button,.view-switcher button,.symbol-switcher button{padding-inline:var(--hds-space-3)}.control-rail select{min-inline-size:12rem;padding-inline:var(--hds-space-3);border-color:var(--hds-color-border-control);background:var(--hds-color-input)}.control-rail button[aria-pressed=true],.view-switcher button[aria-pressed=true],.symbol-switcher button[aria-pressed=true]{border-color:var(--hds-color-border-focus);background:var(--hds-color-surface-3);color:var(--hds-color-text-1);font-weight:700}.control-rail__status,.hds-sync-status{align-items:center;gap:var(--hds-space-2);display:inline-flex}.control-rail__status>span:first-child,.hds-sync-status>span:first-child{border:2px solid;border-radius:50%;block-size:.65rem;inline-size:.65rem}[data-state=saving]{color:var(--hds-color-accent-text)}[data-state=synced]{color:var(--hds-color-success)}[data-state=offline]{color:var(--hds-color-text-2)}[data-state=failed]{color:var(--hds-color-danger)}.workspace{padding:clamp(var(--hds-space-4), 3vw, var(--hds-space-6));border:1px solid var(--hds-color-border);border-radius:var(--hds-radius-xl) var(--hds-radius-xl) var(--hds-radius-sm) var(--hds-radius-xl);background:var(--hds-color-surface-1);margin-block-start:var(--hds-space-4)}.workspace__header,.workspace__tools{justify-content:space-between;align-items:center;gap:var(--hds-space-4);display:flex}.workspace__header h2{margin:var(--hds-space-1) 0 0;font-family:var(--hds-font-display);font-size:var(--hds-font-size-800)}.workspace__context{color:var(--hds-color-text-3);font-size:var(--hds-font-size-200)}.workspace__tools{margin-block:var(--hds-space-4)}.workspace__tools label{flex:1}.workspace__tools .hds-input{inline-size:100%}.view-switcher,.symbol-switcher{align-items:center;gap:var(--hds-space-1);display:inline-flex}.view-switcher{padding:var(--hds-space-1);border-radius:var(--hds-radius-md);background:var(--hds-color-surface-2)}.workspace__cards{gap:var(--hds-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.workspace__cards article{align-content:end;gap:var(--hds-space-1) var(--hds-space-3);min-block-size:8.7rem;min-inline-size:0;padding:var(--hds-space-4);border-radius:var(--hds-radius-lg) var(--hds-radius-lg) var(--hds-radius-xs) var(--hds-radius-lg);background:var(--hds-color-surface-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.workspace__symbol{grid-column:1/-1;align-self:start;font-size:1.4rem}.workspace__cards h3{min-inline-size:0;font-family:var(--hds-font-display);font-size:var(--hds-font-size-600);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.workspace__cards p{color:var(--hds-color-text-3);font-size:var(--hds-font-size-200);margin:0}.workspace__cards strong{color:var(--hds-color-text-2);font-family:var(--hds-font-mono);font-size:var(--hds-font-size-200);grid-area:2/2/4;align-self:end}.workspace__table-wrap{overflow-x:auto}.workspace table{border-collapse:collapse;inline-size:100%}.workspace th,.workspace td{min-block-size:var(--hds-size-touch);padding:var(--hds-space-3);border-block-start:1px solid var(--hds-color-border);text-align:start}.workspace thead th{color:var(--hds-color-text-3);font-size:var(--hds-font-size-200)}.workspace tbody th{font-weight:700}.workspace td{color:var(--hds-color-text-2)}.workspace__board{gap:var(--hds-space-3);scroll-snap-type:inline mandatory;grid-template-columns:repeat(3,minmax(15rem,1fr));display:grid;overflow-x:auto}.workspace__board>section{min-inline-size:15rem;padding:var(--hds-space-3);border-radius:var(--hds-radius-lg);background:var(--hds-color-surface-2);scroll-snap-align:start}.workspace__board section>header{min-block-size:var(--hds-size-touch);justify-content:space-between;align-items:center;display:flex}.workspace__board h3{font-size:var(--hds-font-size-400);margin:0}.workspace__board article{gap:var(--hds-space-2);padding:var(--hds-space-3);border-radius:var(--hds-radius-md);background:var(--hds-color-surface-1);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.workspace__board article+article{margin-block-start:var(--hds-space-2)}.workspace__board article>span{color:var(--hds-color-text-3);font-size:var(--hds-font-size-100)}.workspace__board article button{inline-size:fit-content;min-block-size:var(--hds-size-touch);color:var(--hds-color-accent-text);cursor:pointer;background:0 0;border:0;grid-column:2/-1;padding:0}.symbol{margin-inline-end:.35em;font-family:system-ui,sans-serif;display:inline-block}.principles{inline-size:min(calc(100% - 2 * var(--hds-space-4)), 76rem);padding-block:var(--hds-space-7);grid-template-columns:repeat(4,minmax(0,1fr));margin-inline:auto;display:grid}.principles p{min-inline-size:0;padding:var(--hds-space-4);margin:0}.principles p+p{border-inline-start:1px solid var(--hds-color-border)}.principles strong,.principles span{display:block}.principles strong{font-family:var(--hds-font-display);font-size:var(--hds-font-size-600)}.principles span{color:var(--hds-color-text-3);font-size:var(--hds-font-size-200);margin-block-start:var(--hds-space-1)}.catalog-section{inline-size:min(calc(100% - 2 * var(--hds-space-4)), 76rem);border-block-start:1px solid var(--hds-color-border);margin-inline:auto;padding-block:clamp(5rem,10vw,9rem)}.section-heading{max-inline-size:52rem;margin-block-end:clamp(var(--hds-space-6), 6vw, var(--hds-space-8))}.section-heading--split{gap:clamp(var(--hds-space-5), 6vw, var(--hds-space-8));grid-template-columns:minmax(0,1fr) minmax(20rem,.68fr);max-inline-size:none;display:grid}.section-heading h2{font-family:var(--hds-font-display);margin:0;font-size:clamp(2.2rem,5.4vw,5.2rem);line-height:1.02}.section-heading p{margin:var(--hds-space-4) 0 0;color:var(--hds-color-text-2);font-size:var(--hds-font-size-400);line-height:var(--hds-line-reading)}.section-heading--split p{margin-block-start:.4rem}.token-board{gap:var(--hds-space-2);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.token{min-block-size:9.5rem;padding:var(--hds-space-3);border-radius:var(--hds-radius-md) var(--hds-radius-md) var(--hds-radius-xs) var(--hds-radius-md);flex-direction:column;justify-content:flex-end;display:flex}.token strong{font-size:var(--hds-font-size-300)}.token code{font-family:var(--hds-font-mono);font-size:var(--hds-font-size-200);overflow-wrap:anywhere;margin-block-start:var(--hds-space-1)}.token--canvas{border:1px solid var(--hds-color-border);background:var(--hds-color-bg);color:var(--hds-color-text-1)}.token--surface{background:var(--hds-color-surface-2);color:var(--hds-color-text-1)}.token--action{background:var(--hds-color-accent);color:var(--hds-color-on-accent)}.token--success{background:var(--hds-color-success-fill);color:var(--hds-color-on-success-fill)}.token--danger{background:var(--hds-color-danger-fill);color:var(--hds-color-on-danger-fill)}.token--warning{background:var(--hds-color-warning-fill);color:var(--hds-color-on-warning-fill)}.type-board{border-radius:var(--hds-radius-xl) var(--hds-radius-xl) var(--hds-radius-sm) var(--hds-radius-xl);background:var(--hds-color-surface-1);grid-template-columns:minmax(0,1.2fr) minmax(22rem,.8fr);margin-block-start:var(--hds-space-5);display:grid;overflow:hidden}.type-board__display{min-block-size:23rem;padding:clamp(var(--hds-space-5), 5vw, var(--hds-space-7));background:var(--hds-color-surface-2);flex-direction:column;justify-content:space-between;display:flex}.type-board__display span{color:var(--hds-color-text-3);font-size:var(--hds-font-size-200)}.type-board__display strong{max-inline-size:8ch;font-family:var(--hds-font-display);font-size:clamp(3rem,7vw,6.6rem);line-height:.94}.type-board dl{margin:0;display:grid}.type-board dl div{align-content:center;gap:var(--hds-space-1) var(--hds-space-3);padding:var(--hds-space-4);grid-template-columns:5.5rem minmax(0,1fr);display:grid}.type-board dl div+div{border-block-start:1px solid var(--hds-color-border)}.type-board dt{color:var(--hds-color-text-3);font-size:var(--hds-font-size-200)}.type-board dd{margin:0;font-weight:700}.type-board dl span{color:var(--hds-color-text-2);font-size:var(--hds-font-size-200);grid-column:2}.font-policy{gap:var(--hds-space-6);padding:clamp(var(--hds-space-4), 4vw, var(--hds-space-6));border-radius:var(--hds-radius-xl) var(--hds-radius-xl) var(--hds-radius-sm) var(--hds-radius-xl);background:var(--hds-color-surface-1);grid-template-columns:minmax(14rem,.7fr) minmax(0,1.3fr);margin-block-start:var(--hds-space-4);display:grid}.font-policy>div:first-child{align-self:end}.font-policy span{color:var(--hds-color-text-3);font-size:var(--hds-font-size-200)}.font-policy h3{max-inline-size:11ch;margin:var(--hds-space-2) 0 0;font-family:var(--hds-font-display);font-size:clamp(2rem,4vw,3.8rem);line-height:1.05}.font-policy p{max-inline-size:48rem;color:var(--hds-color-text-2);line-height:var(--hds-line-body);margin:0}.font-policy p+p{margin-block-start:var(--hds-space-3)}.font-policy strong{color:var(--hds-color-text-1)}.font-policy a{min-block-size:var(--hds-size-touch);color:var(--hds-color-accent-text);align-items:center;margin-block-start:var(--hds-space-3);font-weight:700;display:inline-flex}.component-lab{background:var(--hds-color-surface-1);border-radius:var(--hds-radius-xl) var(--hds-radius-xl) var(--hds-radius-sm) var(--hds-radius-xl);overflow:hidden}.component-row{gap:var(--hds-space-6);padding:clamp(var(--hds-space-4), 4vw, var(--hds-space-6));grid-template-columns:minmax(15rem,.55fr) minmax(0,1.45fr);display:grid}.component-row+.component-row{border-block-start:1px solid var(--hds-color-border)}.component-row h3{font-family:var(--hds-font-display);font-size:var(--hds-font-size-700);margin:0}.component-row>div>p{max-inline-size:26rem;margin:var(--hds-space-2) 0 0;color:var(--hds-color-text-3);font-size:var(--hds-font-size-300);line-height:var(--hds-line-body)}.component-row__stage{align-items:center;gap:var(--hds-space-2);flex-wrap:wrap;display:flex}.component-row__stage--vertical{flex-direction:column;align-items:stretch}.field-grid{gap:var(--hds-space-3);grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;display:grid}.field-grid>button{inline-size:fit-content}.status-line{gap:var(--hds-space-2);flex-wrap:wrap;display:flex}.hds-sync-status{min-block-size:var(--hds-size-touch);padding-inline:var(--hds-space-3);border-radius:var(--hds-radius-sm);background:var(--hds-color-surface-2);cursor:pointer;border:0}.hds-sync-status[aria-pressed=true]{outline-offset:1px;outline:2px solid}.pattern-comparison{gap:var(--hds-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pattern-comparison>article{min-block-size:25rem;padding:clamp(var(--hds-space-5), 4vw, var(--hds-space-7));border-radius:var(--hds-radius-xl) var(--hds-radius-xl) var(--hds-radius-sm) var(--hds-radius-xl);background:var(--hds-color-surface-1);flex-direction:column;display:flex}.pattern-comparison article>span:first-child{color:var(--hds-color-text-3);font-family:var(--hds-font-mono);font-size:var(--hds-font-size-100)}.pattern-comparison h3{margin:auto 0 var(--hds-space-4);font-family:var(--hds-font-display);font-size:clamp(2rem,4vw,3.5rem);line-height:1.04}.pattern-comparison ul{color:var(--hds-color-text-2);margin:0;padding-inline-start:1.2rem;line-height:1.9}.adaptation-card{background:var(--hds-color-surface-2)!important}.adaptation-map{gap:var(--hds-space-2);margin:0;display:grid}.adaptation-map div{gap:var(--hds-space-3);min-block-size:var(--hds-size-touch);padding-block:var(--hds-space-2);border-block-start:1px solid var(--hds-color-border);grid-template-columns:minmax(5rem,.35fr) minmax(0,1fr);align-items:center;display:grid}.adaptation-map div:last-child{border-block-end:1px solid var(--hds-color-border)}.adaptation-map dt{color:var(--hds-color-text-1);font-weight:700}.adaptation-map dd{color:var(--hds-color-text-2);margin:0}.symbol-switcher{padding:var(--hds-space-1);background:var(--hds-color-surface-1);border-radius:var(--hds-radius-md);margin-block-end:var(--hds-space-5)}.symbol-demo{background:var(--hds-color-surface-1);border-radius:var(--hds-radius-xl) var(--hds-radius-xl) var(--hds-radius-sm) var(--hds-radius-xl);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.symbol-demo p{min-block-size:12rem;padding:var(--hds-space-4);flex-direction:column;justify-content:flex-end;margin:0;display:flex}.symbol-demo p+p{border-inline-start:1px solid var(--hds-color-border)}.symbol-demo .symbol{margin:0 0 auto;font-size:2.2rem}.symbol-demo strong,.symbol-demo span{display:block}.symbol-demo span:last-child{color:var(--hds-color-text-3);font-size:var(--hds-font-size-200);margin-block-start:var(--hds-space-1)}.install-section{padding-inline:clamp(var(--hds-space-4), 5vw, var(--hds-space-7));border-radius:var(--hds-radius-xl) var(--hds-radius-xl) var(--hds-radius-sm) var(--hds-radius-xl);background:var(--hds-color-surface-1);border-block-start:0}.installer-list{border-block:1px solid var(--hds-color-border)}.installer-list article{align-items:start;gap:var(--hds-space-5);min-block-size:11rem;padding-block:var(--hds-space-5);grid-template-columns:3rem minmax(15rem,.8fr) minmax(22rem,1.2fr);display:grid}.installer-list article+article{border-block-start:1px solid var(--hds-color-border)}.installer-list article>span{color:var(--hds-color-text-3);font-family:var(--hds-font-mono)}.installer-list h3,.installer-list p{margin:0}.installer-list h3{font-size:var(--hds-font-size-500)}.installer-list p{color:var(--hds-color-text-3);font-size:var(--hds-font-size-200)}.installer-list__identity>p:first-child{color:var(--hds-color-text-2);margin-block-end:var(--hds-space-1)}.installer-list__identity h3+p{line-height:var(--hds-line-body);margin-block-start:var(--hds-space-2)}.installer-list__identity>code{overflow-wrap:anywhere;margin-block-start:var(--hds-space-3);display:block}.installer-list code{color:var(--hds-color-timecode);font-family:var(--hds-font-mono);font-size:var(--hds-font-size-100)}.installer-list__targets{margin:0}.installer-list__targets>div{min-block-size:var(--hds-size-touch);align-items:center;gap:var(--hds-space-3);padding-block:var(--hds-space-2);grid-template-columns:minmax(7rem,.35fr) minmax(0,1fr);display:grid}.installer-list__targets>div+div{border-block-start:1px solid var(--hds-color-border)}.installer-list__targets dt{color:var(--hds-color-text-2);font-size:var(--hds-font-size-200);font-weight:700}.installer-list__targets dd{justify-content:space-between;align-items:center;gap:var(--hds-space-3);min-inline-size:0;margin:0;display:flex}.installer-list__targets dd code{overflow-wrap:anywhere}.installer-list button{min-block-size:var(--hds-size-touch);padding-inline:var(--hds-space-3);border-radius:var(--hds-radius-sm);background:var(--hds-color-surface-2);color:var(--hds-color-text-1);cursor:pointer;border:0}.release-note{margin:var(--hds-space-4) 0 0;color:var(--hds-color-text-3);font-size:var(--hds-font-size-200)}.platform-matrix{inline-size:min(calc(100% - 2 * var(--hds-space-4)), 76rem);gap:var(--hds-space-7);grid-template-columns:minmax(16rem,.55fr) minmax(0,1.45fr);margin:clamp(5rem,10vw,9rem) auto;display:grid}.platform-matrix h2{font-family:var(--hds-font-display);font-size:var(--hds-font-size-800);margin:0}.platform-matrix p{color:var(--hds-color-text-3);line-height:var(--hds-line-body)}.platform-matrix dl{margin:0}.platform-matrix dl div{gap:var(--hds-space-4);border-block-start:1px solid var(--hds-color-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;min-block-size:4.5rem;display:grid}.platform-matrix dl div:last-child{border-block-end:1px solid var(--hds-color-border)}.platform-matrix dt{font-weight:700}.platform-matrix dd{color:var(--hds-color-text-2);text-align:end;margin:0}.creator-section{inline-size:min(calc(100% - 2 * var(--hds-space-4)), 76rem);gap:clamp(var(--hds-space-6), 7vw, var(--hds-space-9));padding:clamp(var(--hds-space-5), 6vw, var(--hds-space-8));border-radius:var(--hds-radius-xl) var(--hds-radius-sm) var(--hds-radius-xl) var(--hds-radius-xl);background:var(--hds-color-surface-1);grid-template-columns:minmax(16rem,.72fr) minmax(0,1.28fr);margin:clamp(5rem,10vw,9rem) auto;display:grid}.creator-section__heading{align-self:end}.creator-section__heading p{color:var(--hds-color-text-3);font-size:var(--hds-font-size-200);margin:0;font-weight:700}.creator-section__heading h2{max-inline-size:9ch;margin:var(--hds-space-3) 0 0;font-family:var(--hds-font-display);font-size:clamp(3rem,6.8vw,6.8rem);line-height:.94}.creator-section__body>p{max-inline-size:46rem;margin:0 0 var(--hds-space-6);color:var(--hds-color-text-2);font-size:var(--hds-font-size-400);line-height:var(--hds-line-reading)}.creator-links{border-block:1px solid var(--hds-color-border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.creator-links a{align-content:center;gap:var(--hds-space-1);min-block-size:5rem;min-inline-size:0;padding:var(--hds-space-3);color:var(--hds-color-text-1);text-decoration:none;display:grid}.creator-links a:nth-child(2n){border-inline-start:1px solid var(--hds-color-border)}.creator-links a:nth-child(n+3){border-block-start:1px solid var(--hds-color-border)}:is(.creator-links a:hover,.creator-links a:focus-visible){background:var(--hds-color-surface-2)}.creator-links span{color:var(--hds-color-text-3);font-size:var(--hds-font-size-200)}.creator-links strong{overflow-wrap:anywhere;min-inline-size:0;font-size:var(--hds-font-size-300)}.site-footer{inline-size:min(calc(100% - 2 * var(--hds-space-4)), 76rem);gap:var(--hds-space-7);padding-block:var(--hds-space-7) calc(var(--hds-space-7) + env(safe-area-inset-bottom,0px));border-block-start:1px solid var(--hds-color-border);grid-template-columns:minmax(0,1.35fr) minmax(16rem,.65fr);margin-inline:auto;display:grid}.site-footer__identity{gap:var(--hds-space-6);border-block-end:1px solid var(--hds-color-border);grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(18rem,.6fr);align-items:end;padding-block-end:var(--hds-space-6);display:grid}.site-footer__identity strong{font-family:var(--hds-font-display);letter-spacing:-.04em;font-size:clamp(2.2rem,5vw,4.5rem)}.site-footer p{margin:var(--hds-space-2) 0 0;color:var(--hds-color-text-3);line-height:var(--hds-line-body)}.site-footer__source>span{color:var(--hds-color-text-3);font-size:var(--hds-font-size-200)}.site-footer__source h2{margin:var(--hds-space-2) 0 0;font-family:var(--hds-font-display);font-size:var(--hds-font-size-700)}.site-footer__source p{max-inline-size:46rem}.site-footer__source nav{gap:var(--hds-space-2) var(--hds-space-4);flex-wrap:wrap;margin-block-start:var(--hds-space-4);display:flex}.site-footer__source a,.site-footer__policy a{min-block-size:var(--hds-size-touch);color:var(--hds-color-accent-text);align-items:center;font-weight:700;display:inline-flex}.site-footer__policy{justify-content:flex-end;align-items:flex-end;gap:var(--hds-space-2);color:var(--hds-color-text-2);font-size:var(--hds-font-size-200);text-align:end;flex-direction:column;display:flex}.hds-toast-stack{inset-inline:var(--hds-space-4);z-index:var(--hds-z-toast);pointer-events:none;justify-items:center;display:grid;position:fixed;inset-block-end:calc(var(--hds-space-4) + env(safe-area-inset-bottom,0px))}.hds-toast{min-block-size:var(--hds-size-touch);align-items:center;gap:var(--hds-space-4);padding:var(--hds-space-2) var(--hds-space-3);border-radius:var(--hds-radius-md);background:var(--hds-color-surface-overlay);color:var(--hds-color-text-1);box-shadow:var(--hds-shadow-overlay);pointer-events:auto;display:flex}.hds-toast[data-tone=success]{border-inline-start:4px solid var(--hds-color-success)}.hds-toast[data-tone=danger]{border-inline-start:4px solid var(--hds-color-danger)}.hds-toast button{min-block-size:var(--hds-size-touch);color:var(--hds-color-text-2);cursor:pointer;background:0 0;border:0}.hds-dialog-backdrop{z-index:var(--hds-z-modal);padding:var(--hds-space-4);background:var(--hds-color-backdrop);place-items:center;display:grid;position:fixed;inset:0}.hds-dialog{inline-size:min(100%,30rem);padding:var(--hds-space-5);border-radius:var(--hds-radius-xl) var(--hds-radius-xl) var(--hds-radius-sm) var(--hds-radius-xl);background:var(--hds-color-surface-overlay);box-shadow:var(--hds-shadow-overlay)}.hds-dialog h2{font-family:var(--hds-font-display);font-size:var(--hds-font-size-800);margin:0}.hds-dialog p{margin:var(--hds-space-3) 0 var(--hds-space-5);color:var(--hds-color-text-2);line-height:var(--hds-line-body)}.hds-dialog__actions{justify-content:flex-end;gap:var(--hds-space-2);display:flex}@media (max-width:900px){.site-nav{grid-template-columns:minmax(0,1fr) auto}.site-nav__links{display:none}.hero h1{font-size:clamp(2.7rem,10vw,5.5rem)}.hero__title-row,.hero__lower,.section-heading--split,.type-board,.font-policy,.component-row,.platform-matrix,.creator-section{grid-template-columns:1fr}.hero__title-row>span{text-align:start}.hero__lower p{max-inline-size:46rem}.workspace__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.token-board{grid-template-columns:repeat(3,minmax(0,1fr))}.type-board__display{min-block-size:19rem}.pattern-comparison{grid-template-columns:1fr}.pattern-comparison>article{min-block-size:21rem}.symbol-demo{grid-template-columns:repeat(2,minmax(0,1fr))}.symbol-demo p:nth-child(3){border-inline-start:0;border-block-start:1px solid var(--hds-color-border)}.symbol-demo p:nth-child(4){border-block-start:1px solid var(--hds-color-border)}.installer-list article{grid-template-columns:2rem minmax(0,1fr)}.installer-list__targets{grid-column:2}}@media (max-width:600px){html{scroll-padding-block-start:4.25rem}.site-nav{padding-inline:var(--hds-space-3)}.site-brand span{font-size:.72rem}.hero{inline-size:min(calc(100% - 2 * var(--hds-space-3)), 76rem);min-block-size:auto;padding-block:var(--hds-space-7)}.hero h1{white-space:normal;overflow-wrap:anywhere;font-size:clamp(2.2rem,12vw,4rem)}.hero__statement{font-size:clamp(1.9rem,10vw,3.2rem)}.control-rail{grid-template-columns:1fr;align-items:stretch}.control-rail fieldset,.control-rail label{justify-content:space-between}.control-rail select{flex:1;min-inline-size:0}.workspace{padding:var(--hds-space-3)}.workspace__header,.workspace__tools{flex-direction:column;align-items:stretch}.workspace__header .hds-btn,.workspace__tools label,.view-switcher{inline-size:100%}.view-switcher button{flex:1}.workspace__cards{grid-template-columns:1fr}.principles{padding-block:var(--hds-space-5);grid-template-columns:repeat(2,minmax(0,1fr))}.principles p:nth-child(3){border-inline-start:0;border-block-start:1px solid var(--hds-color-border)}.principles p:nth-child(4){border-block-start:1px solid var(--hds-color-border)}.catalog-section{inline-size:min(calc(100% - 2 * var(--hds-space-3)), 76rem);padding-block:var(--hds-space-8)}.token-board{grid-template-columns:repeat(2,minmax(0,1fr))}.token{min-block-size:7.5rem}.type-board{grid-template-columns:1fr}.type-board__display{min-block-size:16rem}.type-board dl div{grid-template-columns:4.5rem minmax(0,1fr)}.font-policy{gap:var(--hds-space-4)}.component-row{gap:var(--hds-space-4);grid-template-columns:1fr}.component-row__stage .hds-btn{inline-size:100%}.field-grid{grid-template-columns:1fr}.pattern-comparison>article{min-block-size:19rem;padding:var(--hds-space-5)}.adaptation-map div{grid-template-columns:4.5rem minmax(0,1fr)}.symbol-switcher{inline-size:100%;overflow-x:auto}.symbol-switcher button{flex:none}.symbol-demo{grid-template-columns:1fr}.symbol-demo p{min-block-size:8rem}.symbol-demo p+p,.symbol-demo p:nth-child(3){border-inline-start:0;border-block-start:1px solid var(--hds-color-border)}.install-section{padding-inline:var(--hds-space-3)}.installer-list article{gap:var(--hds-space-2);padding-block:var(--hds-space-4);grid-template-columns:1.7rem minmax(0,1fr)}.installer-list__targets{grid-column:2}.installer-list__targets>div{gap:var(--hds-space-1);padding-block:var(--hds-space-3);grid-template-columns:1fr}.installer-list__targets dd{flex-direction:column;align-items:flex-start}.installer-list button{inline-size:fit-content}.platform-matrix{inline-size:min(calc(100% - 2 * var(--hds-space-3)), 76rem);gap:var(--hds-space-5)}.platform-matrix dl div{gap:var(--hds-space-1);padding-block:var(--hds-space-3);grid-template-columns:1fr}.platform-matrix dd{text-align:start}.creator-section{inline-size:min(calc(100% - 2 * var(--hds-space-3)), 76rem);gap:var(--hds-space-6);padding:var(--hds-space-5)}.creator-section__heading h2{max-inline-size:10ch}.creator-links{grid-template-columns:1fr}.creator-links a:nth-child(2n){border-inline-start:0}.creator-links a+a{border-block-start:1px solid var(--hds-color-border)}.site-footer{inline-size:min(calc(100% - 2 * var(--hds-space-3)), 76rem);gap:var(--hds-space-5);grid-template-columns:1fr}.site-footer__identity{gap:var(--hds-space-3);grid-template-columns:1fr}.site-footer__policy{text-align:start;align-items:flex-start}.hds-dialog-backdrop{align-items:end;padding:0}.hds-dialog{inline-size:100%;border-radius:var(--hds-radius-xl) var(--hds-radius-xl) 0 0;padding-block-end:calc(var(--hds-space-5) + env(safe-area-inset-bottom,0px))}.hds-dialog__actions{flex-direction:column}.hds-dialog__actions .hds-btn{inline-size:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (forced-colors:active){.workspace,.component-lab,.pattern-comparison>article,.symbol-demo,.font-policy,.install-section,.creator-section,.hds-dialog{border:1px solid canvastext}.control-rail__status>span:first-child,.hds-sync-status>span:first-child{forced-color-adjust:none}}