@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;700&display=swap');
/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver (the default phpBB 3.3.x style)
	Based on style:
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

@import url(normalize.css?hash=48eb3f89);
@import url(base.css?hash=7c5543be);
@import url(utilities.css?hash=d8f72c42);
@import url(common.css?hash=843d5d5f);
@import url(links.css?hash=18286e16);
@import url(content.css?hash=d6d1338b);
@import url(buttons.css?hash=56f0d25f);
@import url(cp.css?hash=50d868ab);
@import url(forms.css?hash=9016b55c);
@import url(icons.css?hash=64da33ce);
@import url(colours.css?hash=fcb2f289);
@import url(responsive.css?hash=c9d32cba);

/* Peptide Hangout official logo */
.site_logo { background-image: url('./images/peptidehangout-logo.png?v=2'); width: 260px; height: 260px; background-size: contain; }
@media (max-width: 700px) { .logo { display: inline-block; } .site_logo { width: 180px; height: 180px; } }

/* Peptide Hangout layout */
.wrap { width: 90%; max-width: none; box-sizing: border-box; margin-left: auto; margin-right: auto; }
.headerbar { background: transparent; background-color: transparent; background-image: none; border: 0; box-shadow: none; }
.site-description { float: none; width: 100%; text-align: center; }
.logo { float: none; display: inline-block; padding: 10px; }
@media (max-width: 700px) { .wrap { width: 100%; } .site-description { width: 100%; } }

/* Peptide Hangout welcome bar */
html, body#phpbb { margin-top: 0; padding-top: 0; }
.ph-welcome-bar { width: 100%; box-sizing: border-box; margin: 0 !important; padding: 6px 14px; background: #000000; color: #ffffff; text-align: center; font-family: 'Comfortaa', sans-serif; font-size: 12px; font-weight: 700; line-height: 1.25; letter-spacing: 0.02em; border: 0; border-radius: 0; box-shadow: none; }
@media (max-width: 700px) { .ph-welcome-bar { padding: 6px 10px; font-size: 12px; } }
/* Peptide Hangout purple accent bar */
.ph-purple-bar { width: 100%; box-sizing: border-box; min-height: 30px; margin: 0; padding: 7px 12px; background: #006baf; color: #ffffff; text-align: center; font-family: 'Comfortaa', sans-serif; font-size: 12px; font-weight: 700; line-height: 16px; }
.ph-purple-bar a { color: #ffffff; text-decoration: underline; }
@media (max-width: 700px) { .ph-purple-bar { padding: 7px 8px; font-size: 12px; } }

/* Peptide Hangout 85 percent layout */
#wrap.wrap { width: 85%; max-width: none; box-sizing: border-box; margin-left: auto; margin-right: auto; }
.ph-welcome-bar, .ph-purple-bar { width: 85%; box-sizing: border-box; margin-left: auto !important; margin-right: auto !important; }
#page-header { position: relative; }
.site-description { width: 100%; text-align: left; }
.logo { float: none; display: block; position: relative; z-index: 10; width: max-content; margin: -90px 0 0; padding: 0; }
@media (max-width: 700px) { #wrap.wrap, .ph-welcome-bar, .ph-purple-bar { width: 100%; } .logo { margin-top: -70px; } }

/* Peptide Hangout molecular background */
body#phpbb { background-color: #f7f7f7; background-image: url('./images/peptide-molecular-background.png?v=1'); background-repeat: repeat; background-position: top left; background-size: 627px 627px; }

/* Peptide Hangout compact header */
#site-description h1, #site-description p { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }

/* Peptide Hangout lifted navigation */
#page-header .navbar { position: relative; margin-top: -55px; }
@media (max-width: 700px) { #page-header .navbar { margin-top: -1px; } }

/* Peptide Hangout navy and teal forum palette */
.navbar { background-color: #071b3d; background-image: none; border: 1px solid #00c9d6; color: #ffffff; }
.navbar a, .navbar .linklist > li > a, .navbar .breadcrumbs a { color: #ffffff; }
.forabg, .forumbg { background-color: #071b3d; background-image: linear-gradient(135deg, #061938 0%, #0a2f5f 55%, #008f9b 100%); border: 1px solid #00c9d6; }
.forabg .header a, .forumbg .header a, .forabg .header dt, .forumbg .header dt { color: #ffffff; }
.forabg .header, .forumbg .header { color: #dffcff; }
.forabg .row, .forumbg .row { background-color: rgba(255, 255, 255, 0.93); }
.forabg .row:hover, .forumbg .row:hover { background-color: #e5fbfd; }


/* Peptide Hangout premium molecular hero */
body{background:#030817;color:#eaf5ff}#wrap.wrap{width:96%;max-width:1480px;background:transparent;box-shadow:none}.ph-welcome-bar,.ph-purple-bar{display:none}#page-header{min-height:560px;margin:14px 0 18px;position:relative;overflow:hidden;border:1px solid rgba(0,201,214,.38);border-radius:18px;background:linear-gradient(90deg,rgba(2,8,25,.97) 0%,rgba(2,8,25,.78) 42%,rgba(2,8,25,.06) 75%),url('./images/peptidehangout-hero-v2.png?v=1') center center/cover no-repeat;box-shadow:0 18px 46px rgba(0,0,0,.42)}#page-header .headerbar{background:transparent;min-height:0;position:static}#page-header .inner{max-width:none}#page-header .site-description{position:absolute;top:24px;left:46px;width:470px;min-height:470px;margin:0;text-align:left;z-index:2}#page-header .logo{float:none;display:block;position:static;width:265px;height:265px;padding:0;margin:0}#page-header .site_logo{width:265px;height:265px;background-size:contain}#page-header h1,#page-header .site-description>p:not(.skiplink){display:none}#page-header .site-description::after{content:'YOUR SOURCE FORA EVERYTHING PEPTIDESAA Join the community to discuss, learn, share, and grow your knowledge about peptides.';white-space:pre-line;display:block;width:440px;margin-top:4px;font:700 25px/1.25 Comfortaa,Arial,sans-serif;letter-spacing:.02em;color:#fff;text-shadow:0 2px 18px #020817}#page-header .navbar{position:absolute;top:18px;right:28px;left:370px;margin:0!important;padding:10px 14px;border:1px solid rgba(165,77,255,.34);border-radius:14px;background:rgba(3,9,28,.78);backdrop-filter:blur(12px);z-index:3}#page-header .navbar .linklist{text-align:right}#page-header .navbar a{color:#f7fbff;font-family:Comfortaa,Arial,sans-serif}#page-body{background:transparent}.forabg,.forumbg{border:1px solid rgba(0,201,214,.55);border-radius:14px;background:linear-gradient(115deg,rgba(9,25,67,.96),rgba(11,16,45,.96));box-shadow:0 10px 28px rgba(0,0,0,.22)}.forabg .header,.forumbg .header{background:linear-gradient(90deg,#5d25c8,#00bcd4)}.forumrow{background:rgba(11,26,64,.78);color:#e8f4ff;border-color:rgba(0,201,214,.18)}.forumrow a,.forabg a,.forumbg a{color:#29d8f0}.navbar,.panel,.post,.cp-menu,.bg1,.bg2,.bg3{background-color:rgba(8,20,53,.88);color:#e8f4ff;border-color:rgba(0,201,214,.23)}.panel a,.navbar a{color:#31d8ee}@media (max-width:800px){#wrap.wrap{width:100%}#page-header{min-height:625px;margin:0;border-radius:0;background-position:65% center}#page-header .site-description{left:24px;top:98px;width:calc(100% - 48px)}#page-header .logo,#page-header .site_logo{width:220px;height:220px}#page-header .site-description::after{width:290px;font-size:19px}#page-header .navbar{top:12px;left:12px;right:12px}#page-header .navbar .linklist{text-align:center}}

#page-header .site-description::after{content:'YOUR SOURCE FOR EVERYTHING PEPTIDES — Join the community to discuss, learn, share, and grow your knowledge about peptides.';white-space:normal;display:block;width:440px;margin-top:4px;font:700 25px/1.25 Comfortaa,Arial,sans-serif;letter-spacing:.02em;color:#fff;text-shadow:0 2px 18px #020817}


/* Restore clean Peptide Hangout layout with hero beneath the logo */
body{background:#f4f7fb url('./images/peptide-molecular-background.png?v=1') repeat;background-size:627px 627px;color:#253858}#wrap.wrap{width:85%;max-width:none;background:#fff;box-shadow:none}.ph-welcome-bar,.ph-purple-bar{display:block}#page-header{min-height:0;margin:0;position:static;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none}#page-header .headerbar{background:transparent;min-height:0;position:static}#page-header .inner{max-width:none}#page-header .site-description{position:relative;top:auto;left:auto;width:100%;min-height:205px;margin:0;text-align:left}#page-header .logo{float:none;display:block;position:relative;left:30px;top:auto;width:260px;height:260px;padding:0;margin:-90px 0 0}#page-header .site_logo{width:260px;height:260px;background-size:contain}#page-header h1,#page-header .site-description>p:not(.skiplink){display:none}#page-header .site-description::after{display:none;content:none}#page-header .headerbar::after{content:'';display:block;height:390px;margin:0;background:url('./images/codex-clipboard-21c1818f-7876-4570-b18f-5f175369d31e.png?v=1') center center/cover no-repeat}#page-header .navbar{position:relative;top:auto;right:auto;left:auto;margin:8px 0 0!important;padding:0;border:0;border-radius:0;background:#071b3d;backdrop-filter:none;z-index:auto}#page-header .navbar .linklist{text-align:left}#page-header .navbar a{color:#fff;font-family:Comfortaa,Arial,sans-serif}.forabg,.forumbg{border:0;border-radius:8px;background:#fff;box-shadow:none}.forabg .header,.forumbg .header{background:linear-gradient(90deg,#08275c,#00a8c6)}.forumrow{background:#f7fbfd;color:#253858;border-color:#d8e5ee}.forumrow a,.forabg a,.forumbg a{color:#075da8}.navbar,.panel,.post,.cp-menu,.bg1,.bg2,.bg3{background-color:#fff;color:#253858;border-color:#d8e5ee}.panel a,.navbar a{color:#075da8}@media (max-width:800px){#wrap.wrap{width:100%}#page-header{margin:0}#page-header .site-description{min-height:145px}#page-header .logo,#page-header .site_logo{width:180px;height:180px}#page-header .logo{left:18px;margin-top:-44px}#page-header .headerbar::after{height:190px;background-position:center center}#page-header .navbar{margin-top:0!important}#page-header .navbar .linklist{text-align:left}}

#page-header .site-description{min-height:145px}

/* Updated Peptide Hangout logo */
.site_logo{background-image:url('./images/peptidehangout-logo-v2.png?v=1')}


/* Requested dark layout and full hero presentation */
body{background:#01010e}#wrap.wrap{background:#01010e}.ph-welcome-bar{background:#0a0e1f}.ph-purple-bar{background:#301785}#page-header .site-description{min-height:145px;z-index:3}#page-header .logo{z-index:4}#page-header .headerbar::after{height:auto;aspect-ratio:1991/789;margin-top:-95px;background-color:#01010e;background-size:100% 100%;background-position:center;background-repeat:no-repeat;position:relative;z-index:1}@media (max-width:800px){#page-header .headerbar::after{height:auto;aspect-ratio:1991/789;margin-top:-44px;background-size:100% 100%}}

html,body{background:#01010e!important;background-image:none!important}

/* Flush main container */
#wrap.wrap,#page-header,#page-header .headerbar,#page-header .inner{margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}#page-header .headerbar::after{width:100%;margin-left:0;margin-right:0;border:0;box-sizing:border-box}

#wrap.wrap{margin-left:auto!important;margin-right:auto!important}

/* Hero touches the top bars while the logo overlaps it */
#page-header .headerbar::after{margin-top:-235px}@media (max-width:800px){#page-header .headerbar::after{margin-top:-150px}}

/* Keep the logo visible above the flush hero */
#page-header{position:relative}#page-header .site-description{position:absolute;top:0;left:0;min-height:0;z-index:5}#page-header .logo{position:absolute;top:-32px;left:30px;margin:0;z-index:6}#page-header .headerbar::after{margin-top:0}@media (max-width:800px){#page-header .logo{top:-18px;left:18px}#page-header .headerbar::after{margin-top:0}}

#page-header .headerbar,#page-header .inner,#page-header .site-description{overflow:visible!important}#page-header .site-description .logo{display:block!important;visibility:visible!important;opacity:1!important}

#page-header .headerbar::after{margin-top:-66px}@media (max-width:800px){#page-header .headerbar::after{margin-top:-42px}}

/* Visually lift the hero without moving the overlaid logo */
#page-header .headerbar::after{margin-top:0;margin-bottom:-66px;transform:translateY(-66px)}@media (max-width:800px){#page-header .headerbar::after{margin-top:0;margin-bottom:-42px;transform:translateY(-42px)}}

#page-header .logo,#page-header .site_logo{width:220px;height:220px}#page-header .logo{top:-43px}

#page-header .logo,#page-header .site_logo{width:260px;height:260px}#page-header .logo{top:-32px}


/* Refined header */
.ph-welcome-bar{margin-top:10px;border-radius:14px 14px 0 0}.ph-purple-bar{position:relative;min-height:28px;box-sizing:border-box}#page-header .logo,#page-header .site_logo{width:195px;height:195px}#page-header .logo{top:-70px}#search{position:absolute;top:-30px;right:14px;z-index:30;margin:0;padding:0;background:transparent;box-shadow:none}#search input#keywords{height:28px;padding:0 10px;background:#0a0e1f;color:#fff;border:1px solid #00c9d6;border-radius:7px 0 0 7px;box-shadow:none}#search .button-search{height:28px;min-width:34px;background:#301785;color:#fff;border:1px solid #00c9d6;border-left:0;border-radius:0 7px 7px 0;box-shadow:none}#search .button-search-end{display:none}@media (max-width:800px){.ph-welcome-bar{margin-top:6px;border-radius:9px 9px 0 0}#page-header .logo,#page-header .site_logo{width:155px;height:155px}#page-header .logo{top:-48px}#search{top:-29px;right:6px}#search input#keywords{width:105px}}

.ph-welcome-bar{position:relative;z-index:40}.ph-purple-bar{z-index:50}

#page-header .logo{z-index:70}#search{z-index:70}


/* Independent top-layer logo and header breathing room */
html,body{padding-top:16px;box-sizing:border-box;position:relative}body::before{content:'';display:block;position:absolute;top:4px;left:calc(7.5% + 30px);width:195px;height:195px;background:url('./images/peptidehangout-logo-v2.png?v=1') center/contain no-repeat;z-index:9999;pointer-events:none}#page-header .logo{display:none!important}@media (max-width:800px){html,body{padding-top:10px}body::before{top:2px;left:16px;width:155px;height:155px}}

body::before{position:fixed!important;top:10px!important;z-index:2147483647!important}

body::before{display:none!important}body::after{content:'';display:block;position:fixed;top:10px;left:calc(7.5% + 30px);width:195px;height:195px;background:url('./images/peptidehangout-logo-v2.png?v=1') center/contain no-repeat;z-index:2147483647;pointer-events:none}@media (max-width:800px){body::after{top:6px;left:16px;width:155px;height:155px}}

/* Hide the original phpBB logo; only use the floating brand logo */
#page-header #logo,#page-header .logo,#page-header .site_logo{display:none!important;background-image:none!important}

/* Dedicated floating brand logo */
body::after{display:none!important}.ph-floating-logo{display:block;position:fixed;top:10px;left:calc(7.5% + 30px);width:195px;height:195px;background:url('./images/peptidehangout-logo-v2.png?v=1') center/contain no-repeat;z-index:2147483647;pointer-events:none}@media (max-width:800px){.ph-floating-logo{top:6px;left:16px;width:155px;height:155px}}

.ph-floating-logo{display:none!important}.ph-header-logo-overlay{display:block;position:fixed;top:10px;left:calc(7.5% + 30px);width:195px;height:195px;background:url('./images/peptidehangout-logo-v2.png?v=1') center/contain no-repeat;z-index:2147483647;pointer-events:none}@media (max-width:800px){.ph-header-logo-overlay{top:6px;left:16px;width:155px;height:155px}}


/* Final header refinements */
.ph-header-logo-overlay{top:0}.ph-purple-bar{padding:2px 0}#search{padding:1px;background:linear-gradient(90deg,#f532c9 0%,#9d4dff 48%,#00cfe8 100%);border:0;border-radius:8px;box-shadow:none}#search input#keywords{border:0}#search .button-search{border:0;border-left:1px solid rgba(255,255,255,.16)}@media (max-width:800px){.ph-header-logo-overlay{top:-4px}}


/* Sponsor bar alignment and search breathing room */
.ph-header-logo-overlay{top:-4px}.ph-purple-bar{display:flex;align-items:center;justify-content:center;min-height:40px;padding:4px 0;box-sizing:border-box;line-height:1;text-align:center}#search{top:-34px}

.ph-header-logo-overlay{top:0}.ph-purple-bar a{margin-left:4px}


/* Main content container — match the welcome bar */
#page-body {
	background-color: #0a0e1f !important;
}


/* Main navigation action bar */
.navbar:has(#nav-main) {
	background: #301785 !important;
	border: 0;
	border-radius: 0;
	padding: 8px 0;
}
#nav-main {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0 auto;
	padding: 0;
}
#nav-main > li,
#nav-main > li.rightside {
	float: none;
	margin: 0;
}
#nav-main > li > a {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 7px 12px;
	background: #0a0e1f;
	border: 1px solid rgba(0, 207, 232, .72);
	border-radius: 6px;
	color: #fff !important;
	font-family: Comfortaa, sans-serif;
	font-size: 12px;
	line-height: 1;
	text-decoration: none;
	transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
#nav-main > li > a:hover,
#nav-main > li > a:focus {
	background: linear-gradient(90deg, #a42fbe, #006baf);
	border-color: #fff;
	color: #fff !important;
	transform: translateY(-1px);
}
@media (max-width: 700px) {
	.navbar:has(#nav-main) { padding: 6px; }
	#nav-main { flex-wrap: wrap; gap: 6px; }
	#nav-main > li > a { padding: 7px 9px; }
}

/* =========================================================
   PEPTIDE HANGOUT — SHARED PUBLIC / ACCOUNT PAGE THEME
   Login, registration, password reset, FAQ, search,
   contact, member list, team, privacy and terms.
   ========================================================= */

body.section-ucp #page-body,
body.section-memberlist #page-body,
body.section-search #page-body,
body[class*="section-app/user/forgot_password"] #page-body,
body[class*="section-app/help/faq"] #page-body {
  color: #bfd0ed;
  font-family: "Comfortaa", Arial, sans-serif;
}

body.section-ucp #page-body > form,
body.section-memberlist #page-body > form,
body.section-search #page-body > form,
body[class*="section-app/user/forgot_password"] #page-body > form,
body[class*="section-app/help/faq"] #page-body > form {
  width: calc(100% - 50px);
  margin-right: auto;
  margin-left: auto;
}

body.section-ucp #page-body > h2,
body.section-memberlist #page-body > h2,
body.section-search #page-body > h2,
body[class*="section-app/user/forgot_password"] #page-body > h2,
body[class*="section-app/help/faq"] #page-body > h2 {
  width: calc(100% - 50px);
  margin: 0 auto 12px;
  padding: 15px 20px;
  box-sizing: border-box;
  color: #ffffff;
  font-family: "Comfortaa", Arial, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.3;
  background:
    linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
}

body.section-ucp #page-body .panel,
body.section-memberlist #page-body .panel,
body.section-search #page-body .panel,
body[class*="section-app/user/forgot_password"] #page-body .panel,
body[class*="section-app/help/faq"] #page-body .panel {
  width: calc(100% - 50px);
  margin: 0 auto 14px;
  padding: 0;
  box-sizing: border-box;
  color: #bfd0ed;
  background:
    linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
  overflow: hidden;
}

body.section-ucp #page-body form > .panel,
body.section-memberlist #page-body form > .panel,
body.section-search #page-body form > .panel,
body[class*="section-app/user/forgot_password"] #page-body form > .panel,
body[class*="section-app/help/faq"] #page-body form > .panel {
  width: 100%;
}

body.section-ucp #page-body .panel > .inner,
body.section-memberlist #page-body .panel > .inner,
body.section-search #page-body .panel > .inner,
body[class*="section-app/user/forgot_password"] #page-body .panel > .inner,
body[class*="section-app/help/faq"] #page-body .panel > .inner {
  padding: 18px 20px;
}

body.section-ucp #page-body .panel h2,
body.section-ucp #page-body .panel h3,
body.section-memberlist #page-body .panel h2,
body.section-memberlist #page-body .panel h3,
body.section-search #page-body .panel h2,
body.section-search #page-body .panel h3,
body[class*="section-app/user/forgot_password"] #page-body .panel h2,
body[class*="section-app/user/forgot_password"] #page-body .panel h3,
body[class*="section-app/help/faq"] #page-body .panel h2,
body[class*="section-app/help/faq"] #page-body .panel h3 {
  margin: -18px -20px 18px;
  padding: 12px 20px;
  color: #ffffff;
  font-family: "Comfortaa", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  background: linear-gradient(90deg, #123e78 0%, #301785 52%, #00a8bc 100%);
  border-bottom: 1px solid rgba(0, 217, 232, 0.5);
}

body.section-ucp #page-body .content,
body.section-memberlist #page-body .content,
body.section-search #page-body .content,
body[class*="section-app/user/forgot_password"] #page-body .content,
body[class*="section-app/help/faq"] #page-body .content {
  color: #bfd0ed;
  font-family: "Comfortaa", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.65;
}

/* The default phpBB .content rule hides the top of headings pulled into the
   card padding. Keep the card itself clipped to its rounded corners, but let
   the heading render at its full Comfortaa line height. */
body.section-ucp #page-body .panel .content,
body.section-memberlist #page-body .panel .content,
body.section-search #page-body .panel .content,
body[class*="section-app/user/forgot_password"] #page-body .panel .content,
body[class*="section-app/help/faq"] #page-body .panel .content {
  overflow: visible;
}

body.section-ucp #page-body label,
body.section-memberlist #page-body label,
body.section-search #page-body label,
body[class*="section-app/user/forgot_password"] #page-body label,
body[class*="section-app/help/faq"] #page-body label,
body.section-ucp #page-body dt,
body.section-memberlist #page-body dt,
body.section-search #page-body dt {
  color: #d8e8ff;
  font-family: "Comfortaa", Arial, sans-serif;
}

body.section-ucp #page-body .inputbox,
body.section-memberlist #page-body .inputbox,
body.section-search #page-body .inputbox,
body[class*="section-app/user/forgot_password"] #page-body .inputbox,
body[class*="section-app/help/faq"] #page-body .inputbox,
body.section-ucp #page-body select,
body.section-memberlist #page-body select,
body.section-search #page-body select {
  min-height: 36px;
  padding: 7px 10px;
  box-sizing: border-box;
  color: #ffffff;
  font-family: "Comfortaa", Arial, sans-serif;
  background: #080c1c;
  border: 1px solid #00b8d4;
  border-radius: 7px;
  box-shadow: inset 0 0 0 1px rgba(123, 53, 223, 0.18);
}

body.section-ucp #page-body textarea.inputbox,
body.section-memberlist #page-body textarea.inputbox,
body.section-search #page-body textarea.inputbox {
  min-height: 150px;
}

body.section-ucp #page-body .inputbox:focus,
body.section-memberlist #page-body .inputbox:focus,
body.section-search #page-body .inputbox:focus,
body[class*="section-app/user/forgot_password"] #page-body .inputbox:focus {
  border-color: #f532c9;
  box-shadow: 0 0 0 2px rgba(245, 50, 201, 0.18);
}

body.section-ucp #page-body .button1,
body.section-ucp #page-body .button2,
body.section-ucp #page-body .button,
body.section-memberlist #page-body .button1,
body.section-memberlist #page-body .button2,
body.section-memberlist #page-body .button,
body.section-search #page-body .button1,
body.section-search #page-body .button2,
body.section-search #page-body .button,
body[class*="section-app/user/forgot_password"] #page-body .button1,
body[class*="section-app/user/forgot_password"] #page-body .button2,
body[class*="section-app/help/faq"] #page-body .button {
  min-height: 36px;
  padding: 7px 18px;
  color: #ffffff !important;
  font-family: "Comfortaa", Arial, sans-serif;
  font-weight: 700;
  text-shadow: none;
  background: linear-gradient(90deg, #8a2fd0 0%, #006baf 100%);
  border: 1px solid #00d9e8;
  border-radius: 7px;
  box-shadow: none;
}

body.section-ucp #page-body .button1:hover,
body.section-ucp #page-body .button2:hover,
body.section-memberlist #page-body .button1:hover,
body.section-memberlist #page-body .button2:hover,
body.section-search #page-body .button1:hover,
body.section-search #page-body .button2:hover,
body[class*="section-app/user/forgot_password"] #page-body .button1:hover {
  color: #ffffff !important;
  background: linear-gradient(90deg, #f532c9 0%, #006baf 100%);
}

body.section-ucp #page-body a,
body.section-memberlist #page-body a,
body.section-search #page-body a,
body[class*="section-app/user/forgot_password"] #page-body a,
body[class*="section-app/help/faq"] #page-body a {
  color: #29d9ee;
}

