/* Attention Market components. All visual values come from design-system.css. */
:is(.am-market,.am-detail,.am-narrow,.am-submit-layout,.am-checkout-page) { color:var(--am-ink); font:var(--am-weight-regular) var(--am-text-base)/var(--am-leading) var(--am-font); }
:is(.am-market,.am-detail,.am-narrow,.am-submit-layout,.am-checkout-page) *, :is(.am-market,.am-detail,.am-narrow,.am-submit-layout) *::before, :is(.am-market,.am-detail,.am-narrow,.am-submit-layout) *::after { box-sizing:border-box; }
.am-market,.am-detail,.am-submit-layout { width:100%; max-width:var(--am-container); margin-inline:auto; }
.am-narrow { width:100%; max-width:var(--am-readable); margin-inline:auto; }
:is(.am-market,.am-detail,.am-narrow,.am-submit-layout) h1 { font-size:var(--am-text-hero); line-height:var(--am-leading-heading); letter-spacing:var(--am-tracking); font-weight:var(--am-weight-bold); color:var(--am-ink); margin:0 0 var(--am-space-5); text-wrap:balance; }
:is(.am-market,.am-detail,.am-narrow,.am-submit-layout) h2 { font-size:var(--am-text-lg); line-height:var(--am-leading-tight); letter-spacing:var(--am-tracking); font-weight:var(--am-weight-bold); color:var(--am-ink); margin:0 0 var(--am-space-4); }
:is(.am-market,.am-detail,.am-narrow,.am-submit-layout) h3 { font-size:var(--am-text-md); line-height:var(--am-leading-tight); font-weight:var(--am-weight-bold); color:var(--am-ink); margin:0 0 var(--am-space-3); }
:is(.am-market,.am-detail,.am-narrow,.am-submit-layout) p { margin:0 0 var(--am-space-5); }
:is(.am-market,.am-detail,.am-narrow,.am-submit-layout) a { color:var(--am-accent); text-decoration:none; text-underline-offset:var(--am-space-1); }
:is(.am-market,.am-detail,.am-narrow,.am-submit-layout) a:hover { text-decoration:underline; }
:is(.am-market,.am-detail,.am-narrow,.am-submit-layout) strong { font-weight:var(--am-weight-bold); }
.am-muted,.am-lead { color:var(--am-muted); }
.am-muted { font-size:var(--am-text-sm); }
.am-kicker { display:block; margin:0 0 var(--am-space-4); color:var(--am-accent); font-size:var(--am-text-sm); font-weight:var(--am-weight-medium); }
.am-lead { font-size:var(--am-text-md); max-width:var(--am-readable); }
.am-hero { display:grid; grid-template-columns:minmax(0,1fr) var(--am-sidebar); gap:var(--am-space-11); align-items:center; margin-bottom:var(--am-section); }
.am-hero-copy p { max-width:var(--am-readable); color:var(--am-muted); }
.am-hero-copy h1 { max-width:var(--am-readable); }
.am-hero-copy .am-text-link { display:inline-flex; align-items:center; min-height:var(--am-touch-height); font-size:var(--am-text-sm); }
.am-button,.am-form button,.am-paypal button,.am-secondary { display:inline-flex; align-items:center; justify-content:center; min-height:var(--am-button-height); gap:var(--am-space-3); padding:var(--am-space-3) var(--am-space-5); border:var(--am-border); border-color:var(--am-accent); border-radius:var(--am-radius-control); box-shadow:var(--am-shadow); background:var(--am-accent); color:var(--am-on-accent); font:var(--am-weight-medium) var(--am-text-sm)/var(--am-leading-tight) var(--am-font); cursor:pointer; text-align:center; text-decoration:none; }
:is(.am-market,.am-detail,.am-narrow,.am-submit-layout) a.am-button { color:var(--am-on-accent); text-decoration:none; }
.am-button:hover,.am-form button:hover { background:var(--am-accent-hover); border-color:var(--am-accent-hover); color:var(--am-on-accent); text-decoration:none; }
.am-secondary,.am-form button.am-secondary,.am-paypal button.am-secondary { background:var(--am-surface); color:var(--am-ink); border-color:var(--am-line); }
.am-secondary:hover,.am-form button.am-secondary:hover { background:var(--am-surface-subtle); color:var(--am-ink); border-color:var(--am-input-line); }
:is(.am-market,.am-detail,.am-narrow,.am-submit-layout) button:disabled { opacity:.55; cursor:not-allowed; }
:is(.am-market,.am-detail,.am-narrow,.am-submit-layout,.am-site-header,.am-site-footer) :is(a,button,input,select,textarea,summary):focus-visible { outline:var(--am-focus-ring); outline-offset:var(--am-space-1); }
.am-board-toolbar { display:flex; justify-content:space-between; align-items:center; gap:var(--am-space-6); margin-bottom:var(--am-space-6); }
.am-board-top h2 { margin:0 0 var(--am-space-1); }
.am-board-top .am-muted { display:block; }
.am-board-tools { display:flex; align-items:center; gap:var(--am-space-4); }
.am-board-tabs { display:inline-flex; gap:var(--am-space-1); padding:var(--am-space-1); background:var(--am-surface-subtle); border-radius:var(--am-radius-control); white-space:nowrap; }
.am-board-tabs a { display:inline-flex; align-items:center; justify-content:center; min-height:var(--am-touch-height); padding:var(--am-space-2) var(--am-space-4); color:var(--am-muted); font-size:var(--am-text-sm); font-weight:var(--am-weight-medium); border-radius:var(--am-radius-control); text-decoration:none; }
.am-board-tabs a[aria-current="page"] { background:var(--am-surface); color:var(--am-ink); }
.am-filter { display:flex; align-items:end; gap:var(--am-space-3); margin:0; }
.am-filter label { display:block; min-width:0; font-size:var(--am-text-sm); }
.am-filter input[type="search"],.am-filter select { min-height:var(--am-input-height); width:100%; min-width:0; padding:var(--am-space-3) var(--am-space-4); background:var(--am-surface); color:var(--am-ink); border:var(--am-border); border-radius:var(--am-radius-control); font:inherit; }
.am-search-control { position:relative; max-width:var(--am-sidebar); }
.am-search-control input[type="search"] { padding-right:var(--am-space-9); }
.am-search-control button { position:absolute; inset-inline-end:var(--am-space-1); top:var(--am-space-1); display:grid; place-items:center; width:var(--am-touch-height); height:var(--am-touch-height); padding:0; border:0; border-radius:var(--am-radius-control); background:transparent; color:var(--am-muted); cursor:pointer; }
.am-search-control svg { width:var(--am-choice-size); height:var(--am-choice-size); }
.am-category-nav { display:flex; align-items:center; gap:var(--am-space-2); overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; padding:0 0 var(--am-space-4); margin-bottom:var(--am-space-4); }
.am-category-nav a { flex:0 0 auto; display:inline-flex; align-items:center; min-height:var(--am-touch-height); padding:var(--am-space-2) var(--am-space-4); border-radius:var(--am-radius-pill); color:var(--am-muted); font-size:var(--am-text-sm); white-space:nowrap; text-decoration:none; }
.am-category-nav a:hover { color:var(--am-ink); background:var(--am-surface-subtle); }
.am-category-nav a[aria-current="page"] { color:var(--am-accent); background:var(--am-accent-soft); font-weight:var(--am-weight-bold); }
.am-table-wrap { max-width:100%; overflow-x:auto; }
table.am-labeled-board { width:100%; margin:0; border:0; border-collapse:separate; border-spacing:0; background:var(--am-surface); border-radius:var(--am-radius); overflow:hidden; }
.am-labeled-board tbody { display:block; }
.am-board-table.am-labeled-board tr { position:relative; display:grid; grid-template-columns:var(--am-logo-sm) minmax(0,1fr) repeat(2,minmax(var(--am-logo-lg),auto)) repeat(2,minmax(var(--am-logo),auto)); align-items:center; column-gap:var(--am-space-6); padding:var(--am-card-padding); border-bottom:var(--am-border); }
.am-board-table.am-labeled-board tr:last-child { border-bottom:0; }
.am-board-table.am-labeled-board tr:first-child { background:var(--am-accent-soft); }
.am-board-table.am-labeled-board td { display:block; width:auto; min-width:0; padding:0; border:0; background:transparent; }
.am-rank { font-size:var(--am-text-sm); font-variant-numeric:tabular-nums; color:var(--am-muted); align-self:start; padding-top:var(--am-space-3)!important; }
.am-labeled-board tr:first-child .am-rank { color:var(--am-accent); font-weight:var(--am-weight-bold); }
.am-project-identity { display:flex; align-items:flex-start; gap:var(--am-space-4); min-width:0; }
.am-project-copy { min-width:0; flex:1; }
.am-project-name { display:block; font-size:var(--am-text-base); font-weight:var(--am-weight-bold); line-height:var(--am-leading-tight); overflow-wrap:anywhere; }
.am-project-identity a.am-project-name { color:var(--am-ink); }
.am-project-copy p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:var(--am-space-2) 0 0; color:var(--am-muted); font-size:var(--am-text-sm); line-height:var(--am-leading-tight); overflow-wrap:anywhere; }
.am-row-actions { display:flex; align-items:center; justify-content:space-between; gap:var(--am-space-3); margin-top:var(--am-space-3); }
.am-row-actions .am-category { min-width:0; display:inline-flex; align-items:center; min-height:var(--am-touch-height); color:var(--am-muted); font-size:var(--am-text-xs); overflow-wrap:anywhere; }
.am-row-actions a.am-visit-link { flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; min-height:var(--am-button-height); padding:var(--am-space-2) var(--am-space-3); border:var(--am-border); border-radius:var(--am-radius-control); color:var(--am-ink); background:var(--am-surface); font-size:var(--am-text-sm); font-weight:var(--am-weight-medium); text-decoration:none; }
.am-row-actions a.am-visit-link:hover { border-color:var(--am-accent); color:var(--am-accent); }
.am-value-label { display:block; margin-bottom:var(--am-space-1); color:var(--am-muted); font-size:var(--am-text-xs); font-weight:var(--am-weight-regular); }
.am-bid,.am-reward-amount,.am-clicks,.am-views { font-variant-numeric:tabular-nums; font-size:var(--am-text-base); text-align:right; overflow-wrap:anywhere; }
.am-bid strong { color:var(--am-accent); }
.am-clicks,.am-views { font-size:var(--am-text-sm); }
.am-pagination { display:flex; justify-content:center; align-items:center; gap:var(--am-space-6); flex-wrap:wrap; padding:var(--am-space-6) 0; color:var(--am-muted); font-size:var(--am-text-sm); }
.am-pagination a { display:inline-flex; align-items:center; min-height:var(--am-touch-height); }
.am-pagination:empty { display:none; }
.am-metric-note { max-width:var(--am-readable); margin:var(--am-space-2) 0 var(--am-space-7); font-size:var(--am-text-xs); }
.am-note { margin:var(--am-space-6) 0; padding:var(--am-space-5); border-radius:var(--am-radius); background:var(--am-surface-subtle); color:var(--am-muted); font-size:var(--am-text-sm); overflow-wrap:anywhere; }
.am-market>.am-note { margin-top:var(--am-section); }
.am-discovery-links { display:flex; flex-wrap:wrap; gap:var(--am-space-6); margin:var(--am-space-6) 0; font-size:var(--am-text-sm); }
.am-empty { padding:var(--am-space-10) var(--am-card-padding); text-align:center; background:var(--am-surface); border-radius:var(--am-radius); }
.am-panel { padding:var(--am-card-padding); margin:var(--am-space-6) 0; border:var(--am-border); border-radius:var(--am-radius); background:var(--am-surface); box-shadow:var(--am-shadow); }
.am-panel>:last-child { margin-bottom:0; }
.am-planner { margin:var(--am-space-7) 0; padding:var(--am-card-padding); background:var(--am-surface); border:var(--am-border); border-radius:var(--am-radius); }
.am-hero .am-planner { margin:0; }
.am-planner h2 { font-size:var(--am-text-md); margin-bottom:var(--am-space-5); }
.am-planner-inputs { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--am-space-4); align-items:end; }
.am-planner-inputs label { display:block; color:var(--am-muted); font-size:var(--am-text-xs); min-width:0; }
.am-planner-inputs input,.am-planner-inputs select { width:100%; max-width:100%; min-width:0; min-height:var(--am-input-height); padding:var(--am-space-3); margin-top:var(--am-space-2); border:var(--am-border); border-radius:var(--am-radius-control); background:var(--am-surface); color:var(--am-ink); font:var(--am-weight-medium) var(--am-text-base)/var(--am-leading-tight) var(--am-font); }
.am-planner-inputs button { grid-column:1/-1; width:100%; }
.am-planner [data-estimate-result] { margin:var(--am-space-4) 0; font-size:var(--am-text-sm); }
.am-planner .am-muted { margin:var(--am-space-3) 0 0; font-size:var(--am-text-xs); }
.am-planner a.am-button { width:100%; }
.am-planner .am-planner-owner { font-size:var(--am-text-xs); margin:var(--am-space-4) 0 0; }
.am-submit-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.55fr); gap:var(--am-space-10); align-items:start; }
.am-submit-intro { position:sticky; top:var(--am-space-7); }
.am-submit-intro h1 { font-size:var(--am-text-2xl); }
.am-steps { list-style:none; display:flex; gap:var(--am-space-4); flex-wrap:wrap; padding:0; margin:var(--am-space-7) 0; color:var(--am-muted); font-size:var(--am-text-xs); }
.am-steps li:first-child { color:var(--am-accent); font-weight:var(--am-weight-bold); }
.am-submit-form { min-width:0; background:var(--am-surface); border:var(--am-border); border-radius:var(--am-radius); padding:var(--am-card-padding); }
.am-form { display:flex; flex-direction:column; gap:var(--am-space-6); margin:var(--am-space-6) 0; }
.am-submit-form>.am-form { margin:0; }
.am-form>h3,.am-form>p { margin:0; }
.am-field { min-width:0; }
.am-field>label,.am-field legend { display:block; margin:0 0 var(--am-space-2); font-size:var(--am-text-sm); font-weight:var(--am-weight-medium); color:var(--am-ink); }
.am-field small { display:block; margin-top:var(--am-space-2); font-size:var(--am-text-xs); }
.am-optional { color:var(--am-muted); font-weight:var(--am-weight-regular); font-size:var(--am-text-xs); }
.am-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),.am-form textarea,.am-form select { display:block; width:100%; min-width:0; min-height:var(--am-input-height); margin:0; padding:var(--am-space-3) var(--am-space-4); border:var(--am-input-border); border-radius:var(--am-radius-control); background:var(--am-surface); color:var(--am-ink); font:var(--am-weight-regular) var(--am-text-base)/var(--am-leading) var(--am-font); box-shadow:var(--am-shadow); }
.am-form :is(input,textarea)::placeholder { color:var(--am-muted); opacity:1; }
.am-form textarea { resize:vertical; }
.am-form .am-check,.am-form .am-radio { display:flex; align-items:flex-start; gap:var(--am-space-3); font-weight:var(--am-weight-regular); line-height:var(--am-leading); margin:0; }
.am-form .am-check span,.am-form .am-radio span { flex:1; min-width:0; }
.am-form :is(input[type="checkbox"],input[type="radio"]) { appearance:auto; width:var(--am-choice-size); height:var(--am-choice-size); flex:0 0 var(--am-choice-size); padding:0; margin:var(--am-space-1) 0 0; accent-color:var(--am-accent); }
.am-form fieldset { min-width:0; margin:0; padding:0; border:0; }
.am-form .am-radio+.am-radio { margin-top:var(--am-space-3); }
.am-form>button { align-self:flex-start; min-width:var(--am-qr-size); }
.am-field-file { padding:var(--am-space-4); border:var(--am-border); border-radius:var(--am-radius-control); background:var(--am-bg); }
.am-form input[type="file"] { display:block; width:100%; max-width:100%; min-width:0; padding:var(--am-space-2); font-size:var(--am-text-sm); background:transparent; border:0; }
.am-form input[type="file"]::file-selector-button { min-height:var(--am-touch-height); margin-right:var(--am-space-3); padding:var(--am-space-2) var(--am-space-3); border:var(--am-border); border-radius:var(--am-radius-control); background:var(--am-surface); color:var(--am-ink); font:inherit; cursor:pointer; }
.am-field-file .am-logo { margin-top:var(--am-space-4); }
.am-notice,.am-form-feedback { padding:var(--am-space-4) var(--am-space-5); background:var(--am-success-soft); color:var(--am-success); border:var(--am-border); border-radius:var(--am-radius-control); margin:var(--am-space-5) 0; font-size:var(--am-text-sm); overflow-wrap:anywhere; }
.am-form-feedback { margin:0; }
.am-form-feedback.is-error { background:var(--am-error-soft); color:var(--am-error); }
.am-form-feedback[hidden],.am-form [hidden],.am-paypal [hidden] { display:none!important; }
.am-form[aria-busy="true"] button[type="submit"] { cursor:wait; }
.am-wallet { display:flex; flex-wrap:wrap; align-items:center; gap:var(--am-space-4); padding:var(--am-space-4); background:var(--am-surface-subtle); border-radius:var(--am-radius-control); }
.am-wallet code { flex:1; min-width:0; }
.am-wallet code,.am-break,.am-winner code { overflow-wrap:anywhere; }
.am-qr { display:block; width:var(--am-qr-size); max-width:100%; height:auto; margin:var(--am-space-6) auto; border-radius:var(--am-radius-control); }
.am-stat-strip { display:flex; gap:var(--am-space-7); flex-wrap:wrap; padding:var(--am-space-6) 0; margin:var(--am-space-6) 0; border-block:var(--am-border); }
.am-stat-strip>div { flex:1; min-width:0; }
.am-stat-strip span { display:block; font-size:var(--am-text-sm); color:var(--am-muted); margin-bottom:var(--am-space-2); }
.am-stat-strip strong { display:block; font-size:var(--am-text-xl); line-height:var(--am-leading-tight); letter-spacing:var(--am-tracking); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.am-back { display:inline-flex; align-items:center; min-height:var(--am-touch-height); margin-bottom:var(--am-space-6); font-size:var(--am-text-sm); }
.am-detail-heading { display:flex; align-items:center; gap:var(--am-space-5); margin-bottom:var(--am-space-6); }
.am-detail-heading>div { min-width:0; }
.am-detail-heading h1 { margin:0 0 var(--am-space-2); font-size:var(--am-text-2xl); overflow-wrap:anywhere; }
.am-detail-heading p { margin:0; color:var(--am-muted); font-size:var(--am-text-sm); }
.am-detail-actions { display:flex; align-items:center; justify-content:space-between; gap:var(--am-space-5); margin:var(--am-space-6) 0; }
.am-detail-actions .am-category { min-width:0; font-size:var(--am-text-sm); }
.am-detail-actions .am-button { flex-shrink:0; }
.am-detail-layout { display:grid; grid-template-columns:minmax(0,1fr) var(--am-sidebar); gap:var(--am-space-9); margin-top:var(--am-space-9); align-items:start; }
.am-detail-main { min-width:0; }
.am-poster { width:100%; height:auto; border-radius:var(--am-radius); margin:0 0 var(--am-space-7); }
.am-prose { overflow-wrap:anywhere; }
.am-prose p { max-width:var(--am-readable); }
.am-prose h2 { margin-top:var(--am-space-8); }
.am-prose>:first-child { margin-top:0; }
.am-video { margin:var(--am-space-7) 0; }
.am-video iframe { width:100%; max-width:100%; aspect-ratio:16/9; height:auto; border:0; border-radius:var(--am-radius); }
.am-socials { display:flex; flex-wrap:wrap; align-items:center; gap:var(--am-space-4); margin:var(--am-space-5) 0; font-size:var(--am-text-sm); }
.am-socials a { display:inline-flex; align-items:center; min-height:var(--am-touch-height); }
.am-rank-context { padding:var(--am-space-7) 0; margin-top:var(--am-space-7); border-top:var(--am-border); font-size:var(--am-text-sm); }
.am-outbid { font-weight:var(--am-weight-bold); }
.am-traffic { margin:var(--am-space-7) 0; padding:var(--am-space-6) 0; border-block:var(--am-border); }
.am-traffic h2 { font-size:var(--am-text-md); }
.am-traffic .am-stat-strip { padding:0; margin:0 0 var(--am-space-4); border:0; }
.am-traffic .am-stat-strip strong { font-size:var(--am-text-lg); }
.am-traffic .am-muted { font-size:var(--am-text-xs); margin-bottom:0; }
.am-reward-panel { padding:var(--am-card-padding); background:var(--am-accent-soft); border-radius:var(--am-radius); margin:0; }
.am-reward-panel h2 { font-size:var(--am-text-lg); }
.am-reward-panel p { font-size:var(--am-text-sm); }
.am-reward-panel .am-countdown { font-size:var(--am-text-lg); font-weight:var(--am-weight-bold); font-variant-numeric:tabular-nums; margin:var(--am-space-6) 0 var(--am-space-2); white-space:nowrap; }
.am-reward-panel .am-muted { font-size:var(--am-text-xs); }
.am-reward-panel .am-form { gap:var(--am-space-5); }
.am-reward-panel .am-form>button { min-width:0; width:100%; }
.am-social-login { display:flex; flex-direction:column; gap:var(--am-space-3); margin-top:var(--am-space-6); }
.am-social-login>p { margin:0; }
.am-social-login form { margin:0; }
.am-social-login button { width:100%; }
.am-public-record { margin:var(--am-section) 0; }
.am-public-record p { color:var(--am-muted); font-size:var(--am-text-sm); }
.am-public-record table { width:100%; border-collapse:collapse; border:0; margin:0; font-size:var(--am-text-sm); }
.am-public-record th { color:var(--am-muted); font-weight:var(--am-weight-medium); text-align:left; }
.am-public-record td,.am-public-record th { padding:var(--am-space-4); border:0; border-bottom:var(--am-border); }
.am-public-record td:first-child,.am-public-record th:first-child { padding-left:0; }
.am-public-record td small { display:block; font-size:var(--am-text-xs); color:var(--am-muted); }
.am-address { font-family:var(--am-font-mono); font-size:var(--am-text-xs); overflow-wrap:anywhere; }
.am-winner { display:flex; align-items:center; flex-wrap:wrap; gap:var(--am-space-4); padding:var(--am-space-4) 0; border-bottom:var(--am-border); font-size:var(--am-text-sm); }
.am-related { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--am-space-4) var(--am-space-7); list-style:none; margin:var(--am-space-5) 0 0; padding:0; }
.am-logo-list-item { display:flex; align-items:center; gap:var(--am-space-3); padding:var(--am-space-4) 0; border-bottom:var(--am-border); font-size:var(--am-text-sm); }
.am-logo-list-item a { flex:1; min-width:0; overflow-wrap:anywhere; }
.am-logo-list-item strong { flex-shrink:0; font-variant-numeric:tabular-nums; }
.am-reward-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--am-space-6); margin-top:var(--am-space-8); }
.am-reward-grid .am-panel { margin:0; }
.am-reward-grid h2 { font-size:var(--am-text-md); margin:var(--am-space-4) 0; }
.am-reward-grid p { font-size:var(--am-text-sm); color:var(--am-muted); }
.am-reward-grid ol { list-style:none; margin:0; padding:0; }
.am-reward-grid .am-logo-list-item { gap:var(--am-space-2); }
.am-reward-grid .am-logo-list-item strong { font-size:var(--am-text-xs); }
.am-pool { display:block; font-size:var(--am-text-xl); font-variant-numeric:tabular-nums; color:var(--am-accent); margin-bottom:var(--am-space-3); }
.am-category-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 var(--am-space-9); margin-top:var(--am-space-8); }
.am-category-grid .am-panel { margin:0; padding:var(--am-space-7) 0; border:0; border-radius:0; border-top:var(--am-border); background:transparent; }
.am-category-grid h2 { font-size:var(--am-text-lg); }
.am-category-grid .am-logo-list-item { border:0; }
:is(.am-market,.am-detail,.am-narrow) details>summary { cursor:pointer; font-weight:var(--am-weight-medium); line-height:var(--am-leading); }
:is(.am-market,.am-detail,.am-narrow) details[open]>summary { margin-bottom:var(--am-space-5); }
.am-narrow>details.am-panel { border:0; border-bottom:var(--am-border); border-radius:0; background:transparent; padding:var(--am-space-6) 0; margin:0; }
.am-logo { display:inline-block; flex:0 0 auto; width:var(--am-logo); height:var(--am-logo); max-width:100%; object-fit:contain; border-radius:var(--am-radius-control); background:var(--am-surface-subtle); vertical-align:middle; box-sizing:border-box; }
.am-logo-sm { width:var(--am-logo-sm); height:var(--am-logo-sm); }
.am-logo-lg { width:var(--am-logo-lg); height:var(--am-logo-lg); }
.am-logo-preview,[data-am-logo-preview] { width:var(--am-logo-preview); height:var(--am-logo-preview); }
.am-logo-fallback { display:inline-flex; align-items:center; justify-content:center; font-size:var(--am-text-base); font-weight:var(--am-weight-bold); color:var(--am-muted); }
.am-logo-lg.am-logo-fallback { font-size:var(--am-text-lg); }
.am-logo-field { padding:var(--am-space-4); border:var(--am-border); border-radius:var(--am-radius-control); }
.am-logo-field img { margin-top:var(--am-space-3); }
.am-logo-field [hidden] { display:none!important; }
.am-paypal { margin:var(--am-space-5) 0; padding:var(--am-space-5); border:var(--am-border); border-radius:var(--am-radius); background:var(--am-surface); color:var(--am-ink); }
.am-paypal h4 { margin:0 0 var(--am-space-3); font-size:var(--am-text-md); }
.am-paypal [data-pp-message] { margin:var(--am-space-4) 0; overflow-wrap:anywhere; font-size:var(--am-text-sm); }
.am-paypal .is-error { color:var(--am-error); }
.am-paypal [data-pp-buttons],.am-paypal [data-pp-card] { max-width:100%; margin:var(--am-space-4) 0; }
.am-paypal [data-pp-card] label { display:block; margin:var(--am-space-3) 0; font-size:var(--am-text-sm); }
.am-paypal input,.am-paypal select { box-sizing:border-box; width:100%; min-width:0; min-height:var(--am-input-height); font-size:var(--am-text-base); }
.am-paypal iframe { max-width:100%; }
.am-card-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--am-space-3); }
.am-checkout-page { box-sizing:border-box; padding:var(--am-card-padding); background:var(--am-bg); }
.am-payment-choice { margin:var(--am-space-4) 0; padding:var(--am-space-5); border:var(--am-border); border-radius:var(--am-radius); }
.am-payment-choice h4 { margin-top:0; }
.am-board-table td.am-recent-empty { grid-column:1/-1; padding:var(--am-space-7) 0; font-size:var(--am-text-base); }
@media (max-width: 1000px) {
  .am-hero { gap:var(--am-space-8); }
  .am-board-toolbar { align-items:flex-start; }
  .am-board-tools { flex-direction:column; align-items:stretch; }
  .am-board-table.am-labeled-board tr { column-gap:var(--am-space-4); grid-template-columns:var(--am-space-6) minmax(0,1fr) repeat(4,minmax(var(--am-logo),auto)); }
  .am-project-identity { gap:var(--am-space-3); }
  .am-detail-layout { gap:var(--am-space-7); }
  .am-submit-layout { gap:var(--am-space-7); }
  .am-reward-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 800px) {
  .am-hero { grid-template-columns:1fr; gap:var(--am-space-7); }
  .am-hero-copy { max-width:var(--am-readable); }
  .am-hero .am-planner { max-width:var(--am-readable); }
  .am-hero .am-planner-inputs { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .am-hero .am-planner-inputs button { grid-column:auto; }
  .am-detail-layout { grid-template-columns:1fr; }
  .am-reward-panel { max-width:var(--am-readable); }
  .am-reward-panel .am-social-login { flex-direction:row; flex-wrap:wrap; }
  .am-social-login>p { flex-basis:100%; }
  .am-submit-layout { grid-template-columns:minmax(0,1fr); max-width:var(--am-readable); }
  .am-submit-intro { position:static; }
  .am-submit-intro .am-note { margin-bottom:0; }
  .am-board-table.am-labeled-board tr { grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--am-space-5) var(--am-space-3); }
  .am-board-table.am-labeled-board td.am-rank { position:absolute; top:var(--am-card-padding); right:var(--am-card-padding); padding:0!important; }
  .am-board-table.am-labeled-board td.am-project-cell { grid-column:1/-1; }
  .am-project-name { padding-right:var(--am-space-8); }
  .am-bid,.am-reward-amount,.am-clicks,.am-views { text-align:left; font-size:var(--am-text-base); }
  .am-row-actions { justify-content:flex-start; gap:var(--am-space-5); }
}
@media (max-width: 640px) {
  .am-hero { margin-bottom:var(--am-section); }
  .am-hero-copy h1 { max-width:100%; }
  .am-hero-copy p { font-size:var(--am-text-base); }
  .am-hero .am-planner-inputs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .am-hero .am-planner-inputs button { grid-column:1/-1; }
  .am-board-toolbar { flex-direction:column; gap:var(--am-space-5); }
  .am-board-tools { flex-direction:row; flex-wrap:wrap; gap:var(--am-space-4); width:100%; }
  .am-board-tabs { width:100%; }
  .am-board-tabs a { flex:1; }
  .am-market-filter,.am-search-control { width:100%; max-width:none; }
  .am-category-nav { margin-inline:calc(-1 * var(--am-gutter)); padding-inline:var(--am-gutter); scroll-padding-inline:var(--am-gutter); }
  .am-project-identity>.am-logo { width:var(--am-space-8); height:var(--am-space-8); }
  .am-row-actions { gap:var(--am-space-3); justify-content:space-between; }
  .am-row-actions a.am-visit-link { font-size:var(--am-text-xs); padding-inline:var(--am-space-3); }
  .am-value-label { font-size:var(--am-text-xs); }
  .am-bid,.am-reward-amount,.am-clicks,.am-views { font-size:var(--am-text-sm); }
  .am-metric-note { font-size:var(--am-text-xs); }
  .am-stat-strip { gap:var(--am-space-4); }
  .am-stat-strip span { font-size:var(--am-text-xs); }
  .am-stat-strip strong { font-size:var(--am-text-lg); }
  .am-detail-heading { gap:var(--am-space-4); }
  .am-detail-heading .am-logo { width:var(--am-logo); height:var(--am-logo); }
  .am-detail-heading h1 { font-size:var(--am-text-xl); }
  .am-detail .am-lead { font-size:var(--am-text-base); }
  .am-detail-actions { gap:var(--am-space-4); }
  .am-detail-actions .am-button { padding-inline:var(--am-space-4); }
  .am-reward-grid,.am-related,.am-category-grid { grid-template-columns:1fr; }
  .am-category-grid .am-panel { padding-block:var(--am-space-6); }
  .am-form>button { width:100%; min-width:0; }
  .am-field-file { padding:var(--am-space-3); }
  .am-wallet { display:block; }
  .am-wallet code { display:block; }
  .am-wallet button { width:100%; margin-top:var(--am-space-4); }
  .am-public-record td,.am-public-record th { padding:var(--am-space-3) var(--am-space-2); font-size:var(--am-text-xs); }
  .am-public-record table { table-layout:fixed; }
  .am-public-record th:nth-child(2) { width:55%; }
  .am-winner { display:block; }
  .am-winner>* { display:block; margin:var(--am-space-2) 0; }
  .am-paypal { padding:var(--am-space-3); }
  .am-payment-choice { padding:var(--am-space-4); }
  .am-card-grid { gap:var(--am-space-2); }
}
@media (prefers-reduced-motion: reduce) {
  :is(.am-market,.am-detail,.am-narrow,.am-submit-layout) * { scroll-behavior:auto; transition:none; animation:none; }
}

