/* Shared finish; account layouts are scoped away from conversations. */
@font-face{font-family:Golos Text;src:url('fonts/golos-text.ttf') format('truetype');font-weight:100 900;font-display:swap}
body{font-family:Golos Text,system-ui,-apple-system,sans-serif}
:root[data-theme=light]{--bg:#f3f6f8;--surface-soft:#eaf0f4;--text:#17232d;--muted:#52616d;--line:#ccd5dd;--sidebar:#edf2f5}
.cabinet-app{--sidebar-width:232px}
.cabinet-app .topbar{align-items:center}
.cabinet-app .topbar .topbar-section{margin:0;font-size:15px;line-height:1.4;font-weight:500;letter-spacing:0;color:var(--muted)}
[data-header-back]:empty,[data-header-actions]:empty{display:none}
.cabinet-app main:not(.workspace-main){max-width:1160px;padding:32px clamp(20px,3vw,44px) 48px}
.cabinet-app .page-heading{margin-bottom:30px}
.cabinet-app .page-heading h1{font-weight:600;letter-spacing:-.035em;line-height:1.2}
.cabinet-app .page-heading p{max-width:64ch;line-height:1.6;margin:10px 0 0}
.cabinet-app section[data-cabinet-section]{scroll-margin-top:90px}
.cabinet-app .nav-group-title{font-size:12px;font-weight:500;letter-spacing:0}
.cabinet-menu a[aria-current=page]{font-weight:600;box-shadow:inset 2px 0 var(--accent)}
.cabinet-menu a{border-radius:9px}
.cabinet-app .brand small{font-size:11px}
.cabinet-app .sidebar-footer .account-name{padding-block:8px;font-weight:500;line-height:1.5}
.cabinet-app .sidebar-footer>[data-install-bax]{justify-content:flex-start;border:0;padding:8px 0;font-size:13px}
.cabinet-app .sidebar-footer a{align-items:center;gap:8px}
.cabinet-app .sidebar-footer a svg{width:16px;height:16px}
.cabinet-app main:not(.workspace-main) article{border-radius:16px;padding:24px;margin-bottom:16px}
.cabinet-app main:not(.workspace-main) article>h3{font-size:17px;line-height:1.45;margin-bottom:8px}
.cabinet-app main:not(.workspace-main) article>p{color:var(--muted);font-size:14px;overflow-wrap:anywhere}
.cabinet-app main:not(.workspace-main) article>details:only-child{margin:0}
.cabinet-app main:not(.workspace-main) details>summary{display:flex;align-items:center;gap:10px;list-style:none;font-weight:500;padding:10px 0;line-height:1.5}
.cabinet-app main:not(.workspace-main) details>summary::-webkit-details-marker{display:none}
.cabinet-app main:not(.workspace-main) details>summary::before{content:'›';font-size:22px;line-height:1;width:16px;flex:none;color:var(--muted)}
.cabinet-app main:not(.workspace-main) details[open]>summary::before{transform:rotate(90deg)}
.cabinet-app main:not(.workspace-main) details[open]>summary{margin-bottom:18px}
.cabinet-app main:not(.workspace-main) details>form{max-width:720px;border-top:1px solid var(--line);padding-top:8px}
.cabinet-app main:not(.workspace-main) form>label{margin:18px 0;font-size:14px;font-weight:500}
input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:10px;line-height:1.5}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}
label:has(>input[type=checkbox]){display:flex;align-items:flex-start;gap:10px;line-height:1.5;min-height:44px}
label>input[type=checkbox]{width:20px;height:20px;min-width:20px;margin:1px 0 0;flex:none;accent-color:var(--accent-fill)}
.choice-group,.limits-group{margin:24px 0;border-radius:12px;padding:18px}
.choice-group legend,.limits-group legend{font-size:14px;font-weight:600}
.choice-group .form-hint,.limits-group .form-hint{margin:0 0 16px;line-height:1.6}
.checkbox-options{display:flex;flex-wrap:wrap;gap:4px 24px}
.checkbox-options label{margin:0;align-items:center}
.limits-group .fields{gap:16px 20px;margin:0}
.limits-group label{font-weight:500;font-size:13px}
.cabinet-app main:not(.workspace-main) .item-actions{justify-content:flex-start;gap:8px 16px;margin-top:20px;padding-top:16px}
.cabinet-app main:not(.workspace-main) .item-actions button{margin:0;background:transparent;border-color:transparent;padding:8px 0;text-align:start;justify-content:flex-start;font-size:13px}
.cabinet-app main:not(.workspace-main) .item-actions button.secondary{color:var(--muted)}
.cabinet-app main:not(.workspace-main) .item-actions button.danger{color:var(--danger)}
.cabinet-app main:not(.workspace-main) .item-actions button:hover{background:transparent;text-decoration:underline;text-underline-offset:4px;filter:none}
.cabinet-app .empty-state{border-style:solid;background:var(--surface);padding:28px;max-width:800px}
.cabinet-app .empty-state h3{font-size:18px;font-weight:600;margin-bottom:8px}
.cabinet-app .empty-state p{font-size:14px;line-height:1.65}
.cabinet-app .subsection-title{margin-top:36px}
.cabinet-app .section-heading{gap:16px;margin-bottom:24px}
.cabinet-app .section-heading .eyebrow{font-size:13px;letter-spacing:0;text-transform:none;font-weight:400;margin-bottom:6px}
.cabinet-app .section-heading h2{font-size:24px;font-weight:600}
.cabinet-app .badge{font-weight:500;white-space:normal}
.cabinet-app .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cabinet-app main:not(.workspace-main) .grid>.usage-card{display:flex;flex-direction:column;margin:0;padding:20px}
.cabinet-app .usage-card h3{font-size:15px!important;font-weight:500;margin-bottom:4px}
.cabinet-app .usage-card .metric{margin:16px 0 0;flex:1;min-width:0}
.cabinet-app .usage-card .metric-label{font-size:12px}
.cabinet-app .usage-card .number{font-size:30px;font-weight:600;overflow-wrap:anywhere}
.cabinet-app .usage-card .remaining{font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.cabinet-app .usage-card .voice{flex:none;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.cabinet-app .usage-card .voice .number{font-size:24px}
.cabinet-app .usage-card small{font-size:12px}
.cabinet-app .usage-help{max-width:80ch;line-height:1.65;margin:20px 0}
.cabinet-app .quick-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cabinet-app .quick-links a{padding:16px;font-weight:500;line-height:1.5}
.cabinet-app .quick-links small{display:block;margin:6px 0 0;font-size:12px}
.price-estimate{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px 0;margin:16px 0;border-block:1px solid var(--line)}
.price-estimate span{display:grid;gap:6px;min-width:0}
.price-estimate small{font-size:13px}
.price-estimate strong{font-size:22px;line-height:1.4;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.price-estimate span:last-child strong{color:var(--accent)}
[data-pricing-calculator]>p{max-width:80ch;font-size:13px!important}
.price-matrix th{background:var(--surface-soft);padding:16px;white-space:normal}
.price-matrix td{vertical-align:top;padding:20px 16px}
.price-matrix td:first-child{width:48%}
.price-matrix td:nth-child(2),.price-matrix td:nth-child(3){white-space:nowrap}
.price-matrix p{margin:12px 0 0;font-size:13px;line-height:1.6}
.price-matrix strong{font-weight:500}
.price-matrix small{font-size:12px}
.price-matrix td:first-child>strong{font-size:15px;font-weight:600}
.cabinet-public main{padding-block:clamp(32px,6vh,72px)}
.cabinet-public .auth-card{padding:32px;border-radius:20px}
.auth-card h1{font-weight:600;letter-spacing:-.035em}
.auth-card input[name=code]{font-size:24px;letter-spacing:.25em;font-variant-numeric:tabular-nums}
.auth-card form>p{margin-top:18px;font-size:14px}
.auth-card .auth-alternative{padding-top:20px;margin-top:24px;border-top:1px solid var(--line)}
.cabinet-app .workspace-sheet-header button{min-height:44px;min-width:44px}
.cabinet-app .workspace-event>small{line-height:1.6}
.cabinet-app .workspace-message.mine{font-weight:400}
.cabinet-app .agent-kind-tile strong{font-weight:600}
@media(max-width:1023px){
 .cabinet-app .topbar .topbar-section{font-size:16px;color:var(--text);font-weight:500}
 .cabinet-app main:not(.workspace-main){padding:28px 24px 40px}
 .cabinet-app .fields,.cabinet-app .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
 .cabinet-app main:not(.workspace-main){padding:24px 16px 36px}
 .cabinet-app .page-heading{margin-bottom:24px}
 .cabinet-app main:not(.workspace-main) article{padding:18px}
 .cabinet-app .fields,.cabinet-app .card-grid{grid-template-columns:1fr}
 .cabinet-app .grid{grid-template-columns:1fr;gap:12px}
 .cabinet-app main:not(.workspace-main) .grid>.usage-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 20px;padding:18px}
 .cabinet-app .usage-card h3{grid-column:1/-1}
 .cabinet-app .usage-card .voice{margin:16px 0 0;padding:0 0 0 16px;border-top:0;border-inline-start:1px solid var(--line)}
 .cabinet-app .usage-card .number,.cabinet-app .usage-card .voice .number{font-size:24px}
 .cabinet-app .quick-links{grid-template-columns:1fr;gap:8px}
 .cabinet-app .quick-links a{padding:12px 16px}
 .cabinet-app .quick-links small{margin-top:2px}
 .cabinet-app .section-heading h2{font-size:21px}
 .choice-group,.limits-group{padding:14px;margin:20px 0}
 .price-estimate{gap:16px 10px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .price-estimate span:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px}
 .price-estimate strong{font-size:20px}
 .price-matrix thead{display:none}
 .price-matrix,.price-matrix tbody{display:block}
 .price-matrix tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);padding:12px 6px}
 .price-matrix tr:last-child{border-bottom:0}
 .price-matrix td{display:block;border:0;padding:8px 12px}
 .price-matrix td:first-child,.price-matrix td:last-child{grid-column:1/-1;width:auto}
 .price-matrix td[data-label]::before{content:attr(data-label);display:block;margin-bottom:4px;font-size:12px;color:var(--muted)}
 .cabinet-public .auth-card{padding:24px}
 .cabinet-public-header .public-header-actions{gap:8px}
 .cabinet-public-header [data-install-bax]{font-size:13px;margin:0}
 .cabinet-app .stat-list{grid-template-columns:1fr;gap:4px}
 .cabinet-app .stat-list dd{margin-bottom:12px;color:var(--muted)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* Status badges must not inherit the full-width success-message spacing. */
.cabinet-app .badge.success{padding:5px 10px;margin:0;font-size:12px;align-self:flex-start}
[data-page-title]:focus{outline:0}
@media(max-width:360px){
 .cabinet-app .section-heading{flex-direction:column;gap:10px}
 .cabinet-app main:not(.workspace-main) .grid>.usage-card{gap:0 12px;padding:16px}
 .cabinet-app .usage-card .voice{padding-inline-start:12px}
}
.resource-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}
.resource-heading h3{margin:0;font-weight:600;font-size:17px;line-height:1.5}
.resource-heading .badge{flex:none;max-width:45%}
.resource-meta{color:var(--muted);font-size:13px}
.drawer-brand{display:flex;align-items:center;gap:10px}
.team-management-actions{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:24px;border-top:1px solid var(--line);padding-top:16px}
.team-management-actions form>button{margin:0!important;font-size:13px}
.cabinet-app main:not(.workspace-main) form{max-width:720px}
.cabinet-app .team-member form[data-confirm]>button{padding-inline:0;color:var(--danger);border:0;background:transparent;font-size:13px}
.cabinet-app .usage-card .metric{flex:0 0 auto}
.cabinet-app main:not(.workspace-main) .grid>.usage-card{justify-content:space-between}
.cabinet-app .usage-card .voice{margin-top:24px}
@media(max-width:720px){
 .cabinet-app main:not(.workspace-main) .grid>.usage-card{justify-content:normal}
 .cabinet-app .usage-card .voice{margin-top:16px}
}
@media(max-width:360px){
 .resource-heading{flex-wrap:wrap;gap:8px}
 .resource-heading .badge{max-width:100%}
}
:root[data-theme=light] .has-workspace{--bg:#f3f6f8;--surface-soft:#eaf0f4;--text:#17232d;--line:#ccd5dd;--sidebar:#edf2f5}
.agent-kind-tile:hover,.agent-kind-tile:focus-visible{border-color:var(--accent)}
.cabinet-app #cabinet-team>.grid{margin-bottom:20px}
/* Navigation controls live with the panel they control. */
.cabinet-app .cabinet-sidebar{gap:12px}
.cabinet-sidebar>.sidebar-collapse-toggle{align-self:flex-end;flex-shrink:0;color:var(--muted)}
.cabinet-menu-collapsed .cabinet-sidebar>.sidebar-collapse-toggle{align-self:center}
.theme-choices{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);width:max-content}
.cabinet-app .sidebar-footer{padding:12px 0 0;justify-items:center}
.theme-choices>button{display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;padding:10px;margin:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted)}
.theme-choices>button[aria-pressed=true]{background:var(--surface);border-color:var(--line);color:var(--accent);box-shadow:0 1px 3px #0001}
.theme-choices>button:hover{color:var(--text)}
.profile-email{overflow-wrap:anywhere}
.profile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.profile-actions form{margin:0}
.profile-tariff progress{appearance:none;display:block;width:100%;height:6px;border:0;border-radius:3px;overflow:hidden;background:var(--surface-soft);accent-color:var(--accent);margin-block:12px 4px}
.collection-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin-bottom:8px;color:var(--muted);font-size:13px;font-weight:550}
.collection-head>button{width:44px;height:44px;min-width:44px;padding:10px;border:0;background:transparent;color:var(--muted)}
.agent-kind-back{align-self:flex-start;flex-shrink:0;margin-bottom:16px!important}
@media(min-width:761px){
 #dialogs.dialog-list-collapsed .workspace-columns,#agents.agent-list-collapsed .workspace-columns{grid-template-columns:44px minmax(0,1fr);gap:12px}
 #dialogs.dialog-list-collapsed .workspace-collection,#agents.agent-list-collapsed:not(.agent-creating) .workspace-collection{display:block;padding:0;border:0;overflow:visible}
 #dialogs.dialog-list-collapsed .workspace-collection>:not(.collection-head),#agents.agent-list-collapsed .workspace-collection>:not(.collection-head),.dialog-list-collapsed .collection-head>span,.agent-list-collapsed .collection-head>span{display:none}
}
@media(max-width:760px){
 .collection-head{display:none}
 #agents .workspace-collection{display:block;flex:1}
 #agents.has-detail .workspace-collection{display:none}
 #agents.agent-list-collapsed:not(.has-detail) .workspace-collection{display:block}
}

