/* Shared by all public pages and the template for every future lot. */
:root{--bg:#f7f8f5;--card:#fff;--ink:#202d25;--mut:#5e6b62;--line:#dce3dc;--acc:#123d26;--ok:#23603d;--bad:#ad3434;--warn:#865c16}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-padding-top:6rem}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 "DM Sans",-apple-system,"Segoe UI",sans-serif}
a{color:var(--acc);text-underline-offset:.2em}
button,input,select{font:inherit}
button,summary{cursor:pointer}
button:disabled{cursor:wait;opacity:.6}
:focus-visible{outline:3px solid #b67a15;outline-offset:3px}
img{max-width:100%}
h1,h2,h3{font-family:Manrope,"DM Sans",sans-serif;line-height:1.25;letter-spacing:-.025em}
h1{font-size:clamp(1.65rem,3vw,2.35rem);margin:0 0 .65rem}
h2{font-size:1.18rem;margin:1.8rem 0 .85rem}
h3{font-size:1rem}
p{margin:.6rem 0 1rem}
small,.mut,.statusline{font-size:.88rem}
.mut{color:var(--mut)}
.msg{display:block;font-size:.9rem;margin:.6rem 0 0;color:var(--bad)}
.msg:empty{display:none}
.ok,.win,.paidrow{color:var(--ok)}
.err,.lose,.urgent{color:var(--bad)}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.7rem 1rem;background:white}
.skip-link:focus{top:.5rem}
.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.navwrap{max-width:74rem;margin:auto;min-height:76px;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.ddu-brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink);text-decoration:none;flex-shrink:0}
.ddu-mark{width:42px;height:42px;border-radius:50%}
.ddu-copy{display:flex;flex-direction:column}
.ddu-copy strong{font:800 .95rem/1.2 Manrope,sans-serif;letter-spacing:-.035em}
.ddu-copy small{color:var(--mut);font-size:.7rem;letter-spacing:.08em}
.navwrap nav{display:flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:600}
.navwrap nav a,.navwrap nav button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem .75rem;border-radius:.5rem;text-decoration:none;white-space:nowrap}
.navwrap nav a{color:var(--mut)}
.navwrap nav a:hover,.navwrap nav a[aria-current]{color:var(--acc);background:#edf3ed}
.nav-signin{background:transparent;color:var(--acc);border:1px solid var(--line)}
main{max-width:74rem;margin:0 auto;padding:2rem 1.5rem;min-height:55vh}
.account-page main,.claim-page main{max-width:50rem}
.document-page main{max-width:48rem}
.site-footer{max-width:71rem;margin:1rem auto 0;padding:1.5rem 0 2rem;border-top:1px solid var(--line);color:var(--mut);font-size:.82rem}
.footer-top,.powered{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.footer-top nav{display:flex;gap:.25rem 1rem;flex-wrap:wrap}
.footer-top a{padding:.5rem 0}
.powered{margin:1rem 0 0;font-size:.76rem}
.powered img{height:20px;width:auto;vertical-align:middle;margin-left:.2rem}
.card,.empty{background:var(--card);border:1px solid var(--line);border-radius:.85rem;padding:1.2rem;margin-bottom:.85rem}
.empty{text-align:center;color:var(--mut);padding:2rem 1rem}
.notice{padding:.8rem 1rem;background:#fff7e7;color:var(--warn);border-radius:.6rem;margin-bottom:1rem}
.notice.error{color:var(--bad);background:#fff0ed}
.cta,.primary,.paybtn,.profrow button:not(.linkbtn),.authrow button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:.75rem 1.1rem;border:1px solid var(--acc);border-radius:.6rem;color:#fff;background:var(--acc);text-decoration:none;font-weight:700;line-height:1.3}
.cta:hover,.primary:hover,.paybtn:hover{background:#204e33}
.secondary{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:.7rem 1rem;background:#fff;color:var(--acc);border:1px solid var(--line);border-radius:.6rem;font-weight:600;text-decoration:none}
.linkbtn{background:transparent;border:0;color:var(--acc);padding:.65rem 0;min-height:44px;text-decoration:underline;text-underline-offset:.2em;font-size:.9rem}
input,select{max-width:100%;min-height:46px;padding:.7rem .8rem;border:1px solid #adb9ae;border-radius:.55rem;background:#fff;color:var(--ink)}
label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.3rem}
.disclosure{border-top:1px solid var(--line)}
.disclosure>summary{min-height:58px;display:flex;align-items:center;gap:.5rem;justify-content:space-between;padding:1rem 0;list-style:none;font-weight:700}
.disclosure>summary::-webkit-details-marker{display:none}
.disclosure>summary::after{content:"+";font-size:1.3rem;color:var(--mut);font-weight:400;flex-shrink:0}
.disclosure[open]>summary::after{content:"−"}
.disclosure>.detail-content{padding:0 0 1.1rem;font-size:.92rem}
.hero{padding:.4rem 0 1.8rem}
.hero-kicker,.eyebrow{display:block;font-size:.78rem;color:var(--mut);margin-bottom:.6rem}
.hero p{color:var(--mut);margin:.4rem 0 0}
.section-title-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:.2rem 0 1rem}
.section-title-row h2{margin:0}
.sync-label{color:var(--mut);font-size:.8rem}
.row-controls{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}
.chips{display:flex;gap:.5rem;flex-wrap:wrap;min-width:0}
.chip{flex-shrink:0;min-height:44px;padding:.5rem .85rem;border:1px solid var(--line);background:#fff;border-radius:99px;font-size:.86rem;color:var(--mut)}
.chip.active{color:#fff;background:var(--acc);border-color:var(--acc)}
#sort{flex-shrink:0;font-size:.85rem;padding:.5rem .7rem}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}
.lotcard{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--line);border-radius:.8rem;overflow:hidden}
.lotcard:hover{border-color:#8da28f}
.lotcard img,.lotcard .no-photo{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#f0f2ed}
.lotcard .no-photo{display:grid;place-items:center;color:var(--mut);font-size:.85rem}
.lotcard .body{padding:.9rem}
.lotcard .t{font-size:.94rem;line-height:1.4;margin:.4rem 0;min-height:2.8em;overflow-wrap:anywhere}
.price{color:var(--acc);font:800 1.3rem/1.5 Manrope,sans-serif}
.lotcard .mut{font-size:.8rem;margin-top:.2rem}
.count{font-variant-numeric:tabular-nums;font-weight:700}
.badge,.pill{display:inline-flex;padding:.2rem .55rem;background:#edf0ea;color:var(--mut);border-radius:99px;font-size:.72rem;font-weight:700;letter-spacing:.025em}
.badge.live,.pill.live{background:#e7f1e8;color:#215835}
.pill.bad{background:#fff0ed;color:var(--bad)}
.pill.doa,.badge.doa{background:#e7f1e8;color:#215835;margin-left:.4rem}
.auth-fields .auth-check{display:flex;gap:.55rem;align-items:flex-start;margin-top:.5rem;font-size:.8rem;line-height:1.35;color:var(--mut);font-weight:400}
.auth-fields .auth-check input{width:1.15rem;height:1.15rem;margin:.1rem 0 0;flex:none}
.auth-fields .auth-check span{flex:1;min-width:0}
.lotcard .badge.doa{margin-left:.35rem}
.catalog-extra{margin-top:2.2rem}
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-bottom:.5rem}
.how h3{margin:.4rem 0}
.how p{color:var(--mut);font-size:.92rem}
.back-link{display:inline-block;font-size:.88rem;text-decoration:none;margin:0 0 1.25rem;padding:.3rem 0}
.lot-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:3rem;align-items:start}
.gallery{min-width:0}
.photo-stage{aspect-ratio:1;display:grid;place-items:center;background:#eef1eb;border:1px solid var(--line);border-radius:1rem;overflow:hidden}
.photo-stage img{width:100%;height:100%;object-fit:contain;min-height:0}
.photo-empty{color:var(--mut)}
.thumbs{display:flex;gap:.6rem;overflow-x:auto;padding:.7rem .2rem .2rem}
.thumbs button{padding:3px;border:1px solid var(--line);border-radius:.55rem;background:white;flex:0 0 62px;height:62px;overflow:hidden}
.thumbs button[aria-pressed="true"]{border:2px solid var(--acc)}
.thumbs img{width:100%;height:100%;object-fit:contain;border-radius:.3rem}
.lot-summary{min-width:0}
.lot-meta{display:flex;gap:.6rem;align-items:center;margin-bottom:.8rem;color:var(--mut);font-size:.82rem}
.lot-summary h1{font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.3;overflow-wrap:anywhere}
.lot-subtitle{color:var(--mut);font-size:.92rem;margin:.4rem 0 1.35rem}
.bid-panel{background:#fff;border:1px solid var(--line);padding:1.3rem;border-radius:.85rem;margin-bottom:1rem}
.bid-stats{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}
.bid-stats small{display:block;color:var(--mut);font-size:.82rem}
.bid-stats #high{display:block;color:var(--acc);font:800 2rem/1.3 Manrope,sans-serif}
.bid-clock{text-align:right}
.bid-clock .count{display:block;font-size:1.2rem;margin-top:.25rem}
.bid-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin:.8rem 0 .35rem}
.bid-label-row label{margin:0}
.bid-label-row small{color:var(--mut)}
.bidrow{display:flex;gap:.5rem}
.bidrow input{width:0;flex:1;min-width:0}
.bidrow button{flex:0 0 auto}
.bid-help{margin:.55rem 0 0;font-size:.82rem;color:var(--mut)}
.bid-identity{margin-top:.6rem;font-size:.8rem;color:var(--mut)}
#my-max{display:block}
.signin-prompt .primary{width:100%}
.signin-prompt>p{margin:.4rem 0 0;text-align:center;color:var(--mut);font-size:.82rem}
.inline-signup{margin-top:.25rem}
.inline-signup>summary{padding:.65rem .1rem;min-height:44px;text-align:center;font-size:.85rem;color:var(--mut);list-style-position:inside}
.inline-signup>summary span{color:var(--acc);text-decoration:underline;text-underline-offset:.2em}
.inline-signup-content{padding:.75rem 0 .2rem;border-top:1px solid var(--line)}
.inline-signup fieldset{border:0;padding:0;margin:0;min-width:0}
.inline-signup .auth-fineprint{text-align:left}
.bid-notes{border-top:1px solid var(--line);margin-top:1rem;padding-top:.8rem;font-size:.81rem;color:var(--mut)}
.bid-notes p{margin:.15rem 0}
.sync-note{font-size:.8rem;color:var(--mut);margin:.8rem 0 1rem}
.sync-note a{display:inline-block;padding:.2rem 0}
.soldbox b{display:block;font:800 1.7rem/1.5 Manrope,sans-serif;color:var(--acc)}
.specs{margin:0}
.specs>div{margin:0 0 .85rem}
.specs dt{font-size:.8rem;color:var(--mut)}
.specs dd{margin:.15rem 0 0;overflow-wrap:anywhere}
.blurb{white-space:pre-line;overflow-wrap:anywhere}
.bids>div{display:flex;gap:1rem;justify-content:space-between;border-bottom:1px solid var(--line);padding:.55rem 0}
.bids span{overflow-wrap:anywhere}
.bids b{white-space:nowrap}
#more-card{margin-top:2.5rem}
#more-card h2{margin-top:0}
.mobile-bid-bar{display:none}
.row{display:flex;align-items:center;gap:.9rem}
.row img{width:64px;height:64px;object-fit:contain;background:#f0f2ed;border-radius:.5rem;flex:0 0 auto}
.row .info{min-width:0;flex:1}
.row .info b{display:block;line-height:1.4;font-size:.95rem;overflow-wrap:anywhere}
.statusline{margin-top:.3rem}
.account-page .card .cta{margin-top:.8rem}
.payhead{display:flex;justify-content:space-between;gap:1.5rem;align-items:baseline}
.payhead>b:first-child{min-width:0;overflow-wrap:anywhere}
.amt{font-weight:800;white-space:nowrap}
.profrow input{width:100%;margin-bottom:.65rem}
.profrow .linkbtn{display:block}
.account-extra{margin-top:1.8rem}
.authrow{display:grid;gap:.65rem}
.total{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}
.total .sum{font:800 1.7rem/1.3 Manrope,sans-serif}
.paybtn{width:100%;margin-top:1rem}
.nudge{background:#f3f5ef;border-radius:.5rem;padding:.8rem;font-size:.88rem;margin-top:.8rem}
.claim-page .disclosure{margin-top:.75rem}
.document-page .card{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:1.3rem 0;margin:0}
.document-page .card p:last-child{margin-bottom:0}
.auth-dialog{width:min(100% - 2rem,27rem);max-width:100%;max-height:calc(100dvh - 2rem);overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:1rem;padding:1.7rem;color:var(--ink);background:#fff;box-shadow:0 20px 80px #13261930}
.auth-dialog::backdrop{background:#15251db3}
body.auth-open{overflow:hidden}
.dialog-close{position:absolute;right:.5rem;top:.5rem;border:0;background:transparent;width:44px;height:44px;font-size:1.6rem;color:var(--mut)}
.auth-dialog h2{margin:.2rem 1rem .5rem 0;font-size:1.4rem}
.auth-dialog .auth-intro{color:var(--mut);font-size:.9rem;margin-bottom:1.25rem}
.auth-dialog fieldset{border:0;padding:0;margin:0;min-width:0}
.auth-fields{display:grid;gap:.85rem}
.auth-fields input{width:100%}
.auth-fields small{display:block;color:var(--mut);font-size:.78rem;margin-top:.2rem}
.auth-fields .primary{width:100%;margin-top:.2rem}
.auth-switch{text-align:center;margin:.6rem 0 0}
.auth-fineprint{font-size:.77rem;color:var(--mut);margin:.8rem 0 0}
@media(max-width:1000px){
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lot-layout{gap:1.8rem}.site-footer{margin-left:1.5rem;margin-right:1.5rem}
}
@media(max-width:760px){
  .navwrap{padding:.6rem 1rem;min-height:68px;gap:.5rem;flex-wrap:wrap}.ddu-mark{width:36px;height:36px}.ddu-copy strong{font-size:.84rem}
  .navwrap nav{gap:.1rem}.navwrap nav a,.navwrap nav button{padding:.5rem .6rem;font-size:.82rem}.nav-help{display:none!important}
  main{padding:1.25rem 1rem}.hero{padding:.5rem 0 1.5rem}.hero h1{font-size:1.75rem}.section-title-row{align-items:baseline;flex-wrap:wrap;gap:.4rem}
  .row-controls{flex-direction:column;gap:.7rem}.chips{width:100%;flex-wrap:nowrap;overflow-x:auto;padding:.15rem .15rem .4rem}#sort{align-self:flex-end}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.lotcard .body{padding:.75rem}.lotcard .t{font-size:.86rem}.lotcard .mut{font-size:.76rem}.price{font-size:1.2rem}
  .how{grid-template-columns:1fr;gap:.3rem}.lot-layout{grid-template-columns:minmax(0,1fr);gap:1.4rem}.photo-stage{aspect-ratio:4/3}.photo-stage img{max-height:65vh}
  .back-link{margin-bottom:.8rem}.thumbs button{flex-basis:54px;height:54px}.lot-summary h1{font-size:1.55rem}.bid-panel{padding:1.1rem}.lot-page{padding-bottom:90px}
  .mobile-bid-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;align-items:center;justify-content:space-between;gap:1rem;background:#fff;border-top:1px solid var(--line);padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom))}
  .mobile-bid-bar small{display:block;color:var(--mut);font-size:.75rem}.mobile-bid-bar b{font-size:1.15rem}.mobile-bid-bar .primary{flex:0 1 65%}.auth-open .mobile-bid-bar{visibility:hidden}
  .site-footer{margin:1rem 1rem 0}.footer-top,.powered{align-items:flex-start;flex-direction:column;gap:.6rem}
  .auth-dialog{width:100%;max-height:calc(100dvh - 1rem);margin:0 0 auto;border-radius:0 0 1rem 1rem;padding:calc(1.25rem + env(safe-area-inset-top)) 1.25rem 1.25rem}
}
@media(max-width:420px){
  .navwrap{column-gap:.3rem}.ddu-copy strong{font-size:.78rem}.ddu-mark{width:30px;height:30px}.ddu-brand{gap:.35rem}.navwrap nav{margin-left:auto}
  .navwrap nav a,.navwrap nav button{padding:.5rem .45rem}.nav-signin{display:none!important}.row{flex-wrap:wrap}.row .info{flex-basis:55%}
}
@media(prefers-reduced-motion:no-preference){.lotcard,button{transition:border-color .15s ease,background-color .15s ease}}