.am-hero-copy .am-kicker { color:var(--am-accent); }
.am-hero-copy>p:last-child { margin-bottom:0; }
.am-planner-shell>summary { display:none; }
.am-hero .am-planner-inputs { grid-template-columns:minmax(var(--am-logo-preview),.65fr) minmax(0,1.35fr); }
@media (max-width:800px) {
  .am-planner-shell { border:var(--am-border); border-radius:var(--am-radius); background:var(--am-surface); }
  .am-planner-shell>summary { display:flex; align-items:center; justify-content:space-between; gap:var(--am-space-3); min-height:var(--am-input-height); padding:var(--am-space-4) var(--am-space-5); font-size:var(--am-text-sm); }
  .am-planner-shell>summary>span { font-size:var(--am-text-xs); color:var(--am-muted); }
  .am-planner-shell .am-planner { border:0; }
  .am-planner-shell[open]>summary { margin-bottom:0; border-bottom:var(--am-border); }
  .am-hero .am-planner-inputs button { grid-column:1/-1; }
}
@media (max-width:640px) {
  .am-hero { gap:var(--am-space-6); }
  .am-board-tools { display:grid; grid-template-columns:auto minmax(0,1fr); gap:var(--am-space-3); }
  .am-board-tabs a { padding-inline:var(--am-space-3); font-size:var(--am-text-xs); }
  .am-search-control input[type="search"] { font-size:var(--am-text-sm); padding-left:var(--am-space-3); }
}