body.section-ucp #page-body a:hover,
body.section-memberlist #page-body a:hover,
body.section-search #page-body a:hover,
body[class*="section-app/user/forgot_password"] #page-body a:hover,
body[class*="section-app/help/faq"] #page-body a:hover {
  color: #f532c9;
}

body.section-ucp #page-body hr.dashed,
body.section-memberlist #page-body hr.dashed,
body.section-search #page-body hr.dashed,
body[class*="section-app/user/forgot_password"] #page-body hr.dashed {
  border-color: rgba(0, 217, 232, 0.28);
}

body.section-ucp #page-body fieldset.submit-buttons,
body.section-memberlist #page-body fieldset.submit-buttons,
body.section-search #page-body fieldset.submit-buttons,
body[class*="section-app/user/forgot_password"] #page-body fieldset.submit-buttons {
  margin: 18px 0 0;
  padding-top: 15px;
  border-top: 1px solid rgba(0, 217, 232, 0.25);
}

/* FAQ */
body[class*="section-app/help/faq"] #page-body > .faq-title {
  width: calc(100% - 50px);
  margin: 0 auto 12px;
  padding: 15px 20px;
  box-sizing: border-box;
  color: #ffffff;
  font-family: "Comfortaa", Arial, sans-serif;
  font-size: 25px;
  background:
    linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
}

body[class*="section-app/help/faq"] #faqlinks .column1,
body[class*="section-app/help/faq"] #faqlinks .column2 {
  color: #bfd0ed;
}

body[class*="section-app/help/faq"] #faqlinks dt,
body[class*="section-app/help/faq"] .faq dt {
  margin-bottom: 7px;
  color: #ffffff;
  font-weight: 700;
}

body[class*="section-app/help/faq"] .faq dd {
  margin-bottom: 18px;
  color: #bfd0ed;
  line-height: 1.6;
}

body[class*="section-app/help/faq"] .top {
  color: #29d9ee !important;
}

body[class*="section-app/help/faq"] #page-body > .action-bar {
  width: calc(100% - 50px);
  margin-right: auto;
  margin-left: auto;
}

/* Search and member tables */
body.section-search #page-body .panel.bg2,
body.section-search #page-body .panel.bg3,
body.section-memberlist #page-body .panel.bg1,
body.section-memberlist #page-body .panel.bg2,
body.section-memberlist #page-body .panel.bg3 {
  background:
    linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
}

body.section-memberlist #page-body .forumbg,
body.section-memberlist #page-body .table1,
body.section-search #page-body .forumbg,
body.section-search #page-body .table1 {
  width: calc(100% - 50px);
  margin-right: auto;
  margin-left: auto;
  color: #bfd0ed;
  font-family: "Comfortaa", Arial, sans-serif;
}

body.section-memberlist #page-body table.table1 thead th,
body.section-search #page-body table.table1 thead th {
  padding: 11px 10px;
  color: #ffffff;
  background: linear-gradient(90deg, #123e78 0%, #301785 52%, #00a8bc 100%);
}

body.section-memberlist #page-body table.table1 tbody td,
body.section-search #page-body table.table1 tbody td {
  padding: 11px 10px;
  color: #bfd0ed;
  background: #111a35;
  border-color: rgba(0, 217, 232, 0.22);
}

body.section-ucp #page-body .error,
body.section-memberlist #page-body .error,
body.section-search #page-body .error {
  color: #ff56ce;
}

/* Search results */
body.section-search #page-body > .searchresults-title,
body.section-search #page-body > p,
body.section-search #page-body > .action-bar,
body.section-search #page-body > .search.post {
  width: calc(100% - 50px);
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}

body.section-search #page-body > p:not(.advanced-search-link) {
  margin-bottom: 0;
  padding: 13px 16px 5px;
  color: #bfd0ed;
  background: linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%);
  border-right: 1px solid #00d9e8;
  border-left: 1px solid #f532c9;
  border-radius: 10px 10px 0 0;
}

body.section-search #page-body > p.advanced-search-link {
  margin-top: 0;
  margin-bottom: 14px;
  padding: 5px 16px 13px;
  color: #bfd0ed;
  background: linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%);
  border-right: 1px solid #00d9e8;
  border-bottom: 1px solid #7b35df;
  border-left: 1px solid #f532c9;
  border-radius: 0 0 10px 10px;
}

body.section-search #page-body > .action-bar {
  min-height: 48px;
  margin-top: 0;
  margin-bottom: 12px;
  padding: 8px 14px;
  color: #bfd0ed;
  background:
    linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
}

body.section-search #page-body > .action-bar.bar-top,
body.section-search #page-body > .action-bar.bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body.section-search #page-body > .action-bar .pagination {
  color: #d8e8ff;
}

body.section-search #page-body > .action-bar.actions-jump {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 58px;
}

body.section-search #page-body > .action-bar .jumpbox-return {
  margin: 0;
}

body.section-search #page-body > .search.post {
  position: relative;
  margin-bottom: 14px;
  padding: 0;
  overflow: hidden;
  color: #20375d;
  font-family: "Comfortaa", Arial, sans-serif;
  background:
    linear-gradient(#f7fbff, #f7fbff) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
}

body.section-search #page-body > .search.post > .inner {
  padding: 0;
}

