/* Local Chemistry v5 skin for the member login and portal.
   Loaded after styles.css: remaps the old tokens to the v5 palette and type, and removes the old all-caps label style. */
@font-face{font-family:'Newsreader';font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/newsreader.woff2) format('woff2')}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:200 800;font-display:swap;src:url(/fonts/newsreader-italic.woff2) format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/schibsted.woff2) format('woff2')}

:root{
  --bg:#FBF5F2;--bg-deep:#FBF5F2;--bg-warm:#FBF5F2;
  --surface:#F2D9D2;--ink:#231A21;--muted:#5D4E57;--soft:#857580;
  --gold:#5E1B2F;--gold-deep:#741F39;--line:rgba(35,26,33,.2);--line-soft:rgba(35,26,33,.12);
  --night:#1D1626;--night-ink:#FBF5F2;
  --blush:#F2D9D2;
  --serif:'Newsreader',Georgia,'Times New Roman',serif;
  --sans:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
}
body{background:var(--bg);background-image:none}

/* Headings: sturdier weight, no light hairlines */
.m-h1,.m-h2,.m-event-title,.m-host-name,.m-pf-title{font-weight:500;letter-spacing:-.01em}
.m-card-no,.m-login-quote{font-weight:400}

/* Labels: sentence case, no tracked-out caps */
.m-brand-tag,.m-hero-date,.m-card-brand,.m-card-kicker,.m-card-label,.m-eyebrow,.m-tier-name,.m-date-m,.m-date-w,.m-status,.m-login-quote span,.m-sum-cta,.m-pf-field label,.m-pf-field legend,.field label,legend{text-transform:none;letter-spacing:0}
.m-eyebrow,.m-hero-date,.m-tier-name,.m-card-kicker{font-family:var(--serif);font-style:italic;font-size:1.05rem;font-weight:400}
.m-card-brand,.m-card-label,.m-date-w,.m-status,.m-sum-cta{font-size:12px}
.m-brand-tag{font-size:13px;color:var(--blush);border-color:rgba(242,217,210,.3)}
.m-hero-date,.m-date-m,.m-login-quote span,.m-claim-price .m-eyebrow,.m-meter-bar span{color:var(--blush)}
.m-meter-bar span{background:var(--blush)}
.m-login-quote span{font-size:13px}

/* Buttons: match the main site */
.button{border-radius:999px;justify-content:center;gap:.6rem;text-transform:none;letter-spacing:0;font-size:1rem;font-weight:600;min-height:3.1rem;padding:.8rem 1.5rem;color:var(--night-ink)}
.button>span[aria-hidden="true"]{display:none}
.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}
.button.secondary:hover{background:var(--blush);border-color:var(--blush)}
.m-hero .button.secondary,.m-claim-price .button.secondary{color:var(--night-ink);border-color:rgba(251,245,242,.5)}
.button.m-wide{font-size:1rem;white-space:normal}

/* Surfaces */
.m-header{background:var(--night);border-bottom-color:rgba(242,217,210,.12)}
.m-user-name,.m-lede,.m-lock{color:#EBDCE0}
.m-panel{background:#FFFDFC;border-color:var(--line-soft);border-radius:.25rem}
.m-note,.m-alert,.m-status-going,.m-chip{background:rgba(94,27,47,.07)}
.m-where.is-open .m-where-dot{background:rgba(94,27,47,.18)}
.m-link{text-decoration-color:rgba(94,27,47,.4)}
.m-price span,.m-meter-label,.m-was{color:#C9B6BE}
.m-meter-bar{background:rgba(242,217,210,.18)}
.m-hero::after{background:linear-gradient(180deg,rgba(29,22,38,.9) 0%,rgba(29,22,38,.72) 55%,rgba(29,22,38,.95) 100%)}
.m-login-photo::after{background:linear-gradient(0deg,rgba(29,22,38,.88),rgba(29,22,38,.1) 60%)}
.m-card.is-pending{color:#EBDCE0;border-color:rgba(242,217,210,.35)}
.m-event.is-going .m-date-m{color:var(--blush)}
.m-footer{border-top:1px solid var(--line-soft)}
.m-login-form .portal-form input{border-radius:.25rem}
.m-login-form .portal-form input:focus{outline:2px solid var(--gold);outline-offset:1px}
:focus-visible{outline-color:var(--gold)}
.m-card{color:#FBF5F2;background:radial-gradient(120% 140% at 0% 0%,#9A3550 0%,#6E1F36 42%,#3A1020 100%)}
/* Ambassador host playbook */
.m-playbook .m-pb-body{display:grid;gap:2rem;padding-top:1rem}
.m-pb-nav{display:flex;flex-wrap:wrap;gap:.4rem .5rem}
.m-pb-nav a{font-size:.9rem;padding:.35rem .75rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none}
.m-pb-nav a:hover{background:var(--blush);border-color:var(--blush)}
.m-pb-section{display:grid;gap:.9rem;padding-top:1.5rem;border-top:1px solid var(--line-soft);scroll-margin-top:5rem}
.m-pb-h{font-family:var(--serif);font-weight:500;font-size:1.6rem;line-height:1.15;margin:0;color:var(--ink)}
.m-pb-sub{font-size:1rem;font-weight:600;margin:.5rem 0 0;color:var(--ink)}
.m-pb-p{margin:0;color:var(--muted);line-height:1.65;max-width:42rem}
.m-pb-p strong{color:var(--ink);font-weight:600}
.m-pb-list{margin:0;padding-left:1.2rem;display:grid;gap:.45rem;color:var(--muted);line-height:1.6;max-width:42rem}
.m-pb-check{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.m-pb-check label{display:flex;gap:.6rem;align-items:flex-start;cursor:pointer;color:var(--ink)}
.m-pb-check input{margin-top:.25rem;width:1.05rem;height:1.05rem;accent-color:var(--gold);flex:none}
.m-pb-table{overflow-x:auto;border:1px solid var(--line-soft);border-radius:.25rem}
.m-pb-table table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:30rem}
.m-pb-table th,.m-pb-table td{text-align:left;vertical-align:top;padding:.7rem .85rem;border-top:1px solid var(--line-soft);line-height:1.5}
.m-pb-table thead th{border-top:0;background:var(--surface);font-weight:600;color:var(--ink)}
.m-pb-table tbody th{font-weight:600;color:var(--ink);white-space:nowrap}
.m-pb-table td{color:var(--muted)}
.m-pb-ver{padding-top:1rem;border-top:1px solid var(--line-soft)}
.m-playbook .m-pb-body{padding:0 clamp(18px,3vw,32px) clamp(20px,3vw,32px)}
.m-pb-h,.m-pb-sub{text-transform:none;letter-spacing:-.005em}

/* claim panel stacks on tablets and phones (overrides a later desktop rule in styles.css) */
@media (max-width:980px){.m-claim{grid-template-columns:1fr}.button.m-wide{white-space:normal}}
.m-photo{width:100%;max-width:12rem;aspect-ratio:4/5;object-fit:cover;border-radius:.3rem;display:block;margin:.6rem 0}