.service-state-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,280px);gap:48px;align-items:start}.service-state-content{min-width:0;border-top:1px solid var(--line);padding-top:32px}.service-state-symbol{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--panel);border:1px solid var(--line);margin-bottom:24px;color:var(--muted);border-radius:8px}.service-state-symbol>.icon{width:24px;height:24px}.service-state-content>h2{font-size:28px;line-height:1.25;font-weight:500;margin:0 0 16px}.service-state-announcement,.service-next p{font-size:15px;line-height:1.8;color:var(--text);max-width:660px}.service-next{margin-top:32px}.service-next h3{font-size:16px;font-weight:500;margin:0 0 12px}.service-next p{color:var(--muted);font-size:14px}.service-context{margin:32px 0;padding:8px 0;border-block:1px solid var(--line)}.service-context>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;padding:12px 0}.service-context dt{color:var(--muted);font-size:12px;line-height:1.7}.service-context dd{margin:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.service-state-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.service-state-actions>button{min-height:44px;white-space:normal;line-height:1.5;text-align:left}.service-state-actions .icon{width:16px;flex:none}.service-state-content>.source-note{font-size:11px;line-height:1.8;margin-top:24px;max-width:660px}.service-state-selector{min-width:0;border-top:1px solid var(--line);padding-top:24px}.service-state-selector label{display:block;font-size:13px;margin-bottom:12px}.service-state-selector select{width:100%;min-height:48px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:13px;padding:12px;border-radius:4px}.service-state-selector p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px}.service-state-selector select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}@media(max-width:900px){.service-state-layout{grid-template-columns:minmax(0,1fr);gap:32px}.service-state-selector{max-width:760px}.service-state-content{padding-top:24px}}@media(max-width:450px){.service-context>div{grid-template-columns:minmax(0,1fr);gap:4px}.service-state-content>h2{font-size:24px}.service-state-announcement{font-size:14px}.service-state-actions{align-items:stretch;flex-direction:column}.service-state-actions>button{justify-content:space-between;width:100%;padding:12px 16px}.service-state-selector select{font-size:16px}}

html:not([data-review-mode]) .service-state-selector{display:none}.service-state-layout:has(.service-state-selector[data-design-review]){grid-template-columns:minmax(0,800px)}.service-state-content{min-width:0}.service-state-content .service-context{margin-block:24px}.service-state-content>h2{display:none}.service-state-announcement{max-width:60ch}.service-next p{max-width:65ch}.service-state-actions{margin-top:24px}