body.section-search #page-body > .search.post .postprofile {
  width: 28%;
  min-height: 180px;
  margin: 0;
  padding: 18px;
  box-sizing: border-box;
  color: #d8e8ff;
  background: linear-gradient(180deg, #301785 0%, #18234b 48%, #123e78 100%);
  border-right: 1px solid rgba(0, 217, 232, 0.5);
}

body.section-search #page-body > .search.post .postprofile dt,
body.section-search #page-body > .search.post .postprofile dd,
body.section-search #page-body > .search.post .postprofile strong {
  color: #d8e8ff;
}

body.section-search #page-body > .search.post .postprofile a,
body.section-search #page-body > .search.post .postprofile .username-coloured {
  color: #f532c9 !important;
  font-weight: 700;
}

body.section-search #page-body > .search.post .postbody {
  width: 72%;
  padding: 0 18px 18px;
  box-sizing: border-box;
  color: #20375d;
}

body.section-search #page-body > .search.post .postbody h3 {
  margin: 0 -18px 14px;
  padding: 12px 18px;
  color: #ffffff;
  font-family: "Comfortaa", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.35;
  background: linear-gradient(90deg, #123e78 0%, #301785 52%, #00a8bc 100%);
  border-bottom: 1px solid rgba(0, 217, 232, 0.5);
}

body.section-search #page-body > .search.post .postbody h3 a {
  color: #ffffff !important;
}

body.section-search #page-body > .search.post .postbody .content {
  color: #20375d;
  line-height: 1.65;
}

body.section-search #page-body > .search.post .posthilit {
  color: #f532c9;
  background: rgba(245, 50, 201, 0.08);
}

body.section-search #page-body > .search.post ul.searchresults {
  right: 18px;
  bottom: 12px;
}

/* Member-post search results: one clear toolbar and one cohesive result card. */
body.section-search #page-body:has(> .search.post) > p.advanced-search-link {
  display: none;
}

body.section-search #page-body:has(> .search.post) > .action-bar.bar-top {
  min-height: 64px;
  margin-bottom: 14px;
  padding: 11px 16px;
}

body.section-search #page-body > .action-bar.bar-top .search-box,
body.section-search #page-body > .action-bar.bar-top .search-box form {
  float: none;
  margin: 0;
}

body.section-search #page-body > .action-bar.bar-top .search-box fieldset {
  display: flex;
  align-items: stretch;
}

body.section-search #page-body > .action-bar.bar-top #add_keywords {
  width: clamp(260px, 32vw, 430px) !important;
  height: 42px;
  padding: 0 14px;
  color: #d8e8ff;
  background: #080d20;
  border: 1px solid #f532c9;
  border-radius: 9px 0 0 9px;
}

body.section-search #page-body > .action-bar.bar-top .button-search,
body.section-search #page-body > .action-bar.bar-top .button-search-end {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 42px;
  margin: 0;
  padding: 0;
  color: #ffffff;
  background: linear-gradient(135deg, #7b35df 0%, #008bb7 100%);
  border-color: #00d9e8;
  border-radius: 0;
}

body.section-search #page-body > .action-bar.bar-top .button-search-end {
  border-radius: 0 9px 9px 0;
}

body.section-search #page-body > .action-bar.bar-top .pagination {
  font-size: 13px;
  font-weight: 700;
}

body.section-search #page-body > .search.post > .inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  grid-template-rows: auto minmax(180px, auto);
  position: relative;
  background: #f7fbff;
}

body.section-search #page-body > .search.post .postbody {
  display: contents;
}

body.section-search #page-body > .search.post .postbody h3 {
  grid-column: 1 / -1;
  grid-row: 1;
  margin: 0 !important;
  padding: 14px 160px 14px 20px;
  font-size: 20px;
}

body.section-search #page-body > .search.post .postbody .content {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  min-height: 180px;
  margin: 0;
  padding: 20px;
  box-sizing: border-box;
  font-size: 15px;
  background: #f7fbff;
}

body.section-search #page-body > .search.post .postprofile {
  float: none;
  grid-column: 2;
  grid-row: 2;
  width: auto;
  min-height: 180px;
  padding: 20px;
  background: linear-gradient(180deg, #301785 0%, #18234b 46%, #123e78 100%);
  border-right: 0;
  border-left: 1px solid rgba(0, 217, 232, 0.55);
}

body.section-search #page-body > .search.post ul.searchresults {
  position: absolute !important;
  z-index: 2;
  top: 10px;
  right: 16px;
  bottom: auto;
  margin: 0;
}

body.section-search #page-body > .search.post ul.searchresults a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 7px 11px;
  color: #ffffff !important;
  background: rgba(2, 9, 28, 0.72);
  border: 1px solid #00d9e8;
  border-radius: 7px;
}

body.section-search #page-body:has(> .search.post) > .action-bar.bottom {
  min-height: 0;
  padding: 0;
  background: transparent;
  border: 0;
}

body.section-search #page-body:has(> .search.post) > .action-bar.bottom .pagination {
  display: none;
}

body.section-search #page-body:has(> .search.post) > .action-bar.bottom .sort-tools > .button {
  min-width: 54px;
  min-height: 42px;
  background: linear-gradient(135deg, #7b35df 0%, #008bb7 100%);
  border: 1px solid #00d9e8;
  border-radius: 8px;
}

body.section-search #page-body .sort-tools .dropdown-contents {
  color: #ffffff;
  font-family: "Comfortaa", Arial, sans-serif;
  background: linear-gradient(145deg, #111a35 0%, #15112f 58%, #0b2638 100%);
  border: 1px solid #00d9e8;
  border-radius: 9px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.48);
}

body.section-search #page-body .sort-tools .display-options label {
  color: #ffffff !important;
  font-weight: 700;
}

body.section-search #page-body .sort-tools .display-options select {
  color: #ffffff;
  background: #080d20;
  border: 1px solid #00b7d3;
  border-radius: 7px;
}

body.section-search #page-body .sort-tools .display-options .button2 {
  color: #ffffff;
  background: linear-gradient(135deg, #7b35df 0%, #008bb7 100%);
  border: 1px solid #00d9e8;
  border-radius: 7px;
}

body.section-search #page-body .sort-tools .pointer-inner {
  border-top-color: #111a35 !important;
  border-bottom-color: #111a35 !important;
}

@media (max-width: 900px) {
  body.section-search #page-body > .search.post > .inner {
    grid-template-columns: minmax(0, 1fr) 240px;
  }
}

@media (max-width: 700px) {
  body.section-search #page-body:has(> .search.post) > .action-bar.bar-top {
    align-items: stretch;
    flex-direction: column;
  }

  body.section-search #page-body > .action-bar.bar-top .search-box,
  body.section-search #page-body > .action-bar.bar-top .search-box form,
  body.section-search #page-body > .action-bar.bar-top .search-box fieldset {
    width: 100%;
  }

  body.section-search #page-body > .action-bar.bar-top #add_keywords {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
  }

  body.section-search #page-body > .action-bar.bar-top .pagination {
    width: 100%;
    text-align: center;
  }

  body.section-search #page-body > .search.post > .inner {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
  }

  body.section-search #page-body > .search.post .postbody h3 {
    grid-column: 1;
    grid-row: 1;
    padding: 13px 126px 13px 15px;
    font-size: 16px;
  }

  body.section-search #page-body > .search.post .postbody .content {
    grid-column: 1;
    grid-row: 2;
    min-height: 0;
    padding: 16px;
    font-size: 13px;
  }

  body.section-search #page-body > .search.post .postprofile {
    grid-column: 1;
    grid-row: 3;
    min-height: 0;
    padding: 16px;
    border-top: 1px solid rgba(0, 217, 232, 0.55);
    border-left: 0;
  }

  body.section-search #page-body > .search.post ul.searchresults {
    top: 8px;
    right: 10px;
  }

  body.section-search #page-body > .search.post ul.searchresults a {
    padding: 6px 8px;
    font-size: 11px;
  }
}

/* Empty searches do not need duplicate pagination, sorting or jump controls.
   Present the query, advanced-search link and empty-state message as one card. */
body.section-search #page-body:not(:has(> .search.post)) > .action-bar.bar-top,
body.section-search #page-body:not(:has(> .search.post)) > .action-bar.bottom,
body.section-search #page-body:not(:has(> .search.post)) > .action-bar.actions-jump {
  display: none;
}

body.section-search #page-body:not(:has(> .search.post)) > p:not(.advanced-search-link) {
  margin-bottom: 0;
  border-top: 1px solid #7b35df;
  border-right: 1px solid #00d9e8;
  border-bottom: 0;
  border-left: 1px solid #f532c9;
  border-radius: 10px 10px 0 0;
}

body.section-search #page-body:not(:has(> .search.post)) > p.advanced-search-link {
  margin-bottom: 0;
  border-top: 0;
  border-right: 1px solid #00d9e8;
  border-bottom: 0;
  border-left: 1px solid #f532c9;
  border-radius: 0;
}

body.section-search #page-body:not(:has(> .search.post)) > .panel {
  margin-top: 0;
  margin-bottom: 14px;
  background: linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%);
  border-top: 0;
  border-right: 1px solid #00d9e8;
  border-bottom: 1px solid #7b35df;
  border-left: 1px solid #f532c9;
  border-radius: 0 0 10px 10px;
}

/* =========================================================
   PEPTIDE HANGOUT — SIGNED-IN NAVIGATION
   Give administrative, account and communication actions a
   clear visual hierarchy without changing the guest menu.
   ========================================================= */

html body#phpbb:has(#username_logged_in) #nav-main {
  gap: 7px;
  padding: 9px 12px;
}

html body#phpbb:has(#username_logged_in) #nav-main > li[data-last-responsive="true"] > a[href*="/adm/"],
html body#phpbb:has(#username_logged_in) #nav-main > li[data-last-responsive="true"] > a[href*="mcp.php"] {
  background: linear-gradient(135deg, #171533 0%, #28176e 100%);
  border-color: rgba(245, 50, 201, 0.78);
}

html body#phpbb:has(#username_logged_in) #nav-main > li[data-last-responsive="true"] > a[href*="/adm/"]:hover,
html body#phpbb:has(#username_logged_in) #nav-main > li[data-last-responsive="true"] > a[href*="mcp.php"]:hover {
  background: linear-gradient(90deg, #8a2fd0 0%, #006baf 100%);
  border-color: #ffffff;
}

html body#phpbb #username_logged_in,
html body#phpbb #username_logged_in.rightside {
  margin-left: 8px;
}

html body#phpbb #username_logged_in .header-profile > a.header-avatar {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 7px 13px;
  box-sizing: border-box;
  color: #ffffff !important;
  font-family: "Comfortaa", Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background:
    linear-gradient(90deg, #8a2fd0 0%, #006baf 100%) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-radius: 7px;
}

html body#phpbb #username_logged_in .header-profile > a.header-avatar::before {
  content: "\f007";
  color: #ffffff;
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: normal;
}

html body#phpbb #username_logged_in .header-profile > a.header-avatar:hover {
  background:
    linear-gradient(90deg, #f532c9 0%, #006baf 100%) padding-box,
    linear-gradient(90deg, #ffffff 0%, #7b35df 50%, #00d9e8 100%) border-box;
}

html body#phpbb #username_logged_in .username-coloured {
  color: #ffffff !important;
}

html body#phpbb:has(#username_logged_in) #nav-main > li > a[href*="folder=inbox"] .icon,
html body#phpbb:has(#username_logged_in) #notification_list_button .icon {
  color: #29d9ee;
}

html body#phpbb:has(#username_logged_in) #nav-main .dropdown-contents,
html body#phpbb:has(#username_logged_in) #notification_list .dropdown-contents {
  color: #d8e8ff;
  font-family: "Comfortaa", Arial, sans-serif;
  background: linear-gradient(145deg, #111a35 0%, #15112f 58%, #0b2638 100%);
  border: 1px solid #00b8d4;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
}

html body#phpbb:has(#username_logged_in) #nav-main .dropdown-contents a,
html body#phpbb:has(#username_logged_in) #notification_list .dropdown-contents a {
  color: #d8e8ff !important;
}

html body#phpbb:has(#username_logged_in) #nav-main .dropdown-contents a:hover,
html body#phpbb:has(#username_logged_in) #notification_list .dropdown-contents a:hover {
  color: #29d9ee !important;
  background: rgba(48, 23, 133, 0.52);
}

/* Put the two session timestamps on one restrained desktop line, then keep
   “Mark forums read” directly beneath them as a clear teal action. */
@media (min-width: 701px) {
  html body#phpbb:has(#username_logged_in) #page-body > p.time {
    float: right !important;
    clear: none !important;
    width: auto !important;
    margin: 7px 25px 3px 0 !important;
    padding: 0 !important;
    color: #d8e8ff !important;
  }

  html body#phpbb:has(#username_logged_in) #page-body > p.time.rightside {
    margin-left: 18px !important;
    color: #8fa8ca !important;
  }

  html body#phpbb:has(#username_logged_in) #page-body > .action-bar.compact {
    clear: both;
    width: calc(100% - 50px);
    min-height: 20px;
    margin: 0 auto 4px;
    padding: 0;
    box-sizing: border-box;
  }
}

/* Seamless site background, displayed at 50% of the source artwork size. */
html body#phpbb {
  background-color: #01010e !important;
  background-image: url("./images/peptidehangout-dark-stripes.png?v=1") !important;
  background-repeat: repeat !important;
  background-position: top left !important;
  background-size: 627px 627px !important;
}

/* A code-native version of the supplied stripe pattern eliminates tile seams. */
html,
html body#phpbb {
  background-color: #030817 !important;
  background-image: repeating-linear-gradient(
    135deg,
    rgba(46, 59, 91, 0.58) 0,
    rgba(46, 59, 91, 0.58) 1px,
    transparent 1px,
    transparent 17px
  ) !important;
  background-repeat: repeat !important;
  background-position: 0 0 !important;
  background-size: auto !important;
  background-attachment: fixed !important;
}

/* Final shell glow. */
html body#phpbb > .ph-top-bar {
  box-shadow:
    -18px 0 34px -20px rgba(0, 217, 232, 0.9),
    18px 0 34px -20px rgba(245, 50, 201, 0.72),
    0 -10px 24px -4px rgba(0, 217, 232, 0.58),
    0 -18px 42px -7px rgba(123, 53, 223, 0.92) !important;
}

html body#phpbb > .ph-purple-bar {
  box-shadow:
    -18px 0 34px -20px rgba(0, 217, 232, 0.9),
    18px 0 34px -20px rgba(245, 50, 201, 0.72) !important;
}

html body#phpbb > #wrap.wrap {
  border-radius: 0 0 14px 14px;
  box-shadow:
    -18px 0 34px -20px rgba(0, 217, 232, 0.9),
    18px 0 34px -20px rgba(245, 50, 201, 0.72),
    0 28px 48px -20px rgba(123, 53, 223, 0.72),
    0 34px 64px -24px rgba(0, 0, 0, 0.9) !important;
}

@media (max-width: 700px) {
  html body#phpbb > .ph-top-bar {
    box-shadow:
      -10px 0 22px -14px rgba(0, 217, 232, 0.72),
      10px 0 22px -14px rgba(245, 50, 201, 0.58),
      0 -10px 24px -8px rgba(123, 53, 223, 0.82) !important;
  }

  html body#phpbb > .ph-purple-bar {
    box-shadow:
      -10px 0 22px -14px rgba(0, 217, 232, 0.72),
      10px 0 22px -14px rgba(245, 50, 201, 0.58) !important;
  }

  html body#phpbb > #wrap.wrap {
    box-shadow:
      -10px 0 22px -14px rgba(0, 217, 232, 0.72),
      10px 0 22px -14px rgba(245, 50, 201, 0.58),
      0 20px 36px -18px rgba(123, 53, 223, 0.6) !important;
  }
}

