/* USDataBasics v1 prototype styles (v1.2).
   Layout concept: the first screen is a two-field job finder beside a job worth six figures for an $85 bid; everything below answers the next objection. */
:root{
  --blue:#0A3161;--blue-deep:#071F40;
  --red:#B31942;--red-deep:#8F1434;
  --white:#FFFFFF;--wash:#F2F5FA;--line:#D3DCE8;--muted:#4F6079;--on-blue-muted:#C4D2E6;--on-blue-line:#3A5A87;
  --display:"Overpass","Arial Narrow",Arial,sans-serif;
  --body:"Public Sans","Helvetica Neue",Arial,sans-serif;
  --data:"Overpass Mono","SFMono-Regular",Menlo,Consolas,monospace;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--blue);font-family:var(--body);font-size:1.0625rem;line-height:1.55}
a{color:inherit;text-underline-offset:4px}
a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.red-band a:focus-visible,.red-band select:focus-visible,.red-band input:focus-visible,.band a:focus-visible{outline-color:var(--white)}
.wrap{max-width:1160px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.05;margin:0;text-wrap:balance;letter-spacing:-.02em}
h1{font-size:clamp(2.75rem,6vw,4.75rem);line-height:1}
h2{font-size:clamp(1.8rem,3.2vw,2.6rem)}
h3{font-size:1.3rem;line-height:1.15}
p{margin:0}
.lede{font-size:1.25rem;max-width:32em}
.muted{color:var(--muted)}
.small{font-size:.9rem}
.hot{color:var(--red)}
.label{font-family:var(--data);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.site-head{border-bottom:6px solid var(--red)}
.site-head .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 28px;padding-block:14px}
.brand{font-family:var(--display);font-weight:800;font-size:1.45rem;letter-spacing:-.02em;text-decoration:none}
.brand span{font-weight:400}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px}
.nav a{text-decoration:none;font-weight:500}
.nav a:not(.btn):hover{text-decoration:underline}
.btn{display:inline-block;padding:14px 22px;background:var(--blue);color:var(--white);border:2px solid var(--blue);border-radius:3px;font-weight:700;text-decoration:none;line-height:1.2;text-align:center}
.btn:hover{background:var(--blue-deep);border-color:var(--blue-deep)}
.btn.red{background:var(--red);border-color:var(--red)}
.btn.red:hover{background:var(--red-deep);border-color:var(--red-deep)}
.btn.ghost{background:var(--white);color:var(--blue)}
.btn.ghost:hover{background:var(--wash);border-color:var(--blue)}
.nav .btn{padding:8px 14px}
.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:center;padding-block:44px 56px}
.hero-copy{display:flex;flex-direction:column;gap:20px;min-width:0}
.hero h1 span{display:block}
.picker{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) auto;gap:10px;align-items:end}
.field{display:flex;flex-direction:column;gap:4px;min-width:0}
.field label{font-weight:600;font-size:.92rem}
select,input{width:100%;height:50px;padding:0 12px;font:inherit;color:var(--blue);background:var(--white);border:2px solid var(--blue);border-radius:3px}
.picker .btn{height:50px;padding-block:0;display:flex;align-items:center;justify-content:center;white-space:nowrap}
.ticket{border:1px solid var(--blue);border-top:6px solid var(--red);border-radius:3px;background:var(--white);min-width:0}
.ticket-head{display:flex;justify-content:space-between;gap:12px;padding:10px 18px;border-bottom:1px solid var(--line);font-family:var(--data);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.ticket-body{display:flex;flex-direction:column;gap:16px;padding:18px}
.scope{display:flex;flex-direction:column;gap:2px}
.scope strong{font-family:var(--display);font-weight:800;font-size:clamp(2.4rem,4.2vw,3.2rem);line-height:1.05;letter-spacing:-.02em}
.auction{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-block:12px;border-block:1px solid var(--line)}
.auction div{display:flex;flex-direction:column;gap:2px;min-width:0}
.auction .hot .label{color:var(--red)}
.auction strong{font-family:var(--data);font-size:1.2rem;font-weight:600;font-variant-numeric:tabular-nums}
.stage-line{display:flex;flex-direction:column;gap:8px}
.ticks{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.ticks i{display:block;height:8px;background:var(--line)}
.ticks i.on{background:var(--blue)}
.ticks i.now{background:var(--blue);height:14px;margin-top:-3px}
.ticks i.win{background:var(--red)}
.ticket .btn{width:100%}
.section{display:flex;flex-direction:column;gap:24px;padding-block:56px}
.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px}
.section-head a{font-weight:600}
.deals{margin:0;padding:0;list-style:none;border-top:2px solid var(--blue)}
.deal{display:grid;grid-template-columns:minmax(0,2.4fr) repeat(3,minmax(0,1fr)) auto;gap:12px 20px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.deal > div{display:flex;flex-direction:column;gap:2px;min-width:0}
.deal-name{font-family:var(--display);font-weight:800;font-size:1.15rem;line-height:1.2}
.val{font-family:var(--data);font-variant-numeric:tabular-nums}
.val.hot{font-weight:600}
.deal a{font-weight:700;white-space:nowrap}
.band{background:var(--blue);color:var(--white)}
.band .wrap{display:flex;flex-direction:column;gap:32px;padding-block:56px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:0;padding:0;list-style:none}
.steps li{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:3px solid var(--red);min-width:0}
.steps p{color:var(--on-blue-muted)}
.answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:0;padding:0;list-style:none}
.answers li{display:flex;flex-direction:column;gap:8px;min-width:0}
.answers b{color:var(--blue)}
.section > p a{font-weight:700}
.red-band{background:var(--red);color:var(--white)}
.closer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:32px;align-items:end;padding-block:48px}
.btn.on-red-btn{background:var(--blue);border-color:var(--blue)}
.btn.on-red-btn:hover{background:var(--blue-deep);border-color:var(--blue-deep)}
.site-foot{border-top:1px solid var(--line)}
.site-foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 28px;padding-block:22px;font-size:.92rem}
.site-foot .nav a{font-weight:400}
@media (max-width:900px){
  .hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:28px 40px}
  .steps,.answers{grid-template-columns:minmax(0,1fr);gap:24px}
  .closer{grid-template-columns:minmax(0,1fr)}
  .deal{grid-template-columns:repeat(3,minmax(0,1fr))}
  .deal > div:first-child,.deal a{grid-column:1/-1}
  .section{padding-block:40px}
  .band .wrap{padding-block:40px}
}
@media (max-width:560px){
  .picker{grid-template-columns:minmax(0,1fr)}
}