/* Appearance belongs to the panel controls; account preferences stay at the foot. */
.sidebar-tools { display:grid; grid-template-columns:minmax(0,1fr) 32px; align-items:center; gap:8px; flex-shrink:0; }
.cabinet-app .sidebar-tools .theme-choices { gap:2px; padding:2px; border-radius:8px; justify-self:center; }
.cabinet-app .sidebar-tools .theme-choices>button { width:26px; height:26px; min-height:26px; padding:4px; border-radius:5px; }
.cabinet-app .sidebar-tools .sidebar-collapse-toggle { width:32px; height:32px; min-height:32px; padding:8px; border-radius:6px; }
.sidebar-tools svg { width:16px; height:16px; flex-shrink:0; }
.cabinet-app .sidebar-footer.cabinet-menu { margin-top:auto; justify-items:stretch; flex-shrink:0; }
.cabinet-app .sidebar-footer.cabinet-menu a { width:100%; font-size:14px; gap:12px; justify-content:flex-start; }
.cabinet-app .sidebar-footer.cabinet-menu a svg { width:20px; height:20px; }
.settings-group-title { font-size:18px; font-weight:600; margin:28px 0 16px; }
#cabinet-profile>.settings-group-title { margin-top:0; }
@media(min-width:1024px) {
 .cabinet-sidebar>.cabinet-menu:not(.sidebar-footer) { flex:1; min-height:0; overflow:auto; }
 .cabinet-menu-collapsed .sidebar-tools { grid-template-columns:1fr; justify-items:center; }
 .cabinet-menu-collapsed .sidebar-tools .theme-choices { display:none; }
 .cabinet-app.cabinet-menu-collapsed .sidebar-footer.cabinet-menu a { width:44px; font-size:0; gap:0; justify-content:center; }
}
@media(max-width:1023px) {
 .cabinet-drawer .sidebar-footer.cabinet-menu { display:grid; gap:16px; margin-top:24px; }
}