/* Continuous neon lift from the welcome bar through the footer. */
html body#phpbb > .ph-top-bar {
  box-shadow:
    -18px 0 34px -20px rgba(0, 217, 232, 0.9),
    18px 0 34px -20px rgba(245, 50, 201, 0.72),
    0 -16px 34px -20px rgba(123, 53, 223, 0.82);
}

html body#phpbb > .ph-purple-bar {
  box-shadow:
    -18px 0 34px -20px rgba(0, 217, 232, 0.9),
    18px 0 34px -20px rgba(245, 50, 201, 0.72);
}

html body#phpbb > #wrap.wrap {
  border-radius: 0 0 14px 14px;
  box-shadow:
    -18px 0 34px -20px rgba(0, 217, 232, 0.9),
    18px 0 34px -20px rgba(245, 50, 201, 0.72),
    0 28px 48px -20px rgba(123, 53, 223, 0.72),
    0 34px 64px -24px rgba(0, 0, 0, 0.9) !important;
}

@media (max-width: 700px) {
  html body#phpbb > .ph-top-bar,
  html body#phpbb > .ph-purple-bar,
  html body#phpbb > #wrap.wrap {
    box-shadow:
      -10px 0 22px -14px rgba(0, 217, 232, 0.72),
      10px 0 22px -14px rgba(245, 50, 201, 0.58) !important;
  }

  html body#phpbb > #wrap.wrap {
    box-shadow:
      -10px 0 22px -14px rgba(0, 217, 232, 0.72),
      10px 0 22px -14px rgba(245, 50, 201, 0.58),
      0 20px 36px -18px rgba(123, 53, 223, 0.6) !important;
  }
}

/* Member directory finishing details */
html body#phpbb.section-memberlist #page-body .member-search > a:first-child {
  margin: 0 0 10px;
}

html body#phpbb.section-memberlist #page-body .member-search strong {
  display: flex;
  width: 100%;
}

html body#phpbb.section-memberlist #page-body > form > .forumbg-table {
  padding: 0;
  background:
    linear-gradient(#111a35, #111a35) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent !important;
  box-shadow:
    inset 1px 0 #f532c9,
    inset -1px 0 #00d9e8;
}

html body#phpbb.section-memberlist #page-body table.memberlist thead,
html body#phpbb.section-memberlist #page-body table.memberlist thead tr {
  background: linear-gradient(90deg, #123e78 0%, #301785 52%, #00a8bc 100%);
}

html body#phpbb.section-memberlist #page-body table.memberlist thead th {
  background: transparent !important;
}

html body#phpbb.section-memberlist #page-body table.memberlist tbody td.posts {
  color: #5b21b6 !important;
  font-weight: 700;
}

html body#phpbb.section-memberlist #page-body table.memberlist th.info,
html body#phpbb.section-memberlist #page-body table.memberlist td.info {
  display: none;
}

/* Title case is the Peptide Hangout standard for visible headings and controls. */
html body#phpbb h1,
html body#phpbb h2,
html body#phpbb h3,
html body#phpbb h4,
html body#phpbb h5,
html body#phpbb table thead th,
html body#phpbb .button,
html body#phpbb button,
html body#phpbb input.button1,
html body#phpbb input.button2,
html body#phpbb .dropdown-select,
html body#phpbb #nav-main > li > a,
html body#phpbb .ph-nav-button {
  text-transform: capitalize !important;
}

/* Member directory: Username, Rank, Latest Post, and activity columns. */
html body#phpbb.section-memberlist #page-body table.memberlist {
  table-layout: fixed;
}

html body#phpbb.section-memberlist #page-body table.memberlist th.name,
html body#phpbb.section-memberlist #page-body table.memberlist tbody td:first-child {
  width: 18%;
}

html body#phpbb.section-memberlist #page-body table.memberlist th.rank,
html body#phpbb.section-memberlist #page-body table.memberlist td.rank {
  width: 12%;
}

html body#phpbb.section-memberlist #page-body table.memberlist th.ph-latest-post,
html body#phpbb.section-memberlist #page-body table.memberlist td.ph-latest-post {
  width: 31%;
}

html body#phpbb.section-memberlist #page-body table.memberlist th.posts,
html body#phpbb.section-memberlist #page-body table.memberlist td.posts {
  width: 7%;
  text-align: center;
}

html body#phpbb.section-memberlist #page-body table.memberlist th.joined {
  width: 16%;
}

html body#phpbb.section-memberlist #page-body table.memberlist th.active {
  width: 16%;
}

html body#phpbb.section-memberlist #page-body table.memberlist td.rank {
  color: #301785;
  font-weight: 700;
}

html body#phpbb.section-memberlist #page-body table.memberlist td.ph-latest-post a {
  color: #006baf !important;
  font-weight: 700;
}

html body#phpbb.section-memberlist #page-body table.memberlist td.ph-latest-post a:hover {
  color: #f532c9 !important;
}

html body#phpbb.section-memberlist #page-body table.memberlist .ph-latest-post-time {
  display: block;
  margin-top: 3px;
  color: #5b21b6;
  font-size: 10px;
  font-weight: 600;
}

html body#phpbb.section-memberlist #page-body table.memberlist .ph-no-posts {
  color: #5f6f8f;
  font-size: 11px;
}

/* Team directory cards and tables. */
html body#phpbb.section-memberlist #page-body > form > .forumbg-table {
  margin-bottom: 12px;
}

html body#phpbb.section-memberlist #page-body table#team,
html body#phpbb.section-memberlist #page-body table#team ~ table,
html body#phpbb.section-memberlist #page-body form table.table1 {
  width: 100%;
  margin: 0;
  color: #20375d;
  font-family: "Comfortaa", Arial, sans-serif;
  border-collapse: separate;
  border-spacing: 0;
}

html body#phpbb.section-memberlist #page-body form table.table1 thead,
html body#phpbb.section-memberlist #page-body form table.table1 thead tr {
  background: linear-gradient(90deg, #123e78 0%, #301785 52%, #00a8bc 100%);
}

html body#phpbb.section-memberlist #page-body form table.table1 thead th {
  padding: 12px 12px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
  background: transparent !important;
  border-bottom: 1px solid rgba(0, 217, 232, 0.55);
}

html body#phpbb.section-memberlist #page-body form table.table1 tbody tr.bg1,
html body#phpbb.section-memberlist #page-body form table.table1 tbody tr.bg2 {
  background: #f7fbff;
}

html body#phpbb.section-memberlist #page-body form table.table1 tbody tr:nth-child(even) {
  background: #eef8fc;
}

html body#phpbb.section-memberlist #page-body form table.table1 tbody tr:hover {
  background: #e5f7ff;
}

html body#phpbb.section-memberlist #page-body form table.table1 tbody td {
  padding: 13px 12px;
  color: #20375d;
  font-size: 12px;
  line-height: 1.45;
  background: transparent;
  border-bottom: 1px solid rgba(0, 107, 175, 0.2);
}

html body#phpbb.section-memberlist #page-body form table#team tbody td:first-child .rank-img {
  display: inline-flex;
  float: none;
  margin: 0 10px 0 0;
  color: #301785;
  font-size: 10px;
  font-weight: 700;
}

html body#phpbb.section-memberlist #page-body form table#team .username-coloured {
  color: #f532c9 !important;
  font-weight: 700;
}

html body#phpbb.section-memberlist #page-body form table#team td.info a {
  color: #5b21b6 !important;
}

html body#phpbb.section-memberlist #page-body form table#team select {
  min-height: 36px;
  padding: 7px 34px 7px 10px;
  color: #d8e8ff;
  font-family: "Comfortaa", Arial, sans-serif;
  background: #080c1c;
  border: 1px solid #00d9e8;
  border-radius: 7px;
}

html body#phpbb.section-memberlist #page-body form table#team select option {
  color: #d8e8ff;
  background: #111a35;
}

/* The Jump To menu follows the same dark, neon-accented visual language. */
html body#phpbb .jumpbox .dropdown {
  padding: 1px;
  overflow: hidden;
  background:
    linear-gradient(#111a35, #111a35) padding-box,
    linear-gradient(180deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-radius: 9px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.42);
}

html body#phpbb .jumpbox .dropdown .pointer,
html body#phpbb .jumpbox .dropdown .pointer-inner {
  border-bottom-color: #7b35df;
  border-top-color: #7b35df;
}

html body#phpbb .jumpbox .dropdown-contents {
  color: #d8e8ff;
  background: #111a35;
}

html body#phpbb .jumpbox .dropdown-contents li {
  border-color: rgba(0, 217, 232, 0.16);
}

html body#phpbb .jumpbox .dropdown-contents a.jumpbox-cat-link {
  color: #ffffff !important;
  font-weight: 700;
  background: linear-gradient(90deg, #301785 0%, #006baf 100%);
}

html body#phpbb .jumpbox .dropdown-contents a.jumpbox-sub-link {
  color: #29d9ee !important;
  background: #111a35;
}

html body#phpbb .jumpbox .dropdown-contents a:hover {
  color: #ffffff !important;
  background: linear-gradient(90deg, #8a2fd0 0%, #006baf 100%) !important;
}

@media (max-width: 700px) {
  html body#phpbb.section-memberlist #page-body table.memberlist {
    table-layout: auto;
  }

  html body#phpbb.section-memberlist #page-body table.memberlist th.name,
  html body#phpbb.section-memberlist #page-body table.memberlist tbody td:first-child,
  html body#phpbb.section-memberlist #page-body table.memberlist th.rank,
  html body#phpbb.section-memberlist #page-body table.memberlist td.rank,
  html body#phpbb.section-memberlist #page-body table.memberlist th.ph-latest-post,
  html body#phpbb.section-memberlist #page-body table.memberlist td.ph-latest-post,
  html body#phpbb.section-memberlist #page-body table.memberlist th.posts,
  html body#phpbb.section-memberlist #page-body table.memberlist td.posts,
  html body#phpbb.section-memberlist #page-body table.memberlist th.joined,
  html body#phpbb.section-memberlist #page-body table.memberlist th.active {
    width: auto;
  }
}

html body#phpbb:has(#username_logged_in) #page-body > .action-bar.compact a {
  color: #29d9ee !important;
  font-family: "Comfortaa", Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

html body#phpbb:has(#username_logged_in) #page-body > .action-bar.compact a:hover {
  color: #f532c9 !important;
}

@media (max-width: 700px) {
  html body#phpbb:has(#username_logged_in) #nav-main {
    gap: 5px !important;
    padding: 7px 5px !important;
  }

  html body#phpbb #username_logged_in,
  html body#phpbb #username_logged_in.rightside {
    margin-left: 0 !important;
  }

  html body#phpbb #username_logged_in .header-profile > a.header-avatar {
    min-height: 32px;
    padding: 7px 9px;
  }

  html body#phpbb:has(#username_logged_in) #nav-main > li > a[href*="folder=inbox"] span,
  html body#phpbb:has(#username_logged_in) #notification_list_button span {
    display: none;
  }

  html body#phpbb:has(#username_logged_in) #page-body > p.time {
    width: calc(100% - 16px) !important;
    margin: 0 auto 2px !important;
    text-align: right !important;
  }

  html body#phpbb:has(#username_logged_in) #page-body > .action-bar.compact {
    width: calc(100% - 16px);
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 700px) {
  body.section-ucp #page-body > form,
  body.section-memberlist #page-body > form,
  body.section-search #page-body > form,
  body[class*="section-app/user/forgot_password"] #page-body > form,
  body[class*="section-app/help/faq"] #page-body > form,
  body.section-ucp #page-body > h2,
  body.section-memberlist #page-body > h2,
  body.section-search #page-body > h2,
  body[class*="section-app/user/forgot_password"] #page-body > h2,
  body[class*="section-app/help/faq"] #page-body > h2,
  body[class*="section-app/help/faq"] #page-body > .faq-title,
  body.section-ucp #page-body .panel,
  body.section-memberlist #page-body .panel,
  body.section-search #page-body .panel,
  body[class*="section-app/user/forgot_password"] #page-body .panel,
  body[class*="section-app/help/faq"] #page-body .panel,
  body[class*="section-app/help/faq"] #page-body > .action-bar,
  body.section-memberlist #page-body .forumbg,
  body.section-memberlist #page-body .table1,
  body.section-search #page-body .forumbg,
  body.section-search #page-body .table1 {
    width: calc(100% - 16px);
  }

  body.section-search #page-body > .searchresults-title,
  body.section-search #page-body > p,
  body.section-search #page-body > .action-bar,
  body.section-search #page-body > .search.post {
    width: calc(100% - 16px);
  }

  body.section-ucp #page-body form > .panel,
  body.section-memberlist #page-body form > .panel,
  body.section-search #page-body form > .panel,
  body[class*="section-app/user/forgot_password"] #page-body form > .panel,
  body[class*="section-app/help/faq"] #page-body form > .panel {
    width: 100%;
  }

  body.section-ucp #page-body .panel > .inner,
  body.section-memberlist #page-body .panel > .inner,
  body.section-search #page-body .panel > .inner,
  body[class*="section-app/user/forgot_password"] #page-body .panel > .inner,
  body[class*="section-app/help/faq"] #page-body .panel > .inner {
    padding: 15px 14px;
  }

  body.section-ucp #page-body .panel h2,
  body.section-ucp #page-body .panel h3,
  body.section-memberlist #page-body .panel h2,
  body.section-memberlist #page-body .panel h3,
  body.section-search #page-body .panel h2,
  body.section-search #page-body .panel h3,
  body[class*="section-app/user/forgot_password"] #page-body .panel h2,
  body[class*="section-app/user/forgot_password"] #page-body .panel h3,
  body[class*="section-app/help/faq"] #page-body .panel h2,
  body[class*="section-app/help/faq"] #page-body .panel h3 {
    margin: -15px -14px 15px;
    padding: 11px 14px;
    font-size: 16px;
  }

  body[class*="section-app/help/faq"] #faqlinks .column1,
  body[class*="section-app/help/faq"] #faqlinks .column2 {
    float: none;
    width: 100%;
  }

  body.section-ucp #page-body fieldset.fields1 dl,
  body.section-memberlist #page-body fieldset.fields1 dl,
  body.section-memberlist #page-body fieldset.fields2 dl,
  body.section-search #page-body fieldset.fields1 dl,
  body.section-search #page-body fieldset dl,
  body[class*="section-app/user/forgot_password"] #page-body fieldset dl {
    display: block;
  }

  body.section-ucp #page-body fieldset.fields1 dt,
  body.section-memberlist #page-body fieldset.fields1 dt,
  body.section-memberlist #page-body fieldset.fields2 dt,
  body.section-search #page-body fieldset.fields1 dt,
  body.section-search #page-body fieldset dt,
  body[class*="section-app/user/forgot_password"] #page-body fieldset dt,
  body.section-ucp #page-body fieldset.fields1 dd,
  body.section-memberlist #page-body fieldset.fields1 dd,
  body.section-memberlist #page-body fieldset.fields2 dd,
  body.section-search #page-body fieldset.fields1 dd,
  body.section-search #page-body fieldset dd,
  body[class*="section-app/user/forgot_password"] #page-body fieldset dd {
    width: 100%;
    margin: 0 0 8px;
    text-align: left;
  }

  body.section-ucp #page-body .inputbox,
  body.section-memberlist #page-body .inputbox,
  body.section-search #page-body .inputbox,
  body[class*="section-app/user/forgot_password"] #page-body .inputbox {
    max-width: 100%;
  }

  body.section-memberlist #page-body fieldset.fields2,
  body.section-memberlist #page-body fieldset.fields2 dl,
  body.section-memberlist #page-body fieldset.fields2 dt,
  body.section-memberlist #page-body fieldset.fields2 dd {
    max-width: 100%;
    box-sizing: border-box;
  }

  body.section-memberlist #page-body fieldset.fields2 .inputbox {
    width: 100% !important;
  }

  body.section-search #page-body > .action-bar.bar-top,
  body.section-search #page-body > .action-bar.bottom,
  body.section-search #page-body > .action-bar.actions-jump {
    gap: 8px;
    flex-wrap: wrap;
  }

  body.section-search #page-body > .search.post .postprofile,
  body.section-search #page-body > .search.post .postbody {
    float: none;
    width: 100%;
  }

  body.section-search #page-body > .search.post .postprofile {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(0, 217, 232, 0.5);
  }

  body.section-search #page-body > .search.post .postbody {
    padding-bottom: 42px;
  }
}


