/* signup.css (signup1): East Coast Poker Report signup placements + share row. Shipped as /signup.css, linked after /ed15.css.
   Every selector starts with .sgn-; radius/shadow/gradient rules carry !important because style.css has a global reset.
   Tokens come from style.css (--ki navy, --kp paper, --kc card, --kl line, --km muted, --kv vermilion, --kvd dark vermilion, --kvn salmon on navy). */
.sgn-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sgn-live{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- shared pieces ---------- */
body .sgn-k{display:flex;align-items:center;gap:10px;margin:0;font:800 12px/1 var(--kfb);letter-spacing:.16em;text-transform:uppercase;color:var(--kvd)}
body .sgn-k:before{content:"";width:22px;height:3px;background:currentColor}
body .sgn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 24px;background:var(--kv);color:#fff!important;border:2px solid var(--kv);border-radius:8px!important;box-shadow:none!important;font:800 15px/1.2 var(--kfb);letter-spacing:.01em;text-decoration:none!important;white-space:nowrap;cursor:pointer;transition:background-color .15s,border-color .15s}
body .sgn-btn:hover{background:var(--kvd);border-color:var(--kvd)}
body .sgn-btn:focus-visible,body .sgn-x:focus-visible,body .sgn-shb:focus-visible,body .sgn-sh:focus-visible{outline:3px solid var(--ki);outline-offset:3px}
body .sgn-fine{margin:0;font:600 13px/1.35 var(--kfb);color:var(--km)}

/* sample-issue tile: static, illustrative, text from /newsletter/ "What to expect" */
body .sgn-fp{position:relative;width:100%;max-width:236px;background:var(--kc);color:var(--ki);border:2px solid var(--ki);border-radius:8px!important;box-shadow:5px 5px 0 var(--kv)!important;padding:10px 14px 12px;text-align:left}
body .sgn-fp-t{display:flex;justify-content:space-between;font:800 12px/1 var(--kfb);letter-spacing:.02em;white-space:nowrap;gap:6px;text-transform:uppercase;color:var(--ki2);padding-bottom:8px}
body .sgn-fp-m{font:800 24px/1 var(--kfd);letter-spacing:-.02em;text-align:center;border-top:3px solid var(--ki);border-bottom:1px solid var(--ki);padding:9px 0 8px;color:var(--ki)}
body .sgn-fp-m em{color:var(--kv);font-style:italic}
body .sgn-fp-h{padding:8px 0;border-bottom:1px solid var(--kl)}
body .sgn-fp-h:last-child{border-bottom:0;padding-bottom:0}
body .sgn-fp-h small{display:block;font:800 12px/1 var(--kfb);letter-spacing:.08em;text-transform:uppercase;color:var(--kvd)}
body .sgn-fp-h b{display:block;font:700 13px/1.25 var(--kfb);margin-top:4px;color:var(--ki)}

/* ---------- (a) post-result card: sits in the page's own column, same DNA as the event cards ---------- */
body .sgn-card{--tile:0px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px 28px;margin:34px 0 8px;padding:22px 26px 22px;background:var(--kc);border:1.5px solid var(--kl);border-top:5px solid var(--kv);border-radius:12px!important;box-shadow:none!important;position:relative}
body .sgn-card .sgn-ct{display:flex;flex-direction:column;gap:8px;min-width:0}
body .sgn-card h2,body .sgn-card .sgn-h{margin:0;font:800 26px/1.1 var(--kfd);letter-spacing:-.01em;color:var(--ki)}
body .sgn-card h2 em,body .sgn-card .sgn-h em{font-style:italic;color:var(--kv)}
body .sgn-card p.sgn-v{text-wrap:balance;margin:0;max-width:34em;font:500 16px/1.45 var(--kfb);color:var(--ki2)}
body .sgn-card .sgn-ca{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
body .sgn-card .sgn-fp{display:none}
@media(min-width:1000px){
 body .sgn-card.sgn-card--tile{grid-template-columns:auto minmax(0,1fr) auto;gap:18px 30px;padding-left:34px}
 body .sgn-card.sgn-card--tile .sgn-fp{display:block;width:196px;box-shadow:4px 4px 0 var(--kv)!important;padding:8px 12px 10px}
 body .sgn-card.sgn-card--tile .sgn-fp-m{font-size:20px;padding:7px 0 6px}
 body .sgn-card.sgn-card--tile .sgn-fp-h{padding:6px 0}
 body .sgn-card.sgn-card--tile .sgn-fp-h b{font-size:12px}
}
@media(max-width:700px){
 body .sgn-card{grid-template-columns:minmax(0,1fr);padding:18px 18px 18px;margin-top:26px}
 body .sgn-card h2,body .sgn-card .sgn-h{font-size:23px}
 body .sgn-card p.sgn-v{font-size:15px}
 body .sgn-card .sgn-btn{width:100%;white-space:nowrap;text-align:center;min-height:52px;padding:0 12px}
 body .sgn-card .sgn-ca{align-items:stretch}
}

/* ---------- end-of-page band: the existing navy .nlfull band, now with the sample tile and one value line ---------- */
body .nlfull.sgn-band .nlf-in{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px 48px}
body .nlfull .nlf-t p{text-wrap:balance}
body .nlfull.sgn-band .nlf-t p{margin:10px 0 0;max-width:32em;text-wrap:balance}
body .nlfull.sgn-band .sgn-ba{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:20px}
body .nlfull.sgn-band .sgn-fine{color:var(--kom)}
body .nlfull.sgn-band .sgn-fp{display:none}
body .nlfull.sgn-band .nlf-b{margin:0}
@media(min-width:1000px){
 body .nlfull.sgn-band .nlf-in.sgn-has-tile{grid-template-columns:minmax(0,1fr) 236px}
 body .nlfull.sgn-band .sgn-fp{display:block;justify-self:center;box-shadow:6px 6px 0 var(--kv)!important;border-color:var(--kp)}
}

/* ---------- (b) mobile bottom bar: one line, dismissible, hidden until scrolled, never over the in-page cards ---------- */
body .sgn-bar{display:none}
@media(max-width:700px){
 body .sgn-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;align-items:center;gap:6px;padding:6px 8px calc(6px + env(safe-area-inset-bottom)) 14px;background:var(--ki);color:var(--kp);border-top:3px solid var(--kv);transform:translateY(110%);visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s}
 body .sgn-bar[hidden]{display:none}
 body .sgn-bar.is-on{transform:none;visibility:visible;transition:transform .22s ease,visibility 0s}
 body .sgn-bar .sgn-bl{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;color:var(--kp)!important;text-decoration:none!important;font:800 14px/1.2 var(--kfb)}
 body .sgn-bar .sgn-bl span.sgn-bt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body .sgn-bar .sgn-bl .sgn-ba2{flex:none;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%!important;background:var(--kv);color:#fff;font:800 18px/1 var(--kfb)}
 body .sgn-bar .sgn-bl:focus-visible,body .sgn-bar .sgn-bx:focus-visible{outline:3px solid var(--kvn);outline-offset:-3px}
 body .sgn-bar .sgn-bx{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;margin:0;background:transparent;color:var(--kom);border:0;border-radius:8px!important;box-shadow:none!important;cursor:pointer}
 body .sgn-bar .sgn-bx svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round}
 html.sgn-bar-on body{padding-bottom:var(--sgn-bh,64px)}
}
@media(prefers-reduced-motion:reduce){body .sgn-bar,body .sgn-bar.is-on{transition:none}body .sgn-btn{transition:none}}

/* ---------- (2b) share row ---------- */
body .sgn-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0}
body .sgn-share .sgn-sl{font:800 12px/1 var(--kfb);letter-spacing:.14em;text-transform:uppercase;color:var(--km);margin-right:4px}
body .sgn-shb,body .sgn-x{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;background:transparent;color:var(--ki)!important;border:2px solid var(--ki);border-radius:999px!important;box-shadow:none!important;font:700 14px/1 var(--kfb);text-decoration:none!important;cursor:pointer}
body .sgn-shb:hover,body .sgn-x:hover{background:var(--ki);color:var(--kp)!important}
body .sgn-shb svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
body .sgn-shb[hidden]{display:none}
body .sgn-hero-share{border-bottom:1px solid var(--kl);background:var(--kp)}
body .sgn-hero-share .wrap{padding-top:12px;padding-bottom:12px}
/* per-card: a quiet "Share" in the card footer that opens the same row inside the card */
body .e15c-f .sgn-sh{margin-left:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px 0 8px;background:transparent;border:0;border-radius:6px!important;box-shadow:none!important;color:var(--kvd);font:700 14px/1.2 var(--kfb);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
body .e15c-f .sgn-sh svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
body .e15c-f .sgn-sh:hover{color:var(--ki)}
body .e15c-f .sgn-sh[hidden]{display:none}
body .e15c .sgn-card-share{padding:8px 0 12px;border-top:1px solid var(--kl)}
body .e15c .sgn-card-share[hidden]{display:none}
@media(max-width:700px){
 body .sgn-share .sgn-shb,body .sgn-share .sgn-x{flex:1 1 auto;padding:0 10px;font-size:13px}
 body .nlfull.sgn-band .nlf-b{width:100%;justify-content:center;gap:8px;font-size:12px;letter-spacing:.05em;white-space:nowrap;padding-left:10px;padding-right:10px}
 body .sgn-share .sgn-sl{flex:0 0 100%}
 body .sgn-hero-share .wrap{padding-top:10px;padding-bottom:10px}
}

/* ed15rb2: the longer CTA ("Get the East Coast Poker Report newsletter") is 42 characters: wrap instead of clipping or ellipsizing (Designer rules 6-7) */
html body .sgn-card .sgn-btn{white-space:normal;text-align:center;line-height:1.25;padding-top:8px;padding-bottom:8px}
html body .nlfull.sgn-band .nlf-b{white-space:normal;text-align:center;line-height:1.3;height:auto;min-height:56px;padding-top:9px;padding-bottom:9px;text-wrap:balance}
html body .nlfull .nlf-t h2,html body .sgn-card h2,html body .sgn-card .sgn-h{text-wrap:balance}
@media(max-width:700px){html body .sgn-bar .sgn-bl span.sgn-bt{white-space:normal;overflow:visible;text-overflow:clip;font-size:13px;line-height:1.2;text-wrap:balance}}
@media(max-width:360px){body .sgn-bar .sgn-bl .sgn-ba2{display:none}body .sgn-bar .sgn-bl{font-size:13px}}
@media(max-width:360px){body .nlfull.sgn-band .nlf-t small{letter-spacing:.04em;white-space:nowrap}}
/* inherited bug fix (signup2): "Weekends/evenings" broke mid-word ("evening s") because of overflow-wrap:anywhere on the tile value */
body .e15v b.t{overflow-wrap:break-word;word-break:normal}
