/* Original FanSpot account layout, 2026-10-28. No new assets or font imports.
 * Inherits the storefront font; existing provenance is in asset-register.html. */
.demo-account-page{--account-ink:#3e2f31;--account-muted:#715d55;--account-line:#e5d8cb;--account-accent:#934532;color:var(--account-ink);padding-bottom:36px;font-size:17px;line-height:1.75}
.demo-account-page *{box-sizing:border-box}
.demo-account-page [hidden]{display:none!important}
.demo-account-page :is(h1,h2,h3,p){margin:0}
.demo-account-page :is(a,button,summary):focus-visible{outline:3px solid #6b4432;outline-offset:4px}
.demo-account-page a{color:var(--account-accent);text-underline-offset:4px}
.demo-account-page a:hover{text-decoration:underline}
.demo-account-root{width:100%;min-width:0}
.demo-account-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;padding:25px 0;font-size:15px}
.demo-account-breadcrumb>span:last-child{color:var(--account-muted)}
.demo-account-heading{margin:12px 0 28px}
.demo-account-eyebrow{color:var(--account-accent);font-size:13px;font-weight:750;letter-spacing:1.25px}
.demo-account-page h1{margin:12px 0;font-size:clamp(28px,3vw,42px);line-height:1.35;letter-spacing:-1.2px;text-wrap:balance}
.demo-account-heading>p{color:var(--account-muted)}
.demo-account-disclosure{padding:20px 24px;background:#fff6e8;border:1px solid var(--account-line);border-radius:14px;color:var(--account-muted)}
.demo-account-disclosure strong{display:block;margin-bottom:3px;color:var(--account-ink)}
.demo-account-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px}
.demo-account-tabs>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;border:1px solid var(--account-line);border-radius:10px;font-weight:700;background:#fffefb;text-decoration:none}
.demo-account-tabs>a[aria-current="page"]{background:var(--account-ink);border-color:var(--account-ink);color:#fffefb}
.demo-account-tabs>a:last-child{margin-left:auto}
.demo-account-tabs [data-demo-unread]{display:inline-flex;min-width:24px;min-height:24px;align-items:center;justify-content:center;padding:0 7px;border-radius:99px;background:#934532;color:#fff;font-size:13px;font-variant-numeric:tabular-nums}
.demo-account-connection{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--account-line);margin-bottom:22px}
.demo-account-connection p{color:var(--account-muted);font-size:15px;overflow-wrap:anywhere}
.demo-account-root:is([data-connection="error"],[data-connection="expired"]) .demo-account-connection strong{color:#922e25}
.demo-account-message{font-weight:650;overflow-wrap:anywhere}
.demo-account-message:not(:empty){margin-bottom:22px;padding:16px 20px;border:1px solid var(--account-line);border-radius:10px;background:#fff6e8}
.demo-account-message.is-error{color:#922e25;background:#fff0ed;border-color:#d99e91}
.demo-account-panel{margin-top:24px;padding:28px;border:1px solid var(--account-line);border-radius:18px;background:#fffefb;min-width:0;scroll-margin-top:140px}
.demo-account-page h2{font-size:25px;line-height:1.45;letter-spacing:-.6px}
.demo-account-page h3{font-size:21px;line-height:1.5;letter-spacing:-.3px;overflow-wrap:anywhere;white-space:pre-wrap}
.demo-account-section-heading,.demo-account-card-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.demo-account-section-heading{margin-bottom:16px}
.demo-account-section-heading>a{font-size:15px;font-weight:650}
.demo-account-card-heading{margin-bottom:10px}
.demo-account-tag{display:inline-flex;align-items:center;padding:4px 11px;border:1px solid var(--account-line);border-radius:99px;background:#fff8ed;color:#6b5143;font-size:14px;font-weight:650}
.demo-account-tag[data-status="leading"],.demo-account-tag[data-status="won"]{background:#eee8fa;color:#533f78;border-color:#d0c3e5}
.demo-account-tag[data-status="outbid"]{background:#ffede5;color:#8b3828;border-color:#e7b4a5}
.demo-account-small,.demo-account-page time{color:var(--account-muted);font-size:15px;line-height:1.7}
.demo-account-page time{font-variant-numeric:tabular-nums}
.demo-account-empty{padding:20px 0;color:var(--account-muted);overflow-wrap:anywhere}
.demo-account-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border:1px solid #cdb9a4;border-radius:10px;background:#fff;color:var(--account-ink)!important;font:inherit;font-size:15px;font-weight:700;line-height:1.5;text-align:center;text-decoration:none!important;cursor:pointer;overflow-wrap:anywhere}
.demo-account-button:hover:enabled,.demo-account-page a.demo-account-button:hover{background:#fff6e8}
.demo-account-button:disabled{opacity:.58;cursor:default}
.demo-account-favorites{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0 0 18px;padding:0}
.demo-account-favorites:empty{margin:0}
.demo-account-favorites a{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:18px 38px 18px 18px;border:1px solid var(--account-line);border-radius:12px;text-decoration:none;background:#fff8ed;overflow-wrap:anywhere}
.demo-account-favorites a:hover{background:#f8eddf;text-decoration:none}
.demo-account-favorites strong{color:var(--account-ink);font-size:18px}
.demo-account-favorites span{color:var(--account-muted);font-size:14px}
.demo-account-favorites b{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-weight:500}
.demo-account-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0;padding:20px;background:#fff8ed;border-radius:12px}
.demo-account-metrics>div{min-width:0}
.demo-account-metrics dt{color:var(--account-muted);font-size:14px}
.demo-account-metrics dd{margin:4px 0 0;font-size:19px;font-weight:750;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.demo-account-page details{border-top:1px solid var(--account-line);padding-top:12px}
.demo-account-page summary{width:fit-content;min-height:44px;padding:8px 0;font-weight:650;cursor:pointer}
.demo-account-page summary>span{margin-left:10px;font-weight:400}
.demo-account-history{list-style:none;margin:0;padding:0}
.demo-account-history li{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--account-line);padding:12px 0;font-size:16px}
.demo-account-history strong{font-weight:650;font-variant-numeric:tabular-nums}
.demo-account-list{display:grid;gap:16px;list-style:none;margin:20px 0;padding:0}
.demo-account-list:empty{margin:0}
.demo-account-order,.demo-account-notification{min-width:0;padding:22px;border:1px solid var(--account-line);border-radius:12px;background:#fff}
.demo-account-order>h3{margin:8px 0}
.demo-account-order>p,.demo-account-notification p{overflow-wrap:anywhere;white-space:pre-wrap}
.demo-account-totals{display:grid;gap:8px;padding-top:16px;margin:16px 0;border-top:1px solid var(--account-line);font-size:15px}
.demo-account-totals>div{display:flex;justify-content:space-between;gap:18px}
.demo-account-totals dt{color:var(--account-muted)}
.demo-account-totals dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-align:right}
.demo-account-totals>div:last-child{font-size:18px;font-weight:750}
.demo-account-notification[data-read="false"]{border-color:#c99c85;background:#fffbf4}
.demo-account-notification[data-read="false"] [data-notice-status]{background:#934532;color:#fff;border-color:#934532}
.demo-account-notification[data-read="true"] h3{font-weight:650}
.demo-account-notification h3{margin:7px 0}
.demo-account-notification p{color:var(--account-muted)}
.demo-account-notice-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px}
.demo-account-notice-actions>a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:650}
.demo-account-bottom{padding:26px 0;font-size:16px;font-weight:650}
.presentation-projector .demo-account-page{font-size:21px}
.presentation-projector .demo-account-page :is(.demo-account-small,.demo-account-connection p,.demo-account-button,.demo-account-tag,time,.demo-account-section-heading>a,.demo-account-notice-actions>a){font-size:19px}
.presentation-projector .demo-account-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.demo-account-favorites{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-account-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.demo-account-page{font-size:16px}.demo-account-panel{padding:20px 16px}.demo-account-page h2{font-size:23px}.demo-account-disclosure{padding:18px}.demo-account-tabs{gap:8px}.demo-account-tabs>a{padding:10px 14px}.demo-account-tabs>a:last-child{margin-left:0;width:100%}.demo-account-connection{align-items:flex-start;flex-direction:column;gap:12px}.demo-account-favorites{grid-template-columns:minmax(0,1fr)}.demo-account-metrics{gap:18px 12px;padding:16px}.demo-account-metrics dd{font-size:17px}.demo-account-order,.demo-account-notification{padding:18px 14px}.demo-account-history li{align-items:flex-start;flex-wrap:wrap}.demo-account-notice-actions{align-items:flex-start;gap:12px}.demo-account-notice-actions .demo-account-button{width:100%}.demo-account-section-heading>.demo-account-button{width:100%}.demo-account-totals>div:last-child{font-size:17px}}