/* Inset gradient frame for the main navigation bar */
.navbar:has(#nav-main) {
	background: transparent !important;
	padding: 0 25px;
}
.navbar:has(#nav-main) .inner {
	padding: 1px;
	background: linear-gradient(90deg, #f532c9 0%, #9d4dff 48%, #00cfe8 100%);
	border-radius: 8px;
}
#nav-main {
	background: #301785;
	border-radius: 7px;
	padding: 8px;
	box-sizing: border-box;
}
@media (max-width: 700px) {
	.navbar:has(#nav-main) { padding: 0 12px; }
}


/* Reliable gradient border on the inset navigation bar */
#nav-main {
	border: 1px solid transparent;
	background: linear-gradient(#301785, #301785) padding-box,
		linear-gradient(90deg, #f532c9 0%, #9d4dff 48%, #00cfe8 100%) border-box;
}


/* Keep the logo locked independently of page layout */
.ph-header-logo-overlay {
	position: fixed !important;
	top: 0 !important;
	left: calc(7.5% + 30px) !important;
	right: auto !important;
	bottom: auto !important;
	transform: none !important;
	transition: none !important;
	z-index: 2147483647 !important;
}

/* Extend the main container cleanly to the hero image */
#page-body {
	margin-top: -24px !important;
	padding-top: 24px;
}


/* Exact hero-to-container join */
#page-body {
	margin-top: -42px !important;
	padding-top: 42px;
}


/* Final flush alignment */
#page-body { margin-top: -60px !important; padding-top: 60px; }


/* Visually flush the main container under the hero */
#page-body {
	transform: translateY(-18px);
	margin-bottom: -18px;
	padding-top: 78px;
}


/* Let the logo scroll naturally with the page while preserving its placement */
.ph-header-logo-overlay {
	position: absolute !important;
	top: 0 !important;
	left: calc(7.5% + 30px) !important;
}


/* Normal flow: main container begins exactly after the hero */
#page-header {
	position: relative;
}
#page-header .navbar:has(#nav-main) {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
	z-index: 20;
}
#page-body {
	margin-top: 0 !important;
	margin-bottom: 0;
	transform: none !important;
	padding-top: 78px;
}


/* Reserve normal document flow for the hero's visible height */
#page-header {
	margin-bottom: 66px;
}


/* Flow spacer matching the hero's visual offset */
#page-header::after {
	content: "";
	display: block;
	height: 66px;
	clear: both;
}


/* Paint the normal-flow hero spacer as the main container for a seamless visual join */
#page-header::after {
	background: #0a0e1f;
}


/* Fine-tune the scrolling logo placement */
.ph-header-logo-overlay {
	top: -6px !important;
}


/* Home replaces the separate breadcrumb presentation */
#nav-breadcrumbs {
	display: none !important;
}
.ph-header-logo-overlay {
	top: -11px !important;
}
/* PH header restoration */
.ph-top-bar{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:85%;min-height:26px;margin:10px auto 0;padding:4px 16px;background:#0a0e1f;border-radius:14px 14px 0 0;color:#fff;font-family:Comfortaa,sans-serif;font-size:12px;line-height:1.2;position:relative;z-index:20;}
.ph-purple-bar{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:85%;min-height:40px;margin:0 auto;padding:4px 16px;background:#301785;color:#fff;position:relative;z-index:19;}
#nav-breadcrumbs{display:none!important;}
/* PH responsive polish */
@media (min-width:1025px){.ph-header-logo-overlay{top:-21px!important;}#page-header .navbar:has(#nav-main){bottom:-5px!important;}}
@media (max-width:1024px) and (min-width:601px){.ph-header-logo-overlay{width:150px!important;height:150px!important;top:-10px!important;left:calc(7.5% + 12px)!important;}#search{left:auto!important;right:12px!important;top:50px!important;width:156px!important;}#keywords{width:120px!important;}}
@media (max-width:600px){.ph-header-logo-overlay{width:110px!important;height:110px!important;top:-4px!important;left:calc(7.5% + 8px)!important;}.ph-purple-bar{min-height:72px!important;align-items:flex-start!important;padding:6px 8px 38px!important;}#search{left:auto!important;right:8px!important;top:76px!important;width:128px!important;}#keywords{width:92px!important;}}
/* PH responsive search correction */
@media (max-width:1024px) and (min-width:601px){#search{top:-34px!important;}}
@media (max-width:600px){#search{top:-40px!important;}}
/* PH phone header correction */
@media (max-width:600px){.ph-header-logo-overlay{top:26px!important;}.ph-purple-bar{justify-content:flex-end!important;padding-left:112px!important;padding-right:8px!important;font-size:9px!important;}.search-box.search-header{display:block!important;}}
@media (max-width:1024px) and (min-width:601px){.ph-header-logo-overlay{width:120px!important;height:120px!important;}}
/* PH landscape tablet logo */
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.ph-header-logo-overlay{width:96px!important;height:96px!important;top:-6px!important;}}
/* PH final tablet orientation logo */
@media (min-width:601px) and (max-width:767px) and (orientation:portrait){.ph-header-logo-overlay{top:-18px!important;}}
@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.ph-header-logo-overlay{top:-18px!important;}}
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.ph-header-logo-overlay{width:72px!important;height:72px!important;top:-21px!important;}}
/* PH touch iPad landscape final */
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (min-width:768px) and (max-width:1366px){html body#phpbb .ph-header-logo-overlay{width:72px!important;height:72px!important;top:-21px!important;left:calc(7.5% + 12px)!important;z-index:2147483647!important;}}
/* PH responsive desktop logo */
@media (min-width:1025px) and (max-width:1280px){html body#phpbb .ph-header-logo-overlay{width:150px!important;height:150px!important;top:-14px!important;left:calc(7.5% + 18px)!important;}}
/* PH unified responsive composition */
html,
body#phpbb {
  min-width: 0 !important;
}
html body#phpbb #wrap,
html body#phpbb #page-header,
html body#phpbb #page-body,
html body#phpbb #page-header .headerbar,
html body#phpbb #page-header .navbar {
  min-width: 0 !important;
  box-sizing: border-box;
}

/* Desktop uses one stable design-width shell. Browser zoom then scales every
   component uniformly instead of allowing the percentage shell to grow. */
@media (min-width: 1025px) {
  html body#phpbb #wrap,
  html body#phpbb .ph-top-bar,
  html body#phpbb .ph-purple-bar {
    width: 85% !important;
    max-width: 1300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body#phpbb .ph-top-bar { margin-top: 10px !important; }
  html body#phpbb .ph-purple-bar { margin-top: 0 !important; }
  html body#phpbb .ph-header-logo-overlay {
    left: calc((100% - min(85%, 1300px)) / 2 + 30px) !important;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  html body#phpbb .ph-header-logo-overlay {
    left: calc((100% - min(85%, 1300px)) / 2 + 18px) !important;
  }
}

/* Tablet and narrow desktop windows use the viewport rather than retaining
   the desktop-width shell. */
@media (max-width: 1024px) {
  html body#phpbb #wrap,
  html body#phpbb .ph-top-bar,
  html body#phpbb .ph-purple-bar {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html body#phpbb .ph-header-logo-overlay {
    left: clamp(12px, 2.5vw, 24px) !important;
  }
  html body#phpbb .search-box.search-header {
    display: block !important;
  }
  html body#phpbb #search {
    right: clamp(8px, 2vw, 16px) !important;
    max-width: calc(100vw - 24px) !important;
  }
  html body#phpbb #nav-main {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
  }
  html body#phpbb #nav-main > li,
  html body#phpbb #nav-main > li.rightside {
    float: none !important;
    margin: 0 !important;
  }
}

/* Phone-width cleanup: phpBB's stock negative margins were the source of the
   horizontal scrollbar and clipped forum/navigation panels. */
@media (max-width: 700px) {
  html body#phpbb .forabg,
  html body#phpbb .forumbg,
  html body#phpbb #page-header .navbar {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html body#phpbb #page-header .navbar:has(#nav-main) {
    left: 0 !important;
    right: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  html body#phpbb #nav-main {
    padding: 7px 5px !important;
    gap: 5px !important;
  }
  html body#phpbb #nav-main > li > a {
    padding: 7px 8px !important;
  }
}

/* Preserve the approved tablet orientation treatments. */
@media (min-width: 601px) and (max-width: 767px) and (orientation: portrait) {
  html body#phpbb .ph-header-logo-overlay { top: -18px !important; }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  html body#phpbb .ph-header-logo-overlay { top: -18px !important; }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  html body#phpbb .ph-header-logo-overlay {
    width: 72px !important;
    height: 72px !important;
    top: -29px !important;
  }
}
@media (hover: none) and (pointer: coarse) and (orientation: landscape) and (min-width: 768px) and (max-width: 1366px) {
  html body#phpbb .ph-header-logo-overlay {
    width: 72px !important;
    height: 72px !important;
    top: -29px !important;
    left: clamp(12px, 2.5vw, 24px) !important;
    z-index: 2147483647 !important;
  }
}

/* PH mobile panel overflow correction */
@media (max-width: 700px) {
  html body#phpbb .forabg,
  html body#phpbb .forumbg {
    width: auto !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 700px) {
  html body#phpbb .navbar {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* PH mouse-desktop intermediate-width logo correction */
@media (hover: hover) and (pointer: fine) and (min-width: 701px) and (max-width: 1024px) {
  html body#phpbb .ph-header-logo-overlay {
    width: 120px !important;
    height: 120px !important;
    top: -10px !important;
    left: clamp(18px, 2.5vw, 24px) !important;
  }
}

/* PH final intermediate desktop and iPad landscape alignment */
@media (orientation: landscape) and (min-width: 768px) and (max-width: 1024px) {
  html body#phpbb .ph-header-logo-overlay {
    width: 110px !important;
    height: 110px !important;
    top: -10px !important;
    left: clamp(18px, 2.5vw, 24px) !important;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 701px) and (max-width: 1024px) {
  html body#phpbb .ph-header-logo-overlay {
    width: 120px !important;
    height: 120px !important;
    top: -10px !important;
    left: clamp(18px, 2.5vw, 24px) !important;
  }
}
@media (hover: none) and (pointer: coarse) and (orientation: landscape) and (min-width: 1025px) and (max-width: 1366px) {
  html body#phpbb .ph-header-logo-overlay {
    width: 120px !important;
    height: 120px !important;
    top: -10px !important;
    left: calc((100% - min(85%, 1300px)) / 2 + 30px) !important;
  }
}

/* PH fluid mouse-desktop resize composition */
@media (hover: hover) and (pointer: fine) {
  html body#phpbb #wrap,
  html body#phpbb .ph-top-bar,
  html body#phpbb .ph-purple-bar {
    width: min(1300px, calc(100% - 32px)) !important;
    max-width: 1300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body#phpbb .ph-header-logo-overlay {
    width: clamp(68px, 14vw, 195px) !important;
    height: clamp(68px, 14vw, 195px) !important;
    top: clamp(-21px, calc(26px - 3vw), 12px) !important;
    left: calc(max(16px, (100% - 1300px) / 2) + clamp(12px, 2vw, 30px)) !important;
  }
  html body#phpbb #search {
    width: clamp(112px, 18vw, 186px) !important;
    max-width: calc(100vw - 32px) !important;
  }
  html body#phpbb #search #keywords {
    width: calc(100% - 34px) !important;
    box-sizing: border-box;
  }
  html body#phpbb .ph-top-bar,
  html body#phpbb .ph-purple-bar {
    font-size: clamp(9px, 1vw, 12px) !important;
  }
}

/* PH compact mouse-window composition
   Keep the desktop visual hierarchy when Chrome is narrowed below 700px.
   Touch tablet and phone layouts remain controlled by their existing rules. */
@media (hover: hover) and (pointer: fine) and (max-width: 700px) {
  html body#phpbb .ph-header-logo-overlay {
    width: clamp(86px, 18vw, 105px) !important;
    height: clamp(86px, 18vw, 105px) !important;
    top: clamp(22px, 6vw, 32px) !important;
  }

  html body#phpbb #page-header {
    margin-bottom: 0 !important;
  }
  html body#phpbb #page-header::after {
    display: none !important;
    height: 0 !important;
    background: none !important;
  }
  html body#phpbb #page-header .navbar:has(#nav-main) {
    position: relative !important;
    inset: auto !important;
    margin-top: 0 !important;
  }
  html body#phpbb #page-body {
    padding-top: 8px !important;
  }

  html body#phpbb #nav-main {
    flex-wrap: nowrap !important;
    gap: 4px !important;
    padding: 6px !important;
  }
  html body#phpbb #nav-main > li > a {
    padding: 5px 7px !important;
    font-size: 11px !important;
  }
  html body#phpbb #quick-links > a > span {
    display: inline !important;
  }
}

/* PH forum category frame
   Match the main navigation's inset width and gradient border. */
html body#phpbb .forabg {
  width: calc(100% - 50px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background:
    linear-gradient(#0a0e1f, #0a0e1f) padding-box,
    linear-gradient(90deg, #f532c9 0%, #9d4dff 48%, #00cfe8 100%) border-box !important;
  overflow: hidden;
}

@media (max-width: 700px) {
  html body#phpbb .forabg {
    width: calc(100% - 16px) !important;
  }
}

/* PH branded forum category presentation */
html body#phpbb .forabg,
html body#phpbb .forabg a,
html body#phpbb .forabg dt,
html body#phpbb .forabg dd {
  font-family: "Comfortaa", Arial, sans-serif !important;
}

