.een-app{--een-color-primary:#173f73;--een-color-accent:#0b6e69;--een-color-border:#d7dde5;--een-color-surface:#fff;--een-color-muted:#596579;--een-color-focus:#ffbf47;box-sizing:border-box;color:#172033;width:100%;max-width:1200px;margin-inline:auto;padding:clamp(1rem,2vw,2rem);font-family:inherit}.een-app *,.een-app :before,.een-app :after{box-sizing:border-box}.een-app__shell{background:var(--een-color-surface);border:1px solid var(--een-color-border);border-radius:.75rem;overflow:hidden}.een-app__header{grid-template-columns:minmax(0,1fr) minmax(16rem,28rem);align-items:end;gap:1rem;padding:1.5rem;display:grid}.een-app__header h1,.een-app__header p{margin-block:0}.een-app__header p{color:var(--een-color-muted);margin-top:.25rem}.een-app__search input{border:1px solid var(--een-color-border);font:inherit;border-radius:.375rem;width:100%;min-height:2.75rem;padding:.625rem .75rem}.een-app__nav{border-block:1px solid var(--een-color-border);overflow-x:auto}.een-app__nav ul{gap:.25rem;margin:0;padding:.5rem 1rem;list-style:none;display:flex}.een-app__nav button{color:var(--een-color-primary);font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:.25rem;min-height:2.75rem;padding:.5rem .75rem}.een-app__nav button[aria-current=page]{background:#edf4fb;font-weight:700}.een-app__content{min-height:18rem;padding:2rem 1.5rem}.een-app__status{border-left:.25rem solid var(--een-color-accent);margin-top:1.5rem;padding:.75rem 1rem}.een-app :focus-visible{outline:3px solid var(--een-color-focus);outline-offset:2px}.een-app__visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=720px){.een-app__header{grid-template-columns:1fr;align-items:stretch}}@media (prefers-reduced-motion:reduce){.een-app *,.een-app :before,.een-app :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}