/* Trust blocks on skill pages (explore/trust.js): the Share sheet everywhere, and on the
   /skills/ pages the audit summary and the installs and Edge signal details in the side
   column. Explore's own audit and details styles live in explore.css; these repeat them
   for the /skills/ pages, on the kit tokens with the legacy tokens as fallback. */
/* icon() SVGs carry no size: default them to the text size so a link icon (e.g. the skills.sh arrow in the
   no-audit note) never fills its container. Specific rules below set their own sizes. */
:where(.share-sheet,.skill-trust) svg.i{width:1em;height:1em;flex:none}
.share-sheet,.skill-trust{--st-ink:var(--edge-ink,var(--ink,#16251e));--st-muted:var(--edge-muted,var(--muted,#59685f));--st-line:var(--edge-line,var(--line,#d3d9cf));--st-paper:var(--edge-surface,var(--surface,var(--paper,#fff)));--st-blue:var(--edge-blue,var(--accent,#154cff));--st-radius:var(--edge-radius-control,9px)}

/* ---- share sheet ---- */
.share-sheet{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--st-line);border-radius:var(--edge-radius-dialog,14px);background:var(--st-paper);color:var(--st-ink);box-shadow:var(--edge-shadow-dialog,0 24px 70px #0003)}
.share-sheet::backdrop{background:rgba(10,14,20,.45)}
.share-sheet-in{padding:22px 24px 24px}
.share-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.share-sheet h2{margin:0;font:450 22px/1.25 var(--edge-font-ui,inherit);letter-spacing:-.03em;overflow-wrap:anywhere}
.share-x{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid transparent;border-radius:50%;background:none;color:var(--st-muted);cursor:pointer}
.share-x:hover,.share-x:focus-visible{border-color:var(--st-line);color:var(--st-ink)}
.share-x svg,.share-sheet .btn svg{width:18px;height:18px}
.share-sheet label{display:block;margin-bottom:8px;font-size:14px;color:var(--st-muted)}
.share-link-row{display:flex;gap:8px}
.share-sheet .share-link-input{flex:1;min-width:0;min-height:44px;box-sizing:border-box;padding:0 12px;border:1px solid var(--st-line);border-radius:var(--st-radius);background:var(--st-paper);color:var(--st-ink);font:13px/1.3 var(--edge-font-mono,ui-monospace,monospace)}
.share-sheet .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;box-sizing:border-box;padding:0 16px;border-radius:var(--st-radius);font:500 14px/1.2 var(--edge-font-ui,inherit);white-space:nowrap;text-decoration:none;cursor:pointer}
.share-sheet .share-copy{border:1px solid var(--edge-blue-base,var(--st-blue));background:var(--st-blue);color:#fff}
.share-sheet .share-copy:hover{background:var(--edge-blue-hover,#103ed7)}
.share-sheet .share-networks{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.share-sheet .share-networks .btn{border:1px solid var(--st-line);background:var(--st-paper);color:var(--st-ink)}
.share-sheet .share-networks .btn:hover{border-color:var(--st-ink)}
@media (max-width:560px){.share-sheet-in{padding:18px}.share-link-row{flex-direction:column}.share-sheet .share-networks .btn{flex:1 1 100%}}

/* ---- audit summary and details in the /skills/ side column ---- */
.skill-trust{display:grid;gap:22px;margin-bottom:22px;color:var(--st-ink)}
.skill-trust>div{margin:0}
/* expert template pages (body.st-flat): the trust groups sit in the one info card like its other groups */
body.st-flat .v3-side>.skill-trust{display:block;margin:0}
body.st-flat .v3-side>.skill-trust .audit-head h4{margin:0}
.skill-trust .audit-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}
.skill-trust .audit-head h4{margin:0}
.skill-trust .audit-pill{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:99px;font-size:12px;font-weight:550;letter-spacing:0;text-transform:none;color:var(--st-ink);border:1px solid var(--st-line);background:var(--st-paper)}
.skill-trust .audit-pill svg{width:14px;height:14px}
.skill-trust .audit-pill.pass{color:#1f6b3a;border-color:#bfd8c4;background:#edf6ef}
.skill-trust .audit-pill.warn,.skill-trust .audit-pill.fail{color:#8a4b00;border-color:#ead3b0;background:#fbf3e6}
.skill-trust .audit-list{list-style:none;margin:0;padding:0;border:1px solid var(--st-line);border-radius:var(--st-radius);overflow:hidden;background:var(--st-paper)}
.skill-trust .audit-list li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;margin:0}
.skill-trust .audit-list li+li{border-top:1px solid var(--st-line)}
.skill-trust .audit-list .i{width:18px;height:18px;color:var(--st-muted)}
.skill-trust .audit-list strong{display:block;font-size:13.5px;font-weight:550}
.skill-trust .audit-list small{display:block;font-size:12.5px;color:var(--st-muted)}
.skill-trust .audit-status{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--st-ink)}
.skill-trust .audit-status .dot{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px}
.skill-trust .audit-status .dot svg{width:11px;height:11px}
.skill-trust .audit-status.pass .dot{background:#2f8a4c}
.skill-trust .audit-status.warn .dot{background:#c77a12}
.skill-trust .audit-status.fail .dot{background:#c4302b}
.skill-trust .note{margin:0;font-size:13px;line-height:1.5;color:var(--st-muted)}
.skill-trust .note a,.skill-trust .audit-more{color:var(--edge-link,var(--st-blue))}
.skill-trust .audit-more{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:13.5px;text-decoration:none}
.skill-trust .audit-more:hover{text-decoration:underline;text-underline-offset:3px}
.skill-trust svg{display:inline-block}
.skill-trust .audit-more svg,.skill-trust .source-list svg{width:14px;height:14px;vertical-align:-2px}
.skill-trust .source-list{display:grid;margin:0;font-size:14px}
.skill-trust .source-list>div{display:block;padding:10px 0;border-bottom:1px solid var(--st-line)}
.skill-trust .source-list>div:first-child{padding-top:0}
.skill-trust .source-list>div:last-child{border-bottom:0;padding-bottom:0}
.skill-trust .source-list dt{color:var(--st-muted);font-size:13px;margin-bottom:2px}
.skill-trust .source-list dd{margin:0;font-weight:550;overflow-wrap:anywhere}
.skill-trust .source-list dd a{color:var(--st-ink);text-decoration:none}
.skill-trust .source-list dd a:hover{text-decoration:underline;text-underline-offset:3px}
.skill-trust .source-list dd small{color:var(--st-muted);font-weight:450}
.skill-trust .dd-sub{display:block;font-size:12px;margin-top:2px}
.skill-trust .info{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:3px;border-radius:50%;border:1px solid var(--st-line);font-size:10.5px;font-weight:600;color:var(--st-muted);text-decoration:none;vertical-align:1px}
.skill-trust .signal-parts{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.skill-trust .signal-parts li{display:grid;grid-template-columns:minmax(0,1fr) 52px 30px;align-items:center;gap:10px;margin:0;font-size:12px;color:var(--st-muted)}
.skill-trust .signal-parts li small{opacity:.8}
.skill-trust .signal-parts i{display:block;height:5px;border-radius:9px;background:var(--st-line);overflow:hidden}
.skill-trust .signal-parts b{display:block;height:100%;border-radius:9px;background:var(--st-blue)}
.skill-trust .signal-parts em{font-style:normal;font-variant-numeric:tabular-nums;text-align:right;color:var(--st-ink)}
.skill-trust .tip{position:relative;cursor:help}
.skill-trust .tip:after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + 8px);width:max-content;max-width:240px;padding:8px 10px;border-radius:8px;background:var(--st-ink);color:var(--st-paper);font-size:12px;font-weight:450;line-height:1.4;text-align:left;white-space:normal;pointer-events:none;display:none;z-index:20}
.skill-trust .tip:hover:after,.skill-trust .tip:focus-visible:after{display:block}
.skill-trust .sk{display:block;height:12px;margin:6px 0;border-radius:6px;background:var(--st-line);opacity:.6}
body.has-skill-trust #toast.toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%,16px);padding:10px 16px;border-radius:10px;background:var(--edge-ink,#16251e);color:#fff;font-size:14px;opacity:0;pointer-events:none;transition:.2s;z-index:1000}
body.has-skill-trust #toast.toast.on{opacity:1;transform:translate(-50%,0)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .skill-trust .audit-pill.pass{color:#8fd6a5;border-color:#2c5a3a;background:#14281b}:root:not([data-theme=light]) .skill-trust .audit-pill.warn,:root:not([data-theme=light]) .skill-trust .audit-pill.fail{color:#f0b35b;border-color:#5a4220;background:#2a2012}}
:root[data-theme=dark] .skill-trust .audit-pill.pass{color:#8fd6a5;border-color:#2c5a3a;background:#14281b}
:root[data-theme=dark] .skill-trust .audit-pill.warn,:root[data-theme=dark] .skill-trust .audit-pill.fail{color:#f0b35b;border-color:#5a4220;background:#2a2012}

/* ---- link preview in the share sheet ---- */
.share-preview{margin:0 0 18px;border:1px solid var(--st-line);border-radius:var(--edge-radius-media,12px);overflow:hidden;background:var(--st-paper)}
.share-card{aspect-ratio:1200/630;background:#e9eef5;overflow:hidden}
.share-card-img{display:block;width:100%;height:100%;object-fit:cover}
.share-card{position:relative}.share-card-live{position:absolute;left:0;top:0;width:1200px;height:630px;border:0;transform-origin:0 0;pointer-events:none}
.share-card-drawn{box-sizing:border-box;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:7% 7% 8%;color:#16251e;background:linear-gradient(180deg,#8dbbdd 0%,#b2d3e8 38%,#d9e7ea 70%,#f3f5f8 100%)}
.share-card-drawn strong{font:450 clamp(22px,5vw,34px)/1.1 var(--edge-font-ui,inherit);letter-spacing:-.04em;overflow-wrap:anywhere}
.share-card-drawn span:not(.share-card-mark){font-size:14px;line-height:1.4;color:#3c4a42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.share-card-mark{position:absolute;margin-top:-1px;font:500 17px/1 var(--edge-font-ui,inherit);letter-spacing:-.03em}
.share-card-drawn{position:relative}.share-card-drawn .share-card-mark{top:7%;left:7%}
.share-preview figcaption{display:grid;gap:2px;padding:10px 14px 12px;border-top:1px solid var(--st-line)}
.share-preview figcaption span{font-size:12px;color:var(--st-muted)}
.share-preview figcaption strong{font-size:14.5px;font-weight:550;overflow-wrap:anywhere}
.share-preview figcaption small{font-size:13px;color:var(--st-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ---- one primary per hero: Share is a small icon button with a "Share" hint ---- */
.skill-hero .btn-icon,body:not(.st-flat) .skill-main-actions [data-action="share"],body:not(.st-flat) .skill-main-actions [data-edge-share]{position:relative;flex:none;width:52px;min-width:52px;padding-inline:0!important;justify-content:center;gap:0}
body:not(.st-flat) .skill-main-actions [data-action="share"] .t,body:not(.st-flat) .skill-main-actions [data-edge-share] .t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skill-hero .btn-icon svg{margin:0}
.skill-hero .btn-icon:hover::after,.skill-hero .btn-icon:focus-visible::after,
body:not(.st-flat) .skill-main-actions [data-action="share"]:hover::after,body:not(.st-flat) .skill-main-actions [data-action="share"]:focus-visible::after,
body:not(.st-flat) .skill-main-actions [data-edge-share]:hover::after,body:not(.st-flat) .skill-main-actions [data-edge-share]:focus-visible::after{content:"Share";position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:5px 9px;border-radius:7px;background:var(--edge-ink,#16251e);color:#fff;font:500 12px/1.2 var(--edge-font-ui,system-ui);white-space:nowrap;pointer-events:none;z-index:30}
/* the sticky tab bar keeps only the primary: one Share per page */
body:not(.st-flat) .skill-page .sa [data-action="share"],body:not(.st-flat) .skill-page .sa [data-edge-share]{display:none!important}
@media (max-width:700px){
  section.skill-hero > .acts{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:10px}
}

/* ---- /skills/ side column: separate cards (explore/trust-mount.js group()) ----
   The lander keeps its layout; the side column widens from 260px to 340px so provider
   names stay on one line, and its rows become three glass cards: Audit summary,
   Details (creator, installs, Edge signal, the page's own rows), Works in any agent. */
@media (min-width:901px){body.has-skill-trust:not(.st-flat) .sv3 .v3-cols{grid-template-columns:minmax(0,1fr) 340px!important;gap:48px!important}}
html:root .sv3 aside.v3-side.st-side,html:root:not(#kit) .sv3 aside.v3-side.st-side{display:grid!important;gap:16px!important;align-content:start;align-self:start;min-width:0;margin:0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html:root .sv3 aside.v3-side.st-side::before,html:root .sv3 aside.v3-side.st-side::after{display:none!important}
.st-side .st-card{box-sizing:border-box;display:flex;flex-direction:column;gap:18px;min-width:0;padding:22px 22px 24px;border-radius:22px;background:var(--sky-glass,var(--st-paper));border:1px solid var(--sky-glass-line,var(--st-line));box-shadow:var(--sky-glass-shadow,none);-webkit-backdrop-filter:var(--sky-filter,none);backdrop-filter:var(--sky-filter,none)}
.st-side .st-card>div{margin:0}
.st-side .st-card h4{margin:0 0 8px}
.st-side .st-audit .audit-head{margin:0 0 12px}
.st-side .st-audit .audit-more{margin-top:12px}
.st-side .audit-list li{padding:11px 14px}
.st-side .audit-list strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-side .st-dl:empty{display:none}
.st-side .st-dl .source-list>div:first-child{padding-top:0}
.st-side .st-works .home-agents{gap:8px}
.st-side .sk{display:block;height:12px;margin:8px 0;border-radius:6px;background:var(--st-line);opacity:.6}
/* hero adoption line: audit and signal facts next to "17 uses on Edge" */
.v3-hero .hero-meta .st-proof.warn::before{background:#c77a12}
.v3-hero .hero-meta .st-proof.signal::before{background:var(--kc,#154cff)}
/* one primary in the hero: catalog pages keep Copy setup link in the bottom band only */
.skill-hero .skill-main-actions .v7-copy{display:none!important}
/* the pass/warn/fail dot's mark stays white on its colour (Federico 10-24: green check on green) */
.skill-trust .audit-status .dot svg,.skill-trust .audit-status .dot svg *{color:#fff!important;stroke:#fff!important}