/* v1.3: sign up and log in */
.auth-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:start;padding-block:48px 64px}
.auth-col{display:flex;flex-direction:column;gap:20px;min-width:0}
.auth-narrow{max-width:460px;margin-inline:auto;padding-block:56px 72px}
.auth-narrow .auth-col{gap:18px}
.auth-title{font-size:clamp(2.2rem,4.4vw,3.25rem)}
.form-stack{display:flex;flex-direction:column;gap:14px;max-width:520px}
.form-stack .btn{width:100%}
.hint{font-size:.86rem;color:var(--muted)}
.field-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;align-items:baseline}
.field-row a{font-size:.9rem;font-weight:600}
.two-up{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:10px}
.switch a{font-weight:700}
.form-error{padding:12px 14px;border:2px solid var(--red);border-radius:3px;color:var(--red);font-weight:600}
.form-error a{color:var(--red)}
input.has-error{border-color:var(--red)}
.next-panel{display:flex;flex-direction:column;gap:20px;padding:28px;background:var(--blue);color:var(--white);border-top:6px solid var(--red);border-radius:3px;min-width:0}
.next-panel h2{font-size:1.6rem}
.next-panel ol{display:flex;flex-direction:column;gap:18px;margin:0;padding:0;list-style:none}
.next-panel li{display:flex;flex-direction:column;gap:4px}
.next-panel h3{font-size:1.1rem}
.next-panel p{color:var(--on-blue-muted);font-size:.96rem}
@media (max-width:900px){.auth-split{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:28px 40px}.auth-narrow{padding-block:32px 48px}}
@media (max-width:440px){.two-up{grid-template-columns:minmax(0,1fr)}}
.auth-col .form-error{max-width:520px}