html body#phpbb .forabg .header {
  padding: 8px 10px !important;
  background:
    linear-gradient(100deg, #08275c 0%, #301785 43%, #7b2fd0 66%, #00a8c6 100%) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.02em;
  text-transform: none;
}
html body#phpbb .forabg .header a,
html body#phpbb .forabg .header dt,
html body#phpbb .forabg .header dd {
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body#phpbb .forabg li.row {
  background: linear-gradient(100deg, #ffffff 0%, #f7f9ff 66%, #eefcff 100%) !important;
}
html body#phpbb .forabg dl.row-item[class*="forum_"] {
  position: relative;
  min-height: 76px;
  margin: 0 !important;
  background-image: none !important;
}
html body#phpbb .forabg dl.row-item[class*="forum_"]::before {
  content: "•••";
  position: absolute;
  left: 16px;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  transform: translateY(-50%);
  border: 2px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  background: linear-gradient(135deg, #08275c 0%, #6f2bd0 50%, #00cfe8 100%);
  box-shadow:
    0 0 0 2px rgba(0, 207, 232, 0.45),
    0 6px 15px rgba(48, 23, 133, 0.28);
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1px;
}
html body#phpbb .forabg dl.row-item[class*="forum_"]::after {
  content: "";
  position: absolute;
  left: 19px;
  top: calc(50% + 12px);
  z-index: 1;
  width: 13px;
  height: 13px;
  transform: rotate(45deg);
  border-right: 2px solid rgba(255, 255, 255, 0.85);
  border-bottom: 2px solid rgba(255, 255, 255, 0.85);
  background: #4430bb;
  box-shadow: 2px 2px 0 rgba(0, 207, 232, 0.35);
}
html body#phpbb .forabg dl.row-item[class*="forum_"] .list-inner {
  min-height: 76px;
  padding: 15px 10px 12px 80px !important;
  box-sizing: border-box;
  color: #40516d;
  font-size: 13px !important;
  line-height: 1.45 !important;
}
html body#phpbb .forabg .forumtitle {
  color: #102b5c !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}
html body#phpbb .forabg .forumtitle:hover {
  color: #8a2fd0 !important;
}
html body#phpbb .forabg dd {
  color: #20375d !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}
html body#phpbb .forabg .lastsubject {
  color: #006baf !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
html body#phpbb .forabg a.username-coloured {
  color: #f532c9 !important;
  font-weight: 700 !important;
}

@media (max-width: 700px) {
  html body#phpbb .forabg .header,
  html body#phpbb .forabg .header a,
  html body#phpbb .forabg .header dt,
  html body#phpbb .forabg .header dd {
    font-size: 11px !important;
  }
  html body#phpbb .forabg dl.row-item[class*="forum_"] {
    min-height: 70px;
  }
  html body#phpbb .forabg dl.row-item[class*="forum_"]::before {
    left: 14px;
    width: 42px;
    height: 42px;
    font-size: 15px;
  }
  html body#phpbb .forabg dl.row-item[class*="forum_"]::after {
    left: 17px;
    top: calc(50% + 10px);
    width: 11px;
    height: 11px;
  }
  html body#phpbb .forabg dl.row-item[class*="forum_"] .list-inner {
    min-height: 70px;
    padding: 13px 8px 11px 68px !important;
    font-size: 12px !important;
  }
  html body#phpbb .forabg .forumtitle {
    font-size: 15px !important;
  }
}

/* PH category-aligned current time */
html body#phpbb #page-body > p.time {
  float: none !important;
  clear: both;
  width: calc(100% - 50px) !important;
  margin: 0 auto 8px !important;
  padding: 0 2px 0 0;
  box-sizing: border-box;
  color: #ffffff !important;
  font-family: "Comfortaa", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500;
  line-height: 1.4;
  text-align: right !important;
}

@media (max-width: 700px) {
  html body#phpbb #page-body > p.time {
    width: calc(100% - 16px) !important;
    font-size: 11px !important;
  }
}

/* PH tighter desktop menu-to-category spacing */
@media (min-width: 1025px) {
  html body#phpbb #page-body {
    padding-top: 18px !important;
  }
}

/* Remove the old fixed-height hero spacers throughout the resized desktop
   range so the hero, navigation, and forum remain one continuous composition. */
@media (hover: hover) and (pointer: fine) and (max-width: 1024px) {
  html body#phpbb #page-header {
    margin-bottom: 0 !important;
  }
  html body#phpbb #page-header::after {
    display: none !important;
    height: 0 !important;
    background: none !important;
  }
  html body#phpbb #page-header .navbar:has(#nav-main) {
    position: relative !important;
    inset: auto !important;
    margin-top: 0 !important;
  }
  html body#phpbb #page-body {
    padding-top: 8px !important;
  }
}

/* PH intermediate mouse-window logo guard
   Keep the logo clear of the baked hero headline from 701px through 1024px. */
@media (hover: hover) and (pointer: fine) and (min-width: 701px) and (max-width: 1024px) {
  html body#phpbb .ph-header-logo-overlay {
    width: clamp(96px, 12vw, 120px) !important;
    height: clamp(96px, 12vw, 120px) !important;
    top: clamp(-14px, calc(22px - 3vw), 2px) !important;
  }
}

/* PH narrow mouse-window sponsor and search alignment */
@media (hover: hover) and (pointer: fine) and (max-width: 1024px) {
  html body#phpbb .ph-purple-bar {
    font-size: clamp(10px, 1.2vw, 12px) !important;
  }
  html body#phpbb #search {
    width: clamp(140px, 18vw, 186px) !important;
  }
}

@media (hover: hover) and (pointer: fine) and (max-width: 700px) {
  html body#phpbb .ph-purple-bar {
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: 72px !important;
    padding: 7px clamp(10px, 3vw, 18px) 39px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap;
  }
  html body#phpbb #search {
    width: clamp(180px, 34vw, 210px) !important;
    left: 50% !important;
    right: auto !important;
    top: -40px !important;
    transform: translateX(-50%) !important;
  }
}

/* PH community information and footer panels */
html body#phpbb #page-body > form.headerspace,
html body#phpbb #page-body > .stat-block {
  width: calc(100% - 50px);
  margin: 14px auto 0;
  padding: 0 16px 15px;
  box-sizing: border-box;
  overflow: hidden;
  color: #d8e8ff;
  font-family: "Comfortaa", Arial, sans-serif;
  background:
    linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
}

html body#phpbb #page-body > form.headerspace h3,
html body#phpbb #page-body > .stat-block h3 {
  margin: 0 -16px 13px;
  padding: 10px 16px;
  color: #ffffff;
  font-family: "Comfortaa", Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  background: linear-gradient(90deg, #123e78 0%, #301785 52%, #00a8bc 100%);
  border-bottom: 1px solid rgba(0, 217, 232, 0.55);
}

html body#phpbb #page-body > form.headerspace h3 a,
html body#phpbb #page-body > .stat-block h3 a {
  color: #ffffff !important;
}

html body#phpbb #page-body > form.headerspace h3 a:hover,
html body#phpbb #page-body > .stat-block h3 a:hover {
  color: #62f4ff !important;
}

html body#phpbb #page-body > .stat-block p {
  margin: 0;
  color: #bfd0ed;
  font-size: 13px;
  line-height: 1.65;
}

html body#phpbb #page-body > .stat-block strong,
html body#phpbb #page-body > .stat-block a {
  color: #f532c9 !important;
  font-weight: 700;
}

html body#phpbb #page-body fieldset.quick-login {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 12px;
  margin: 0;
  color: #d8e8ff;
  font-size: 13px;
  text-align: center;
}

html body#phpbb #page-body fieldset.quick-login label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

html body#phpbb #page-body fieldset.quick-login .inputbox {
  min-width: 210px;
  height: 34px;
  padding: 5px 10px;
  box-sizing: border-box;
  color: #ffffff;
  font-family: "Comfortaa", Arial, sans-serif;
  background: #080c1c;
  border: 1px solid #00cfe3;
  border-radius: 7px;
  box-shadow: inset 0 0 0 1px rgba(123, 53, 223, 0.28);
}

html body#phpbb #page-body fieldset.quick-login .inputbox:focus {
  border-color: #f532c9;
  box-shadow: 0 0 0 2px rgba(245, 50, 201, 0.22);
}

html body#phpbb #page-body fieldset.quick-login .button2 {
  min-height: 34px;
  padding: 5px 18px;
  color: #ffffff;
  font-family: "Comfortaa", Arial, sans-serif;
  font-weight: 700;
  background: linear-gradient(90deg, #8a2fd0, #006baf);
  border: 1px solid #00d9e8;
  border-radius: 7px;
}

html body#phpbb #page-body fieldset.quick-login .button2:hover {
  background: linear-gradient(90deg, #f532c9, #006baf);
}

html body#phpbb #page-footer {
  width: calc(100% - 50px);
  margin: 18px auto 0;
  padding-bottom: 18px;
  box-sizing: border-box;
  color: #bfd0ed;
  font-family: "Comfortaa", Arial, sans-serif;
}

html body#phpbb #page-footer .navbar {
  margin: 0 0 14px;
  padding: 10px 16px;
  color: #ffffff;
  background:
    linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
}

html body#phpbb #page-footer .navbar a,
html body#phpbb #page-footer .navbar li {
  color: #ffffff !important;
}

html body#phpbb #page-footer .copyright {
  padding: 2px 10px 0;
  color: #9fb3d5;
  font-size: 11px;
  text-align: center;
}

html body#phpbb #page-footer .footer-copyright {
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
}

html body#phpbb #page-footer .footer-link {
  color: #29d9ee !important;
}

html body#phpbb #page-footer .footer-link:hover {
  color: #f532c9 !important;
}

@media (max-width: 700px) {
  html body#phpbb #page-body > form.headerspace,
  html body#phpbb #page-body > .stat-block,
  html body#phpbb #page-footer {
    width: calc(100% - 16px);
  }

  html body#phpbb #page-body fieldset.quick-login {
    align-items: stretch;
    flex-direction: column;
  }

  html body#phpbb #page-body fieldset.quick-login label {
    justify-content: flex-start;
  }

  html body#phpbb #page-body fieldset.quick-login label[for="username"],
  html body#phpbb #page-body fieldset.quick-login label[for="password"] {
    align-items: stretch;
    flex-direction: column;
    width: 100%;
    text-align: left;
  }

  html body#phpbb #page-body fieldset.quick-login .inputbox {
    min-width: 0;
    width: 100%;
  }

  html body#phpbb #page-body fieldset.quick-login .responsive-hide {
    display: none;
  }
}

/* PH unified main container through the copyright */
html body#phpbb #wrap {
  background: #0a0e1f;
  border-radius: 8px 8px 14px 14px;
}

html body#phpbb #page-footer {
  width: 100%;
  margin: 0 auto;
  padding: 18px 25px 20px;
  background: #0a0e1f;
  border-radius: 0 0 14px 14px;
}

@media (max-width: 700px) {
  html body#phpbb #page-footer {
    width: 100%;
    padding: 14px 8px 16px;
  }
}

/* PH individual forum pages */
html body#phpbb.section-viewforum #page-body > h2.forum-title {
  width: calc(100% - 50px);
  margin: 0 auto;
  padding: 16px 18px 10px;
  box-sizing: border-box;
  color: #ffffff;
  font-family: "Comfortaa", Arial, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.25;
  background:
    linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
}

html body#phpbb.section-viewforum #page-body > h2.forum-title a {
  color: #ffffff !important;
}

html body#phpbb.section-viewforum #page-body > h2.forum-title + div:not(.forabg):not(.forumbg):not(.action-bar) {
  width: calc(100% - 50px);
  margin: 0 auto 14px;
  padding: 0 18px 15px;
  box-sizing: border-box;
  color: #bfd0ed;
  font-family: "Comfortaa", Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  background:
    linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-top: 0;
  border-radius: 0 0 10px 10px;
}

html body#phpbb.section-viewforum #page-body > h2.forum-title + div:not(.forabg):not(.forumbg):not(.action-bar) > div {
  display: block !important;
}

html body#phpbb.section-viewforum #page-body > .action-bar {
  width: calc(100% - 50px);
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  font-family: "Comfortaa", Arial, sans-serif;
}

html body#phpbb.section-viewforum #page-body > .action-bar.bar-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

html body#phpbb.section-viewforum #page-body > .action-bar .button {
  min-height: 34px;
  padding: 7px 15px;
  box-sizing: border-box;
  color: #ffffff !important;
  font-family: "Comfortaa", Arial, sans-serif;
  font-weight: 700;
  line-height: 18px;
  text-shadow: none;
  background: linear-gradient(90deg, #8a2fd0, #006baf);
  border: 1px solid #00d9e8;
  border-radius: 7px;
  box-shadow: none;
}

html body#phpbb.section-viewforum #page-body > .action-bar .button:hover {
  color: #ffffff !important;
  background: linear-gradient(90deg, #f532c9, #006baf);
  border-color: #62f4ff;
}

html body#phpbb.section-viewforum #page-body > .action-bar .search-box {
  display: flex;
  align-items: stretch;
  margin: 0;
  box-shadow: none;
}

html body#phpbb.section-viewforum #page-body > .action-bar .search-box .inputbox {
  height: 34px;
  min-width: 230px;
  padding: 6px 10px;
  box-sizing: border-box;
  color: #ffffff;
  font-family: "Comfortaa", Arial, sans-serif;
  background: #080c1c;
  border: 1px solid #00cfe3;
  border-right: 0;
  border-radius: 7px 0 0 7px;
}

html body#phpbb.section-viewforum #page-body > .action-bar .search-box .button {
  min-width: 38px;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 0;
}

html body#phpbb.section-viewforum #page-body > .action-bar .search-box .button:last-child {
  border-radius: 0 7px 7px 0;
}

html body#phpbb.section-viewforum #page-body > .action-bar .pagination {
  margin-left: auto;
  color: #bfd0ed;
  font-size: 12px;
}

html body#phpbb.section-viewforum #page-body > .panel {
  width: calc(100% - 50px);
  margin: 0 auto 12px;
  padding: 18px;
  box-sizing: border-box;
  color: #d8e8ff;
  font-family: "Comfortaa", Arial, sans-serif;
  font-size: 14px;
  text-align: center;
  background:
    linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
}

html body#phpbb.section-viewforum #page-body > .action-bar.actions-jump {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 54px;
  margin-top: 12px;
  margin-bottom: 14px;
  padding: 9px 14px;
  background:
    linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
}

html body#phpbb.section-viewforum #page-body > .actions-jump .jumpbox-return {
  margin: 0;
}

html body#phpbb.section-viewforum #page-body > .actions-jump .jumpbox-return a {
  color: #29d9ee !important;
  font-weight: 700;
}

html body#phpbb.section-viewforum #page-body > .actions-jump .jumpbox-return a:hover {
  color: #f532c9 !important;
}

html body#phpbb.section-viewforum #page-body > .forumbg {
  width: calc(100% - 50px);
  margin: 0 auto 12px;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  background:
    linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
}

html body#phpbb.section-viewforum #page-body > .forabg {
  padding: 0 !important;
}

html body#phpbb.section-viewforum #page-body > .forumbg .header {
  color: #ffffff;
  font-family: "Comfortaa", Arial, sans-serif;
  background: linear-gradient(90deg, #123e78 0%, #301785 52%, #00a8bc 100%);
}

html body#phpbb.section-viewforum #page-body > .forumbg li.row {
  color: #d8e8ff;
  background: linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%);
  border-top-color: rgba(0, 217, 232, 0.35);
}

html body#phpbb.section-viewforum #page-body > .forumbg a.topictitle {
  color: #29d9ee !important;
  font-family: "Comfortaa", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

html body#phpbb.section-viewforum #page-body > .forumbg a.topictitle:hover,
html body#phpbb.section-viewforum #page-body > .forumbg a.username-coloured {
  color: #f532c9 !important;
}