.am-category-nav::-webkit-scrollbar { display:none; }
.am-submit-guidance>summary { display:none; }
.am-submit-intro>.am-text-link { display:inline-flex; align-items:center; min-height:var(--am-touch-height); font-size:var(--am-text-sm); }
.am-paypal input,.am-paypal select { padding:var(--am-space-3); border:var(--am-input-border); border-radius:var(--am-radius-control); background:var(--am-surface); color:var(--am-ink); }
@media (max-width:800px) {
  .am-submit-guidance { margin-bottom:var(--am-space-4); }
  .am-submit-guidance>summary { display:list-item; color:var(--am-muted); font-size:var(--am-text-sm); cursor:pointer; min-height:var(--am-touch-height); }
}

.am-planner-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--am-space-3); margin-top:var(--am-space-4); }
.am-planner-actions .am-button,.am-planner-actions .am-secondary { min-width:0; padding-inline:var(--am-space-3); }
.am-planner [data-estimate-result]:empty { display:none; }
.am-planner-actions>.am-secondary:only-child { grid-column:1/-1; }
.am-filter input[type="search"]::placeholder { color:var(--am-muted); opacity:1; }

/* Project checkout: progressive forms share the product's existing tokens. */
.am-workspace-summary { margin-block:var(--am-space-6); }
.am-workspace-summary h2 { margin-bottom:var(--am-space-2); }
.am-workspace-summary p,.am-payment-total>span { color:var(--am-muted); font-size:var(--am-text-sm); }
.am-payment-total { display:flex; align-items:baseline; flex-wrap:wrap; gap:var(--am-space-3); }
.am-payment-total>strong { font-size:var(--am-text-xl); letter-spacing:var(--am-tracking); }
.am-payment-instructions { display:grid; grid-template-columns:minmax(0,1fr) var(--am-qr-size); gap:var(--am-space-6); align-items:start; }
.am-payment-instructions>div { min-width:0; }
.am-payment-instructions .am-wallet { display:block; }
.am-payment-instructions .am-wallet code { display:block; overflow-wrap:anywhere; margin-bottom:var(--am-space-3); }
.am-payment-instructions .am-qr { margin:0; width:100%; }
.am-payment-qr>summary { display:none; min-height:var(--am-touch-height); }
.am-payment-qr { font-size:var(--am-text-sm); }
.am-payment-instructions:has(>div:only-child) { grid-template-columns:minmax(0,1fr); }
.am-asset-details { margin-top:var(--am-space-4); font-size:var(--am-text-sm); }
.am-asset-details code { overflow-wrap:anywhere; }
.am-optional-details { border-top:var(--am-border); padding-top:var(--am-space-4); }
.am-optional-details>summary { min-height:var(--am-touch-height); font-weight:var(--am-weight-medium); }
.am-form .am-optional-details>.am-field { margin-block:var(--am-space-4); }
.am-payment-history p { display:flex; justify-content:space-between; flex-wrap:wrap; gap:var(--am-space-3); padding-block:var(--am-space-3); border-bottom:var(--am-border); }
.am-payment-history span { font-size:var(--am-text-sm); color:var(--am-muted); }
.am-payment-panel,.am-workspace [data-am-flow-focus] { scroll-margin-top:var(--am-space-6); }
.am-payment-panel .am-crypto-choice { margin-top:var(--am-space-6); }
@media(max-width:640px) {
  .am-payment-instructions { grid-template-columns:minmax(0,1fr); }
  .am-payment-instructions .am-qr { max-width:var(--am-qr-size); justify-self:center; }
  .am-payment-qr>summary { display:list-item; }
  .am-payment-qr .am-qr { display:block; margin-inline:auto; }
  .am-payment-total { display:block; }
  .am-payment-total>span { display:block; margin-top:var(--am-space-2); }
  .am-payment-panel button[type="submit"] { width:100%; }
}