/* v1.4: listings browse */
.browse-head{display:flex;flex-direction:column;gap:6px;padding-block:32px 20px}
.browse-title{font-size:clamp(2rem,4vw,3rem)}
.filters-band{background:var(--wash);border-block:1px solid var(--line)}
.filters{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr) auto;gap:10px;align-items:end;padding-block:16px}
.filters .btn{height:50px;padding-block:0;display:flex;align-items:center;justify-content:center;white-space:nowrap}
.results{display:flex;flex-direction:column;gap:20px;padding-block:24px 56px}
.results-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 24px;font-size:.92rem;color:var(--muted)}
.listings{margin:0;padding:0;list-style:none;border-top:2px solid var(--blue)}
.listing{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1.5fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,.9fr) minmax(0,1.1fr);gap:12px 20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.listing > div{display:flex;flex-direction:column;gap:3px;min-width:0}
.listing .btn{padding:10px 12px;font-size:.9rem}
.listing .ticks{margin-block:3px 2px}
.listing b{font-weight:600}
.signup-break{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;padding:20px 24px;background:var(--red);color:var(--white);margin-block:18px;border-radius:3px;list-style:none}
.signup-break h2{font-size:clamp(1.3rem,2.4vw,1.7rem)}
.more{display:flex;justify-content:center}
.state{display:flex;flex-direction:column;gap:16px;max-width:560px;padding-block:44px 64px}
.state .btn{align-self:flex-start}
.state-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.state-actions a:not(.btn){font-weight:700}
@media (max-width:1040px){
  .filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filters .btn{grid-column:1/-1}
  .listing{grid-template-columns:repeat(3,minmax(0,1fr))}
  .listing > div:first-child,.listing > div.stage-cell,.listing .btn{grid-column:1/-1}
}

/* v1.5: Zero Competition Pledge and terms */
.pledge-text{display:flex;flex-direction:column;gap:6px;max-width:44em;min-width:0}
.pledge{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;padding:22px 26px;border:3px solid var(--red);border-radius:3px}
.pledge h2{color:var(--red);font-size:clamp(1.5rem,2.8vw,2.1rem)}
.signup-break p{color:var(--white)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:.94rem}
.check input{flex:none;width:20px;height:20px;margin-top:3px;padding:0;accent-color:var(--blue)}
.check a{font-weight:700}
.terms{display:flex;flex-direction:column;gap:20px;max-width:44em;padding-block:40px 64px}
.terms section{display:flex;flex-direction:column;gap:8px}
.terms .draft{padding:12px 14px;background:var(--wash);border-radius:3px;font-size:.92rem}
.terms .must{padding:18px 20px;border:3px solid var(--red);border-radius:3px}
.terms ul{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:4px}

