@layer design{.service-pages{min-width:0;min-height:560px;display:grid;place-items:center;padding:clamp(var(--space-4),4cqi,var(--space-8));background:var(--surface-canvas);container-type:inline-size}.service-pages[data-fill=viewport]{min-height:100vh;min-height:100dvh}.service-page-frame{width:min(100%,680px);margin:auto}.service-card{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(var(--space-6),5cqi,var(--space-8));padding:clamp(var(--space-6),5cqi,var(--space-12));border:1px solid var(--border-default);border-radius:var(--radius);background:var(--surface-panel);min-width:0}.service-card-compact{display:block;width:min(100%,560px);margin:auto}.service-content:empty{display:none}.service-content:not(:empty){margin-top:var(--space-6);min-width:0}.service-copy>.service-content:first-child{margin-top:0}.organization-access,.organization-access-form{display:grid;gap:var(--space-4);min-width:0}.organization-access .field,.organization-access .select-control{min-width:0;max-width:100%}.organization-access .feedback:empty,.organization-access-form[hidden]{display:none}.service-copy{min-width:0}.service-brand{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);width:min(100%,560px);margin:0 auto var(--space-6);color:var(--text-primary);text-decoration:none}.service-page-frame:has(>.service-card:not(.service-card-compact))>.service-brand{width:100%}a.service-brand:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius)}.service-brand-mark{display:block;width:auto;height:26px;flex:none}.service-brand-mark[data-mark=dark],[data-theme=dark] .service-brand-mark[data-mark=light]:has(+[data-mark=dark]){display:none}[data-theme=dark] .service-brand-mark[data-mark=dark]{display:block}.service-brand-label{font:var(--text-wordmark);letter-spacing:var(--tracking-wordmark)}.service-brand-context{font:var(--text-title);overflow-wrap:anywhere}.service-status{margin-top:var(--space-6)}.service-progress{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface-sunken);color:var(--text-secondary);font:var(--text-body)}.service-symbol{width:48px;height:48px;display:grid;place-items:center;margin-bottom:var(--space-6);border-radius:50%;background:var(--surface-selected);color:var(--text-secondary)}.service-symbol[data-tone=success]{background:var(--success-fill);color:var(--success-text)}.service-symbol[data-tone=danger]{background:var(--danger-fill);color:var(--danger-text)}.service-context{margin:0 0 var(--space-2);color:var(--text-muted);font:var(--text-dense);overflow-wrap:anywhere}.service-code{display:inline-block;margin-bottom:var(--space-2);color:var(--danger-text);font:var(--text-title);letter-spacing:.04em}.service-card h1{margin:0;font:var(--text-page);letter-spacing:-.02em;overflow-wrap:anywhere}.service-detail{max-width:50ch;margin:var(--space-3) 0 0;color:var(--text-secondary);font:var(--text-body);overflow-wrap:anywhere}.service-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-6)}.service-actions .btn,.service-card>.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-md);padding:var(--space-2) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-panel);color:var(--text-primary);font:var(--text-dense);text-decoration:none;cursor:pointer}.service-actions .btn[data-variant=primary],.service-card>.btn[data-variant=primary]{border-color:var(--accent);background:var(--accent);color:var(--text-on-accent)}.service-actions .btn:focus-visible,.service-card>.btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.service-actions .btn:is(:disabled,[aria-disabled=true]){color:var(--text-disabled);cursor:wait}.offline-work{min-width:0;padding:var(--space-4);border-radius:var(--radius);background:var(--surface-canvas)}.offline-work h2{margin:0 0 var(--space-2);font:var(--text-dense);font-weight:600}.offline-work p{margin:0 0 var(--space-4);color:var(--text-secondary);font:var(--text-body);white-space:pre-wrap;overflow-wrap:anywhere}.service-card form{margin-top:var(--space-6)}.service-card .field{display:grid;gap:var(--space-2);min-width:0}.service-card .field>label{font:var(--text-dense);font-weight:600;color:var(--text-primary)}.service-card input[type=password]{box-sizing:border-box;width:100%;min-height:var(--control-md);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-panel);color:var(--text-primary);font:var(--text-body)}.service-card input[aria-invalid=true]{border-color:var(--danger-text)}.service-card .field-hint{color:var(--text-muted);font:var(--text-dense)}.service-card .field-error{margin:0;color:var(--danger-text);font:var(--text-dense)}.service-feedback:empty{display:none}.service-feedback{margin-top:var(--space-2);color:var(--text-secondary);font:var(--text-dense)}.service-feedback[hidden]{display:none}.service-feedback[data-tone=error],.service-feedback[role=alert]{color:var(--danger-text)}.service-feedback[data-tone=success]{color:var(--success-text)}@media (max-width:640px){.service-pages{min-height:480px;padding:var(--space-4)}.service-card{grid-template-columns:minmax(0,1fr);gap:var(--space-6);padding:var(--space-6)}.service-card h1{font:var(--text-title)}.service-symbol{margin-bottom:var(--space-4)}.service-actions{align-items:stretch;flex-direction:column}.service-actions .btn,.service-card>.btn{width:100%;min-height:var(--control-lg);white-space:normal;text-align:center}}.service-pages[data-fill=content]{min-height:0;padding:0;background:transparent}.service-pages[data-fill=content] .service-page-frame{width:100%;margin:0}.service-pages[data-fill=content] .service-card{width:100%;margin:0;padding:0;border:0;background:transparent}.service-pages[data-fill=content] h1{font:var(--text-title)}:host([data-surface=ink]) .service-brand-mark[data-mark=light]:has(+[data-mark=dark]),[data-surface=ink] .service-brand-mark[data-mark=light]:has(+[data-mark=dark]){display:none}:host([data-surface=ink]) .service-brand-mark[data-mark=dark],[data-surface=ink] .service-brand-mark[data-mark=dark]{display:block}}