:root{--paper:#f6f4ee;--ink:#232021;--muted:#625d53;--accent:#91421d;--line:#d8d1c5;--tint:#ede3d5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Arial,sans-serif;height:100dvh;display:flex;flex-direction:column}a{color:var(--accent);text-underline-offset:3px}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.hub-head{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:16px}.wordmark{color:var(--ink);font-size:21px;font-weight:bold;text-decoration:none}.wordmark span{font-weight:normal;color:var(--muted)}.hub-head p{font-size:13px;color:var(--muted);margin:3px 0 0}.owner-label{font-size:12px;color:var(--muted)}#tools{display:flex;gap:6px;padding:0 24px;border-bottom:1px solid var(--line);overflow-x:auto;flex-shrink:0}#tools button{white-space:nowrap;min-height:48px;padding:12px 18px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted)}#tools button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:bold}.panel-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;border-bottom:1px solid var(--line);min-height:54px;font-size:13px}.panel-bar strong{margin-right:12px}.panel-bar span{color:var(--muted)}.panel-bar a{white-space:nowrap;min-height:32px;padding:5px 0}#panels{flex:1;min-height:0;position:relative}.tool-panel{height:100%;overflow:auto}.tool-panel iframe{width:100%;height:100%;display:block;border:0;background:var(--paper)}[hidden]{display:none!important}.connection{max-width:860px;margin:auto;padding:36px 26px}.eyebrow{font-size:13px;color:var(--accent);margin:0 0 12px}.connection h1{font-size:32px;line-height:1.2;letter-spacing:-.6px;margin:0 0 16px}.connection>p{max-width:650px}.connection-state{margin:28px 0;padding:20px;background:var(--tint);border:1px solid var(--line)}.connection-state h2{font-size:18px;margin:0 0 10px}.connection-state p{margin:0}.tool-steps{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0;padding:0;list-style:none}.tool-steps li{border-top:1px solid var(--line);padding-top:12px;flex:1;min-width:160px}.tool-steps strong{display:block;margin-bottom:5px}.small{font-size:13px;color:var(--muted)}.studies{max-width:1040px;margin:auto;padding:28px 24px}.studies h1{font-size:28px;margin:0 0 10px}.study-list{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.study-list button{display:block;width:100%;text-align:left;color:var(--ink);background:none;border:0;border-top:1px solid var(--line);padding:20px 0;min-height:90px}.study-list strong{display:block;font-size:17px;margin-bottom:5px}.study-list span{display:block;font-size:13px;color:var(--muted)}.study-view{height:100%;display:flex;flex-direction:column}.study-nav{padding:8px 24px;border-bottom:1px solid var(--line)}.study-nav button{min-height:40px;color:var(--accent);border:0;background:transparent}.study-view iframe{flex:1;min-height:0}.loading-note{padding:14px 24px;font-size:13px;color:var(--muted)}
@media(max-width:600px){.hub-head{padding:12px 16px}.hub-head p,.owner-label{display:none}.wordmark{font-size:19px}#tools{padding:0 10px;gap:0;flex-wrap:wrap;overflow:visible}#tools button{padding:10px 12px;font-size:14px}.panel-bar{padding:8px 16px;gap:8px}.panel-bar strong{display:block}.panel-bar span{font-size:11px}.connection{padding:24px 18px}.connection h1{font-size:27px}.connection-state{padding:16px}.tool-steps{gap:14px}.study-list{grid-template-columns:1fr}.studies{padding:22px 18px}}