/* v1.6: member pages, listing with bid box, wallet */
.member-nav .credit{font-family:var(--data);font-weight:600;padding:6px 10px;border:2px solid var(--blue);border-radius:3px;text-decoration:none}
.listing-page{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:start;padding-block:32px 64px}
.listing-main{display:flex;flex-direction:column;gap:28px;min-width:0}
.listing-title{display:flex;flex-direction:column;gap:6px}
.listing-title h1{font-size:clamp(2rem,3.8vw,3rem)}
.block{display:flex;flex-direction:column;gap:10px}
.block h2{font-size:1.35rem}
.full-stages{list-style:none;margin:0;padding:0;font-size:.98rem}
.full-stages li{display:flex;justify-content:space-between;gap:12px;padding:7px 10px;border-right:5px solid transparent;color:var(--muted)}
.full-stages li.done{color:var(--blue)}
.full-stages li.now{background:var(--blue);color:var(--white);font-weight:700}
.full-stages li.window{border-right-color:var(--red);color:var(--red);font-weight:600}
.full-stages .tag{font-size:.86rem;font-weight:400;text-align:right}
.value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px;background:var(--wash);border-radius:3px}
.value-grid > div{display:flex;flex-direction:column;gap:3px;min-width:0}
.value-grid strong{font-family:var(--display);font-weight:800;font-size:1.45rem;line-height:1.1}
.value-grid .wide{grid-column:1/-1}
.locked{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;align-items:center;margin:0;font-size:.95rem}
.locked dt{color:var(--muted)}.locked dd{margin:0}
.bid-box{display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid var(--blue);border-top:6px solid var(--red);border-radius:3px;position:sticky;top:16px;min-width:0}
.bid-box .btn{width:100%}
.bid-box .auction{padding-block:0 12px;border-top:0}
.bid-status{padding:12px 14px;border-radius:3px;font-weight:600}
.bid-status.good{background:var(--blue);color:var(--white)}
.bid-status.bad{background:var(--red);color:var(--white)}
.credit-line{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding-top:12px;border-top:1px solid var(--line);font-size:.95rem}
.credit-line b{font-family:var(--data);font-weight:600}
.credit-line a{font-weight:700}
.summary-rows{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;margin:0;padding:16px 0;border-block:1px solid var(--line)}
.summary-rows dt{color:var(--muted)}.summary-rows dd{margin:0;font-family:var(--data);font-weight:600;text-align:right}
.wallet-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:24px;background:var(--blue);color:var(--white);border-top:6px solid var(--red);border-radius:3px}
.wallet-top > div{display:flex;flex-direction:column;gap:4px}
.wallet-top .label{color:var(--on-blue-muted)}
.wallet-top strong{font-family:var(--display);font-weight:800;font-size:clamp(2rem,4vw,3rem);line-height:1}
.wallet-top p{color:var(--on-blue-muted);font-size:.95rem}
.bundles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.bundles a{display:flex;flex-direction:column;gap:2px;padding:18px;border:2px solid var(--blue);border-radius:3px;text-decoration:none;text-align:center}
.bundles a:hover{background:var(--wash)}
.bundles strong{font-family:var(--display);font-weight:800;font-size:1.7rem}
.table-wrap{overflow-x:auto}
.history{width:100%;border-collapse:collapse;font-size:.95rem}
.history th,.history td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--line)}
.history th{font-family:var(--data);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:400}
.history td.n{font-family:var(--data);text-align:right;padding-right:0}.history th.n{text-align:right;padding-right:0}
.page-stack{display:flex;flex-direction:column;gap:28px;padding-block:32px 64px}
@media (max-width:900px){.listing-page{grid-template-columns:minmax(0,1fr);gap:28px}.bid-box{position:static;order:-1}.bundles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bar{display:block;height:.75em;background:var(--blue);border-radius:1px}

/* v1.7: member dashboard */
.alert-band{background:var(--red);color:var(--white)}
.alert-band .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding-block:12px}
.alert-band a{font-weight:700}
.dash{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:start;padding-block:28px 64px}
.dash-main,.dash-rail{display:flex;flex-direction:column;gap:20px;min-width:0}
.dash-title{font-size:clamp(1.9rem,3.4vw,2.6rem)}
.approved-line{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.92rem;color:var(--muted)}
.approved-line a{font-weight:600;color:var(--blue)}
.search-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;align-items:end}
.search-row .btn{height:50px;padding-block:0;display:flex;align-items:center}
.saved{display:flex;flex-direction:column;gap:8px}
.saved-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px}
.saved-head h2{font-size:1.1rem}
.saved-head a{font-size:.92rem;font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.chips a{display:flex;gap:8px;padding:7px 12px;border:1px solid var(--blue);border-radius:3px;text-decoration:none;font-size:.94rem}
.chips a:hover{background:var(--wash)}
.chips b{color:var(--red);font-weight:700}
.tabs{display:flex;flex-wrap:wrap;gap:4px 22px;border-bottom:2px solid var(--blue);margin:0;padding:0;list-style:none}
.tabs a{display:block;padding:8px 0;text-decoration:none;font-weight:500}
.tabs a.on{font-weight:700;box-shadow:inset 0 -4px 0 var(--red)}
.feed{margin:0;padding:0;list-style:none}
.feed-row{display:grid;grid-template-columns:minmax(0,1fr) 112px 92px 104px;gap:10px 16px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start}
.feed-row > div{display:flex;flex-direction:column;gap:3px;min-width:0}
.feed-row .ticks{max-width:280px;margin-top:6px}
.feed-actions{align-items:stretch;gap:8px!important}
.feed-actions .btn{padding:9px 8px;font-size:.92rem}
.feed-actions a:not(.btn){font-size:.88rem;text-align:center}
.tag-up{font-size:.84rem;font-weight:700}
.tag-up.bad{color:var(--red)}
.rail-box{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--line);border-radius:3px}
.rail-box h2{font-size:1.1rem}
.rail-box.lead{border:1px solid var(--blue);border-top:6px solid var(--red)}
.rail-money{font-family:var(--display);font-weight:800;font-size:2rem;line-height:1}
.rail-list{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;font-size:.94rem}
.rail-list li{display:flex;flex-direction:column;gap:2px}
.rail-list a{font-weight:600}
.saved-table td a{font-weight:600}
@media (max-width:980px){.dash{grid-template-columns:minmax(0,1fr)}.search-row{grid-template-columns:repeat(2,minmax(0,1fr))}.search-row .btn{grid-column:1/-1;justify-content:center}}
@media (max-width:620px){.feed-row{grid-template-columns:repeat(2,minmax(0,1fr))}.feed-row > div:first-child,.feed-actions{grid-column:1/-1}}

