.trial-usage{--usage-bg:#fff;--usage-ink:#172820;--usage-muted:#50625a;--usage-line:#c6d2ca;--usage-selected:#e1eee5;background:var(--usage-bg);color:var(--usage-ink);padding:16px;max-width:1500px;margin:auto}
.trial-usage header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.trial-usage h1{font-size:1.15rem;margin:0}.trial-usage h2{font-size:1.05rem;overflow-wrap:anywhere}.trial-usage a{color:var(--usage-ink)}.trial-usage button,.trial-usage input{font:inherit;color:var(--usage-ink);background:var(--usage-bg);border:1px solid var(--usage-line);border-radius:5px;padding:6px}.trial-usage button:disabled{background:var(--usage-selected);color:var(--usage-muted)}.usage-muted{color:var(--usage-muted);font-size:.85rem}
.usage-metrics{display:flex;flex-wrap:wrap;border-block:1px solid var(--usage-line);gap:24px;padding:12px 0}.usage-metrics>div{display:grid;gap:3px}.usage-metrics strong{font-size:1.4rem}.usage-metrics span{font-size:.8rem;color:var(--usage-muted)}
.usage-layout{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:24px}.usage-index{min-width:0}.usage-index label{display:grid;gap:5px}.usage-index input{min-width:0;width:100%;font-size:16px}.usage-session{display:grid;gap:4px;padding:10px 8px;border-bottom:1px solid var(--usage-line);text-decoration:none;overflow-wrap:anywhere}.usage-session strong{font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.usage-session span,.usage-session small{font-size:.78rem;color:var(--usage-muted)}.usage-session[aria-current=true]{background:var(--usage-selected);color:var(--usage-ink)}
.trial-usage [data-detail]{min-width:0}.trial-usage [data-detail]>label{display:grid;gap:6px;margin:18px 0}.trial-usage input[type=range]{width:100%;padding:0}.trial-usage output{font-size:.8rem;color:var(--usage-muted)}.usage-transcript .message{position:static!important;margin:12px 0;padding:14px;max-width:none;background:var(--usage-bg);color:var(--usage-ink);border:1px solid var(--usage-line);border-radius:7px}.usage-transcript .message.user{background:var(--usage-selected)}.usage-transcript .message-meta{color:var(--usage-muted);font-size:.75rem}.usage-transcript .message a{color:var(--usage-ink);text-decoration:underline}.trial-usage details{margin-top:18px}.trial-usage summary{cursor:pointer}.trial-usage details ol{padding-left:24px;font:12px/1.7 ui-monospace,monospace;overflow-wrap:anywhere}.trial-usage [data-visits]{overflow:auto}.trial-usage table{color:var(--usage-ink);background:var(--usage-bg);border-collapse:collapse;font-size:.8rem}.trial-usage td,.trial-usage th{padding:7px;border-bottom:1px solid var(--usage-line);text-align:left}.trial-usage :focus-visible{outline:2px solid var(--usage-ink);outline-offset:3px}
:where(html[data-theme="dark"]) .trial-usage{--usage-bg:#17231d;--usage-ink:#e5efe8;--usage-muted:#b6c9bd;--usage-line:#506759;--usage-selected:#2b4233}
@media(max-width:760px){.trial-usage{padding:12px}.usage-layout{grid-template-columns:1fr}.usage-metrics{gap:14px}.usage-index [data-sessions]{max-height:290px;overflow:auto}.usage-transcript .message{padding:10px}}
.trial-usage [data-visits]{margin:14px 0}.trial-usage [data-visits] table{width:100%;white-space:nowrap}.usage-journey{padding-left:22px;border-left:2px solid var(--usage-line)}.usage-journey li{padding:6px}.usage-journey small{display:block;color:var(--usage-muted)}

/* The focused usage bookmark presents only the visits table. */
html[data-usage-table-only] .trial-usage > :not(section[aria-label="Trial visits"]):not([data-status]){display:none}
html[data-usage-table-only] .trial-usage{max-width:none;padding:0}
html[data-usage-table-only] .trial-usage [data-visits]{margin:0}
html[data-usage-table-only] #workshop{padding:0;width:100%}
html[data-usage-table-only] fairystack-footer{display:none!important}