/* The seams between the Templar chrome and the Cohort Gaming front end. Linked last in the template's head. */

/* The Fragment purifier keeps no `hidden` attribute: the overlay starts shut until cohort-menu.mjs runs. */
html:not(.cohort-ready) .cohort-overlay{display:none}

/* The template's account link is drawn in its own region and joins the Cohort bar (cohort-menu.mjs). */
.cohort-account-holder{display:none}
.cohort-bar .cohort-login-link{display:inline-block}

/* The way to one's own account sits beside Log out, and only for someone signed in: the server dresses the
   account link with is-signed-in while someone is (whiteboard/cohortgaming-template-build/cg-data.php,
   CG_SIGNED_IN_CLASS -- the two names move together). */
.cohort-account-page{display:none}
.cohort-bar:has(.cohort-login-link.is-signed-in) .cohort-account-page{display:inline-block;margin-left:auto;padding:10px 14px;color:#ecd19a;font:14px Georgia,serif;text-decoration:underline;text-underline-offset:5px;position:relative;z-index:104;white-space:nowrap}
.cohort-bar:has(.cohort-login-link.is-signed-in) .cohort-account-page:hover{color:#fff2cf;background:#52141b}
.cohort-bar:has(.cohort-login-link.is-signed-in) .cohort-login-link{margin-left:0}
@media(max-width:700px){.cohort-bar:has(.cohort-login-link.is-signed-in) .cohort-account-page{padding:10px 8px;font-size:12px}}

/* The mount a page body replaces (page.mjs), so the footer does not jump up while the body loads. */
#cohort-page{min-height:70vh}

.cohort-not-found{max-width:640px;margin:64px auto;padding:0 20px;color:#ecd19a;font:16px Georgia,serif}
.cohort-not-found a{color:#ecd19a}

/* The line every Pay Attention product carries: attribution, privacy policy, privacy choices. */
.cohort-legal{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;justify-content:center;padding:14px 20px;background:#180f0e;border-top:1px solid #83603a;color:#cdb68a;font:12px Georgia,serif}
.cohort-legal a,.cohort-legal button{color:#ecd19a;font:inherit}

.cohort-privacy{max-width:760px;margin:48px auto;padding:0 20px;color:#ecd19a;font:16px/1.6 Georgia,serif}
.cohort-privacy a{color:#ecd19a}