@media (max-width: 700px) {
  html body#phpbb.section-viewforum #page-body > h2.forum-title,
  html body#phpbb.section-viewforum #page-body > h2.forum-title + div:not(.forabg):not(.forumbg):not(.action-bar),
  html body#phpbb.section-viewforum #page-body > .action-bar,
  html body#phpbb.section-viewforum #page-body > .panel,
  html body#phpbb.section-viewforum #page-body > .forumbg {
    width: calc(100% - 16px);
  }

  html body#phpbb.section-viewforum #page-body > h2.forum-title {
    padding: 13px 14px 8px;
    font-size: 20px;
  }

  html body#phpbb.section-viewforum #page-body > h2.forum-title + div {
    padding: 0 14px 12px;
    font-size: 12px;
  }

  html body#phpbb.section-viewforum #page-body > .action-bar.bar-top {
    align-items: stretch;
  }

  html body#phpbb.section-viewforum #page-body > .action-bar .search-box {
    flex: 1 1 100%;
    width: 100%;
  }

  html body#phpbb.section-viewforum #page-body > .action-bar .search-box .inputbox {
    min-width: 0;
    width: 100%;
  }

  html body#phpbb.section-viewforum #page-body > .action-bar .pagination {
    flex: 1 1 100%;
    margin-left: 0;
    text-align: right;
  }

  html body#phpbb.section-viewforum #page-body > .action-bar.actions-jump {
    gap: 10px;
  }
}

/* PH topic rows inside individual forums */
html body#phpbb.section-viewforum #page-body > .forumbg dl.row-item[class*="topic_"] {
  position: relative;
  min-height: 72px;
  background-image: none !important;
}

html body#phpbb.section-viewforum #page-body > .forumbg dl.row-item[class*="topic_"]::before {
  position: absolute;
  z-index: 2;
  left: 15px;
  top: 50%;
  width: 44px;
  height: 44px;
  box-sizing: border-box;
  color: #ffffff;
  font-family: FontAwesome;
  font-size: 19px;
  line-height: 40px;
  text-align: center;
  content: "\f075";
  transform: translateY(-50%);
  background: radial-gradient(circle at 32% 28%, #8d45ff 0%, #5b20ad 48%, #006baf 100%);
  border: 2px solid #00d9e8;
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(245, 50, 201, 0.5);
}

html body#phpbb.section-viewforum #page-body > .forumbg dl.row-item[class*="topic_"] .list-inner {
  min-height: 72px;
  padding: 14px 10px 12px 76px !important;
  box-sizing: border-box;
  color: #20375d;
}

html body#phpbb.section-viewforum #page-body > .forumbg dd {
  color: #20375d;
}

html body#phpbb.section-viewforum #page-body > .forumbg li.row {
  color: #20375d;
  background: #f7fbff;
}

html body#phpbb.section-viewforum #page-body > .forumbg a.topictitle {
  color: #006baf !important;
}

html body#phpbb.section-viewforum #page-body > .forumbg .lastpost,
html body#phpbb.section-viewforum #page-body > .forumbg .lastpost a:not(.username-coloured) {
  color: #20375d !important;
}

html body#phpbb.section-viewforum #page-body > .forumbg .header dt .list-inner {
  padding-left: 12px !important;
}

html body#phpbb.section-viewforum #page-body > .forumbg .header,
html body#phpbb.section-viewforum #page-body > .forumbg .header a,
html body#phpbb.section-viewforum #page-body > .forumbg .header dt,
html body#phpbb.section-viewforum #page-body > .forumbg .header dd {
  color: #ffffff !important;
  font-family: "Comfortaa", Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

/* PH discussion and post pages */
html body#phpbb.section-viewtopic #page-body > h2.topic-title {
  width: calc(100% - 50px);
  margin: 0 auto;
  padding: 16px 18px 10px;
  box-sizing: border-box;
  color: #ffffff;
  font-family: "Comfortaa", Arial, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.25;
  background:
    linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
}

html body#phpbb.section-viewtopic #page-body > h2.topic-title a {
  color: #ffffff !important;
}

html body#phpbb.section-viewtopic #page-body > h2.topic-title + div:not(.action-bar) {
  width: calc(100% - 50px);
  margin: 0 auto 14px;
  padding: 0 18px 15px;
  box-sizing: border-box;
  color: #bfd0ed;
  font-family: "Comfortaa", Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  background:
    linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-top: 0;
  border-radius: 0 0 10px 10px;
}

html body#phpbb.section-viewtopic #page-body > .action-bar {
  width: calc(100% - 50px);
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  font-family: "Comfortaa", Arial, sans-serif;
}

html body#phpbb.section-viewtopic #page-body > .action-bar.bar-top,
html body#phpbb.section-viewtopic #page-body > .action-bar.bar-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

html body#phpbb.section-viewtopic #page-body > .action-bar .button {
  min-height: 34px;
  padding: 7px 15px;
  box-sizing: border-box;
  color: #ffffff !important;
  font-family: "Comfortaa", Arial, sans-serif;
  font-weight: 700;
  line-height: 18px;
  text-shadow: none;
  background: linear-gradient(90deg, #8a2fd0, #006baf);
  border: 1px solid #00d9e8;
  border-radius: 7px;
  box-shadow: none;
}

html body#phpbb.section-viewtopic #page-body > .action-bar .button:hover {
  color: #ffffff !important;
  background: linear-gradient(90deg, #f532c9, #006baf);
  border-color: #62f4ff;
}

html body#phpbb.section-viewtopic #page-body > .action-bar .search-box {
  display: flex;
  align-items: stretch;
  margin: 0;
  box-shadow: none;
}

html body#phpbb.section-viewtopic #page-body > .action-bar .search-box .inputbox {
  height: 34px;
  min-width: 230px;
  padding: 6px 10px;
  box-sizing: border-box;
  color: #ffffff;
  font-family: "Comfortaa", Arial, sans-serif;
  background: #080c1c;
  border: 1px solid #00cfe3;
  border-right: 0;
  border-radius: 7px 0 0 7px;
}

html body#phpbb.section-viewtopic #page-body > .action-bar .search-box .button {
  min-width: 38px;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 0;
}

html body#phpbb.section-viewtopic #page-body > .action-bar .search-box .button:last-child {
  border-radius: 0 7px 7px 0;
}

html body#phpbb.section-viewtopic #page-body > .action-bar .pagination {
  margin-left: auto;
  color: #bfd0ed;
  font-size: 12px;
}

html body#phpbb.section-viewtopic #page-body > .post {
  position: relative;
  width: calc(100% - 50px);
  margin: 0 auto 14px;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  color: #20375d;
  font-family: "Comfortaa", Arial, sans-serif;
  background:
    linear-gradient(#f7fbff, #f7fbff) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
}

html body#phpbb.section-viewtopic #page-body > .post::before {
  position: absolute;
  z-index: 0;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  height: 48px;
  content: "";
  background: linear-gradient(90deg, #123e78 0%, #301785 52%, #00a8bc 100%);
  border-bottom: 1px solid rgba(0, 217, 232, 0.55);
}

html body#phpbb.section-viewtopic #page-body > .post > .inner {
  position: relative;
  z-index: 1;
  padding: 0;
}

html body#phpbb.section-viewtopic .postprofile {
  width: 16%;
  min-height: 210px;
  margin: 48px 0 0;
  padding: 18px 16px;
  box-sizing: border-box;
  color: #bfd0ed;
  background: linear-gradient(180deg, #301785 0%, #18234b 45%, #123e78 100%);
  border-left: 1px solid rgba(0, 217, 232, 0.45);
  border-bottom: 1px solid #00d9e8;
}

html body#phpbb.section-viewtopic .postprofile dt,
html body#phpbb.section-viewtopic .postprofile dd {
  color: #d8e8ff !important;
  font-family: "Comfortaa", Arial, sans-serif;
}

html body#phpbb.section-viewtopic .postprofile strong {
  color: #ffffff !important;
}

html body#phpbb.section-viewtopic .postprofile a,
html body#phpbb.section-viewtopic .postprofile .username-coloured {
  color: #f532c9 !important;
  font-weight: 700;
}

html body#phpbb.section-viewtopic .postbody {
  width: 84%;
  box-sizing: border-box;
  color: #20375d;
}

html body#phpbb.section-viewtopic .postbody > div[id^="post_content"] {
  padding: 0 20px 22px;
}

html body#phpbb.section-viewtopic .postbody h3 {
  margin: 0 -20px 12px;
  padding: 12px 20px;
  color: #ffffff;
  font-family: "Comfortaa", Arial, sans-serif;
  font-size: 18px;
  background: transparent;
  border-bottom: 1px solid rgba(0, 217, 232, 0.55);
}

html body#phpbb.section-viewtopic .postbody h3 a {
  color: #ffffff !important;
}

html body#phpbb.section-viewtopic .postbody .author {
  margin: 0 0 14px;
  padding-bottom: 10px;
  color: #20375d;
  border-bottom: 1px solid rgba(0, 217, 232, 0.25);
}

html body#phpbb.section-viewtopic .postbody .author a,
html body#phpbb.section-viewtopic .postbody .author strong {
  color: #f532c9 !important;
}

html body#phpbb.section-viewtopic .postbody .content {
  color: #162c4f;
  font-family: "Comfortaa", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.7;
}

html body#phpbb.section-viewtopic .post-buttons .button {
  color: #ffffff !important;
  background: linear-gradient(90deg, #8a2fd0, #006baf);
  border: 1px solid #00d9e8;
  border-radius: 6px;
}

@media (min-width: 701px) {
  html body#phpbb.section-viewtopic .postbody {
    position: static;
  }

  html body#phpbb.section-viewtopic .post-buttons {
    top: 7px;
    right: 10px;
  }
}

html body#phpbb.section-viewtopic .back2top .top {
  position: absolute;
  right: 10px;
  bottom: 8px;
  top: auto;
  color: #29d9ee !important;
}

html body#phpbb.section-viewtopic #page-body > .action-bar.actions-jump {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 54px;
  margin-top: 12px;
  margin-bottom: 14px;
  padding: 9px 14px;
  background:
    linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
}

html body#phpbb.section-viewtopic #page-body > .actions-jump .jumpbox-return {
  margin: 0;
}

html body#phpbb.section-viewtopic #page-body > .actions-jump .jumpbox-return a {
  color: #29d9ee !important;
  font-weight: 700;
}

@media (max-width: 700px) {
  html body#phpbb.section-viewforum #page-body > .forumbg dl.row-item[class*="topic_"] .list-inner {
    padding-left: 68px !important;
  }

  html body#phpbb.section-viewtopic #page-body > h2.topic-title,
  html body#phpbb.section-viewtopic #page-body > h2.topic-title + div:not(.action-bar),
  html body#phpbb.section-viewtopic #page-body > .action-bar,
  html body#phpbb.section-viewtopic #page-body > .post {
    width: calc(100% - 16px);
  }

  html body#phpbb.section-viewtopic #page-body > h2.topic-title {
    padding: 13px 14px 8px;
    font-size: 20px;
  }

  html body#phpbb.section-viewtopic #page-body > h2.topic-title + div:not(.action-bar) {
    padding: 0 14px 12px;
    font-size: 12px;
  }

  html body#phpbb.section-viewtopic #page-body > .action-bar .search-box {
    flex: 1 1 100%;
    width: 100%;
  }

  html body#phpbb.section-viewtopic #page-body > .action-bar .search-box .inputbox {
    min-width: 0;
    width: 100%;
  }

  html body#phpbb.section-viewtopic #page-body > .action-bar .pagination {
    flex: 1 1 100%;
    margin-left: 0;
    text-align: right;
  }

  html body#phpbb.section-viewtopic .postprofile {
    float: none;
    width: 100%;
    min-height: 0;
    margin-top: 0;
    border-bottom: 1px solid rgba(0, 217, 232, 0.45);
    border-left: 0;
    background: linear-gradient(180deg, rgba(48, 23, 133, 0.9), rgba(0, 107, 175, 0.62));
  }

  html body#phpbb.section-viewtopic .postbody {
    float: none;
    width: 100%;
  }

  html body#phpbb.section-viewtopic #page-body > .post::before {
    display: none;
  }

  html body#phpbb.section-viewtopic .postbody h3 {
    background: linear-gradient(90deg, #123e78 0%, #301785 52%, #00a8bc 100%);
  }

  html body#phpbb.section-viewtopic #page-body > .action-bar.actions-jump {
    gap: 10px;
  }
}

/* Final signed-in phone/narrow-window guard. The general mouse-window rule
   intentionally keeps the guest menu on one row, but an authenticated menu
   has more actions and must wrap cleanly instead of overflowing the viewport. */
@media (max-width: 700px) {
  html body#phpbb:has(#username_logged_in) #page-header .navbar:has(#nav-main) {
    overflow: visible !important;
  }

  html body#phpbb:has(#username_logged_in) #nav-main {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    gap: 5px !important;
    padding: 7px 5px !important;
    overflow: visible !important;
  }

  html body#phpbb:has(#username_logged_in) #nav-main > li,
  html body#phpbb:has(#username_logged_in) #nav-main > li.rightside {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    flex: 0 0 auto;
    margin: 0 !important;
  }

  html body#phpbb #username_logged_in .username-coloured {
    font-size: 0 !important;
  }

  html body#phpbb #username_logged_in .username-coloured::after {
    content: "Account";
    font-size: 11px;
  }
}

/* Keep the signed-in identity control last and always show the complete
   username. Its width follows the rendered name instead of a fixed label. */
html body#phpbb #nav-main > #username_logged_in {
  order: 999 !important;
  flex: 0 0 auto !important;
}

html body#phpbb #username_logged_in .header-profile,
html body#phpbb #username_logged_in .header-profile > a.header-avatar {
  width: max-content !important;
  min-width: 0 !important;
  max-width: none !important;
  white-space: nowrap !important;
}

html body#phpbb #username_logged_in .username-coloured {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
  font-size: 12px !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

html body#phpbb #username_logged_in .username-coloured::after {
  content: none !important;
}

@media (max-width: 700px) {
  html body#phpbb #username_logged_in .username-coloured {
    font-size: 11px !important;
  }
}

/* =========================================================
   PEPTIDE HANGOUT — MEMBER DIRECTORY
   ========================================================= */

html body#phpbb.section-memberlist #page-body > form > h2.solo {
  width: 100%;
  margin: 0 0 12px;
  padding: 15px 20px;
  box-sizing: border-box;
  color: #ffffff;
  font-family: "Comfortaa", Arial, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.3;
  background:
    linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
}

html body#phpbb.section-memberlist #page-body > form > .action-bar.bar-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  width: 100%;
  min-height: 58px;
  margin: 0 0 12px;
  padding: 10px 14px;
  box-sizing: border-box;
  color: #d8e8ff;
  font-family: "Comfortaa", Arial, sans-serif;
  background:
    linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
}

html body#phpbb.section-memberlist #page-body .member-search.panel {
  flex: 1 1 760px;
  width: auto;
  margin: 0;
  padding: 0;
  overflow: visible;
  color: #d8e8ff;
  line-height: 1.9;
  font-size: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}

html body#phpbb.section-memberlist #page-body .member-search > a:first-child {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  margin-right: 5px;
  padding: 6px 12px;
  box-sizing: border-box;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 11px;
  background: linear-gradient(90deg, #8a2fd0 0%, #006baf 100%);
  border: 1px solid #00d9e8;
  border-radius: 7px;
}

