:root {
  --pw-blue: #4B72A6;
  --pw-slate: #4F6273;
  --pw-grayblue: #DFE9F2;
  --pw-gold: #A68A56;
  --pw-black: #0D0D0D;
  --bs-primary: var(--pw-blue);
  --bs-secondary: var(--pw-slate);
  --bs-light: var(--pw-grayblue);
  --bs-warning: var(--pw-gold);
  --bs-dark: var(--pw-black);
  --text-primary: var(--pw-slate);
}
.text-primary {
  color: var(--pw-blue) !important;
}
.text-gold {
  color: var(--pw-gold) !important;
}
.bg-pw-grayblue {
  background-color: var(--pw-grayblue) !important;
}
.pw-secretword {
  background-color: var(--pw-grayblue) !important;
  border-radius: 1rem;
  padding: .35em 0.9em;
  display: inline-block;
  margin-bottom: .75rem;
}

span.edit-group-bn {
	margin-top: 20px;
	/*The change*/
	display:inline-block; /*or display:block;*/
}

body {
	background: var(--pw-grayblue);
	color: var(--pw-black);
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}
.btn-primary, .bg-primary {
	background-color: var(--pw-blue) !important;
	border-color: var(--pw-blue) !important;
}
.btn-primary, .btn-primary:visited {
	color: #fff !important;
}
.btn-primary:hover, .bg-primary:hover {
	background-color: var(--pw-gold) !important;
	border-color: var(--pw-gold) !important;
	color: #fff !important;
}
a, .nav-link, .navbar-brand {
	color: var(--pw-blue) !important;
}
a:hover, .nav-link:hover, .navbar-brand:hover {
	color: var(--pw-gold) !important;
}
.card {
	border-radius: 1rem;
	box-shadow: 0 2px 12px rgba(75, 114, 166, 0.08);
}
.btn-outline-danger,
.btn-outline-danger:focus,
.btn-outline-danger:active,
.btn-outline-danger:visited {
	background-color: transparent !important;
	border-color: #dc3545 !important; /* Bootstrap's danger color */
	color: #dc3545 !important;
	box-shadow: none !important;
}
.btn-outline-danger:hover {
	background-color: #dc3545 !important;
	color: #fff !important;
}
.narrow-page {
	max-width: 480px;
	margin: 3rem auto 0 auto;
	padding: 2rem 1.5rem;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 2px 16px rgba(75, 114, 166, 0.09);
	flex-direction: column;
	align-items: center;
}
/* Subtle hover: very light background + shadow for both buttons */
.stripe-btn, .paypal-btn {
	display: flex !important;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	padding-top: .75rem;
	padding-bottom: .75rem;
}
.stripe-btn:hover, .stripe-btn:focus,
.paypal-btn:hover, .paypal-btn:focus {
	background-color: #f7fafd !important;
	box-shadow: 0 2px 12px rgba(30,130,200,0.09);
	color: inherit !important;
	border-color: inherit !important;
}
.stripe-btn .bi, .paypal-btn .bi {
	font-size: 1.35em;
	margin-right: .6em;
	vertical-align: middle;
	line-height: 1;
}
/* Subtle hover styling for outline action buttons */
.upgrade-btn, .edit-profile-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	transition: background 0.15s, box-shadow 0.15s;
}
.upgrade-btn:hover, .upgrade-btn:focus,
.edit-profile-btn:hover, .edit-profile-btn:focus {
	background-color: #f7fafd !important;
	box-shadow: 0 2px 12px rgba(30,130,200,0.09);
	color: inherit !important;
	border-color: inherit !important;
	text-decoration: none;
}
.upgrade-btn .bi, .edit-profile-btn .bi {
	font-size: 1.2em;
	margin-right: .5em;
	vertical-align: middle;
	line-height: 1;
}
@media (max-width: 600px) {
  .pw-unauth-box {
	padding-left: 18px !important;
	padding-right: 18px !important;
  }
  .pw-unauth-box h1,
  .pw-unauth-box .pw-logo-text {
	font-size: 2rem !important;
	font-weight: 700;
  }
  .pw-unauth-box .lead {
	font-size: 1.08rem !important;
  }
  .container, .container-fluid, .row {
	padding-left: 8px !important;
	padding-right: 8px !important;
  }
  .card {
	margin-left: 0 !important;
	margin-right: 0 !important;
  }
  body {
	padding-left: 0 !important;
	padding-right: 0 !important;
  }
}
.pw-unauth-box {
  padding-left: 32px;
  padding-right: 32px;
}
/* Landing (logged-out) */
.pw-hero {
  background: linear-gradient(180deg, rgba(223,233,242,0.55) 0%, rgba(223,233,242,0.12) 100%);
  padding: 64px 0 48px;
}
.pw-hero h1 {
  font-weight: 800;
  letter-spacing: -0.02em;
}
.pw-hero .lead {
  max-width: 720px;
  margin: 0 auto;
}
.pw-cta-wrap .btn {
  padding: .7rem 1.1rem;
}
.pw-cta-wrap .btn + .btn {
  margin-left: .5rem;
}

.pw-feature {
  border: 1px solid rgba(0,0,0,.05);
  border-radius: 14px;
  background: #fff;
  padding: 18px 16px;
  height: 100%;
}
.pw-feature i {
  font-size: 1.3rem;
  opacity: .85;
}
/* Uniform badge size for subscription chips */
.pw-badge {
  font-size: 0.9rem;
  line-height: 1;          /* tighter chip feel */
  padding: 0.45em 0.6em;   /* consistent padding */
  border-radius: 999px;   /* 0.5rem subtle pill or 999px for full pill */
}

/* mobile tweaks */
@media (max-width: 600px) {
  .pw-hero { padding: 44px 0 36px; }
  .pw-hero h1 { font-size: 2rem; }
  .pw-cta-wrap .btn { width: 100%; margin: 0 0 .6rem 0; }
  .pw-cta-wrap .btn + .btn { margin-left: 0; }
}
/* ProofWord pagination – higher contrast active state */
.pw-pagination .page-link {
  color: var(--pw-blue, #4B72A6);
  font-weight: 500;
}

.pw-pagination .page-item.active .page-link {
  background-color: var(--pw-gold, #A68A56) !important; /* higher contrast than blue */
  border-color: var(--pw-gold, #A68A56) !important;
  color: #fff !important;
  font-weight: 700;
  box-shadow: 0 0 0 .15rem rgba(166,138,86,.25);
}

.pw-pagination .page-link:hover {
  color: var(--pw-blue, #4B72A6);
}

.pw-pagination .page-item.disabled .page-link {
  color: #9aa7b4; /* softer disabled */
}

/* Make hit area a bit larger for readability */
.pw-pagination .page-link {
  min-width: 2.25rem;
  text-align: center;
}
.table-responsive { border-top: 1px solid rgba(0,0,0,.05); padding-top: .5rem; }

/* Add-to-Home-Screen banner */
.pw-a2hs {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 1080;
  background: #ffffff;
  border-top: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 -4px 16px rgba(0,0,0,.06);
  padding: .6rem 0;
}
.pw-a2hs .pw-a2hs-inner {
  min-height: 42px;
}
@media (max-width: 600px) {
  .pw-a2hs { padding: .75rem 0; }
}