/* v1.9: admin */
.admin-head{background:var(--blue);color:var(--white);border-bottom:6px solid var(--red)}
.admin-head .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 28px;padding-block:14px}
.admin-head .nav a:hover{text-decoration:underline}
.admin-head .nav a.on{font-weight:700;text-decoration:underline;text-underline-offset:6px}
.admin-head a:focus-visible{outline-color:var(--white)}
.admin-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:640px}
.display-table td,.display-table th{text-align:center;padding-right:8px}
.display-table td:first-child,.display-table th:first-child{text-align:left}
.display-table input{width:20px;height:20px;padding:0;accent-color:var(--blue)}
.display-table .group td{font-weight:700;text-align:left;background:var(--wash);padding-left:10px}
.save-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.save-row a:not(.btn){font-weight:700}

/* v1.10: outbid notice */
.alert-band .wrap{padding-block:20px}
.outbid-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.outbid-title{font-family:var(--display);font-weight:800;font-size:clamp(2rem,4.4vw,3.25rem);line-height:1;letter-spacing:-.02em}
.outbid-box{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--red);color:var(--white);border-radius:3px}
.outbid-box .outbid-title{font-size:2rem}
.btn.on-red-white{background:var(--white);color:var(--red);border-color:var(--white)}
.btn.on-red-white:hover{background:var(--wash);border-color:var(--wash)}

/* v1.11: admin core and bid history */
.bid-history{border-top:1px solid var(--line);padding-top:12px;font-size:.94rem}
.bid-history summary{cursor:pointer;font-weight:700}
.bid-history .history{margin-top:10px;font-size:.88rem}
.bid-history td,.bid-history th{padding:6px 8px 6px 0}
.admin-stack{display:flex;flex-direction:column;gap:28px;padding-block:32px 64px}
.admin-title{font-size:clamp(1.9rem,3.4vw,2.6rem)}
.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.tile{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:3px;min-width:0}
.tile strong{font-family:var(--display);font-weight:800;font-size:2rem;line-height:1}
.todo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.todo a{display:flex;flex-direction:column;gap:2px;padding:16px;background:var(--wash);border-left:5px solid var(--red);text-decoration:none;min-width:0}
.todo strong{font-family:var(--display);font-weight:800;font-size:1.7rem;line-height:1;color:var(--red)}
.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.history input,.history select{height:40px}
.history td input{min-width:80px}
.admin-tabs a{white-space:nowrap}
.pill{display:inline-block;padding:2px 8px;border-radius:3px;background:var(--wash);font-size:.84rem;font-weight:600;white-space:nowrap}
.pill.ok{background:var(--blue);color:var(--white)}
.pill.bad{background:var(--red);color:var(--white)}
.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.two-col > div{display:flex;flex-direction:column;gap:12px;min-width:0}
.danger{padding:16px;border:2px solid var(--red);border-radius:3px;display:flex;flex-direction:column;gap:10px}
.danger h2{color:var(--red);font-size:1.2rem}
textarea{width:100%;min-height:96px;padding:10px 12px;font:inherit;color:var(--blue);border:2px solid var(--blue);border-radius:3px}
@media (max-width:900px){.tiles,.todo{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:minmax(0,1fr)}}
.history td.n,.history th.n{padding-right:18px}

