/* PGA World Pro Portal front door. Builds on site.css (the PGA World trip-page styles); everything here is prefixed pp-. */
body.pp{font-size:17px;display:flex;flex-direction:column;min-height:100vh}
.pp main{flex:1}
.pp h1{font-size:clamp(1.9rem,4vw,2.5rem)}
.pp-muted{color:var(--muted)}
.pp-small{font-size:.92rem}
.pp-badge{font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);white-space:nowrap}
.pp-signout{font:700 .95rem/1 var(--f-body);color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:999px;padding:10px 16px;cursor:pointer;white-space:nowrap}
.pp-signout:hover{border-color:var(--ink)}
.pp-who{font-weight:700;color:var(--muted);white-space:nowrap}
@media (max-width:640px){.pp-who{display:none!important}}
.pp-loading{padding-block:60px;color:var(--muted)}

/* Sign in, and the list of portals */
.pp-login{padding-block:clamp(48px,10vw,110px)}
.pp-login-card{max-width:440px;margin-inline:auto;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:32px 28px;display:grid;gap:12px;box-shadow:var(--shadow)}
.pp-choose-card{max-width:560px}
.pp-login-logo{height:56px;width:auto;filter:brightness(0)}
.pp-login-logo.pro{filter:none;max-width:220px;object-fit:contain;object-position:left}
.pp-login-card h1{margin-bottom:2px}
.pp-login-card label{font-weight:700;margin-top:10px}
.pp-login-card input{font:500 1.05rem/1.4 var(--f-body);color:var(--ink);background:var(--white);border:2px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;width:100%}
.pp-login-card input:focus{border-color:var(--plum);outline:none}
.pp-error{color:#A4271A;font-weight:700}
.pp-portals{display:grid;gap:10px;margin-top:6px}
.pp-portal{display:grid;gap:4px;text-align:left;font:inherit;color:var(--ink);background:var(--paper);border:2px solid var(--line);border-radius:var(--r-sm);padding:14px 16px;cursor:pointer}
.pp-portal:hover,.pp-portal:focus-visible{border-color:var(--accent);background:var(--white)}
.pp-portal b{font:600 1.2rem/1.25 var(--f-display)}
.pp-portal span{color:var(--muted);font-size:.95rem}

/* Footer */
.pp-foot-bar{border-top:1px solid var(--line);background:var(--white);padding-block:18px;font-size:.92rem;color:var(--muted)}
.pp-foot-bar p{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.pp-foot-bar img{height:30px;width:auto}
@media (max-width:640px){.pp-badge{display:none}.head-right{gap:10px}}