api-contract-summary{margin-block:1.5rem 2rem;display:block;container-type:inline-size}main:has(api-contract-summary[data-view=overview]),main:has(api-contract-summary[data-view=scopes]),main:has(api-contract-summary[data-view=tiers]){--sl-content-width:72rem}.api-summary-status,.api-summary-metric,.api-summary-tag,.api-summary-toolbar,.api-summary-table-wrap,.api-summary-tiers>section{border:1px solid var(--wendo-border);border-radius:var(--wendo-radius-card);background:var(--wendo-surface);box-shadow:none}.api-summary-status{padding:clamp(1rem,3vw,1.4rem)}.api-summary-status p{margin:0}.api-summary-status p+p{margin-top:.45rem}.api-summary-error{border-color:color-mix(in srgb, var(--wendo-method-red-text) 30%, var(--wendo-border));background:color-mix(in srgb, var(--wendo-method-red-bg) 58%, var(--wendo-surface))}.api-summary-error button,.api-summary-toolbar button{border:1px solid var(--wendo-border);border-radius:var(--wendo-radius-control);background:var(--wendo-surface-control);min-height:2.6rem;color:var(--wendo-text-main);cursor:pointer;padding-inline:.9rem;font-weight:700}.api-summary-error button{margin-top:.9rem}.api-summary-error button:hover,.api-summary-toolbar button:hover{border-color:var(--wendo-border-hover);background:var(--wendo-surface-hover)}.api-summary-error button:focus-visible,.api-summary-toolbar button:focus-visible,.api-summary-toolbar a:focus-visible{outline:2px solid var(--wendo-text-accent);outline-offset:3px}.api-summary-skeleton{background:linear-gradient(100deg, var(--wendo-surface-control) 30%, var(--wendo-surface-hover) 50%, var(--wendo-surface-control) 70%);background-size:220% 100%;border-radius:999px;width:min(30rem,100%);height:.85rem;margin-top:.8rem;animation:1.4s ease-in-out infinite api-summary-skeleton}.api-summary-total{margin:0;font-size:clamp(1.05rem,2vw,1.25rem);font-weight:700}.api-summary-metrics,.api-summary-tags{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:1rem;display:grid}.api-summary-overview .api-summary-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.api-summary-overview .api-summary-tags{grid-template-columns:repeat(4,minmax(0,1fr))}.api-summary-overview section{margin-top:clamp(2rem,5vw,3rem)}.api-summary-overview section>h2{margin-block:0 1rem}.api-summary-metric,.api-summary-tag{min-width:0;padding:clamp(1rem,2vw,1.3rem)}.api-summary-metric{flex-direction:column;gap:.45rem;min-height:8.75rem;display:flex}.api-summary-metric-label,.api-summary-metric-detail,.api-summary-tag-count,.api-summary-muted,.api-summary-toolbar span{color:var(--wendo-text-secondary);font-size:.78rem}.api-summary-metric-value{color:var(--wendo-text-main);margin-block:.15rem auto;font-size:clamp(1.35rem,3vw,1.9rem)}.api-summary-tag{flex-direction:column;min-height:11rem;display:flex}.api-summary-tag h3,.api-summary-tag p{margin:0}.api-summary-tag h3{color:var(--wendo-text-main);overflow-wrap:normal;word-break:keep-all;hyphens:none;font-size:clamp(1.1rem,2.2vw,1.35rem);line-height:1.2}.api-summary-tag p{color:var(--wendo-text-secondary);margin-block:.65rem;font-size:.95rem;line-height:1.55}.api-summary-tag-count{margin-top:auto;padding-top:.8rem}.api-summary-table-wrap{max-width:100%;overflow-x:auto}.api-summary-table{border-collapse:collapse;width:100%;min-width:52rem;font-size:.88rem}.api-summary-table th,.api-summary-table td{border-bottom:1px solid var(--wendo-border-soft);text-align:left;vertical-align:top;padding:.85rem}.api-summary-table th{background:var(--wendo-surface-secondary);color:var(--wendo-text-main)}.api-summary-table tr:last-child td{border-bottom:0}.api-summary-badge{border:1px solid var(--wendo-border-soft);background:var(--wendo-surface-secondary);width:fit-content;color:var(--wendo-text-secondary);border-radius:999px;padding:.18rem .55rem;font-size:.72rem;font-weight:750;display:inline-flex}.api-summary-badge-basic{border-color:var(--wendo-method-green-border);background:var(--wendo-method-green-bg);color:var(--wendo-method-green-text)}.api-summary-badge-advanced{border-color:var(--wendo-method-blue-border);background:var(--wendo-method-blue-bg);color:var(--wendo-method-blue-text)}.api-summary-badge-unknown{border-color:var(--wendo-method-yellow-border);background:var(--wendo-method-yellow-bg);color:var(--wendo-method-yellow-text)}.api-summary-operation-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.api-summary-operation{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.api-summary-operation code{overflow-wrap:anywhere}.api-summary-operation-label{color:var(--wendo-text-secondary);flex-basis:100%;font-size:.8rem}.api-summary-conditions p,.api-summary-conditions ul{margin:0}.api-summary-conditions ul{margin-top:.45rem;padding-inline-start:1.1rem}.api-summary-tiers{gap:1rem;display:grid}.api-summary-tiers>section{padding:clamp(1rem,3vw,1.35rem)}.api-summary-tiers>section h2{margin-top:0}.api-summary-unknown{border-color:var(--wendo-method-yellow-border)!important;background:color-mix(in srgb, var(--wendo-method-yellow-bg) 45%, var(--wendo-surface))!important}.api-summary-toolbar{background:color-mix(in srgb, var(--wendo-surface-secondary) 78%, var(--wendo-surface));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin-top:1rem;padding:.9rem 1rem;display:flex}.api-summary-toolbar>div:first-child{gap:.2rem;display:grid}.api-summary-actions{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.api-summary-actions a{color:var(--wendo-text-accent);font-weight:700}.api-summary-stale-warning{border-inline-start:3px solid var(--wendo-method-yellow-text);background:var(--wendo-method-yellow-bg);color:var(--wendo-method-yellow-text);margin-block:1rem 0;padding:.75rem .9rem}.api-summary-empty{color:var(--wendo-text-secondary)}[aria-busy=true]{cursor:progress;opacity:.68}@keyframes api-summary-skeleton{to{background-position:-220% 0}}@container (width<=54rem){.api-summary-overview .api-summary-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.api-summary-overview .api-summary-tags{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width<=34rem){.api-summary-overview .api-summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.api-summary-overview .api-summary-tags{grid-template-columns:1fr}}@container (width<=23rem){.api-summary-overview .api-summary-metrics{grid-template-columns:1fr}}@media (width<=40rem){.api-summary-toolbar,.api-summary-actions{flex-direction:column;align-items:stretch}.api-summary-actions a,.api-summary-actions button{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){.api-summary-skeleton{animation:none}}