.settings-signout { margin-top:32px; padding-top:24px; border-top:1px solid var(--line); }
.settings-signout form { margin:0; }
:root .cabinet-app [data-account-logout] button.danger,:root #confirm-action[data-kind=logout] [data-confirm-submit] { color:var(--danger); background:var(--danger-bg); border-color:currentColor; }

/* Collection controls share one row; the page header already names the section. */
:is(#dialogs,#agents) :is(.dialog-collection-head,.agent-collection-head) { display:grid; grid-template-columns:minmax(0,1fr) 32px; align-items:center; gap:8px; min-height:32px; }
:is(.dialog-controls,.agent-controls) { display:flex; gap:4px; justify-self:center; }
:is(#dialogs,#agents) :is(.dialog-collection-head,.agent-collection-head) button { width:32px; height:32px; min-width:32px; min-height:32px; padding:8px; margin:0; color:var(--muted); border:0; background:transparent; }
:is(#dialogs,#agents) :is(.dialog-collection-head,.agent-collection-head) button svg { width:16px; height:16px; flex-shrink:0; }
#dialogs .dialog-controls button[aria-pressed=true] { color:var(--accent); background:var(--surface-soft); }
:is(.dialog-filters,.agent-filters):has(input[hidden]) { display:none; }
@media(min-width:761px) {
 #dialogs.dialog-list-collapsed .dialog-controls,#agents.agent-list-collapsed .agent-controls { display:none; }
 #dialogs.dialog-list-collapsed .dialog-collection-head,#agents.agent-list-collapsed .agent-collection-head { grid-template-columns:1fr; justify-items:center; }
}
@media(max-width:760px) {
 :is(#dialogs,#agents) :is(.dialog-collection-head,.agent-collection-head) { grid-template-columns:1fr; }
 :is(#dialogs,#agents) :is(.dialog-collection-head,.agent-collection-head) :is(.dialog-list-toggle,.agent-list-toggle) { display:none; }
 :is(#dialogs,#agents) :is(.dialog-collection-head,.agent-collection-head) button { width:44px; height:44px; min-width:44px; min-height:44px; padding:12px; }
}

/* Keep the search focus ring within the scrolling collection panel. */
:is(#dialog-search,#agent-search):focus-visible { outline-offset:-2px; border-color:var(--focus); }
:is(#dialogs,#agents) :is(.dialog-filters,.agent-filters) { margin-block:4px 12px; }
@media(min-width:761px) {
 :is(#dialog-search,#agent-search) { min-height:36px; height:36px; padding:6px 10px; font-size:13px; border-radius:8px; }
}

/* Events keep their source colour, connected by a quiet timeline. */
.cabinet-app .topbar .feed-toolbar { min-width:0; }
.feed-search { position:relative; display:flex; align-items:center; width:clamp(180px,24vw,340px); margin:0; }
.feed-search>svg { position:absolute; left:12px; width:16px; height:16px; color:var(--muted); pointer-events:none; }
.cabinet-app .feed-search input { width:100%; height:36px; min-height:36px; padding:6px 10px 6px 36px; margin:0; font-size:13px; border-radius:10px; background:var(--surface); }
.feed-search input:focus-visible { outline-offset:-2px; border-color:var(--focus); }
#feed .feed-list { max-width:1040px; margin-inline:auto; padding:4px 6px 12px 30px; gap:18px; }
#feed .feed-event { position:relative; flex-shrink:0; padding:20px 24px; border:1px solid color-mix(in srgb,var(--event-color) 25%,var(--line)); border-radius:16px; background:color-mix(in srgb,var(--event-color) 4%,var(--surface)); }
.feed-event::before { content:''; position:absolute; left:-26px; top:28px; width:10px; height:10px; border-radius:50%; background:var(--event-color); box-shadow:0 0 0 4px color-mix(in srgb,var(--event-color) 12%,var(--bg)); }
.feed-event::after { content:''; position:absolute; left:-22px; top:46px; bottom:-26px; width:1px; background:var(--line); }
.feed-event:last-child::after { display:none; }
.feed-event-head { display:flex; align-items:center; gap:10px; margin-bottom:16px; min-width:0; }
.feed-source-icon { display:grid; place-items:center; flex-shrink:0; width:34px; height:34px; font-size:20px; border-radius:10px; border:1px solid color-mix(in srgb,var(--event-color) 35%,var(--line)); background:color-mix(in srgb,var(--event-color) 16%,var(--surface)); }
.feed-source-name { font-size:13px; font-weight:600; overflow-wrap:anywhere; }
.feed-time { margin-left:auto; font-size:11px; color:var(--muted); text-align:right; flex-shrink:0; }
.feed-pinned { display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:550; color:var(--text); padding:3px 8px; border-radius:6px; background:color-mix(in srgb,var(--event-color) 18%,var(--surface)); margin-bottom:12px; }
.feed-pinned svg { width:12px; height:12px; }
#feed .feed-event-title { font-size:20px; line-height:1.4; font-weight:600; margin:0 0 12px; max-width:70ch; overflow-wrap:anywhere; }
#feed .feed-event-content { font-size:14px; line-height:1.7; max-width:78ch; overflow-wrap:anywhere; }
.feed-event-content>p:first-child { margin-top:0; }
.feed-event-content>p:last-child { margin-bottom:0; }
#feed .feed-event-actions { display:flex; align-items:center; gap:8px; margin-top:20px; padding-top:12px; border-top:1px solid var(--line); }
#feed .feed-event-actions button,#feed .feed-event-actions summary { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:6px 8px; min-height:32px; border:0; background:transparent; color:var(--muted); font-size:12px; border-radius:6px; }
.feed-event-actions svg { width:15px; height:15px; }
#feed .feed-event-actions .feed-open { margin-left:auto; color:var(--text); }
#feed .feed-event-actions .feed-pin[aria-pressed=true] { color:var(--text); background:color-mix(in srgb,var(--event-color) 14%,var(--surface)); }
#feed .feed-event-actions :is(button,summary):hover { color:var(--text); background:var(--surface-soft); }
#feed .feed-event-actions .action-menu-panel button.danger { color:var(--danger); }
#feed .feed-load-error { color:var(--danger); }
@media(max-width:760px) {
 .feed-search { width:clamp(130px,40vw,220px); }
 .cabinet-app .feed-search input { height:44px; min-height:44px; font-size:16px; }
 #feed .feed-list { padding-left:18px; gap:14px; }
 #feed .feed-event { padding:16px; border-radius:12px; }
 .feed-event::before { left:-17px; width:8px; height:8px; }
 .feed-event::after { left:-14px; }
 .feed-pin-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 #feed .feed-event-actions .feed-pin,#feed .feed-event-actions summary { width:44px; min-width:44px; }
 .feed-event-head { flex-wrap:wrap; column-gap:8px; row-gap:3px; }
 .feed-time { flex-basis:calc(100% - 42px); min-width:0; text-align:left; margin-left:42px; }
 #feed .feed-event-title { font-size:18px; }
 #feed .feed-event-actions { gap:4px; flex-wrap:nowrap; }
 #feed .feed-event-actions button,#feed .feed-event-actions summary { min-height:44px; padding-inline:6px; }
}