:root{color:var(--ink);background:var(--surface-muted);line-height:1.6}
button,.button{color:var(--success-ink);border-color:var(--line);min-height:42px}
button.primary{background:#17656a;border-color:var(--success-line)}
button:hover{background:var(--surface-muted);border-color:var(--line-strong)}
button.selected{background:var(--surface-hover);border-color:var(--line);color:var(--success-ink)}
.brand,a{color:var(--success-ink)}
.card{border-color:var(--line);background:var(--surface);border-radius:12px;padding:24px}
.card>small{display:block;margin-top:12px;line-height:1.65}
.card>.row{margin-bottom:16px}
.card>h3{margin-top:22px}
.row h1,.row h2,.row h3{margin:0}
.row{row-gap:12px}
small,.muted{color:var(--muted)}
.workspace>header,.workspace>footer{display:none}
.workspace #app{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:none;margin:0;padding:0;min-height:100vh}
.app-sidebar{position:sticky;top:0;height:100vh;background:var(--surface-muted);border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.app-sidebar .brand{align-self:flex-start;font-size:26px}
.app-sidebar nav{display:grid;margin-top:24px;gap:8px}
.app-sidebar nav button{text-align:left;border-color:transparent;background:transparent}
.app-sidebar nav button.selected{background:var(--surface-hover)}
.sidebar-account{margin-top:auto;border-top:1px solid var(--line);padding-top:20px;display:grid;gap:12px;position:relative}
.sidebar-account small{overflow-wrap:anywhere}
.sidebar-account strong,.context-panel h1{overflow-wrap:anywhere;min-width:0}
.role-menu{position:relative}
.role-menu summary{padding:10px;border:1px solid var(--line);border-radius:8px;margin:0}
.role-options{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px;display:grid;gap:6px;box-shadow:0 8px 24px #15363718;z-index:10}
.workspace-content{min-width:0;padding:32px}
.workspace-content>.layout{grid-template-columns:230px minmax(0,1fr);gap:32px}
.context-chooser{border-right:1px solid var(--line);padding-right:24px;min-width:0}
.context-chooser>button{width:100%;margin-bottom:20px}
.context-chooser>.row{margin-bottom:20px}
.context-list>button{text-align:left;overflow-wrap:anywhere;width:100%}
.context-panel{min-width:0}
.context-panel>.row:first-child{margin-bottom:24px}
.context-panel>.row:first-child h1{font-size:28px}
.context-panel>.row:first-child .primary{margin-left:auto}
.context-panel>.row:nth-child(2){border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px}
.context-panel h2{font-size:20px}
.workspace-content>section,.workspace-content>button{margin-bottom:20px}
.workspace-content>section{max-width:1100px}
[hidden]{display:none!important}
.score{color:var(--success-ink)}
:focus-visible{outline:3px solid var(--success-line);outline-offset:3px}
@media(max-width:1100px){.workspace #app{grid-template-columns:185px minmax(0,1fr)}.workspace-content{padding:22px}.workspace-content>.layout{grid-template-columns:185px minmax(0,1fr);gap:20px}.context-chooser{padding-right:16px}}
@media(max-width:800px){.workspace #app{display:block}.app-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:16px;gap:8px}.app-sidebar>small{display:none}.app-sidebar nav{display:flex;flex-wrap:wrap;margin:0}.sidebar-account{margin:0;padding-top:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center}.sidebar-account>small{grid-column:1/-1}.role-options{bottom:auto;top:calc(100% + 8px)}.workspace-content>.layout{grid-template-columns:1fr}.context-chooser{border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px}.context-list{max-height:200px;overflow:auto}.context-panel>.row:first-child h1{font-size:24px}.context-panel>.row:first-child .primary{margin-left:0}.workspace-content{padding:20px 16px}}