html body#phpbb.section-memberlist #page-body .member-search strong {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px;
  vertical-align: middle;
  font-size: 11px;
}

html body#phpbb.section-memberlist #page-body .member-search strong a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 25px;
  min-height: 25px;
  padding: 3px 6px;
  box-sizing: border-box;
  color: #29d9ee !important;
  font-size: 11px;
  text-decoration: none;
  background: rgba(8, 12, 28, 0.72);
  border: 1px solid rgba(0, 217, 232, 0.34);
  border-radius: 5px;
}

html body#phpbb.section-memberlist #page-body .member-search strong a:hover {
  color: #ffffff !important;
  background: linear-gradient(90deg, #8a2fd0 0%, #006baf 100%);
  border-color: #ffffff;
}

html body#phpbb.section-memberlist #page-body > form > .action-bar.bar-top > .pagination {
  flex: 0 0 auto;
  margin: 0;
  color: #d8e8ff;
  font-size: 12px;
}

html body#phpbb.section-memberlist #page-body > form > .forumbg-table {
  width: 100%;
  margin: 0;
  padding: 1px;
  overflow: hidden;
  box-sizing: border-box;
  background: linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%);
  border: 0;
  border-radius: 10px;
}

html body#phpbb.section-memberlist #page-body > form > .forumbg-table > .inner {
  padding: 0;
  overflow: hidden;
  background: #111a35;
  border-radius: 9px;
}

html body#phpbb.section-memberlist #page-body table.memberlist {
  width: 100%;
  margin: 0;
  color: #20375d;
  font-family: "Comfortaa", Arial, sans-serif;
  border-collapse: separate;
  border-spacing: 0;
}

html body#phpbb.section-memberlist #page-body table.memberlist thead th {
  padding: 12px 12px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
  text-transform: uppercase;
  background: linear-gradient(90deg, #123e78 0%, #301785 55%, #00a8bc 100%);
  border-bottom: 1px solid rgba(0, 217, 232, 0.55);
}

html body#phpbb.section-memberlist #page-body table.memberlist thead th a {
  color: #ffffff !important;
}

html body#phpbb.section-memberlist #page-body table.memberlist tbody tr.bg1,
html body#phpbb.section-memberlist #page-body table.memberlist tbody tr.bg2 {
  background: #f7fbff;
}

html body#phpbb.section-memberlist #page-body table.memberlist tbody tr:nth-child(even) {
  background: #eef8fc;
}

html body#phpbb.section-memberlist #page-body table.memberlist tbody tr:hover {
  background: #e5f7ff;
}

html body#phpbb.section-memberlist #page-body table.memberlist tbody td {
  padding: 13px 12px;
  color: #20375d;
  font-size: 12px;
  line-height: 1.45;
  background: transparent;
  border-top: 0;
  border-bottom: 1px solid rgba(0, 107, 175, 0.2);
}

html body#phpbb.section-memberlist #page-body table.memberlist tbody tr:last-child td {
  border-bottom: 0;
}

html body#phpbb.section-memberlist #page-body table.memberlist .username-coloured {
  color: #f532c9 !important;
  font-size: 13px;
  font-weight: 700;
}

html body#phpbb.section-memberlist #page-body table.memberlist .rank-img {
  color: #301785;
  font-size: 10px;
  font-weight: 700;
}

html body#phpbb.section-memberlist #page-body table.memberlist th.rank,
html body#phpbb.section-memberlist #page-body table.memberlist td.rank {
  text-align: center !important;
  vertical-align: middle !important;
}

html body#phpbb.section-memberlist #page-body table.memberlist th.rank > a,
html body#phpbb.section-memberlist #page-body table.memberlist td.rank > .rank-img {
  display: block;
  width: 100%;
  text-align: center !important;
}

html body#phpbb.section-memberlist #page-body > .action-bar.bar-bottom {
  display: none;
}

html body#phpbb.section-memberlist #page-body > .action-bar.actions-jump {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: calc(100% - 50px);
  min-height: 54px;
  margin: 12px auto 14px;
  padding: 8px 12px;
  box-sizing: border-box;
  background:
    linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
}

@media (max-width: 700px) {
  html body#phpbb.section-memberlist #page-body > form > h2.solo {
    padding: 13px 14px;
    font-size: 21px;
  }

  html body#phpbb.section-memberlist #page-body > form > .action-bar.bar-top {
    align-items: stretch;
    padding: 10px;
  }

  html body#phpbb.section-memberlist #page-body .member-search.panel {
    flex-basis: 100%;
  }

  html body#phpbb.section-memberlist #page-body .member-search > a:first-child {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 0 8px;
  }

  html body#phpbb.section-memberlist #page-body .member-search strong {
    justify-content: center;
    width: 100%;
  }

  html body#phpbb.section-memberlist #page-body > form > .action-bar.bar-top > .pagination {
    width: 100%;
    text-align: center;
  }

  html body#phpbb.section-memberlist #page-body table.memberlist tbody td {
    padding: 12px 10px;
  }

  html body#phpbb.section-memberlist #page-body > .action-bar.actions-jump {
    width: calc(100% - 16px);
    justify-content: center;
  }
}

/* Keep the new seamless background authoritative after all theme rules. */
html body#phpbb {
  background-color: #01010e !important;
  background-image: url("./images/peptidehangout-dark-stripes.png?v=1") !important;
  background-repeat: repeat !important;
  background-position: top left !important;
  background-size: 627px 627px !important;
}

/* Final seamless stripe layer, aligned to the top of the browser canvas. */
html,
html body#phpbb {
  background-color: #030817 !important;
  background-image: repeating-linear-gradient(
    135deg,
    rgba(46, 59, 91, 0.58) 0,
    rgba(46, 59, 91, 0.58) 1px,
    transparent 1px,
    transparent 17px
  ) !important;
  background-repeat: repeat !important;
  background-position: 0 0 !important;
  background-size: auto !important;
  background-attachment: fixed !important;
}

/* One uninterrupted outer glow prevents seams between the stacked shell sections. */
html body#phpbb::before {
  content: "";
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  right: auto !important;
  bottom: 12px !important;
  left: 50% !important;
  width: min(85%, 1300px) !important;
  height: auto !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
  background: transparent !important;
  border: 1px solid #ffffff !important;
  border-radius: 14px !important;
  box-shadow:
    0 -14px 34px -6px rgba(0, 217, 232, 0.52),
    0 -20px 48px -10px rgba(123, 53, 223, 0.56),
    0 0 26px rgba(0, 217, 232, 0.42),
    0 0 54px rgba(123, 53, 223, 0.30),
    0 28px 72px rgba(0, 0, 0, 0.72) !important;
  z-index: 10000 !important;
}

html body#phpbb > .ph-top-bar,
html body#phpbb > .ph-purple-bar,
html body#phpbb > #wrap.wrap {
  box-shadow: none !important;
}

/* Give the welcome message stronger presence and comfortable spacing. */
html body#phpbb > .ph-top-bar {
  min-height: 34px !important;
  padding: 7px 18px !important;
  font-size: 14px !important;
  animation: ph-welcome-text-fade 3.6s ease-in-out infinite !important;
}

@keyframes ph-welcome-text-fade {
  0%,
  100% {
    color: rgba(255, 255, 255, 1);
    text-shadow: 0 0 7px rgba(0, 217, 232, 0.35);
  }

  50% {
    color: rgba(255, 255, 255, 0.25);
    text-shadow: 0 0 2px rgba(0, 217, 232, 0.08);
  }
}

@media (prefers-reduced-motion: reduce) {
  html body#phpbb > .ph-top-bar {
    animation: none !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  html body#phpbb::before {
    width: min(1300px, calc(100% - 32px)) !important;
  }
}

@media (hover: none) and (pointer: coarse) and (max-width: 1024px) {
  html body#phpbb::before {
    width: 100% !important;
  }
}

@media (max-width: 700px) {
  html body#phpbb::before {
    bottom: 0 !important;
  }

  html body#phpbb > .ph-top-bar {
    min-height: 32px !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
  }
}

/* Peptide Hangout posting editor */
html body#phpbb.section-posting #page-body {
  color: #d8e8ff;
  font-family: "Comfortaa", Arial, sans-serif;
}

html body#phpbb.section-posting #page-body > h2.posting-title {
  width: calc(100% - 50px);
  margin: 0 auto 14px;
  padding: 14px 18px;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 24px;
  line-height: 1.25;
  background:
    linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
}

html body#phpbb.section-posting #page-body > h2.posting-title a {
  color: #ffffff !important;
}

html body#phpbb.section-posting #postform {
  width: calc(100% - 50px);
  margin: 0 auto;
}

html body#phpbb.section-posting #postform > .panel,
html body#phpbb.section-posting #postform > #options-panel,
html body#phpbb.section-posting #postform > #attach-panel,
html body#phpbb.section-posting #postform > #poll-panel {
  clear: both;
  width: 100%;
  margin: 0 0 14px;
  padding: 1px;
  box-sizing: border-box;
  overflow: hidden;
  color: #d8e8ff;
  background:
    linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%) padding-box,
    linear-gradient(90deg, #f532c9 0%, #7b35df 50%, #00d9e8 100%) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
}

html body#phpbb.section-posting #postform > .panel > .inner,
html body#phpbb.section-posting #postform > #options-panel > .inner,
html body#phpbb.section-posting #postform > #attach-panel > .inner,
html body#phpbb.section-posting #postform > #poll-panel > .inner {
  padding: 12px;
  background: linear-gradient(135deg, #111a35 0%, #15112f 55%, #0b2638 100%);
  border-radius: 8px;
}

html body#phpbb.section-posting #postingbox h3 {
  margin: -12px -12px 15px;
  padding: 11px 14px;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.3;
  background: linear-gradient(90deg, #123e78 0%, #301785 52%, #00a8bc 100%);
  border-bottom: 1px solid rgba(0, 217, 232, 0.55);
}

html body#phpbb.section-posting #postform fieldset,
html body#phpbb.section-posting #postform label,
html body#phpbb.section-posting #postform dt,
html body#phpbb.section-posting #postform dd,
html body#phpbb.section-posting #postform p {
  color: #d8e8ff;
}

html body#phpbb.section-posting #postform dt label,
html body#phpbb.section-posting #postform .smiley-box strong {
  color: #ffffff;
  font-weight: 700;
}

html body#phpbb.section-posting #postform hr {
  border-color: rgba(0, 217, 232, 0.25);
}

html body#phpbb.section-posting #postform input.inputbox,
html body#phpbb.section-posting #postform textarea.inputbox,
html body#phpbb.section-posting #postform select,
html body#phpbb.section-posting #postform .inputbox {
  padding: 8px 10px;
  box-sizing: border-box;
  color: #ffffff;
  font-family: "Comfortaa", Arial, sans-serif;
  background: #080c1c;
  border: 1px solid #00b9d1;
  border-radius: 7px;
  box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.3);
}

html body#phpbb.section-posting #postform #subject {
  width: min(620px, 100%);
  min-height: 38px;
}

html body#phpbb.section-posting #postform #message {
  width: 100%;
  min-height: 360px;
  padding: 14px;
  color: #17284a;
  font-size: 14px;
  line-height: 1.55;
  background: #f7fbff;
  border-color: #00b9d1;
  border-radius: 8px;
  box-shadow: inset 0 1px 5px rgba(16, 35, 65, 0.2);
}

html body#phpbb.section-posting #postform #format-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin-bottom: 8px;
}

html body#phpbb.section-posting #postform #format-buttons .button,
html body#phpbb.section-posting #postform .button-icon-only {
  min-width: 34px;
  min-height: 34px;
  margin: 0;
  color: #ffffff !important;
  background: linear-gradient(135deg, #171533 0%, #28176e 100%) !important;
  border: 1px solid #00b9d1 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

html body#phpbb.section-posting #postform #format-buttons .button:hover,
html body#phpbb.section-posting #postform .button-icon-only:hover {
  background: linear-gradient(90deg, #8a2fd0 0%, #006baf 100%) !important;
  border-color: #ffffff !important;
}

html body#phpbb.section-posting #postform #smiley-box {
  padding: 12px;
  box-sizing: border-box;
  color: #d8e8ff;
  background: rgba(8, 12, 28, 0.72);
  border: 1px solid rgba(0, 217, 232, 0.34);
  border-radius: 8px;
}

html body#phpbb.section-posting #postform #smiley-box a,
html body#phpbb.section-posting #postform .bbcode-status a {
  color: #29d9ee !important;
}

html body#phpbb.section-posting #postform .submit-buttons {
  margin: 0;
  padding: 12px;
  text-align: center;
}

html body#phpbb.section-posting #postform input.button1,
html body#phpbb.section-posting #postform input.button2,
html body#phpbb.section-posting #postform button.button1,
html body#phpbb.section-posting #postform button.button2 {
  min-height: 38px;
  margin: 3px;
  padding: 8px 16px;
  color: #ffffff !important;
  font-family: "Comfortaa", Arial, sans-serif;
  font-weight: 700;
  background: linear-gradient(90deg, #8a2fd0 0%, #006baf 100%) !important;
  border: 1px solid #00d9e8 !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

html body#phpbb.section-posting #postform input.button1:hover,
html body#phpbb.section-posting #postform input.button2:hover,
html body#phpbb.section-posting #postform button.button1:hover,
html body#phpbb.section-posting #postform button.button2:hover {
  filter: brightness(1.16);
  border-color: #ffffff !important;
}

html body#phpbb.section-posting #tabs {
  margin: 0 0 -1px;
  padding: 0 10px;
}

html body#phpbb.section-posting #tabs .tab > a {
  min-height: 36px;
  padding: 8px 14px;
  box-sizing: border-box;
  color: #d8e8ff;
  font-family: "Comfortaa", Arial, sans-serif;
  background: #111a35;
  border: 1px solid rgba(0, 217, 232, 0.4);
  border-radius: 7px 7px 0 0;
}

html body#phpbb.section-posting #tabs .tab.activetab > a,
html body#phpbb.section-posting #tabs .tab > a:hover {
  color: #ffffff;
  background: linear-gradient(90deg, #8a2fd0 0%, #006baf 100%);
  border-color: #00d9e8;
}

html body#phpbb.section-posting #postform input[type="checkbox"],
html body#phpbb.section-posting #postform input[type="radio"] {
  accent-color: #f532c9;
}

html body#phpbb.section-posting #postform .file-drop-zone {
  color: #d8e8ff;
  background: rgba(8, 12, 28, 0.72);
  border-color: #00b9d1;
  border-radius: 8px;
}

@media (max-width: 700px) {
  html body#phpbb.section-posting #page-body > h2.posting-title,
  html body#phpbb.section-posting #postform {
    width: calc(100% - 16px);
  }

  html body#phpbb.section-posting #page-body > h2.posting-title {
    padding: 12px 14px;
    font-size: 20px;
  }

  html body#phpbb.section-posting #postform #message-box,
  html body#phpbb.section-posting #postform #smiley-box {
    float: none;
    width: 100%;
  }

  html body#phpbb.section-posting #postform #smiley-box {
    margin: 10px 0 0;
  }

  html body#phpbb.section-posting #postform #message {
    min-height: 280px;
  }

  html body#phpbb.section-posting #postform fieldset.fields1 dt,
  html body#phpbb.section-posting #postform fieldset.fields1 dd {
    float: none;
    width: 100%;
    margin: 0 0 8px;
  }
}