*{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface)}body{margin:0}main h1{overflow-wrap:anywhere}.foundation-shell{width:min(100% - 48px,1120px);min-height:calc(100svh - var(--header-height));margin-inline:auto;display:grid;align-content:center;justify-items:start;gap:24px}.foundation-shell h1,.foundation-shell p{margin:0}.foundation-shell h1{max-width:800px;color:var(--color-navy-800);font-size:clamp(2.5rem,7vw,5.5rem);line-height:.98}.foundation-shell>p:not(.eyebrow){max-width:680px;font-size:1.125rem;line-height:1.6}.eyebrow{color:var(--color-blue-600);font-weight:700;letter-spacing:.08em}.foundation-shell>a{min-height:44px;padding:12px 18px;display:inline-flex;align-items:center;border-radius:7px;background:var(--color-blue-600);color:white;font-weight:700;text-decoration:none}.foundation-shell>a:focus-visible{outline:3px solid var(--color-navy-800);outline-offset:3px}.system-page{width:min(calc(100% - 2rem),780px);min-height:56vh;margin-inline:auto;padding-block:clamp(5rem,12vw,9rem)}.system-page h1{max-width:18ch;margin:0 0 var(--space-5);color:var(--color-navy-900);font-size:clamp(2.25rem,7vw,4.75rem);line-height:1.02}.system-page>p:not(.eyebrow,.system-code){max-width:58ch;color:var(--color-gray-600);font-size:1.125rem}.system-code{margin:0 0 var(--space-3);color:var(--color-orange-500);font-weight:800;letter-spacing:.12em}.system-actions{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-6)}.system-actions button{min-height:44px;border:0;border-radius:var(--radius-md);padding-inline:var(--space-5);background:var(--color-blue-700);color:var(--color-white);font:inherit;font-weight:700;cursor:pointer}.system-page--error,.system-page--not-found{width:min(calc(100% - 3rem),1120px);min-height:64vh;display:grid;align-items:center;padding-block:clamp(3rem,8vw,6rem)}.system-card{position:relative;min-height:420px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;align-items:center;padding:clamp(2rem,6vw,5rem);background:linear-gradient(105deg,rgba(255,255,255,.98) 0 57%,rgba(242,245,249,.92) 100%),var(--color-white)}.system-card__content{position:relative;z-index:1;max-width:640px}.system-card__content h1{margin-bottom:var(--space-4)}.system-card__content>p:not(.system-code){max-width:56ch;margin:0;color:var(--color-gray-600);font-size:1.125rem;line-height:1.65}.system-reference{width:min(100%,520px);margin-top:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;gap:var(--space-2);padding:var(--space-4);background:rgba(255,255,255,.78)}.system-reference span{color:var(--color-gray-600);font-size:.875rem;font-weight:700}.system-reference code{overflow-wrap:anywhere;color:var(--color-navy-900);font-size:.875rem}.system-card__number{position:absolute;top:50%;right:clamp(-1.5rem,2vw,2rem);translate:0 -50%;color:rgba(12,42,82,.055);font-size:clamp(12rem,29vw,25rem);font-weight:900;line-height:.75;letter-spacing:-.09em;-webkit-user-select:none;user-select:none}.system-actions a{min-height:48px;border:1px solid var(--color-blue-700);border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;padding-inline:var(--space-5);background:var(--color-blue-700);color:var(--color-white);font-weight:750;text-decoration:none}.system-actions a.system-action-secondary{background:var(--color-white);color:var(--color-blue-700)}.system-card--error .system-actions button{min-height:48px}.system-actions a:focus-visible,.system-contact-link:focus-visible{outline:3px solid var(--color-orange-500);outline-offset:3px}.system-contact-link{width:fit-content;margin-top:var(--space-5);display:inline-flex;color:var(--color-blue-700);font-weight:700;text-underline-offset:.22em}@media (max-width:620px){.system-page--error,.system-page--not-found{width:min(calc(100% - 2rem),1120px);padding-block:var(--space-6)}.system-card{min-height:470px;align-items:end;padding:var(--space-7) var(--space-5)}.system-card__number{top:5rem;right:.75rem;translate:0;font-size:clamp(8rem,42vw,11rem)}.system-actions{align-items:stretch;flex-direction:column}.system-actions a,.system-actions button{width:100%}}