#app{height:100dvh;display:grid;grid-template-rows:minmax(80px,auto) minmax(0,1fr);overflow:hidden}.service-header{display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--line)}.service-header .brand{font-size:1.5625rem;font-weight:650;letter-spacing:-0.044em}.service-header button{border:0;background:none;padding:8px 0;color:var(--muted);font-size:var(--text-control)}.service-scroll{overflow:auto;padding:48px 24px 64px}.service-card{max-width:460px;margin:5vh auto 0}.service-eyebrow{overflow-wrap:anywhere;font-size:var(--text-label);color:var(--muted)}.service-card h1{font-size:var(--text-title);line-height:1.2;font-weight:550;letter-spacing:-0.02813em;margin:12px 0}.service-lead{font-size:var(--text-body);line-height:1.65;color:var(--muted);margin:12px 0 28px}.service-panel{background:var(--paper);border:1px solid var(--line);padding:28px;border-radius:14px;margin-top:24px}.service-panel label{display:block;font-size:var(--text-control);margin-bottom:20px}.service-panel input{display:block;width:100%;margin-top:8px;min-height:48px;height:auto;border:1px solid var(--line);border-radius:7px;background:var(--paper);padding:10px 12px;font-size:var(--text-body)}.service-panel .action-primary{width:100%;margin-top:8px}.service-meta{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0}.service-meta div{display:flex;justify-content:space-between;gap:16px;font-size:var(--text-control);margin:9px 0}.service-meta strong{font-weight:550;text-align:right}.service-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.service-actions .action-primary{flex:1}.offline{font-size:var(--text-label);color:var(--error);margin-bottom:16px}.service-panel[aria-busy=true]{cursor:progress}.service-meta strong,.service-card h1{overflow-wrap:anywhere}
@media(max-width:600px){#app{grid-template-rows:minmax(64px,auto) minmax(0,1fr)}.service-header{padding:0 16px}.service-header .brand{font-size:1.375rem}.service-scroll{padding:28px 20px 40px}.service-card{margin:4vh auto 0}.service-card h1{font-size:1.75rem}.service-lead{font-size:var(--text-control);margin-bottom:22px}.service-panel{padding:22px 18px}.service-meta div{font-size:var(--text-label)}.mvp-state{padding:14px}.service-actions{flex-direction:column}}
/* Shared shell grows with text; only content regions own scrolling. */
.app-header,.service-header{flex-wrap:wrap;row-gap:8px;padding-block:8px;min-width:0}
.app-header>*:not(.app-brand),.service-header>*:not(.brand){min-width:0}
.service-panel input{font-size:var(--text-body);line-height:1.5}
.service-panel label,.service-meta,.mvp-state{font-size:var(--text-body);line-height:1.6}
.service-header button{font-size:var(--text-control)}
@media(max-width:600px){.header-actions{flex-wrap:wrap}.service-scroll{padding-inline:16px}.service-card h1{font-size:1.75rem}}