.ad { padding-block: var(--space-7); color: var(--color-ink); font-family: var(--font-sans); font-size: var(--text-base); }
.ad [hidden] { display: none !important; }
#agent-marketplace-homepage .ad h1 { font-family: var(--font-sans); font-size: var(--text-h1); line-height: 1.12; margin: var(--space-2) 0; letter-spacing: -.035em; }
.ad h2 { font-size: var(--text-document-title); margin: 0 0 var(--space-4); }
.ad h3 { font-size: var(--text-lg); margin: 0 0 var(--space-3); }
.ad p { line-height: 1.5; }
#agent-marketplace-homepage .ad .back-link, #agent-marketplace-homepage .ad .status-line { font-family: var(--font-sans); font-size: var(--text-md); line-height: 1.5; }
#agent-marketplace-homepage .ad .status-line { color: var(--color-ink); }
#agent-marketplace-homepage .ad .status-line:empty { display: none; }
.ad-heading, .ad-section-heading { display: flex; gap: var(--space-5); justify-content: space-between; align-items: end; }
.ad-heading { margin-block: var(--space-5); }
.ad-eyebrow { color: var(--color-muted); font-size: var(--text-md); margin: 0; }
.ad-controls { display: flex; gap: var(--space-4); align-items: end; flex-wrap: wrap; }
.ad label { display: grid; gap: var(--space-2); font-size: var(--text-md); }
.ad input:not([type=checkbox]), .ad select { min-height: var(--tap-min); max-width: 100%; box-sizing: border-box; padding: var(--space-3); border: 1px solid var(--color-line); background: var(--color-surface); color: var(--color-ink); font: inherit; font-size: var(--text-base); border-radius: var(--radius-md); }
.ad .ad-checkbox { display: flex; align-items: center; gap: var(--space-2); min-height: var(--tap-min); }
.ad-signin { max-width: var(--dialog-max); box-sizing: border-box; margin-block: var(--space-5); }
.ad-signin > p { color: var(--color-ink); font-size: var(--text-base); }
.ad-signin form { display: grid; gap: var(--space-4); }
.ad-signin .btn { justify-self: start; }
.ad-notice { background: var(--color-accent-wash); border-left: var(--space-1) solid var(--color-accent); padding: var(--space-4) var(--space-5); }
#ad-report > section { margin-block: var(--space-6) var(--space-7); }
.ad .ad-window { color: var(--color-ink); margin-block: var(--space-2); }
.ad-overview h2 { margin-bottom: var(--space-2); }
.ad-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: var(--color-surface); border: 1px solid var(--color-line); border-radius: var(--radius-lg); margin-block: var(--space-5); }
.ad-metric { padding: var(--space-5) var(--space-4); }
.ad-metric strong { display: block; font-size: var(--text-h1); letter-spacing: -.04em; font-weight: 600; }
.ad-metric span { display: block; font-size: var(--text-base); }
.ad-metric small { display: block; color: var(--color-muted); font-size: var(--text-md); margin-top: var(--space-2); line-height: 1.5; }
#ad-hosted-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ad-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); margin-block: var(--space-5); }
.ad-panel { padding: var(--space-5); background: var(--color-surface); border: 1px solid var(--color-line); border-radius: var(--radius-lg); }
.ad-panel > p, .ad-note, .ad-section-heading > p { color: var(--color-muted); font-size: var(--text-md); }
.ad-details > details { margin-block: var(--space-4); }
#agent-marketplace-homepage .ad .ad-subheading { margin-top: var(--space-6); }
.ad-funnel { list-style: none; padding: 0; }
.ad-funnel li { display: grid; grid-template-columns: 1fr auto; gap: var(--space-2); margin-block: var(--space-4); }
.ad progress { grid-column: 1 / -1; width: 100%; height: var(--space-2); appearance: none; border: 0; border-radius: var(--radius-pill); background: var(--color-canvas); color: var(--color-accent); overflow: hidden; }
.ad progress::-webkit-progress-bar { background: var(--color-canvas); }
.ad progress::-webkit-progress-value { background: var(--color-accent); }
.ad progress::-moz-progress-bar { background: var(--color-accent); }
.ad-funnel small { grid-column: 1 / -1; color: var(--color-muted); font-size: var(--text-md); }
.ad .ad-insight { color: var(--color-ink); font-size: var(--text-base); background: var(--color-accent-wash); border-radius: var(--radius-md); padding: var(--space-4); }
.ad-pause { display: flex; justify-content: space-between; gap: var(--space-4); padding-block: var(--space-3); border-bottom: 1px solid var(--color-line); }
.ad-table-wrap { max-width: 100%; overflow: auto; }
.ad table { width: 100%; border-collapse: collapse; font-size: var(--text-md); line-height: 1.5; }
.ad caption { text-align: left; font-size: var(--text-lg); font-weight: 600; padding-block: var(--space-4); }
.ad th, .ad td { text-align: left; padding: var(--space-4); border-bottom: 1px solid var(--color-line); vertical-align: top; overflow-wrap: anywhere; }
.ad th { color: var(--color-ink); font-weight: 600; overflow-wrap: normal; }
.ad td:first-child { min-width: 170px; }
#ad-created td:first-child { min-width: 0; }
#ad-created th:first-child { width: 50%; }
.ad summary { min-height: var(--tap-min); cursor: pointer; overflow-wrap: anywhere; line-height: 1.5; }
.ad-panel > summary { font-weight: 600; }
.ad-person { border-bottom: 1px solid var(--color-line); padding-block: var(--space-4); }
.ad-person summary strong { font-size: var(--text-base); }
.ad-person summary span { display: block; color: var(--color-muted); font-size: var(--text-md); margin-top: var(--space-2); }
.ad-person summary time { display: block; font-size: var(--text-md); margin-top: var(--space-2); }
.ad-person ol { padding-left: var(--space-5); font-size: var(--text-md); line-height: 1.8; }
.ad-person li { overflow-wrap: anywhere; }
.ad-panel label { margin-block: var(--space-4); }
.ad-signin label { margin-block: 0; }
.ad-empty { color: var(--color-muted); padding-block: var(--space-5); }
.ad :focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-offset); }
@media (max-width: 900px) { .ad-heading { display: block; } .ad-controls { margin-top: var(--space-5); } }
@media (max-width: 700px) { .ad-split { grid-template-columns: 1fr; } .ad-metrics, #ad-hosted-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ad-section-heading { display: block; } .ad-section-heading label { margin-bottom: var(--space-4); } }
@media (max-width: 430px) { .ad { padding-block: var(--space-5); } .ad-controls { gap: var(--space-3); } .ad-panel { padding: var(--space-4); } .ad th, .ad td { padding: var(--space-3); } }