/* v1.12: auction endings and won deals */
.won-banner{background:var(--blue);color:var(--white);border-bottom:6px solid var(--red)}
.won-banner .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-block:24px}
.won-title{font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,5vw,3.5rem);line-height:1;letter-spacing:-.02em}
.won-banner p{color:var(--on-blue-muted)}
.won-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:start;padding-block:28px 64px}
.won-main,.won-side{display:flex;flex-direction:column;gap:24px;min-width:0}
.facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 18px;margin:0}
.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:600}
.trail{list-style:none;margin:0;padding:0 0 0 16px;border-left:3px solid var(--blue);display:flex;flex-direction:column;gap:14px}
.trail li{display:flex;flex-direction:column;gap:2px}
.trail li.new b{color:var(--red)}
.notice{padding:12px 14px;border:2px solid var(--red);border-radius:3px;font-size:.94rem}
@media (max-width:900px){.won-grid{grid-template-columns:minmax(0,1fr)}}
.won-banner .won-title{color:var(--white)}

/* v1.13: pricing, invite, onboarding */
.plan-table th,.plan-table td{text-align:center;padding:12px 10px}
.plan-table th:first-child,.plan-table td:first-child{text-align:left;padding-left:0}
.plan-table thead th{font-family:var(--display);font-weight:800;font-size:1.3rem;letter-spacing:-.01em;text-transform:none;color:var(--blue)}
.plan-table .big{font-family:var(--data);font-weight:600;font-size:1.25rem}
.plan-table .btn{padding:10px 12px;font-size:.92rem;white-space:nowrap}
.page-lead{display:flex;flex-direction:column;gap:12px;max-width:44em}
.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.faq li{display:flex;flex-direction:column;gap:6px;min-width:0}
.check-list{display:flex;flex-direction:column;gap:6px;border:0;margin:0;padding:0}
.check-list legend{font-weight:600;font-size:.92rem;padding:0;margin-bottom:4px}
.invite-offer{display:flex;flex-direction:column;gap:6px;padding:20px 24px;background:var(--red);color:var(--white);border-radius:3px}
.invite-offer h1{font-size:clamp(2rem,4.4vw,3.25rem)}
@media (max-width:700px){.faq{grid-template-columns:minmax(0,1fr)}}

/* v1.14: remaining pages */
.plan-now{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:18px 20px;background:var(--wash);border-radius:3px}
.preview{padding:10px 14px;border:1px dashed var(--blue);border-radius:3px;font-family:var(--data)}
.email{max-width:600px;margin-inline:auto;padding-block:32px 48px;display:flex;flex-direction:column;gap:16px}
.email-meta{padding:10px 14px;background:var(--wash);border-radius:3px;font-size:.9rem}
.email-foot{padding-top:14px;border-top:1px solid var(--line);font-size:.86rem;color:var(--muted)}

/* phone menus: one scrolling row, no script */
@media (max-width:700px){.member-nav,.admin-head .nav{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:4px}.member-nav a,.admin-head .nav a{white-space:nowrap}}

/* States shown on one page; the app shows a pane only when its condition is true */
.state-pane{display:flex;flex-direction:column;gap:12px;padding:12px 14px;border:1px dashed var(--muted);border-radius:3px;min-width:0}
.state-label{font-family:var(--data);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.state-pane .auth-col,.state-pane form{min-width:0}
.email-list{display:flex;flex-direction:column;gap:32px;padding-block:32px 48px}
.email-list .email{padding-block:0;margin-inline:0;max-width:600px}
.state-pane .auth-title,.state-pane .browse-title{font-size:1.5rem}
.state-pane h2{font-size:1.5rem}
.bid-box .won-banner{padding:14px;border-bottom-width:4px}
.bid-box .won-title{font-size:2rem}