html{background-color:var(--color-surface-background);color:var(--color-text-primary);font:var(--type-scale-body-size) /var(--type-scale-body-line-height) var(--font-family-latin)}html[lang=ar]{font:var(--type-scale-body-size) /var(--type-scale-body-line-height) var(--font-family-arabic)}body{margin:0;min-block-size:100dvh}h1,h2{margin-block:0}h1{font-size:var(--type-scale-heading-size);line-height:var(--type-scale-heading-line-height)}a{color:var(--color-text-link)}:focus-visible{outline:calc(var(--shape-border-width) * 2) solid var(--color-brand-primary);outline-offset:2px}.shell-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(var(--space-unit) * 4);padding-block:calc(var(--space-unit) * 3);padding-inline:calc(var(--space-unit) * 6);background-color:var(--color-brand-secondary)}.shell-header,.shell-header a{color:var(--color-text-inverse)}.shell-name{font-weight:var(--type-weight-medium);text-decoration:none}.shell-nav{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--space-unit) * 4)}.shell-notice{margin:0;padding-block:calc(var(--space-unit) * 2);background-color:var(--color-surface-raised);color:var(--color-text-secondary);font-size:var(--type-scale-caption-size)}.shell-main,.shell-notice{padding-inline:calc(var(--space-unit) * 6)}.shell-main{max-inline-size:72rem;margin-inline:auto;padding-block:calc(var(--space-unit) * 6)}.stack{display:flex;flex-direction:column;gap:calc(var(--space-unit) * 3)}.greeting{margin-block-end:calc(var(--space-unit) * 6)}.spaces{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:calc(var(--space-unit) * 4)}.card{background-color:var(--color-surface-card);border:var(--shape-border-width) solid var(--color-chart-grid);border-radius:var(--shape-radius-card);box-shadow:var(--elevation-shadow-card);padding:calc(var(--space-unit) * 5)}.space{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--space-unit) * 2)}.caption{color:var(--color-text-secondary);font-size:var(--type-scale-caption-size)}.citizens{display:flex;flex-wrap:wrap;gap:calc(var(--space-unit) * 3);margin:0;padding:0;list-style:none}.btn{display:inline-flex;align-items:center;min-block-size:44px;border:var(--shape-border-width) solid transparent;border-radius:var(--shape-radius-control);padding-block:calc(var(--space-unit) * 2);padding-inline:calc(var(--space-unit) * 4);font:inherit;font-weight:var(--type-weight-medium);text-decoration:none;cursor:pointer}.btn-primary{background-color:var(--color-brand-primary);color:var(--color-text-inverse)}.btn-secondary{background-color:var(--color-surface-raised);border-color:var(--color-chart-grid);color:var(--color-text-primary)}.field{min-block-size:44px;border:var(--shape-border-width) solid var(--color-chart-grid);border-radius:var(--shape-radius-control);padding-inline:calc(var(--space-unit) * 3);font:inherit}.alert{color:var(--color-state-error)}.badge{display:inline-block;border-radius:var(--shape-radius-pill);padding-block:calc(var(--space-unit) * .5);padding-inline:calc(var(--space-unit) * 2);background-color:var(--color-surface-raised);font-size:var(--type-scale-caption-size)}.timeline{display:flex;flex-direction:column;gap:calc(var(--space-unit) * 2);margin:0;padding-inline-start:calc(var(--space-unit) * 5);border-inline-start:calc(var(--shape-border-width) * 2) solid var(--color-chart-grid)}.sight-frame,.sight-offer{inline-size:100%}.sight-offer-card{display:flex;flex-direction:column;gap:var(--space-unit);border:var(--shape-border-width) solid var(--color-brand-primary);border-radius:var(--shape-radius-card);background-color:var(--color-surface-raised);color:var(--color-text-primary);padding:calc(var(--space-unit) * 4);font:inherit;cursor:pointer}.sight-offer-card__title{font-weight:var(--type-weight-medium)}.sight-offer-card__cta{color:var(--color-text-link)}.nudge{display:flex;flex-direction:column;gap:var(--space-unit);inline-size:100%;border-inline-start:calc(var(--shape-border-width) * 3) solid var(--color-brand-primary);border-radius:var(--shape-radius-card);background-color:var(--color-surface-raised);padding-block:calc(var(--space-unit) * 3);padding-inline:calc(var(--space-unit) * 4)}.nudge-kicker{margin:0;color:var(--color-text-secondary);font-size:var(--type-scale-caption-size);text-transform:uppercase;letter-spacing:.08em}.nudge-amount{margin:0;font-size:var(--type-scale-heading-size);font-weight:var(--type-weight-medium)}.nudge p{margin:0}.nudge-math>ul{margin-block:var(--space-unit);padding-inline-start:calc(var(--space-unit) * 5)}.nudge-math>summary{color:var(--color-text-link);cursor:pointer}