/* Shared by the landing page and the app layout. Landing-only styles live in its view. */

/* Cookie banner */
.cookies{position:fixed;left:12px;right:12px;bottom:12px;z-index:90;display:grid;gap:8px;max-width:520px;margin:0 auto;padding:12px 14px;background-color:#FFFFFF;color:#2F2D2E;border:2px solid #422432;border-radius:12px}
.cookies p{margin:0;font-size:14px;line-height:1.35;color:#2F2D2E}
.cookies .cookies-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cookies button{min-height:44px;border:2px solid #422432;border-radius:999px;background-color:#FFFFFF;color:#422432;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.cookies button:hover{background-color:#F5F2B8}
.cookies a{justify-self:start;display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;color:#422432}
/* Room to scroll past the banner, so it never sits on a CTA at the page end. */
body:has(#cookieBar) .foot,body:has(#cookieBar) .site-foot{padding-bottom:210px}
/* Clear of the members' bottom tabs. */
@media (max-width:1023px){body:has(.bottom) .cookies{bottom:60px}}

.site-toast{position:fixed;left:50%;top:12px;z-index:95;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);padding:10px 16px;border-radius:12px;background-color:#422432;color:#F5F2B8;font-size:15px;font-weight:600}

/* App footer */
.site-foot{background-color:#D9CDBE;color:#422432;padding:8px 16px}
.site-foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 20px}
.site-foot a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;color:#422432}

/* Legal pages */
.legal{width:100%;max-width:72ch;margin:0 auto;display:grid;gap:4px}
.legal .eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6B4458}
.legal h1{margin-bottom:8px}
.legal-sec{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid #D9CDBE}
.legal-sec h2{font-size:17px;color:#422432}
.legal-sec p{color:#2F2D2E}
.legal-choice{display:flex;flex-wrap:wrap;gap:10px}
.legal-choice .btn{width:auto;flex:1 1 200px}

/* My account */
.acct-label{font-size:13px;font-weight:600;color:#5E5658;text-transform:uppercase;letter-spacing:.06em}
.acct-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #D9CDBE;font-size:15px}
.acct-row small{color:#5E5658}
.acct-row .btn{width:auto;flex:none;min-height:44px;padding:0 16px}
.acct-links{display:flex;flex-wrap:wrap;gap:0 18px;font-size:15px}
.acct-links a{display:inline-flex;align-items:center;min-height:44px;color:#422432;font-weight:700}
.acct-actions{display:flex;flex-wrap:wrap;gap:10px}
.acct-actions .btn{width:auto;flex:1 1 180px}
.me-photo{display:flex;gap:14px;align-items:center;font-size:15px}
.me-photo small{color:#5E5658}
.me-avatar{flex:none;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;overflow:hidden;background-color:#422432;color:#F5F2B8;font-size:26px;font-weight:700}
.me-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.acct-file{width:100%;min-height:44px;padding:8px 0;background-color:#FFFFFF;color:#2F2D2E;font:inherit;font-size:15px}
.acct-switch{position:relative;flex:none;width:56px;height:32px;padding:0;border:0;border-radius:999px;background-color:#8C7F73;cursor:pointer}
.acct-switch::before{content:"";position:absolute;inset:-6px}
.acct-switch::after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background-color:#FFFFFF;transition:left .15s}
.acct-switch[aria-pressed=true]{background-color:#6B4458}
.acct-switch[aria-pressed=true]::after{left:28px}
.acct-toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #D9CDBE;font-size:15px;font-weight:600}
.acct-delete{display:grid;gap:14px}
.acct-delete summary,.link-danger{display:inline-flex;align-items:center;min-height:44px;color:#8A2B2B;background-color:transparent;font-size:15px;font-weight:700;text-decoration:underline;cursor:pointer;list-style:none}
.acct-delete summary::-webkit-details-marker{display:none}
@media (prefers-reduced-motion:reduce){.acct-switch::after{transition:none}}