/* =========================================================
   CLEANED FORUM CSS
   Убраны явные дубли, повторяющиеся @import и повторы свойств внутри правил.
   Старые комментарии очищены, порядок каскада сохранён.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alice&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cuprum:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marck+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oranienbaum&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');

:root {
  --civic-bg: #f4f7fb;
  --civic-card: #ffffff;
  --civic-card-soft: #f8fafd;
  --civic-line: #d8e1ec;
  --civic-line-dark: #b7c5d6;
  --civic-text: #1f2933;
  --civic-muted: #647386;
  --civic-faint: #9aaabc;
  --civic-blue: #28425f;
  --civic-blue-soft: #6d8fb3;
  --civic-red: #b74a4a;
  --civic-green: #77b8aa;
  --civic-shadow: 0 18px 45px rgba(50, 72, 96, 0.08);
}

html,
body {
  background: linear-gradient(rgba(244, 247, 251, 0.94), rgba(244, 247, 251, 0.94)),
    repeating-linear-gradient(
      90deg,
      rgba(40, 66, 95, 0.035) 0,
      rgba(40, 66, 95, 0.035) 1px,
      transparent 1px,
      transparent 42px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(40, 66, 95, 0.025) 0,
      rgba(40, 66, 95, 0.025) 1px,
      transparent 1px,
      transparent 42px
    ) !important;
  color: var(--civic-text) !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 13px !important;
}

a,
.punbb a {
  color: var(--civic-blue) !important;
  text-decoration: none !important;
  transition: 0.2s ease;
}

a:hover,
.punbb a:hover {
  color: var(--civic-blue-soft) !important;
}

img {
  max-width: 100%;
}

#pun,
.punbb {
  max-width: 1180px !important;
  width: calc(100% - 36px) !important;
  margin: 24px auto !important;
  background: transparent !important;
  color: var(--civic-text) !important;
}

#pun-title {
  position: relative;
  min-height: 190px !important;
  box-sizing: border-box;
  padding: 34px 38px !important;
  overflow: hidden;
  border: 1px solid var(--civic-line) !important;
  background: linear-gradient(90deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.9) 55%, rgba(235,241,248,0.92) 100%),
    radial-gradient(circle at 78% 28%, rgba(109,143,179,0.24), transparent 34%),
    repeating-linear-gradient(
      0deg,
      rgba(40,66,95,0.035) 0,
      rgba(40,66,95,0.035) 1px,
      transparent 1px,
      transparent 12px
    ) !important;
  box-shadow: var(--civic-shadow);
}

#pun-title:before {
  content: "MINISTRY\A OF INFORMATION\A AND CONTROL";
  white-space: pre;
  position: absolute;
  left: 32px;
  bottom: 24px;
  width: 94px;
  padding-top: 48px;
  font-size: 8px;
  line-height: 1.6;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--civic-faint);
  background: radial-gradient(circle, transparent 24px, rgba(154,170,188,0.28) 25px, transparent 27px);
}

#pun-title:after {
  content: "ARCHIVE FOOTAGE\A CAM 04A\A \A TRUST IS COMPLIANCE";
  white-space: pre;
  position: absolute;
  right: 40px;
  top: 28px;
  width: 330px;
  height: 122px;
  box-sizing: border-box;
  padding: 16px 18px;
  border: 1px solid var(--civic-line);
  background: linear-gradient(rgba(244,247,251,0.76), rgba(244,247,251,0.76)),
    linear-gradient(135deg, transparent 0 42%, rgba(40,66,95,0.16) 42% 43%, transparent 43% 100%),
    repeating-linear-gradient(
      90deg,
      rgba(40,66,95,0.04) 0,
      rgba(40,66,95,0.04) 1px,
      transparent 1px,
      transparent 18px
    ) !important;
  color: var(--civic-faint);
  font-size: 8px;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

#pun-title .container {
  position: relative;
  z-index: 2;
  padding-left: 86px !important;
}

#pun-title .container:before {
  content: "ID SYS. TP-884-21 // CIVIC NETWORK";
  display: block;
  margin-bottom: 12px;
  color: var(--civic-faint);
  font-size: 9px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

#pun-title .container:after {
  content: "CIVIC ACCESS PROTOCOL // monitored environment // authorized users only";
  display: block;
  margin-top: 10px;
  color: var(--civic-muted);
  font-size: 11px;
  letter-spacing: 0.06em;
}

#pun-title h1,
#pun-title h1 a,
#pun-title h1 span {
  margin: 0 !important;
  color: #18283b !important;
  font-family: Commissioner, "Times New Roman", serif !important;
  font-size: clamp(56px, 7vw, 84px) !important;
  font-weight: 400 !important;
  line-height: 0.95 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

#pun-navlinks,
#pun-ulinks,
#pun-status {
  border: 1px solid var(--civic-line) !important;
  border-top: 0 !important;
  background: rgba(255,255,255,0.96) !important;
}

#pun-navlinks h2,
#pun-ulinks h2,
#pun-status h2 {
  padding: 9px 16px !important;
  margin: 0 !important;
  background: #f7fafd !important;
  border-bottom: 1px solid var(--civic-line) !important;
  color: var(--civic-blue) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

#pun-navlinks .container,
#pun-ulinks .container,
#pun-status .container {
  padding: 10px 16px !important;
}

#pun-navlinks ul,
#pun-ulinks ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

#pun-navlinks li,
#pun-ulinks li {
  display: inline-flex !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#pun-navlinks a,
#pun-ulinks a {
  display: inline-flex !important;
  align-items: center;
  min-height: 24px;
  padding: 0 9px !important;
  border: 1px solid transparent;
  color: var(--civic-blue) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

#pun-navlinks a:hover,
#pun-ulinks a:hover {
  border-color: var(--civic-line) !important;
  background: #f3f7fb !important;
}

#pun-status {
  margin-top: 16px !important;
  color: var(--civic-muted) !important;
  font-size: 11px !important;
}

#pun-status .container {
  color: var(--civic-muted) !important;
}

.punbb .main,
.punbb .category,
.punbb .post,
.punbb .block,
.punbb .formal,
.punbb .modmenu,
.punbb #pun-stats {
  margin: 16px 0 !important;
  border: 1px solid var(--civic-line) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 8px 28px rgba(50, 72, 96, 0.045);
}

.punbb .main .container,
.punbb .category .container,
.punbb .post .container,
.punbb .block .container {
  background: transparent !important;
}

.punbb h2,
.punbb .category h2,
.punbb .main h2,
.punbb .block h2,
.punbb .formal h2 {
  margin: 0 !important;
  padding: 12px 18px !important;
  border-bottom: 1px solid var(--civic-line) !important;
  background: linear-gradient(90deg, rgba(248,250,253,0.98), rgba(255,255,255,0.92)) !important;
  color: var(--civic-blue) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.civic-dashboard {
  margin: 16px 0 18px;
  color: var(--civic-text);
}

.civic-system-card {
  border: 1px solid var(--civic-line);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: var(--civic-shadow);
}

.civic-system-top {
  display: grid;
  grid-template-columns: minmax(360px, 1.2fr) repeat(2, minmax(190px, 0.9fr)) !important;
  gap: 0;
  align-items: stretch;
}

.civic-notice {
  position: relative;
  grid-row: span 2;
  min-height: 250px !important;
  padding: 34px 34px 30px 128px !important;
  border-right: 1px solid var(--civic-line);
}

.civic-notice:before {
  content: "";
  position: absolute;
  left: 34px !important;
  top: 42px !important;
  width: 62px !important;
  height: 62px !important;
  border: 1px solid var(--civic-line-dark);
  border-radius: 50%;
  background: radial-gradient(circle, transparent 18px, rgba(154,170,188,0.4) 19px, transparent 21px),
    linear-gradient(90deg, transparent 24px, rgba(40,66,95,0.22) 25px, transparent 26px);
}

.civic-kicker {
  margin-bottom: 12px;
  color: var(--civic-faint);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.civic-notice h2 {
  max-width: 390px;
  margin: 0 0 14px;
  color: var(--civic-blue);
  font-size: 21px !important;
  font-weight: 700;
  line-height: 1.2 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.civic-notice p {
  max-width: 430px !important;
  margin: 0 0 22px;
  color: var(--civic-muted);
  font-size: 12px !important;
  line-height: 1.7;
}

.civic-thanks {
  color: var(--civic-faint);
  font-size: 9px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.civic-stat {
  min-height: 125px !important;
  padding: 20px 18px;
  border-right: 1px solid var(--civic-line);
  border-bottom: 1px solid var(--civic-line);
}

.civic-stat:nth-child(3),
.civic-stat:nth-child(5) {
  border-right: 0;
}

.civic-stat:nth-child(4),
.civic-stat:nth-child(5) {
  border-bottom: 0;
}

.civic-stat b {
  display: block;
  margin-bottom: 8px;
  color: var(--civic-blue);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.civic-stat small {
  display: block;
  color: var(--civic-muted);
  font-size: 10px;
  line-height: 1.45;
}

.civic-value {
  display: block;
  margin: 13px 0;
  color: var(--civic-blue);
  font-family: Commissioner, "Times New Roman", serif;
  font-size: 25px !important;
  line-height: 1;
  text-transform: uppercase;
}

.civic-bars {
  display: flex;
  align-items: end;
  gap: 3px;
  height: 38px;
  margin: 15px 0;
}

.civic-bars i {
  display: block;
  width: 7px;
  border: 1px solid var(--civic-line-dark);
  background: rgba(109, 143, 179, 0.14);
}

.civic-bars i:nth-child(1) {
  height: 12px;
}

.civic-bars i:nth-child(2) {
  height: 19px;
}

.civic-bars i:nth-child(3) {
  height: 25px;
}

.civic-bars i:nth-child(4) {
  height: 33px;
}

.civic-bars i:nth-child(5) {
  height: 21px;
}

.civic-bars i:nth-child(6) {
  height: 16px;
}

.civic-bars i:nth-child(7) {
  height: 27px;
}

.civic-progress {
  position: relative;
  height: 7px;
  margin: 17px 0 9px;
  background: #e8eef5;
}

.civic-progress span {
  display: block;
  height: 100%;
  width: 78%;
  background: var(--civic-blue-soft);
}

.civic-updates {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.civic-updates li {
  margin-bottom: 9px;
  color: var(--civic-muted);
  font-size: 10px;
  line-height: 1.35;
}

.civic-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 16px;
  margin-top: 16px;
}

.civic-panel {
  border: 1px solid var(--civic-line);
  background: rgba(255, 255, 255, 0.94);
}

.civic-layout aside .civic-panel {
  margin-bottom: 14px;
}

.civic-panel-title {
  padding: 12px 15px;
  border-bottom: 1px solid var(--civic-line);
  background: #f8fafd !important;
  color: var(--civic-blue);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.civic-panel-body {
  padding: 15px;
}

.civic-sectors {
  display: grid;
  gap: 10px;
}

.civic-sector {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 70px;
  gap: 12px;
  align-items: center;
  min-height: 56px;
  padding: 12px;
  border: 1px solid var(--civic-line);
  background: #fbfdff !important;
}

.civic-sector:hover {
  border-color: var(--civic-line-dark) !important;
  background: #f5f8fc !important;
}

.civic-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--civic-line-dark);
  color: var(--civic-blue);
  font-size: 18px;
}

.civic-sector h3 {
  margin: 0 0 4px;
  color: var(--civic-blue);
  font-size: 11px !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.civic-sector p {
  max-width: 680px;
  margin: 0;
  color: var(--civic-muted);
  font-size: 11px;
  line-height: 1.45;
}

.civic-sector mark {
  justify-self: end;
  padding: 5px 8px;
  background: #edf3f8;
  color: var(--civic-muted);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.civic-side-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.civic-side-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 24px;
  padding: 10px 0;
  border-bottom: 1px solid var(--civic-line);
  color: var(--civic-muted);
  font-size: 11px;
}

.civic-side-list li:last-child {
  border-bottom: 0;
}

.civic-status-dot {
  width: 7px;
  height: 7px;
  margin-top: 4px;
  border-radius: 50%;
  background: var(--civic-green);
}

.civic-alert-dot {
  background: var(--civic-red);
}

.civic-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}

.civic-chip {
  padding: 6px 8px;
  border: 1px solid var(--civic-line);
  color: var(--civic-muted);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.civic-footerline {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 14px;
  padding: 10px 14px;
  border: 1px solid var(--civic-line);
  background: rgba(255,255,255,0.88);
  color: var(--civic-faint);
  font-size: 9px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.punbb table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: transparent !important;
}

.punbb th,
.punbb td {
  border-color: var(--civic-line) !important;
  background: transparent !important;
}

.punbb thead th {
  padding: 10px 12px !important;
  color: var(--civic-faint) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.punbb tbody td {
  padding: 15px 14px !important;
  border-top: 1px solid var(--civic-line) !important;
  vertical-align: middle !important;
}

.punbb .tcl h3,
.punbb .tclcon h3 {
  margin: 0 0 4px !important;
  font-size: 13px !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.punbb .tcl h3 a,
.punbb .tclcon h3 a {
  font-weight: 800 !important;
}

.punbb .tcl .modlist,
.punbb .tclcon .modlist,
.punbb .tcl p,
.punbb .tcr,
.punbb .tc2,
.punbb .tc3 {
  color: var(--civic-muted) !important;
  font-size: 11px !important;
  line-height: 1.5;
}

.punbb .tc2,
.punbb .tc3 {
  color: var(--civic-blue) !important;
  font-size: 18px !important;
  font-family: Commissioner, "Times New Roman", serif !important;
}

.punbb .post {
  overflow: hidden;
  border: 1px solid var(--civic-line) !important;
  background: rgba(255,255,255,0.96) !important;
  box-shadow: 0 12px 34px rgba(50, 72, 96, 0.055);
}

.punbb .post h3 {
  min-height: 34px;
  padding: 10px 18px !important;
  border-bottom: 1px solid var(--civic-line) !important;
  background: linear-gradient(90deg, #f8fafd, #ffffff) !important;
  color: var(--civic-muted) !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.punbb .post-body,
.punbb .postright,
.punbb .post-content {
  background: #ffffff !important;
  color: var(--civic-text) !important;
}

.punbb .post-body .post-box,
.punbb .postright .post-box,
.punbb .post-content .post-box {
  padding: 22px 28px !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
}

.punbb .post-sig,
.punbb .signature {
  margin-top: 22px !important;
  padding-top: 14px !important;
  border-top: 1px solid var(--civic-line) !important;
  color: var(--civic-faint) !important;
  font-size: 11px !important;
}

.punbb .post-links,
.punbb .postlinksb {
  padding: 10px 14px !important;
  border-top: 1px solid var(--civic-line) !important;
  background: #f8fafd !important;
  font-size: 9px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.punbb .post-links ul,
.punbb .postlinksb ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 !important;
  padding: 0 !important;
}

.punbb .post-links li,
.punbb .postlinksb li {
  list-style: none !important;
}

.punbb .post-author,
.punbb .postleft,
.punbb .pa-author {
  background: transparent !important;
}

.punbb .post .post-author,
.punbb .post .postleft {
  width: 220px !important;
  min-width: 220px !important;
  padding: 0 !important;
  border-right: 1px solid var(--civic-line) !important;
  background: linear-gradient(180deg, #f8fafd 0%, #ffffff 100%) !important;
}

.punbb .post-author ul,
.punbb .postleft ul {
  margin: 0 !important;
  padding: 16px 14px !important;
  list-style: none !important;
}

.punbb .post-author .pa-author,
.punbb .postleft .pa-author {
  margin: 0 0 12px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid var(--civic-line) !important;
  text-align: center;
}

.punbb .post-author .pa-author a,
.punbb .postleft .pa-author a {
  display: block;
  color: var(--civic-blue) !important;
  font-family: Commissioner, "Times New Roman", serif !important;
  font-size: 21px !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.punbb .pa-title {
  margin: 0 0 12px !important;
  padding: 6px 8px !important;
  border: 1px solid var(--civic-line) !important;
  background: #fbfdff !important;
  color: var(--civic-faint) !important;
  text-align: center;
  font-size: 8px !important;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.punbb .pa-avatar,
.punbb .post-author li.pa-avatar,
.punbb .postleft li.pa-avatar {
  margin: 0 auto 14px !important;
  padding: 0 !important;
  text-align: center !important;
}

.punbb .pa-avatar img {
  display: block;
  max-width: 170px !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 6px !important;
  border: 1px solid var(--civic-line-dark) !important;
  background: linear-gradient(135deg, #ffffff, #f2f6fb) !important;
  filter: grayscale(18%) contrast(96%) brightness(104%);
  box-shadow: 0 10px 24px rgba(50,72,96,0.08);
}

.punbb .post-author li,
.punbb .postleft li {
  margin: 0 !important;
  padding: 7px 0 !important;
  border-bottom: 1px solid rgba(216,225,236,0.8) !important;
  color: var(--civic-muted) !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

.punbb .post-author li:last-child,
.punbb .postleft li:last-child {
  border-bottom: 0 !important;
}

.punbb .post-author li[class^="pa-fld"],
.punbb .postleft li[class^="pa-fld"] {
  position: relative;
  padding: 8px 8px 8px 10px !important;
  margin-bottom: 5px !important;
  border: 1px solid var(--civic-line) !important;
  background: rgba(248,250,253,0.86) !important;
  color: var(--civic-muted) !important;
}

.punbb .post-author li[class^="pa-fld"]:before,
.punbb .postleft li[class^="pa-fld"]:before {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: -1px;
  width: 3px;
  background: var(--civic-blue-soft);
  opacity: 0.55;
}

.punbb .pa-posts,
.punbb .pa-respect,
.punbb .pa-positive,
.punbb .pa-sex,
.punbb .pa-age,
.punbb .pa-from,
.punbb .pa-reg,
.punbb .pa-last-visit {
  font-size: 9px !important;
  letter-spacing: 0.04em;
}

.punbb .post-author a,
.punbb .postleft a {
  color: var(--civic-blue) !important;
}

.punbb .post-author a:hover,
.punbb .postleft a:hover {
  color: var(--civic-blue-soft) !important;
}

input,
textarea,
select,
button,
.punbb input,
.punbb textarea,
.punbb select {
  box-sizing: border-box;
  border: 1px solid var(--civic-line-dark) !important;
  background: #ffffff !important;
  color: var(--civic-text) !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
}

button,
input[type="submit"],
input[type="button"],
.punbb input[type="submit"],
.punbb input[type="button"] {
  padding: 7px 13px !important;
  background: var(--civic-blue) !important;
  color: #ffffff !important;
  border: 1px solid var(--civic-blue) !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}

.punbb blockquote,
.punbb .quote-box,
.punbb .code-box,
.punbb code,
.punbb pre {
  border: 1px solid var(--civic-line) !important;
  background: #f8fafd !important;
  color: var(--civic-muted) !important;
}

#pun-about,
#pun-debug {
  color: var(--civic-faint) !important;
  font-size: 10px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 980px) {
  .civic-system-top {
    grid-template-columns: 1fr !important;
  }

  .civic-notice {
    grid-row: auto !important;
    min-height: auto !important;
    padding: 28px 28px 26px 108px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--civic-line) !important;
  }

  .civic-stat {
    border-right: 0 !important;
    border-bottom: 1px solid var(--civic-line) !important;
  }

  .civic-stat:last-child {
    border-bottom: 0 !important;
  }

  .civic-layout {
    grid-template-columns: 1fr !important;
  }

  #pun-title:after {
    display: none !important;
  }
}

@media (max-width: 900px) {
  #pun {
    margin: 12px !important;
    width: calc(100% - 24px) !important;
  }

  #pun-title {
    min-height: auto;
    padding: 28px 22px !important;
  }

  #pun-title:before,
    #pun-title:after {
    display: none;
  }
  #pun-title .container {
    padding-left: 0 !important;
  }

  .civic-sector {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .civic-sector mark {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 760px) {
  .punbb .post .post-author,
    .punbb .post .postleft {
    width: auto !important;
    min-width: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--civic-line) !important;
  }

  .punbb .pa-avatar img {
    max-width: 140px !important;
  }
}

#pun-title {
  position: relative !important;
  min-height: 252px !important;
  overflow: hidden !important;
  background: linear-gradient(
      90deg,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.84) 38%,
      rgba(246,249,252,0.58) 68%,
      rgba(246,249,252,0.82) 100%
    ),
    url("https://upforme.ru/uploads/0011/79/36/2/275236.png") center center / cover no-repeat !important;
}

#pun-title .container {
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
}

#pun-title .container {
  background-image: none !important;
}

#pun-title::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(45,69,98,0.05) 1px, transparent 1px),
    linear-gradient(0deg, rgba(45,69,98,0.035) 1px, transparent 1px) !important;
  background-size: 84px 84px, 84px 84px !important;
  opacity: 0.55 !important;
}

#pun-title::after {
  z-index: 3 !important;
}

#pun-navlinks h2,
#pun-navlinks .hn,
#pun-navlinks .heading,

#pun-ulinks h2,
#pun-ulinks .hn,
#pun-ulinks .heading,

#pun-announcement h2,
#pun-announcement .hn,
#pun-announcement .heading,

#pun-status h2,
#pun-status .hn,
#pun-status .heading {
  display: none !important;
}

#pun-navlinks > h2,
#pun-ulinks > h2,
#pun-announcement > h2,
#pun-status > h2 {
  display: none !important;
}

#pun-navlinks,
#pun-ulinks,
#pun-announcement,
#pun-status {
  padding-top: 0 !important;
}

#pun-navlinks .container,
#pun-ulinks .container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

#pun-navlinks ul,
#pun-ulinks ul {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

#pun-navlinks li,
#pun-ulinks li {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#pun-navlinks a,
#pun-ulinks a {
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
}

#pun-navlinks li + li::before,
#pun-ulinks li + li::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 18px;
  margin: 0 18px;
  background: var(--civic-line);
}

#pun-ulinks a.user-icon-link {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  background: transparent !important;
}

#pun-ulinks a.user-icon-link img {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  object-fit: contain !important;
  opacity: 0.78;
  filter: grayscale(8%) contrast(95%);
  transition: 0.18s ease;
}

#pun-ulinks a.user-icon-link:hover img {
  opacity: 1;
  filter: grayscale(0%) contrast(108%);
  transform: translateY(-1px);
}

#pun-ulinks ul {
  gap: 0 !important;
}

#pun-ulinks li + li::before {
  margin: 0 18px !important;
}

#pun-stats {
  margin: 18px 0 !important;
  padding: 0 !important;
  border: 1px solid var(--civic-line) !important;
  background: rgba(255,255,255,0.94) !important;
  box-shadow: none !important;
}

#pun-stats h2,
#pun-stats .hn {
  display: none !important;
}

#pun-stats .container {
  padding: 18px 22px 20px !important;
  background: linear-gradient(90deg, rgba(248,251,254,0.96), rgba(255,255,255,0.88)),
    repeating-linear-gradient(
      90deg,
      rgba(45,69,98,0.025) 0,
      rgba(45,69,98,0.025) 1px,
      transparent 1px,
      transparent 42px
    ) !important;
}

#pun-stats ul {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
  gap: 10px 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#pun-stats li {
  margin: 0 !important;
  list-style: none !important;
  color: var(--civic-muted) !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

#pun-stats li::marker {
  content: "" !important;
}

#pun-stats li:nth-child(-n/**/+4) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border: 1px solid var(--civic-line-dark) !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(244,248,252,0.92)) !important;
  color: var(--civic-blue) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

#pun-stats li:nth-child(-n/**/+4) strong,
#pun-stats li:nth-child(-n/**/+4) b,
#pun-stats li:nth-child(-n/**/+4) a {
  color: var(--civic-blue-deep) !important;
  font-family: Commissioner, "Times New Roman", serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
}

#pun-stats li:nth-child(n/**/+5) {
  grid-column: 1 / -1 !important;
  position: relative !important;
  padding: 9px 0 9px 18px !important;
  border-top: 1px solid rgba(204,215,226,0.85) !important;
  color: var(--civic-muted) !important;
  font-size: 12px !important;
  letter-spacing: 0.02em !important;
}

#pun-stats li:nth-child(n/**/+5)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 17px;
  width: 6px;
  height: 6px;
  border: 1px solid var(--civic-blue-soft);
  background: rgba(98,127,157,0.18);
}

#pun-stats li:nth-child(n/**/+5) a {
  color: var(--civic-blue) !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

#pun-stats li:nth-child(n/**/+5) strong,
#pun-stats li:nth-child(n/**/+5) b {
  color: var(--civic-blue-deep) !important;
  font-weight: 800 !important;
}

#pun-stats a,
#pun-stats li a {
  color: var(--civic-blue) !important;
}

#pun-stats a:hover {
  color: var(--civic-blue-soft) !important;
}

@media (max-width: 900px) {
  #pun-stats ul {
    grid-template-columns: repeat(2, minmax(150px, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  #pun-stats ul {
    grid-template-columns: 1fr !important;
  }
}

#pun-stats {
  margin: 18px 0 !important;
  border: 1px solid var(--civic-line) !important;
  background: rgba(255,255,255,0.94) !important;
}

#pun-stats h2,
#pun-stats .hn {
  display: none !important;
}

#pun-stats .container {
  padding: 18px 20px !important;
  background: linear-gradient(90deg, rgba(248,251,254,0.96), rgba(255,255,255,0.9)) !important;
}

#pun-stats ul {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(170px, 1fr)) !important;
  gap: 10px 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#pun-stats li,
#pun-stats li::marker {
  list-style: none !important;
}

#pun-stats li:nth-child(-n/**/+4) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border: 1px solid var(--civic-line-dark) !important;
  background: rgba(255,255,255,0.74) !important;
  color: var(--civic-blue) !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

#pun-stats .stats-label {
  display: block !important;
  color: var(--civic-blue) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-align: center !important;
}

#pun-stats .stats-value {
  display: block !important;
  min-width: 26px !important;
  color: var(--civic-blue-deep) !important;
  font-family: Commissioner, "Times New Roman", serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  text-align: right !important;
  white-space: nowrap !important;
}

#pun-stats .stats-value a {
  color: var(--civic-blue-deep) !important;
  font-family: Commissioner, "Times New Roman", serif !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

#pun-stats li:nth-child(n/**/+5) {
  grid-column: 1 / -1 !important;
  position: relative !important;
  padding: 10px 0 10px 18px !important;
  border-top: 1px solid rgba(204,215,226,0.9) !important;
  color: var(--civic-muted) !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
}

#pun-stats li:nth-child(n/**/+5)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 17px;
  width: 5px;
  height: 5px;
  border: 1px solid var(--civic-blue-soft);
  background: rgba(98,127,157,0.12);
}

#pun-stats li:nth-child(n/**/+5) b,
#pun-stats li:nth-child(n/**/+5) strong {
  color: var(--civic-blue) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

#pun-stats li:nth-child(n/**/+5) a {
  color: var(--civic-blue) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

#pun-stats li:nth-child(-n/**/+4) b,
#pun-stats li:nth-child(-n/**/+4) strong,
#pun-stats li:nth-child(-n/**/+4) a {
  font-weight: 400 !important;
}

@media (max-width: 900px) {
  #pun-stats ul {
    grid-template-columns: repeat(2, minmax(170px, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  #pun-stats ul {
    grid-template-columns: 1fr !important;
  }
}

#pun-crumbs1,
#pun-crumbs2 {
  display: none !important;
}

#pun-stats li:nth-child(-n/**/+4) {
  font-family: "Segoe UI", Arial, sans-serif !important;
}

#pun-stats .stats-label {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

#pun-stats .stats-value {
  font-family: "Arial", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.25 !important;
  text-transform: none !important;
  color: var(--civic-blue-deep) !important;
}

#pun-stats .stats-value a {
  font-family: "Arial", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: var(--civic-blue-deep) !important;
}

#pun-stats li:nth-child(-n/**/+4) strong,
#pun-stats li:nth-child(-n/**/+4) b,
#pun-stats li:nth-child(-n/**/+4) a,
#pun-stats .stats-value,
#pun-stats .stats-value a {
  font-family: "Arial", Arial, sans-serif !important;
}

#pun-stats ul {
  grid-template-columns: 1fr 1fr 1fr 1.15fr !important;
  gap: 12px 14px !important;
}

#pun-stats li:nth-child(-n/**/+4) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#pun-stats .stats-label {
  display: block !important;
  min-width: 0 !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 0.07em !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: normal !important;
}

#pun-stats .stats-value {
  display: block !important;
  min-width: 18px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

#pun-stats .stats-value a {
  font-size: 9px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

#pun-stats li:nth-child(4) {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

#pun-stats li:nth-child(4) .stats-label {
  font-size: 8.5px !important;
  letter-spacing: 0.06em !important;
  line-height: 1.2 !important;
}

#pun-stats li:nth-child(n/**/+5) {
  grid-column: 1 / -1 !important;
}

@media (max-width: 900px) {
  #pun-stats ul {
    grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  #pun-stats ul {
    grid-template-columns: 1fr !important;
  }
}

#pun-stats li:nth-child(-n/**/+4),
#pun-stats .stats-label,
#pun-stats .stats-value,
#pun-stats .stats-value a,
#pun-stats li:nth-child(-n/**/+4) a,
#pun-stats li:nth-child(-n/**/+4) b,
#pun-stats li:nth-child(-n/**/+4) strong {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 9px !important;
  line-height: 1.25 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

#pun-stats .stats-label {
  font-weight: 600 !important;
  color: var(--civic-blue) !important;
  text-align: center !important;
}

#pun-stats .stats-value {
  font-weight: 400 !important;
  color: var(--civic-blue-deep) !important;
  text-align: right !important;
}

#pun-stats .stats-value a,
#pun-stats li:nth-child(-n/**/+4) a {
  font-weight: 700 !important;
  color: var(--civic-blue-deep) !important;
  white-space: nowrap !important;
}

#pun-stats li:nth-child(4) {
  grid-template-columns: minmax(0, 1fr) minmax(0, auto) !important;
}

#pun-stats li:nth-child(4) .stats-value,
#pun-stats li:nth-child(4) .stats-value a {
  font-size: 9px !important;
  max-width: 140px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#pun-stats li:nth-child(4) {
  grid-template-columns: minmax(0, 1fr) minmax(90px, 1.2fr) !important;
  min-height: 44px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

#pun-stats li:nth-child(4) .stats-value {
  max-width: none !important;
  min-width: 0 !important;
  width: 100% !important;
  overflow: visible !important;
  text-overflow: unset !important;
  text-align: left !important;
  white-space: normal !important;
}

#pun-stats li:nth-child(4) .stats-value a,
#pun-stats li:nth-child(4) a {
  display: inline !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: unset !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  font-size: 8.5px !important;
  line-height: 1.25 !important;
}

#pun-status .container {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 18px !important;
}

.civic-session-line {
  color: var(--civic-muted) !important;
  font-size: 11px !important;
  letter-spacing: 0.04em !important;
}

.civic-session-line b {
  color: var(--civic-blue) !important;
  font-weight: 700 !important;
}

#pun-index h1,
#pun-index .main h1,
#pun-index #pun-main h1,
#pun-index .main > h1 {
  display: none !important;
}

#pun-index thead,
#pun-index table thead,
.punbb .category thead {
  display: none !important;
}

#pun-index .category table,
.punbb .category table {
  margin-top: 0 !important;
}

#pun-index .category tbody tr:first-child td,
.punbb .category tbody tr:first-child td {
  border-top: 0 !important;
}

hr,
.punbb hr,
#pun hr {
  display: none !important;
  height: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#pun-break1,
#pun-break2,
#pun-break3,
#pun-break4,
.punbb .divider,
.punbb .sepline {
  display: none !important;
  height: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

hr,
.punbb hr,
#pun hr {
  display: none !important;
  height: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#pun-break1,
#pun-break2,
#pun-break3,
#pun-break4,
.punbb .divider,
.punbb .sepline {
  display: none !important;
  height: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#pun-title h1,
#pun-title h1 a,
#pun-title h1 span {
  display: block !important;
  visibility: visible !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #1c2f46 !important;
  font-family: Commissioner, "Times New Roman", serif !important;
  font-size: clamp(64px, 6vw, 110px) !important;
  font-weight: 400 !important;
  line-height: 0.95 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

#pun-title h1 {
  position: relative !important;
  z-index: 3 !important;
  margin-left: 84px !important;
  margin-top: 34px !important;
  max-width: 60% !important;
}

#pun-title h1 a {
  color: #1c2f46 !important;
}

#pun-index > h1,
#pun-index #pun-main > h1,
#pun-index .main > h1 {
  display: none !important;
}

#pun-title h1,
#pun-title h1 a,
#pun-title h1 span {
  display: block !important;
  visibility: visible !important;
  color: #1c2f46 !important;
  font-family: Commissioner, "Times New Roman", serif !important;
  font-size: 70px !important;
  font-weight: 400 !important;
  line-height: 0.95 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

#pun-title h1 {
  position: relative !important;
  z-index: 3 !important;
  margin-left: 70px !important;
  margin-top: 42px !important;
  padding: 0 !important;
  max-width: 620px !important;
}

@media (max-width: 1100px) {
  #pun-title h1,
    #pun-title h1 a,
    #pun-title h1 span {
    font-size: 64px !important;
  }

  #pun-title h1 {
    margin-left: 54px !important;
  }
}

#pun-index .category {
  position: relative !important;
  overflow: visible !important;
}

#pun-index .category:nth-of-type(1)::before {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  margin: 18px 0 18px 0;
  background: linear-gradient(rgba(248,251,254,0.70), rgba(248,251,254,0.70)),
    url("https://upforme.ru/uploads/0011/79/36/2/11079.png") center center / cover no-repeat;
  border: 1px solid var(--civic-line);
  box-sizing: border-box;
}

#pun-index .category:nth-of-type(2)::before {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  margin: 18px 0 18px 0;
  background: linear-gradient(rgba(248,251,254,0.70), rgba(248,251,254,0.70)),
    url("https://upforme.ru/uploads/0011/79/36/2/940319.png") center center / cover no-repeat;
  border: 1px solid var(--civic-line);
  box-sizing: border-box;
}

#pun-index .category:nth-of-type(3)::before {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  margin: 18px 0 18px 0;
  background: linear-gradient(rgba(248,251,254,0.74), rgba(248,251,254,0.74)),
    url("https://upforme.ru/uploads/0011/79/36/2/889758.png") center center / cover no-repeat;
  border: 1px solid var(--civic-line);
  box-sizing: border-box;
}

#pun-index .category:nth-of-type(4)::before {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  margin: 18px 0 18px 0;
  background: linear-gradient(rgba(248,251,254,0.74), rgba(248,251,254,0.74)),
    url("https://upforme.ru/uploads/0011/79/36/2/247967.png") center center / cover no-repeat;
  border: 1px solid var(--civic-line);
  box-sizing: border-box;
}

#pun-index .category:nth-of-type(5)::before {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  margin: 18px 0 18px 0;
  background: linear-gradient(rgba(248,251,254,0.74), rgba(248,251,254,0.74)),
    url("https://upforme.ru/uploads/0011/79/36/2/948155.png") center center / cover no-repeat;
  border: 1px solid var(--civic-line);
  box-sizing: border-box;
}

#pun-index .category:nth-of-type(6)::before {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  margin: 18px 0 18px 0;
  background: linear-gradient(rgba(248,251,254,0.74), rgba(248,251,254,0.74)),
    url("https://upforme.ru/uploads/0011/79/36/2/455068.png") center center / cover no-repeat;
  border: 1px solid var(--civic-line);
  box-sizing: border-box;
}

#pun-index .category:nth-of-type(7)::before {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  margin: 18px 0 18px 0;
  background: linear-gradient(rgba(248,251,254,0.74), rgba(248,251,254,0.74)),
    url("https://upforme.ru/uploads/0011/79/36/2/800367.png") center center / cover no-repeat;
  border: 1px solid var(--civic-line);
  box-sizing: border-box;
}

#pun-index .category:nth-of-type(8)::before {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  margin: 18px 0 18px 0;
  background: linear-gradient(rgba(248,251,254,0.74), rgba(248,251,254,0.74)),
    url("https://upforme.ru/uploads/0011/79/36/2/794315.png") center center / cover no-repeat;
  border: 1px solid var(--civic-line);
  box-sizing: border-box;
}

#pun-index .category h2,
.punbb .category h2 {
  padding: 18px 22px 17px !important;
  color: var(--civic-blue) !important;
  font-family: "Commissioner", "Segoe UI", Arial, sans-serif !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  background: linear-gradient(
      90deg,
      rgba(248,251,254,0.98),
      rgba(255,255,255,0.92)
    ) !important;
  border-bottom: 1px solid var(--civic-line) !important;
}

#pun-index .tcl h3,
#pun-index .tclcon h3,
.punbb .tcl h3,
.punbb .tclcon h3 {
  margin: 0 !important;
  color: var(--civic-blue-deep) !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
}

#pun-index .tcl h3 a,
#pun-index .tclcon h3 a,
.punbb .tcl h3 a,
.punbb .tclcon h3 a {
  color: var(--civic-blue-deep) !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
}

#pun-index .tcl h3 a:hover,
#pun-index .tclcon h3 a:hover {
  color: var(--civic-blue-soft) !important;
}

#pun-index .category table,
.punbb .category table {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

#pun-index .category .tcl,
#pun-index .category .tclcon,
.punbb .category .tcl,
.punbb .category .tclcon {
  width: auto !important;
  padding-left: 78px !important;
  padding-right: 18px !important;
}

#pun-index .category .tc2,
.punbb .category .tc2 {
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
  vertical-align: middle !important;
}

#pun-index .category .tc3,
.punbb .category .tc3 {
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
  vertical-align: middle !important;
}

#pun-index .category .tcr,
.punbb .category .tcr {
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  text-align: left !important;
  vertical-align: middle !important;
}

#pun-index .category .tc2,
#pun-index .category .tc3,
.punbb .category .tc2,
.punbb .category .tc3 {
  color: var(--civic-blue-deep) !important;
  font-family: Commissioner, "Times New Roman", serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  font-variant-numeric: tabular-nums !important;
}

#pun-index .category tbody tr,
.punbb .category tbody tr {
  height: 58px !important;
}

#pun-index .category tbody td,
.punbb .category tbody td {
  vertical-align: middle !important;
}

#pun-index .tcl,
#pun-index .tclcon,
.punbb .tcl,
.punbb .tclcon {
  vertical-align: middle !important;
}

#pun-index .tcl p,
#pun-index .tclcon p,
.punbb .tcl p,
.punbb .tclcon p {
  margin-top: 5px !important;
  color: var(--civic-muted) !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

#pun-index .category h2,
.punbb .category h2 {
  text-align: center !important;
  justify-content: center !important;
  padding: 18px 22px !important;
  font-family: "Commissioner", "Segoe UI", Arial, sans-serif !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  background: linear-gradient(
      90deg,
      rgba(248,251,254,0.98),
      rgba(255,255,255,0.92)
    ) !important;
  border-bottom: 1px solid var(--civic-line) !important;
}

#pun-index .category h2 span,
#pun-index .category h2 a,
#pun-index .category h2,
.punbb .category h2 span,
.punbb .category h2 a {
  background: linear-gradient(
  90deg,
  #2d4562 0%,
  #8aa4bf 50%,
  #2d4562 100%
) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

#pun-index .tcl h3,
#pun-index .tclcon h3,
.punbb .tcl h3,
.punbb .tclcon h3 {
  margin: 0 0 4px !important;
  font-family: "Commissioner", "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.095em !important;
  text-transform: uppercase !important;
}

#pun-index .tcl h3 a,
#pun-index .tclcon h3 a,
.punbb .tcl h3 a,
.punbb .tclcon h3 a {
  color: var(--civic-blue-deep) !important;
  font-family: "Commissioner", "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.095em !important;
  text-transform: uppercase !important;
}

#pun-index .tcl h3 a:hover,
#pun-index .tclcon h3 a:hover,
.punbb .tcl h3 a:hover,
.punbb .tclcon h3 a:hover {
  color: var(--civic-blue-soft) !important;
}

#pun-index .tcl p,
#pun-index .tclcon p,
.punbb .tcl p,
.punbb .tclcon p,
.punbb .tcl .modlist,
.punbb .tclcon .modlist {
  margin-top: 5px !important;
  color: var(--civic-muted) !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.025em !important;
  text-transform: none !important;
}

#pun-index .category .tc2,
#pun-index .category .tc3,
.punbb .category .tc2,
.punbb .category .tc3 {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  color: var(--civic-blue-deep) !important;
  font-family: "Commissioner", "Segoe UI", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-align: center !important;
  vertical-align: middle !important;
  font-variant-numeric: tabular-nums !important;
  font-feature-settings: "tnum" 1 !important;
}

#pun-index .category tbody td.tc2,
#pun-index .category tbody td.tc3,
.punbb .category tbody td.tc2,
.punbb .category tbody td.tc3 {
  text-align: center !important;
}

#pun-index .category .tcr,
.punbb .category .tcr {
  color: var(--civic-muted) !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.02em !important;
}

#pun-index .category .tcr a,
.punbb .category .tcr a {
  color: var(--civic-blue) !important;
  font-weight: 500 !important;
}

#pun-index .category table,
.punbb .category table {
  border-collapse: separate !important;
  border-spacing: 0 6px !important;
}

#pun-index .category tbody tr td,
.punbb .category tbody tr td {
  background: rgba(252, 253, 255, 0.92) !important;
  border-top: 1px solid rgba(194, 208, 223, 0.8) !important;
  border-bottom: 1px solid rgba(194, 208, 223, 0.8) !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

#pun-index .category tbody tr td:first-child,
.punbb .category tbody tr td:first-child {
  border-left: 1px solid rgba(194, 208, 223, 0.8) !important;
}

#pun-index .category tbody tr td:last-child,
.punbb .category tbody tr td:last-child {
  border-right: 1px solid rgba(194, 208, 223, 0.8) !important;
}

#pun-index .category tbody tr:hover td,
.punbb .category tbody tr:hover td {
  background: rgba(246, 250, 255, 0.98) !important;
  transition: 0.2s ease !important;
}

#pun-index .category tbody tr td:first-child,
.punbb .category tbody tr td:first-child {
  position: relative !important;
}

#pun-index .category tbody tr td:first-child::before,
.punbb .category tbody tr td:first-child::before {
  content: "";
  position: absolute;
  left: 22px;
  top: 50%;
  width: 18px;
  height: 1px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, #90a8c2 0%, #d9e3ee 100%);
  opacity: 0.8;
}

#pun-index .category tbody tr td,
.punbb .category tbody tr td {
  transition: background-color 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease !important;
}

#pun-index .category tbody tr:hover td,
.punbb .category tbody tr:hover td {
  background: rgba(214, 225, 237, 0.72) !important;
  border-top-color: rgba(137, 158, 181, 0.85) !important;
  border-bottom-color: rgba(137, 158, 181, 0.85) !important;
  box-shadow: inset 0 0 24px rgba(40, 62, 86, 0.08) !important;
}

#pun-index .category tbody tr:hover .tcl h3 a,
#pun-index .category tbody tr:hover .tclcon h3 a,
.punbb .category tbody tr:hover .tcl h3 a,
.punbb .category tbody tr:hover .tclcon h3 a {
  color: #17283d !important;
}

#pun-index .category tbody tr:hover .tc2,
#pun-index .category tbody tr:hover .tc3,
.punbb .category tbody tr:hover .tc2,
.punbb .category tbody tr:hover .tc3 {
  color: #17283d !important;
}

#pun-index .category tbody tr:hover .tcr,
.punbb .category tbody tr:hover .tcr {
  color: #25384d !important;
}

#pun-index .category tbody tr:hover td:first-child::before,
.punbb .category tbody tr:hover td:first-child::before {
  width: 28px !important;
  background: linear-gradient(90deg, #2d4562 0%, #8aa4bf 100%) !important;
  opacity: 1 !important;
  transition: 0.25s ease !important;
}

#pun-index .category,
.punbb .category {
  border-radius: 8px !important;
  overflow: hidden !important;
}

#pun-index .category h2,
.punbb .category h2 {
  border-radius: 8px 8px 0 0 !important;
}

#pun-index .category tbody tr td:first-child,
.punbb .category tbody tr td:first-child {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

#pun-index .category tbody tr td:last-child,
.punbb .category tbody tr td:last-child {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

#pun-index .category:nth-of-type(2)::before,
#pun-index .category:nth-of-type(3)::before,
#pun-index .category:nth-of-type(4)::before,
#pun-index .category:nth-of-type(5)::before,
#pun-index .category:nth-of-type(6)::before,
#pun-index .category:nth-of-type(7)::before,
#pun-index .category:nth-of-type(8)::before,
#pun-index .category:nth-of-type(9)::before {
  border-radius: 8px !important;
  overflow: hidden !important;
}

#pun-stats li,
.stat-box,
#pun-online .container,
#pun-status .container {
  border-radius: 8px !important;
}

#pun-index .category tbody tr:first-child td,
.punbb .category tbody tr:first-child td {
  border-top: 1px solid rgba(194, 208, 223, 0.95) !important;
}

#pun-index .category,
#pun-index .category .container,
#pun-index .category table,
#pun-index .category tbody,
.punbb .category,
.punbb .category .container,
.punbb .category table,
.punbb .category tbody {
  background: transparent !important;
}

#pun-index .category tbody tr td,
.punbb .category tbody tr td {
  background: rgba(252, 253, 255, 0.88) !important;
}

#pun-index .category tbody tr td:first-child::before,
.punbb .category tbody tr td:first-child::before {
  left: 24px !important;
  width: 28px !important;
  transition: width 0.28s ease, opacity 0.28s ease, background 0.28s ease !important;
}

#pun-index .category tbody tr:hover td:first-child::before,
.punbb .category tbody tr:hover td:first-child::before {
  width: 110px !important;
  background: linear-gradient(
    90deg,
    rgba(45, 69, 98, 0.95) 0%,
    rgba(138, 164, 191, 0.65) 65%,
    rgba(138, 164, 191, 0) 100%
  ) !important;
  opacity: 1 !important;
}

#pun-index .category,
.punbb .category {
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(194, 208, 223, 0.95) !important;
  background: rgba(255,255,255,0.36) !important;
}

#pun-index .category .container,
.punbb .category .container {
  border-radius: inherit !important;
  overflow: hidden !important;
  background: transparent !important;
}

#pun-index .category::before,
.punbb .category::before {
  border-radius: 10px 10px 0 0 !important;
  overflow: hidden !important;
}

#pun-index .category h2,
.punbb .category h2 {
  border-radius: 0 !important;
}

#pun-index .category h2:first-child,
.punbb .category h2:first-child {
  border-radius: 10px 10px 0 0 !important;
}

#pun-index .category table,
.punbb .category table {
  border-radius: 0 0 10px 10px !important;
  overflow: hidden !important;
}

#pun-index .category tbody tr:last-child td:first-child,
.punbb .category tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px !important;
}

#pun-index .category tbody tr:last-child td:last-child,
.punbb .category tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px !important;
}

#pun-index .category::before,
.punbb .category::before {
  border-radius: 10px !important;
}

#pun-index .category,
#pun-index .category .container,
#pun-index .category table,
#pun-index .category tbody,
.punbb .category,
.punbb .category .container,
.punbb .category table,
.punbb .category tbody {
  background: rgba(220, 229, 238, 0.55) !important;
}

.civic-new-signal {
  position: relative !important;
  display: inline-block !important;
  width: 13px !important;
  height: 13px !important;
  margin-left: 7px !important;
  vertical-align: -2px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(88, 116, 145, 0.85) !important;
  background: radial-gradient(circle at center,
      rgba(255,255,255,0.95) 0%,
      rgba(255,255,255,0.95) 18%,
      rgba(112,139,168,0.95) 20%,
      rgba(112,139,168,0.95) 42%,
      rgba(112,139,168,0.16) 44%,
      rgba(112,139,168,0.16) 100%
    ) !important;
  box-shadow: 0 0 0 0 rgba(112,139,168,0.45),
    0 0 8px rgba(112,139,168,0.35) !important;
  animation: civicNewPulse 2.2s ease-in-out infinite !important;
}

.civic-new-signal::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(255,255,255,0.95);
  opacity: 0.9;
}

@keyframes civicNewPulse {
  0%, 100% {
    opacity: 0.55;
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(112,139,168,0.35),
        0 0 7px rgba(112,139,168,0.25);
  }

  50% {
    opacity: 1;
    transform: scale(1.14);
    box-shadow: 0 0 0 5px rgba(112,139,168,0.08),
        0 0 12px rgba(112,139,168,0.42);
  }
}

#pun-title {
  position: relative !important;
  overflow: hidden !important;
}

.civic-header-hud {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  color: rgba(55, 78, 104, 0.48) !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

#pun-title h1,
#pun-title h1 a,
#pun-title h1 span {
  position: relative !important;
  z-index: 5 !important;
}

.hud-dots {
  position: absolute;
  top: 22px;
  left: 34px;
  display: flex;
  gap: 7px;
}

.hud-dots span {
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(64, 88, 116, 0.42);
  animation: hudDotPulse 4s ease-in-out infinite;
}

.hud-dots span:nth-child(2) {
  animation-delay: 0.4s;
}

.hud-dots span:nth-child(3) {
  animation-delay: 0.8s;
}

.hud-dots span:nth-child(4) {
  animation-delay: 1.2s;
}

.hud-id {
  position: absolute;
  top: 34px;
  left: 118px;
  font-size: 8px;
  font-weight: 700;
  line-height: 1.8;
  opacity: 0.52;
}

.hud-cam {
  position: absolute;
  top: 42px;
  right: 300px;
  font-size: 8px;
  font-weight: 700;
  line-height: 1.7;
  opacity: 0.48;
}

.hud-status {
  position: absolute;
  top: 38px;
  right: 54px;
  font-size: 8px;
  font-weight: 800;
  line-height: 1.95;
  text-align: left;
  opacity: 0.5;
}

.hud-cross {
  position: absolute;
  width: 18px;
  height: 18px;
  opacity: 0.45;
}

.hud-cross::before,
.hud-cross::after {
  content: "";
  position: absolute;
  background: rgba(70, 96, 124, 0.5);
}

.hud-cross::before {
  left: 8px;
  top: 0;
  width: 1px;
  height: 18px;
}

.hud-cross::after {
  left: 0;
  top: 8px;
  width: 18px;
  height: 1px;
}

.hud-cross-1 {
  left: 58px;
  bottom: 44px;
}

.hud-cross-2 {
  right: 208px;
  bottom: 52px;
}

.hud-cross-3 {
  right: 82px;
  top: 104px;
}

.hud-barcode {
  position: absolute;
  right: 58px;
  bottom: 28px;
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 18px;
  opacity: 0.42;
}

.hud-barcode span {
  display: block;
  width: 2px;
  background: rgba(55, 78, 104, 0.72);
}

.hud-barcode span:nth-child(1) {
  height: 8px;
}

.hud-barcode span:nth-child(2) {
  height: 15px;
}

.hud-barcode span:nth-child(3) {
  height: 11px;
}

.hud-barcode span:nth-child(4) {
  height: 18px;
}

.hud-barcode span:nth-child(5) {
  height: 7px;
}

.hud-barcode span:nth-child(6) {
  height: 14px;
}

.hud-barcode span:nth-child(7) {
  height: 10px;
}

.hud-barcode span:nth-child(8) {
  height: 18px;
}

.hud-barcode span:nth-child(9) {
  height: 12px;
}

.hud-barcode span:nth-child(10) {
  height: 6px;
}

.hud-scan {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -8%;
  width: 90px;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(130, 154, 180, 0.08) 45%,
    rgba(255,255,255,0.26) 50%,
    rgba(130, 154, 180, 0.08) 55%,
    rgba(255,255,255,0) 100%
  );
  opacity: 0.65;
  animation: hudScanMove 16s linear infinite;
}

@keyframes hudScanMove {
  0% {
    left: -12%;
  }

  100% {
    left: 112%;
  }
}

@keyframes hudDotPulse {
  0%, 100% {
    opacity: 0.25;
    transform: scale(1);
  }

  50% {
    opacity: 0.85;
    transform: scale(1.25);
  }
}

#pun-title {
  position: relative !important;
  overflow: hidden !important;
}

.civic-spotlight {
  position: absolute !important;
  left: 72px !important;
  bottom: 28px !important;
  z-index: 8 !important;
  display: grid !important;
  grid-template-columns: auto auto auto !important;
  align-items: center !important;
  gap: 18px !important;
  max-width: calc(100% - 160px) !important;
  pointer-events: auto !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  color: #1f344d !important;
}

.civic-spotlight::before {
  content: "";
  position: absolute;
  left: -42px;
  right: -42px;
  top: 50%;
  z-index: -1;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(92, 119, 148, 0) 0%,
    rgba(92, 119, 148, 0.42) 18%,
    rgba(92, 119, 148, 0.26) 70%,
    rgba(92, 119, 148, 0) 100%
  );
}

.civic-spotlight-episode,
.civic-spotlight-best {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(180, 198, 216, 0.72) !important;
  background: rgba(248, 251, 254, 0.62) !important;
  backdrop-filter: blur(3px) !important;
  border-radius: 9px !important;
  box-shadow: inset 0 0 18px rgba(120, 145, 170, 0.08),
    0 8px 24px rgba(60, 78, 96, 0.06) !important;
}

.civic-spotlight-episode span,
.civic-spotlight-best span {
  color: rgba(74, 96, 120, 0.78) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.civic-spotlight-episode b,
.civic-spotlight-best b {
  color: #1d3046 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.civic-spotlight-avatars {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.civic-avatar-slot {
  position: relative !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(162, 184, 207, 0.92) !important;
  background: linear-gradient(
      135deg,
      rgba(255,255,255,0.76),
      rgba(215,226,237,0.54)
    ) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.52),
    0 0 0 1px rgba(255,255,255,0.32),
    0 8px 18px rgba(48, 64, 82, 0.12) !important;
}

.civic-avatar-slot::before {
  content: "";
  position: absolute;
  inset: 3px;
  z-index: 2;
  border: 1px dashed rgba(66, 91, 118, 0.58);
  border-radius: 7px;
  pointer-events: none;
}

.civic-avatar-slot::after {
  content: "";
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 3;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(93, 125, 158, 0.8);
  box-shadow: 0 0 8px rgba(93, 125, 158, 0.45);
}

.civic-avatar-slot img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: grayscale(20%) contrast(0.95) brightness(1.05) saturate(0.75) !important;
}

.civic-avatar-slot span {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(54, 78, 104, 0.72) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
}

.civic-avatar-slot::after {
  animation: civicAvatarPing 2.8s ease-in-out infinite;
}

.civic-avatar-slot:nth-child(2)::after {
  animation-delay: 0.5s;
}

.civic-avatar-slot:nth-child(3)::after {
  animation-delay: 1s;
}

@keyframes civicAvatarPing {
  0%, 100% {
    opacity: 0.35;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.28);
  }
}

@media (max-width: 1100px) {
  .civic-spotlight {
    left: 44px !important;
    bottom: 22px !important;
    gap: 10px !important;
  }

  .civic-avatar-slot {
    width: 36px !important;
    height: 36px !important;
  }

  .civic-spotlight-episode b,
    .civic-spotlight-best b {
    font-size: 10px !important;
  }
}

#pun-title {
  position: relative !important;
  overflow: hidden !important;
}

.civic-header-panel {
  position: absolute !important;
  right: 105px !important;
  top: 58px !important;
  z-index: 9 !important;
  width: 300px !important;
  height: 116px !important;
  padding: 16px 18px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(170, 190, 210, 0.72) !important;
  background: linear-gradient(
      135deg,
      rgba(248,251,254,0.44),
      rgba(226,235,244,0.22)
    ) !important;
  backdrop-filter: blur(2px) !important;
  color: rgba(45, 68, 94, 0.68) !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.11em !important;
  pointer-events: none !important;
}

.civic-header-panel::before {
  content: "";
  position: absolute;
  left: 126px;
  top: -12px;
  width: 1px;
  height: 160px;
  background: rgba(150, 170, 192, 0.32);
  transform: rotate(38deg);
}

.civic-header-panel::after {
  content: "";
  position: absolute;
  right: 42px;
  bottom: 28px;
  width: 18px;
  height: 18px;
  background: linear-gradient(rgba(80,105,132,0.38), rgba(80,105,132,0.38)) center / 1px 100% no-repeat,
    linear-gradient(rgba(80,105,132,0.38), rgba(80,105,132,0.38)) center / 100% 1px no-repeat;
  opacity: 0.55;
}

.chp-top,
.chp-bottom {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 8px !important;
  line-height: 1 !important;
}

.chp-top b,
.chp-bottom b {
  font-weight: 700 !important;
  color: rgba(28, 47, 70, 0.62) !important;
}

.chp-main {
  margin-top: 16px !important;
}

.chp-main span {
  display: block !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(80, 105, 132, 0.58) !important;
}

.chp-main b {
  display: block !important;
  margin-top: 6px !important;
  font-size: 8px !important;
  font-weight: 600 !important;
  color: rgba(28, 47, 70, 0.58) !important;
}

.chp-grid {
  position: absolute;
  left: 18px;
  bottom: 34px;
  display: grid;
  grid-template-columns: repeat(5, 5px);
  gap: 5px;
}

.chp-grid i {
  display: block;
  width: 5px;
  height: 5px;
  border: 1px solid rgba(90, 118, 148, 0.52);
  background: rgba(255,255,255,0.34);
  animation: chpBlink 4s ease-in-out infinite;
}

.chp-grid i:nth-child(2) {
  animation-delay: .4s;
}

.chp-grid i:nth-child(3) {
  animation-delay: .8s;
}

.chp-grid i:nth-child(4) {
  animation-delay: 1.2s;
}

.chp-grid i:nth-child(5) {
  animation-delay: 1.6s;
}

.chp-line {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  height: 4px;
  background: rgba(160, 180, 200, 0.24);
  overflow: hidden;
}

.chp-line span {
  display: block;
  width: 42%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(80, 105, 132, 0.32),
    rgba(80, 105, 132, 0.72)
  );
  animation: chpLoad 7s ease-in-out infinite;
}
.chp-bottom {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 6px;
}

@keyframes chpBlink {
  0%, 100% {
    opacity: 0.35;
  }

  50% {
    opacity: 0.95;
  }
}

@keyframes chpLoad {
  0%, 100% {
    width: 36%;
  }

  50% {
    width: 68%;
  }
}

#pun-index .category,
.punbb .category {
  position: relative !important;
}

#pun-index .category::after {
  position: absolute !important;
  z-index: 5 !important;
  left: 26px !important;
  top: 28px !important;
  white-space: pre !important;
  pointer-events: none !important;
  font-family: "Unbounded", "Segoe UI", Arial, sans-serif !important;
  font-size: 8px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(53, 78, 106, 0.58) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.65) !important;
}

#pun-index .category h2,
.punbb .category h2 {
  position: relative !important;
}

#pun-index .category h2::before {
  position: absolute !important;
  z-index: 8 !important;
  right: 26px !important;
  top: -118px !important;
  white-space: pre !important;
  pointer-events: none !important;
  font-family: "Unbounded", "Segoe UI", Arial, sans-serif !important;
  font-size: 8px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  letter-spacing: 0.15em !important;
  text-align: right !important;
  text-transform: uppercase !important;
  color: rgba(53, 78, 106, 0.52) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.7) !important;
}

#pun-index .category h2::after {
  content: "" !important;
  position: absolute !important;
  z-index: 8 !important;
  right: 28px !important;
  top: -50px !important;
  width: 170px !important;
  height: 18px !important;
  pointer-events: none !important;
  background: linear-gradient(
      90deg,
      rgba(63, 89, 118, 0) 0%,
      rgba(63, 89, 118, 0.38) 38%,
      rgba(63, 89, 118, 0.14) 100%
    ),
    repeating-linear-gradient(
      90deg,
      rgba(63, 89, 118, 0.48) 0 2px,
      transparent 2px 7px
    ) !important;
  opacity: 0.55 !important;
}

#pun-index .category .container::before,
.punbb .category .container::before {
  content: "+" !important;
  position: absolute !important;
  z-index: 6 !important;
  left: 48% !important;
  top: 52px !important;
  pointer-events: none !important;
  color: rgba(67, 94, 124, 0.34) !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
}

#pun-index .category .container::after,
.punbb .category .container::after {
  content: "+" !important;
  position: absolute !important;
  z-index: 6 !important;
  right: 16% !important;
  top: 76px !important;
  pointer-events: none !important;
  color: rgba(67, 94, 124, 0.28) !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
}

#pun-index .category:nth-of-type(1)::after {
  content: "001.CTR // COORDINATION NODE\A PROTOCOL: ORDER ACTIVE\A GRID SYNC: 884-21" !important;
}

#pun-index .category:nth-of-type(1) h2::before {
  content: "CAM 04A // LAYER 01\A 14:27:03\A ACCESS VERIFIED" !important;
}

#pun-index .category:nth-of-type(2)::after {
  content: "002.ADM // INTERNAL CONTOUR\A REQUEST CHANNEL OPEN\A FORM SEQ: 17-04" !important;
}

#pun-index .category:nth-of-type(2) h2::before {
  content: "NODE 02 // REGISTRY\A STATUS: STABLE\A INPUT ACCEPTED" !important;
}

#pun-index .category:nth-of-type(3)::after {
  content: "003.DVT // DEVIATION MAP\A SCENARIO FAULT TRACE\A RISK INDEX: LOW" !important;
}

#pun-index .category:nth-of-type(3) h2::before {
  content: "SCAN ROUTE // 003\A ANOMALY: WATCHED\A CRC: 8F-21" !important;
}

#pun-index .category:nth-of-type(4)::after {
  content: "004.INT // INNER CIRCUIT\A PERSONAL RECORDS LOCKED\A MEMORY CACHE: ON" !important;
}

#pun-index .category:nth-of-type(4) h2::before {
  content: "ARCHIVE LAYER // B\A USER TRACE: CLEAN\A OBSERVATION OK" !important;
}

#pun-index .category:nth-of-type(5)::after {
  content: "005.DFR // DEAD FREQUENCY\A SIGNAL LOSS REGISTERED\A SILENCE BAND: OPEN" !important;
}

#pun-index .category:nth-of-type(5) h2::before {
  content: "NOISE LEVEL: NULL\A CHANNEL 05 // MUTED\A TRACE: FAINT" !important;
}

#pun-index .category:nth-of-type(6)::after {
  content: "006.OFF // OUT OF PROTOCOL\A TEST FIELD ENABLED\A BLIND ZONE: PARTIAL" !important;
}

#pun-index .category:nth-of-type(6) h2::before {
  content: "FIELD CHECK // 06\A PERMISSION: LIMITED\A ROUTE UNKNOWN" !important;
}

#pun-index .category:nth-of-type(7)::after {
  content: "007.EXT // OUTER CHANNEL\A PERIMETER SIGNAL ACTIVE\A LINK STATUS: ALIGNED" !important;
}

#pun-index .category:nth-of-type(7) h2::before {
  content: "BORDER NODE // 07\A CONTACT VERIFIED\A OUTBOUND OK" !important;
}

#pun-index .category:nth-of-type(8)::after {
  content: "008.ARC // SYSTEM ARCHIVE\A CLOSED RECORD INDEX\A STORAGE CYCLE: 2184" !important;
}

#pun-index .category:nth-of-type(8) h2::before {
  content: "ARCHIVE VAULT // 08\A RETENTION: ACTIVE\A ENTRY SEALED" !important;
}

#pun-index .category::after,
#pun-index .category h2::before,
#pun-index .category h2::after {
  animation: civicBannerFlicker 6.5s ease-in-out infinite !important;
}

#pun-index .category:nth-of-type(2)::after,
#pun-index .category:nth-of-type(2) h2::before {
  animation-delay: .4s !important;
}

#pun-index .category:nth-of-type(3)::after,
#pun-index .category:nth-of-type(3) h2::before {
  animation-delay: .8s !important;
}

#pun-index .category:nth-of-type(4)::after,
#pun-index .category:nth-of-type(4) h2::before {
  animation-delay: 1.2s !important;
}

#pun-index .category:nth-of-type(5)::after,
#pun-index .category:nth-of-type(5) h2::before {
  animation-delay: 1.6s !important;
}

#pun-index .category:nth-of-type(6)::after,
#pun-index .category:nth-of-type(6) h2::before {
  animation-delay: 2s !important;
}

#pun-index .category:nth-of-type(7)::after,
#pun-index .category:nth-of-type(7) h2::before {
  animation-delay: 2.4s !important;
}

#pun-index .category:nth-of-type(8)::after,
#pun-index .category:nth-of-type(8) h2::before {
  animation-delay: 2.8s !important;
}

@keyframes civicBannerFlicker {
  0%, 100% {
    opacity: 0.62;
  }

  50% {
    opacity: 0.92;
  }
}

#pun-index .tcl h3 {
  display: flex !important;
  align-items: center;
  width: 100%;
  gap: 18px;
}

#pun-index .tcl h3 a {
  white-space: nowrap;
}

#pun-index .tcl h3:after {
  content: "";
  display: block;
  flex: 1;
  border-bottom: 1px dashed #c4d2df;
  opacity: 0.9;
}

#pun-index .tcl .tclcon {
  font-size: 11px !important;
  line-height: 1.45 !important;
}

#pun-index .tcl .tclcon h3,
#pun-index .tcl .tclcon h3 a {
  font-size: 11px !important;
  line-height: 1.3 !important;
  letter-spacing: 1.5px;
}

#pun-index .tcl .tclcon {
  font-size: 11px !important;
  line-height: 1.45 !important;
}

#pun-index .tcl .tclcon h3,
#pun-index .tcl .tclcon h3 a {
  font-size: 12px !important;
  line-height: 1.3 !important;
  letter-spacing: 1.6px;
}

#pun-viewforum {
  background: #eef4f9;
}

#pun-viewforum .main,
#pun-viewforum .main .container {
  background: #eef4f9 !important;
  border: none !important;
  box-shadow: none !important;
}

#pun-viewforum h1,
#pun-viewforum h2 {
  margin: 18px 0 18px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  font-family: Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.8px !important;
  color: #29415d !important;
}

#pun-viewforum .linkst,
#pun-viewforum .linksb,
#pun-viewforum .pagelink,
#pun-viewforum .postlink {
  background: transparent !important;
  border: none !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #29415d !important;
}

#pun-viewforum .linkst a,
#pun-viewforum .linksb a,
#pun-viewforum .pagelink a,
#pun-viewforum .postlink a {
  font-size: 11px !important;
  text-decoration: none !important;
  color: #29415d !important;
}

#pun-viewforum table {
  width: 100% !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: transparent !important;
  border: none !important;
}

#pun-viewforum thead,
#pun-viewforum table th {
  display: none !important;
}

#pun-viewforum tbody tr {
  background: transparent !important;
  border-top: 1px solid rgba(136, 158, 181, 0.35) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6) !important;
}

#pun-viewforum tbody td {
  padding: 18px 14px !important;
  background: transparent !important;
  border: none !important;
  vertical-align: middle !important;
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  color: #263d56 !important;
  letter-spacing: normal !important;
}

#pun-viewforum .tcl {
  width: auto !important;
}

#pun-viewforum .tcl a {
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: normal !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  text-decoration: none !important;
  color: #1f3854 !important;
}

#pun-viewforum .tcl a:hover {
  color: #5d7897 !important;
}

#pun-viewforum .tcl .icon,
#pun-viewforum .icon {
  opacity: 0.45 !important;
}

#pun-viewforum .tcl span,
#pun-viewforum .tcl small {
  font-size: 10px !important;
  color: #6c7f93 !important;
}

#pun-viewforum .tc2,
#pun-viewforum .tc3 {
  width: 70px !important;
  text-align: center !important;
  font-size: 11px !important;
  color: #0e2844 !important;
}

#pun-viewforum .tcr {
  width: 300px !important;
  text-align: left !important;
  font-size: 10px !important;
  color: #52687e !important;
}

#pun-viewforum .tcr a {
  font-size: 10px !important;
  text-decoration: none !important;
  color: #29415d !important;
}

#pun-viewforum .tcr strong,
#pun-viewforum .tcr b {
  font-size: 10px !important;
  color: #7f654f !important;
}

#pun-viewforum .tcr img {
  width: 34px !important;
  height: 34px !important;
  object-fit: cover !important;
  border-radius: 7px !important;
  border: 1px solid rgba(84, 111, 140, 0.35) !important;
  padding: 2px !important;
  background: #f7fbff !important;
}

#pun-viewforum .modmenu,
#pun-viewforum .subscribelink,
#pun-viewforum .crumbs {
  background: transparent !important;
  border: none !important;
  font-size: 10px !important;
  color: #587087 !important;
}

#pun-viewforum .modmenu a,
#pun-viewforum .subscribelink a,
#pun-viewforum .crumbs a {
  font-size: 10px !important;
  text-decoration: none !important;
  color: #29415d !important;
}

#pun-crumbs1,
#pun-crumbs2 {
  margin: 12px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.7px !important;
  color: #71869c !important;
}

#pun-crumbs1 a,
#pun-crumbs2 a {
  font-size: 10px !important;
  text-decoration: none !important;
  color: #29415d !important;
  font-weight: bold !important;
}

#pun-viewforum .blocktable,
#pun-viewforum .block,
#pun-viewforum .box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#pun-viewforum .main h2,
#pun-viewforum .main .conr,
#pun-viewforum .main .linkst + h2 {
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: bold !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #29415d !important;
}

#pun-viewforum {
  background: #edf3f8;
}

#pun-viewforum .block,
#pun-viewforum .box,
#pun-viewforum .main,
#pun-viewforum .main .container,
#pun-viewforum .blocktable {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#pun-crumbs1,
#pun-crumbs2 {
  margin: 10px 0 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  color: #7d8ea0 !important;
}

#pun-crumbs1 a,
#pun-crumbs2 a {
  color: #4c6787 !important;
  text-decoration: none !important;
  font-weight: bold !important;
}

#pun-viewforum .linkst,
#pun-viewforum .linksb {
  margin: 0 0 12px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  font-size: 11px !important;
  color: #54697f !important;
}

#pun-viewforum .pagelink {
  font-size: 11px !important;
  color: #54697f !important;
}

#pun-viewforum .postlink {
  display: flex !important;
  gap: 8px;
  align-items: center;
}

#pun-viewforum .postlink a {
  display: inline-block !important;
  padding: 4px 10px !important;
  border-radius: 12px !important;
  background: #5a7696 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 10px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
}

#pun-viewforum .main h2 {
  margin: 0 0 10px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.4px !important;
  color: #48617f !important;
}

#pun-viewforum .blocktable .box {
  background: #f7fbff !important;
  border: 1px solid #d9e5f0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

#pun-viewforum table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: transparent !important;
}

#pun-viewforum thead,
#pun-viewforum thead tr,
#pun-viewforum thead th {
  display: none !important;
}

#pun-viewforum tbody tr {
  background: transparent !important;
}

#pun-viewforum tbody tr:not(:last-child) td {
  border-bottom: 1px solid rgba(180, 198, 214, 0.35) !important;
}

#pun-viewforum tbody td {
  padding: 14px 10px !important;
  vertical-align: middle !important;
  background: transparent !important;
  border-left: none !important;
  border-right: none !important;
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  color: #48617f !important;
}

#pun-viewforum .tcl {
  padding-left: 16px !important;
  width: auto !important;
}

#pun-viewforum .tcl .icon {
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  margin-right: 14px !important;
  border-radius: 50% !important;
  background: #b9c7d6 !important;
  vertical-align: middle !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

#pun-viewforum .tclcon,
#pun-viewforum .tcl div {
  display: inline-block !important;
  vertical-align: middle !important;
  max-width: calc(100% - 40px);
}

#pun-viewforum .tcl a.topictitle,
#pun-viewforum .tcl .tclcon a,
#pun-viewforum .tcl a {
  color: #4c6787 !important;
  text-decoration: none !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: normal !important;
  letter-spacing: 0.2px !important;
}

#pun-viewforum .tcl span.byuser,
#pun-viewforum .tcl .byuser,
#pun-viewforum .tcl small,
#pun-viewforum .tcl .starter {
  display: inline !important;
  margin-left: 6px !important;
  font-size: 11px !important;
  color: #7a8da3 !important;
}

#pun-viewforum .tc2,
#pun-viewforum .tc3 {
  width: 70px !important;
  text-align: center !important;
  font-size: 12px !important;
  color: #37506e !important;
  white-space: nowrap !important;
}

#pun-viewforum .tcr {
  width: 230px !important;
  padding-right: 16px !important;
  text-align: left !important;
  white-space: nowrap !important;
  color: #6d8095 !important;
  font-size: 11px !important;
}

#pun-viewforum .tcr img {
  width: 34px !important;
  height: 34px !important;
  margin-right: 10px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  vertical-align: middle !important;
  border: 1px solid #c8d7e4 !important;
}

#pun-viewforum .tcr a {
  color: #4c6787 !important;
  text-decoration: none !important;
  font-size: 11px !important;
}

#pun-viewforum .tcr span,
#pun-viewforum .tcr div,
#pun-viewforum .tcr small {
  color: #7d8ea0 !important;
  font-size: 11px !important;
}

#pun-viewforum .modmenu,
#pun-viewforum .subscribelink {
  margin-top: 12px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  font-size: 11px !important;
  color: #6c8097 !important;
}

#pun-viewforum .modmenu a,
#pun-viewforum .subscribelink a {
  color: #4c6787 !important;
  text-decoration: none !important;
}

#pun-viewforum .postlink a:hover,
#pun-viewforum .tcl a:hover,
#pun-viewforum .tcr a:hover,
#pun-viewforum .modmenu a:hover,
#pun-viewforum .subscribelink a:hover {
  opacity: 0.85;
}

#pun-viewforum .linkst .pagelink {
  display: block !important;
  margin-bottom: 12px !important;
}

#pun-viewforum .linksb .postlink {
  margin-bottom: 12px !important;
}

#pun-viewforum .tcl:before,
#pun-viewforum .tclcon:before,
#pun-viewforum .topictitle:before,
#pun-viewforum .tcl a:before {
  content: none !important;
  display: none !important;
}

#pun-viewforum .tcl,
#pun-viewforum .tclcon {
  counter-reset: none !important;
}

#pun-viewforum .tcl ol,
#pun-viewforum .tcl ul,
#pun-viewforum .tclcon ol,
#pun-viewforum .tclcon ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#pun-viewforum .tcl a.topictitle,
#pun-viewforum .tcl .tclcon a,
#pun-viewforum .tcl a {
  font-weight: 700 !important;
}

#pun-viewforum .main h2 {
  display: none !important;
}

#pun-viewforum .tcl,
#pun-viewforum .tclcon,
#pun-viewforum .tcl a.topictitle,
#pun-viewforum .tcl a {
  counter-reset: none !important;
  counter-increment: none !important;
}

#pun-viewforum .tcl:before,
#pun-viewforum .tcl:after,
#pun-viewforum .tclcon:before,
#pun-viewforum .tclcon:after,
#pun-viewforum .tcl a.topictitle:before,
#pun-viewforum .tcl a.topictitle:after,
#pun-viewforum .tcl a:before,
#pun-viewforum .tcl a:after {
  content: none !important;
  display: none !important;
}

#pun-viewforum .tcl a.topictitle,
#pun-viewforum .tcl .tclcon a,
#pun-viewforum .tcl a {
  font-weight: 700 !important;
}

#pun-viewforum .tcl .newtext,
#pun-viewforum .tcl .pagestext,
#pun-viewforum .tcl .topic-number,
#pun-viewforum .tcl .numtopic,
#pun-viewforum .tcl .num,
#pun-viewforum .tcl strong:first-child,
#pun-viewforum .tcl span:first-child {
  display: none !important;
}

#pun-viewforum .tcl {
  vertical-align: middle !important;
}

#pun-viewforum .tcl .tclcon,
#pun-viewforum .tcl div {
  display: inline-block !important;
  vertical-align: middle !important;
  position: relative;
  top: 2px;
}

#pun-viewforum .tcl a.topictitle,
#pun-viewforum .tcl a {
  font-weight: 700 !important;
}

#pun-viewforum .tcl .byuser,
#pun-viewforum .tcl small,
#pun-viewforum .tcl span {
  display: block !important;
  margin-top: 2px !important;
}

#pun-viewforum .tcl .icon {
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  margin-right: 14px !important;
  border-radius: 2px !important;
  background: #bcc9d7 !important;
  vertical-align: middle !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

#pun-viewforum .tcl a.topictitle,
#pun-viewforum .tcl .tclcon > a,
#pun-viewforum .tcl a {
  display: inline-block !important;
  padding-bottom: 6px !important;
  margin-bottom: 4px !important;
  border-bottom: 1px dashed #bccbda !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

#pun-viewforum .tcl .byuser,
#pun-viewforum .tcl small,
#pun-viewforum .tcl span {
  display: block !important;
  margin-top: 2px !important;
}

#pun-viewforum .tcl .icon,
#pun-viewforum .icon {
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  margin-right: 14px !important;
  border-radius: 0 !important;
  background: #c7d3df !important;
  border: 1px solid #c7d3df !important;
  vertical-align: middle !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

#pun-viewforum .inew,
#pun-viewforum .icon.inew,
#pun-viewforum tr.inew .icon,
#pun-viewforum .tcl .icon .inew,
#pun-viewforum .tcl .inew .icon,
#pun-viewforum .hasnew .icon,
#pun-viewforum .new .icon {
  background: #6f8fb2 !important;
  border-color: #6f8fb2 !important;
  box-shadow: 0 0 6px rgba(111, 143, 178, 0.35) !important;
}

#pun-viewforum .icon div,
#pun-viewforum .icon span {
  font-size: 0 !important;
  line-height: 0 !important;
}

#pun-viewforum tr[class*="new"] .icon,
#pun-viewforum td[class*="new"] .icon,
#pun-viewforum .tcl[class*="new"] .icon {
  background: #6f8fb2 !important;
  border-color: #6f8fb2 !important;
  box-shadow: 0 0 6px rgba(111, 143, 178, 0.35) !important;
}

#pun-viewforum .tcl .tclcon,
#pun-viewforum .tcl .intd {
  font-size: 0 !important;
}

#pun-viewforum .tcl .tclcon a,
#pun-viewforum .tcl .intd a,
#pun-viewforum .tcl a.topictitle {
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}

#pun-viewforum .tcl .byuser,
#pun-viewforum .tcl .starter,
#pun-viewforum .tcl small {
  font-size: 10px !important;
  line-height: 1.4 !important;
}

#pun-viewforum .tcl.topic-is-closed .icon,
#pun-viewforum .tcl.topic-is-closed .icon *,
#pun-viewforum .tcl.topic-is-closed .icon div,
#pun-viewforum .tcl.topic-is-closed .icon span {
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #c9d6e2 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

#pun-viewforum .tcl.topic-is-closed:before,
#pun-viewforum .tcl.topic-is-closed:after,
#pun-viewforum .tcl.topic-is-closed .icon:before,
#pun-viewforum .tcl.topic-is-closed .icon:after {
  content: none !important;
  display: none !important;
}

#pun-viewforum .tcl.topic-has-new:not(.topic-is-closed) .icon,
#pun-viewforum .tcl.topic-has-new:not(.topic-is-closed) .icon *,
#pun-viewforum .tcl.topic-has-new:not(.topic-is-closed) .icon div,
#pun-viewforum .tcl.topic-has-new:not(.topic-is-closed) .icon span {
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  background: #274563 !important;
  background-color: #274563 !important;
  border: 1px solid #274563 !important;
  box-shadow: 0 0 6px rgba(39, 69, 99, 0.35) !important;
  border-radius: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

#pun-viewforum .tcl.topic-is-closed .icon,
#pun-viewforum .tcl.topic-is-closed .icon *,
#pun-viewforum .tcl.topic-is-closed .icon div,
#pun-viewforum .tcl.topic-is-closed .icon span {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #c9d6e2 !important;
  box-shadow: none !important;
}

#pun-index .tcr a[href*="viewtopic.php"] {
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: normal !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
  color: #17375a !important;
  text-decoration: none !important;
}

#pun-index .tcr a[href*="viewtopic.php"] {
  display: inline-block !important;
  padding-bottom: 2px !important;
  border-bottom: 1px dashed #c4d2df !important;
}

#pun-userlist {
  background: #eef4f9;
}

#pun-userlist .block,
#pun-userlist .box,
#pun-userlist .container,
#pun-userlist .main {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#pun-userlist h1 {
  margin: 18px 0 20px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  font-family: Arial, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  color: #17375a !important;
}
#pun-userlist .pagelink,
#pun-userlist .linkst,
#pun-userlist .linksb {
  margin: 0 0 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #526a82 !important;
}

#pun-userlist .pagelink a {
  color: #17375a !important;
  text-decoration: none !important;
}

#pun-userlist h2 {
  margin: 0 !important;
  padding: 14px 18px !important;
  background: #f7fbff !important;
  border: 1px solid #d5e2ee !important;
  border-bottom: none !important;
  font-family: Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #17375a !important;
}

#pun-userlist form,
#pun-userlist fieldset {
  margin: 0 0 18px !important;
  padding: 18px !important;
  background: #f7fbff !important;
  border: 1px solid #d5e2ee !important;
  border-radius: 0 0 14px 14px !important;
  font-family: Arial, sans-serif !important;
  color: #415a74 !important;
}

#pun-userlist legend {
  display: none !important;
}

#pun-userlist fieldset {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 14px 18px !important;
  align-items: end !important;
}

#pun-userlist label {
  display: block !important;
  margin: 0 !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  color: #667d95 !important;
}

#pun-userlist input[type="text"],
#pun-userlist select {
  width: 100% !important;
  max-width: 180px !important;
  height: 28px !important;
  box-sizing: border-box !important;
  margin-top: 5px !important;
  padding: 4px 8px !important;
  background: #ffffff !important;
  border: 1px solid #c9d6e2 !important;
  border-radius: 4px !important;
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  color: #17375a !important;
}

#pun-userlist fieldset p,
#pun-userlist .forminfo {
  grid-column: 1 / -1 !important;
  margin: 4px 0 0 !important;
  padding-top: 10px !important;
  border-top: 1px dashed #c6d4e2 !important;
  font-size: 10px !important;
  line-height: 1.6 !important;
  color: #667d95 !important;
}

#pun-userlist input[type="submit"] {
  display: inline-block !important;
  min-width: 110px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  background: #274563 !important;
  border: none !important;
  border-radius: 4px !important;
  font-family: Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 32px !important;
  font-weight: 700 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  cursor: pointer !important;
}

#pun-userlist input[type="submit"]:hover {
  background: #365b7e !important;
}

#pun-userlist table {
  width: 100% !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: #f7fbff !important;
  border: 1px solid #d5e2ee !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

#pun-userlist thead th {
  padding: 13px 14px !important;
  background: #f7fbff !important;
  border-bottom: 1px solid #d5e2ee !important;
  font-family: Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  color: #7b90a6 !important;
}

#pun-userlist tbody td {
  padding: 15px 14px !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(177, 196, 214, 0.45) !important;
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  color: #415a74 !important;
  vertical-align: middle !important;
}

#pun-userlist tbody tr:last-child td {
  border-bottom: none !important;
}

#pun-userlist tbody td a {
  color: #17375a !important;
  text-decoration: none !important;
  font-size: 11px !important;
  font-weight: normal !important;
}

#pun-userlist tbody td a:hover {
  color: #5d7897 !important;
}

#pun-userlist tbody td:nth-child(2) {
  color: #17375a !important;
  font-size: 12px !important;
  letter-spacing: 0.2px !important;
}

#pun-userlist tbody td:nth-child(3),
#pun-userlist tbody td:nth-child(4),
#pun-userlist tbody td:nth-child(5),
#pun-userlist tbody td:nth-child(6) {
  text-align: center !important;
  color: #29415d !important;
}

#pun-userlist .linksb {
  margin-top: 12px !important;
}

#pun-userlist .infldset label,
#pun-userlist form label {
  margin-bottom: 0 !important;
}

#pun-userlist .infldset input[type="text"],
#pun-userlist .infldset select,
#pun-userlist form input[type="text"],
#pun-userlist form select {
  margin-top: -2px !important;
}

#pun-userlist form fieldset p:last-child {
  display: none !important;
}

#pun-userlist h2,
#pun-userlist .blocktable h2 {
  display: none !important;
}

#pun-userlist h1 {
  display: none !important;
}

#pun-userlist .main {
  padding-top: 0 !important;
}

#pun-userlist .linkst {
  margin-top: 0 !important;
}

#pun-search {
  background: #eef4f9;
}

#pun-search .block,
#pun-search .box,
#pun-search .container,
#pun-search .main {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#pun-search .formal {
  background: transparent !important;
  border: none !important;
}

#pun-search h1 {
  margin: 18px 0 18px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  font-family: Arial, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  color: #17375a !important;
}

#pun-search .pagelink,
#pun-search .linkst,
#pun-search .linksb {
  margin: 0 0 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #526a82 !important;
}

#pun-search .pagelink a,
#pun-search .linkst a,
#pun-search .linksb a {
  color: #17375a !important;
  text-decoration: none !important;
}

#pun-search legend {
  padding: 0 6px !important;
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  color: #17375a !important;
}

#pun-search fieldset {
  margin: 0 0 12px !important;
  padding: 16px 14px 14px !important;
  background: #f7fbff !important;
  border: 1px solid #d5e2ee !important;
  border-radius: 12px !important;
}

#pun-search .infldset {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

#pun-search label {
  display: block !important;
  margin: 0 0 6px !important;
  font-family: Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  color: #667d95 !important;
}

#pun-search input[type="text"],
#pun-search select,
#pun-search textarea {
  height: 28px !important;
  max-width: 280px !important;
  box-sizing: border-box !important;
  margin: 0 0 12px !important;
  padding: 4px 8px !important;
  background: #ffffff !important;
  border: 1px solid #c9d6e2 !important;
  border-radius: 4px !important;
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  color: #17375a !important;
}

#pun-search textarea {
  height: auto !important;
  min-height: 90px !important;
  max-width: 100% !important;
}

#pun-search p,
#pun-search .info,
#pun-search .forminfo {
  margin: 4px 0 0 !important;
  padding-top: 6px !important;
  font-family: Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.65 !important;
  color: #667d95 !important;
}

#pun-search input[type="submit"],
#pun-search button,
#pun-search .button {
  display: inline-block !important;
  min-width: 110px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  background: #274563 !important;
  border: none !important;
  border-radius: 4px !important;
  font-family: Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 32px !important;
  font-weight: 700 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  cursor: pointer !important;
}

#pun-search input[type="submit"]:hover,
#pun-search button:hover,
#pun-search .button:hover {
  background: #365b7e !important;
}

#pun-search p.buttons,
#pun-search .buttons {
  margin-top: 12px !important;
  padding: 0 !important;
}

#pun-search table {
  border-collapse: collapse !important;
}

#pun-search br {
  line-height: 6px !important;
}

#pun-search fieldset {
  margin: 0 0 14px !important;
  padding: 18px 14px 14px !important;
  background: #f7fbff !important;
  border: 1px solid #d5e2ee !important;
  border-radius: 14px !important;
}

#pun-search legend {
  display: inline-block !important;
  padding: 2px 10px !important;
  border-radius: 10px !important;
  background: #e7eef5 !important;
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.7px !important;
  text-transform: none !important;
  color: #17375a !important;
}

#pun-search .infldset {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 16px 24px !important;
  padding-top: 8px !important;
}

#pun-search .infldset br {
  display: none !important;
}

#pun-search .infldset label,
#pun-search .infldset > div,
#pun-search .infldset > span {
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
}

#pun-search label {
  font-family: Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  color: #667d95 !important;
}

#pun-search input[type="text"],
#pun-search select {
  height: 28px !important;
  margin-top: 6px !important;
  padding: 4px 8px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1px solid #c9d6e2 !important;
  border-radius: 4px !important;
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  color: #17375a !important;
}

#pun-search fieldset:nth-of-type(1) .infldset label,
#pun-search fieldset:nth-of-type(1) .infldset > div {
  width: 270px !important;
  max-width: 270px !important;
}

#pun-search fieldset:nth-of-type(1) .infldset input[type="text"] {
  width: 270px !important;
  max-width: 270px !important;
}

#pun-search fieldset:nth-of-type(2) .infldset label,
#pun-search fieldset:nth-of-type(2) .infldset > div {
  width: 230px !important;
  max-width: 230px !important;
}

#pun-search fieldset:nth-of-type(2) .infldset select {
  width: 230px !important;
  max-width: 230px !important;
}

#pun-search fieldset:nth-of-type(3) .infldset label,
#pun-search fieldset:nth-of-type(3) .infldset > div {
  width: 220px !important;
  max-width: 220px !important;
}

#pun-search fieldset:nth-of-type(3) .infldset select {
  width: 220px !important;
  max-width: 220px !important;
}

#pun-search .infldset p,
#pun-search .infldset .forminfo,
#pun-search .infldset .info {
  flex-basis: 100% !important;
  width: 100% !important;
  max-width: none !important;
  margin: 4px 0 0 !important;
  padding-top: 4px !important;
  font-family: Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.6 !important;
  color: #667d95 !important;
}

#pun-search p.buttons,
#pun-search .buttons {
  margin-top: 14px !important;
  padding: 0 !important;
}

#pun-search input[type="submit"] {
  min-width: 110px !important;
  height: 32px !important;
  padding: 0 16px !important;
  background: #274563 !important;
  border: none !important;
  border-radius: 4px !important;
  font-family: Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
}

#pun-search h1 {
  display: none !important;
}

#pun-search legend {
  margin-bottom: 2px !important;
}

#pun-search label {
  margin: 0 0 2px !important;
}

#pun-search input[type="text"],
#pun-search select {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  height: 26px !important;
}

#pun-search .infldset p,
#pun-search .infldset div,
#pun-search .infldset label {
  display: block !important;
}

#pun-search .infldset p:not(:has(input)):not(:has(select)),
#pun-search .forminfo,
#pun-search .info {
  display: none !important;
}

#pun-search p.buttons,
#pun-search .buttons {
  margin-top: 8px !important;
  padding-top: 0 !important;
}

#pun-messages {
  background: #eef4f9 !important;
}

#pun-messages .main,
#pun-messages .container,
#pun-messages .block,
#pun-messages .box,
#pun-messages .formal,
#pun-messages .inform {
  background: #eef4f9 !important;
  border: none !important;
  box-shadow: none !important;
}

#pun-messages .messages-layout-shell {
  display: grid !important;
  grid-template-columns: 190px minmax(0, 1fr) !important;
  gap: 28px !important;
  align-items: start !important;
  padding: 18px 22px !important;
  background: #eef4f9 !important;
}

#pun-messages .messages-layout-sidebar {
  display: block !important;
}

#pun-messages .messages-layout-content {
  min-width: 0 !important;
}

#pun-messages .messages-layout-sidebar h2,
#pun-messages .messages-layout-content legend {
  display: inline-block !important;
  margin: 0 0 8px !important;
  padding: 5px 14px !important;
  background: #e7eef5 !important;
  border: none !important;
  border-radius: 14px !important;
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: 1.3px !important;
  text-transform: uppercase !important;
  color: #17375a !important;
}

#pun-messages .messages-layout-sidebar ul {
  margin: 0 0 14px !important;
  padding: 0 !important;
  list-style: none !important;
}

#pun-messages .messages-layout-sidebar li {
  margin: 0 0 5px !important;
  padding: 0 !important;
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

#pun-messages .messages-layout-sidebar li:before {
  content: none !important;
}

#pun-messages a {
  color: #17375a !important;
  text-decoration: none !important;
}

#pun-messages a:hover {
  color: #5d7897 !important;
}

#pun-messages .messages-layout-content fieldset,
#pun-messages .messages-layout-content .blocktable,
#pun-messages .messages-layout-content .box {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#pun-messages .messages-layout-content table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: transparent !important;
  border: none !important;
}

#pun-messages .messages-layout-content thead th {
  padding: 12px 14px !important;
  border-bottom: 1px solid #d5e2ee !important;
  background: transparent !important;
  font-family: Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  letter-spacing: 1.6px !important;
  text-transform: uppercase !important;
  color: #7b90a6 !important;
}

#pun-messages .messages-layout-content tbody td {
  padding: 14px !important;
  border-bottom: 1px solid rgba(177, 196, 214, 0.45) !important;
  background: transparent !important;
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  color: #415a74 !important;
  vertical-align: middle !important;
}

#pun-messages .messages-layout-content .pagelink,
#pun-messages .messages-layout-content .linkst,
#pun-messages .messages-layout-content .linksb {
  margin: 10px 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  color: #526a82 !important;
}

#pun-messages input[type="submit"],
#pun-messages button,
#pun-messages .button {
  display: inline-block !important;
  min-width: 90px !important;
  height: 32px !important;
  padding: 0 16px !important;
  background: #274563 !important;
  border: none !important;
  border-radius: 10px !important;
  font-family: Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 32px !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
}

#pun-messages input[type="checkbox"] {
  width: 12px !important;
  height: 12px !important;
  accent-color: #274563;
}

#pun-messages {
  background: #edf3f8 !important;
}

#pun-messages .messages-layout-sidebar {
  padding: 8px 0 !important;
}

#pun-messages .messages-layout-sidebar h2:nth-of-type(1),
#pun-messages .messages-layout-sidebar h2:nth-of-type(2) {
  margin-bottom: 6px !important;
}

#pun-messages .messages-layout-sidebar h2:nth-of-type(1) + .box,
#pun-messages .messages-layout-sidebar h2:nth-of-type(1) + div,
#pun-messages .messages-layout-sidebar h2:nth-of-type(2) + .box,
#pun-messages .messages-layout-sidebar h2:nth-of-type(2) + div {
  margin-bottom: 14px !important;
  padding: 10px 12px !important;
  background: #f7fbff !important;
  border: 1px solid #d7e3ee !important;
  border-radius: 12px !important;
}

#pun-messages .messages-layout-sidebar li {
  margin: 0 0 6px !important;
}

#pun-messages .messages-layout-sidebar li a {
  display: inline-block !important;
  padding: 3px 0 !important;
  color: #274563 !important;
  text-decoration: none !important;
  transition: 0.15s ease !important;
}

#pun-messages .messages-layout-sidebar li a:hover {
  color: #5d7897 !important;
  transform: translateX(2px);
}

#pun-messages .messages-layout-content {
  padding: 6px 0 !important;
}

#pun-messages .messages-layout-content > p:first-child,
#pun-messages .messages-layout-content > div:first-child {
  margin-bottom: 14px !important;
  padding: 10px 14px !important;
  background: #f7fbff !important;
  border: 1px solid #d7e3ee !important;
  border-radius: 12px !important;
}

#pun-messages .messages-layout-content fieldset,
#pun-messages .messages-layout-content .blocktable,
#pun-messages .messages-layout-content .box {
  padding: 12px 14px 10px !important;
  background: #f7fbff !important;
  border: 1px solid #d7e3ee !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset !important;
}

#pun-messages .messages-layout-content legend {
  margin-bottom: 10px !important;
  background: #dfeaf4 !important;
  color: #1f3e60 !important;
}

#pun-messages .messages-layout-content table {
  background: transparent !important;
}

#pun-messages .messages-layout-content thead th {
  padding: 12px 14px !important;
  background: #edf4fa !important;
  border-bottom: 1px solid #d7e3ee !important;
  color: #7a90a6 !important;
}

#pun-messages .messages-layout-content tbody tr:nth-child(odd) td {
  background: rgba(255,255,255,0.45) !important;
}

#pun-messages .messages-layout-content tbody tr:nth-child(even) td {
  background: rgba(237,244,250,0.55) !important;
}

#pun-messages .messages-layout-content tbody td {
  padding: 14px !important;
  color: #334e69 !important;
}

#pun-messages .messages-layout-content tbody tr:hover td {
  background: #eef5fb !important;
}

#pun-messages .messages-layout-content tbody td:first-child a {
  color: #274563 !important;
  text-decoration: none !important;
}

#pun-messages .messages-layout-content tbody td:first-child a:hover {
  color: #5d7897 !important;
}

#pun-messages .messages-layout-content .pagelink,
#pun-messages .messages-layout-content .linkst,
#pun-messages .messages-layout-content .linksb {
  margin-top: 10px !important;
  color: #667d95 !important;
}

#pun-messages .messages-layout-content p.buttons,
#pun-messages .messages-layout-content .buttons {
  margin-top: 10px !important;
  text-align: right !important;
}

#pun-messages input[type="submit"],
#pun-messages button,
#pun-messages .button {
  background: #274563 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

#pun-messages input[type="submit"]:hover,
#pun-messages button:hover,
#pun-messages .button:hover {
  background: #365b7e !important;
}

#pun-messages input[type="checkbox"] {
  accent-color: #4f7397;
}

#pun-messages .messages-layout-content img {
  border-radius: 50% !important;
  border: 1px solid #d3dfeb !important;
  background: #ffffff !important;
  padding: 1px !important;
}

#pun-status {
  background: transparent !important;
  border: none !important;
  overflow: hidden !important;
}

#pun-status .container {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 10px 16px !important;
  background: #ffffff !important;
  border: 1px solid #d5e2ee !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
}

#pun-status p {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#pun-messages #pun-status,
#pun-messages #pun-status .container,
#pun-messages #pun-status .box {
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#pun {
  overflow: hidden !important;
}

html,
body {
  overflow-x: hidden !important;
}

#pun,
#pun-wrap,
#pun-content,
#pun-main,
#pun-messages {
  overflow-x: hidden !important;
}

#pun {
  border: 1px solid #d5e2ee !important;
  box-sizing: border-box !important;
}

#pun-navlinks,
#pun-ulinks {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

#pun-navlinks .container,
#pun-ulinks .container {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

#pun-search #pun-navlinks,
#pun-search #pun-ulinks {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  background: #f7fbff !important;
  border-left: 1px solid #d5e2ee !important;
  border-right: 1px solid #d5e2ee !important;
  border-top: 1px solid #d5e2ee !important;
  border-bottom: 1px solid #d5e2ee !important;
}

#pun-search #pun-navlinks .container,
#pun-search #pun-ulinks .container {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: none !important;
}

#pun-messages #pun-navlinks,
#pun-messages #pun-ulinks {
  background: #ffffff !important;
  border-left: 1px solid #d5e2ee !important;
  border-right: 1px solid #d5e2ee !important;
  border-top: 1px solid #d5e2ee !important;
  border-bottom: 1px solid #d5e2ee !important;
  box-sizing: border-box !important;
}

#pun-messages #pun-navlinks .container,
#pun-messages #pun-ulinks .container {
  background: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}

#pun-messages #pun-navlinks ul,
#pun-messages #pun-ulinks ul,
#pun-messages #pun-navlinks li,
#pun-messages #pun-ulinks li {
  background: transparent !important;
}

#pun-search #pun-navlinks,
#pun-search #pun-ulinks {
  background: #ffffff !important;
  border-left: 1px solid #d5e2ee !important;
  border-right: 1px solid #d5e2ee !important;
  border-top: 1px solid #d5e2ee !important;
  border-bottom: 1px solid #d5e2ee !important;
  box-sizing: border-box !important;
}

#pun-search #pun-navlinks .container,
#pun-search #pun-ulinks .container {
  background: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}

#pun-search #pun-navlinks ul,
#pun-search #pun-ulinks ul,
#pun-search #pun-navlinks li,
#pun-search #pun-ulinks li {
  background: transparent !important;
}

#pun-profile ul li:empty,
#pun-profile ul li:has(a.profile-original-menu-link-hidden),
#pun-profile .profile-original-menu-link-hidden {
  display: none !important;
}

#pun-profile ul {
  list-style: none !important;
}

#pun-profile li {
  list-style: none !important;
}

#pun-profile li::marker {
  content: "" !important;
}

#pun-profile .profile-old-menu-hidden,
#pun-profile .profile-old-menu-item-hidden,
#pun-profile .profile-original-menu-link-hidden {
  display: none !important;
}
#pun-profile .profile-menu-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px 10px !important;
  margin: 0 0 18px !important;
  padding: 16px 18px !important;
  background: #f7fbff !important;
  border-top: 1px solid #d5e2ee !important;
  border-bottom: 1px solid #d5e2ee !important;
}

#pun-profile .profile-menu-buttons a {
  display: inline-block !important;
  padding: 7px 13px !important;
  background: #edf4fa !important;
  border: 1px dashed #b9c8d8 !important;
  border-radius: 12px !important;
  font-family: Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: #274563 !important;
  text-decoration: none !important;
}

#pun-profile .profile-menu-buttons a:hover {
  background: #dfeaf4 !important;
  border-color: #8fa7bf !important;
  color: #17375a !important;
}

#pun-profile h1 {
  display: none !important;
}

#pun-profile h2 {
  text-align: center !important;
}

#pun-profile table,
#pun-profile tbody,
#pun-profile tr {
  display: revert !important;
}

#pun-profile td,
#pun-profile th {
  display: table-cell !important;
}

#pun-profile img {
  max-width: 190px !important;
  height: auto !important;
}

#pun-profile .pa-avatar img,
#pun-profile img.avatar,
#pun-profile .infldset img {
  display: block !important;
  margin: 12px auto !important;
  padding: 5px !important;
  background: #ffffff !important;
  border: 1px dashed #c5d3e1 !important;
  border-radius: 4px !important;
}

#pun-profile .profile-info-row {
  display: grid !important;
  grid-template-columns: 200px 400px minmax(0, auto) !important;
  align-items: center !important;
  column-gap: 8px !important;
  margin-bottom: 3px !important;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  font-weight: normal !important;
  color: #17375a !important;
}

#pun-profile .profile-info-label {
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
  font-weight: normal !important;
  font-style: normal !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: #8fa0b2 !important;
  white-space: nowrap !important;
}

#pun-profile .profile-info-dots {
  display: block !important;
  width: 180px !important;
  height: 1px !important;
  border-bottom: 1px dotted #b9c8d8 !important;
}

#pun-profile .profile-info-value {
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  font-weight: normal !important;
  font-style: italic !important;
  color: #17375a !important;
}

#pun-profile .profile-info-row b,
#pun-profile .profile-info-row strong,
#pun-profile .profile-info-row a {
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: normal !important;
  font-style: italic !important;
}

#pun-profile .profile-info-row a {
  color: #274563 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 2px !important;
}

#pun-profile .profile-info-row a:hover {
  color: #5d7897 !important;
}

#pun-profile table td,
#pun-profile table th {
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-weight: normal !important;
  font-style: italic !important;
  color: #8fa0b2 !important;
}

#pun-profile form,
#pun-profile .formal,
#pun-profile .blockform,
#pun-profile .blockform .box,
#pun-profile .blockform .container {
  background: #eef4f9 !important;
  border: none !important;
  box-shadow: none !important;
}

#pun-profile .blockform {
  padding: 18px 22px !important;
  box-sizing: border-box !important;
}

#pun-profile fieldset {
  margin: 0 0 14px !important;
  padding: 18px 20px !important;
  background: #f7fbff !important;
  border: 1px solid #d5e2ee !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
}

#pun-profile legend {
  display: inline-block !important;
  padding: 4px 13px !important;
  background: #edf4fa !important;
  border: 1px dashed #b9c8d8 !important;
  border-radius: 12px !important;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: normal !important;
  font-style: italic !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #6f87a0 !important;
}

#pun-profile .infldset {
  padding: 8px 0 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
}

#pun-profile .infldset p,
#pun-profile .infldset div {
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
  font-weight: normal !important;
  color: #17375a !important;
}

#pun-profile label,
#pun-profile .infldset label {
  display: block !important;
  margin: 0 0 5px !important;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
  font-weight: normal !important;
  font-style: italic !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: #8fa0b2 !important;
}

#pun-profile input[type="text"],
#pun-profile input[type="password"],
#pun-profile input[type="email"],
#pun-profile select,
#pun-profile textarea {
  min-height: 28px !important;
  box-sizing: border-box !important;
  margin: 0 6px 8px 0 !important;
  padding: 5px 8px !important;
  background: #ffffff !important;
  border: 1px solid #c9d6e2 !important;
  border-radius: 5px !important;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: normal !important;
  color: #17375a !important;
}

#pun-profile input[type="text"]:focus,
#pun-profile input[type="password"]:focus,
#pun-profile input[type="email"]:focus,
#pun-profile select:focus,
#pun-profile textarea:focus {
  outline: none !important;
  border-color: #8fa7bf !important;
  box-shadow: 0 0 0 2px rgba(143, 167, 191, 0.18) !important;
}

#pun-profile input[type="text"],
#pun-profile input[type="email"] {
  width: 260px !important;
}

#pun-profile textarea {
  width: 100% !important;
  max-width: 620px !important;
  min-height: 90px !important;
}

#pun-profile .infldset a,
#pun-profile form a {
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: normal !important;
  font-style: italic !important;
  color: #274563 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

#pun-profile .infldset a:hover,
#pun-profile form a:hover {
  color: #5d7897 !important;
}

#pun-profile fieldset .profile-info-label {
  color: #8fa0b2 !important;
}

#pun-profile .profile-info-row {
  max-width: 560px !important;
}

#pun-profile .infldset small,
#pun-profile .infldset em,
#pun-profile .infldset .info {
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
  font-weight: normal !important;
  font-style: italic !important;
  color: #8fa0b2 !important;
}

#pun-profile p.buttons,
#pun-profile .buttons {
  margin: 14px 0 0 !important;
  padding: 0 !important;
}

#pun-profile input[type="submit"],
#pun-profile button,
#pun-profile .button {
  display: inline-block !important;
  min-width: 120px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  background: #274563 !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 34px !important;
  font-weight: normal !important;
  letter-spacing: 1.3px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  cursor: pointer !important;
}

#pun-profile input[type="submit"]:hover,
#pun-profile button:hover,
#pun-profile .button:hover {
  background: #365b7e !important;
}

#pun-profile .buttons + p,
#pun-profile p:has(input[type="submit"]) {
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
  font-style: italic !important;
  color: #6f87a0 !important;
}

#pun-profile .profile-menu-buttons a,
#pun-profile .profile-menu-buttons a:link,
#pun-profile .profile-menu-buttons a:visited,
#pun-profile .profile-menu-buttons a:hover {
  font-style: normal !important;
}

#pun-profile h2 {
  display: none !important;
}

#pun-profile .infldset {
  border: 1px solid #d5e2ee !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}

#pun-profile .infldset {
  border-left: 1px solid #d5e2ee !important;
  box-sizing: border-box !important;
}

#font-area {
  display: none;
  position: absolute !important;
  z-index: 99999 !important;
  width: 340px !important;
  max-height: 330px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  margin: 0 !important;
  padding: 10px !important;
  background: #f7fbff !important;
  border: 1px solid #d5e2ee !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 24px rgba(39, 69, 99, 0.18) !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

#font-area,
#font-area * {
  box-sizing: border-box !important;
  min-height: 0 !important;
  line-height: normal !important;
}

#font-area .forum-font-menu-panel {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 5px !important;
}

#font-area .forum-font-menu-title {
  grid-column: 1 / -1 !important;
  margin: 6px 0 3px !important;
  padding: 5px 10px !important;
  background: #edf4fa !important;
  border: 1px dashed #b9c8d8 !important;
  border-radius: 10px !important;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: normal !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  color: #6f87a0 !important;
  text-align: center !important;
}

#font-area .forum-font-menu-item {
  display: block !important;
  width: 100% !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  padding: 4px 8px !important;
  background: #ffffff !important;
  border: 1px solid #dbe7f1 !important;
  border-radius: 8px !important;
  text-align: left !important;
  cursor: pointer !important;
  overflow: hidden !important;
}

#font-area .forum-font-menu-sample {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-size: 12px !important;
  line-height: 18px !important;
  font-weight: normal !important;
  color: #17375a !important;
}

#font-area .forum-font-menu-item:hover {
  background: #edf4fa !important;
  border-color: #b9c8d8 !important;
}

#font-area img {
  display: none !important;
}

#size-area {
  display: none;
  position: absolute !important;
  z-index: 99999 !important;
  width: 190px !important;
  max-height: 280px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  margin: 0 !important;
  padding: 10px !important;
  background: #f7fbff !important;
  border: 1px solid #d5e2ee !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 24px rgba(39, 69, 99, 0.18) !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

#size-area,
#size-area * {
  box-sizing: border-box !important;
  min-height: 0 !important;
  line-height: normal !important;
}

#size-area .forum-size-menu-panel {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 5px !important;
}

#size-area .forum-size-menu-title {
  grid-column: 1 / -1 !important;
  margin: 0 0 5px !important;
  padding: 5px 10px !important;
  background: #edf4fa !important;
  border: 1px dashed #b9c8d8 !important;
  border-radius: 10px !important;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: normal !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  color: #6f87a0 !important;
  text-align: center !important;
}

#size-area .forum-size-menu-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  padding: 4px 8px !important;
  background: #ffffff !important;
  border: 1px solid #dbe7f1 !important;
  border-radius: 8px !important;
  text-align: center !important;
  cursor: pointer !important;
  overflow: hidden !important;
}

#size-area .forum-size-menu-sample {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-weight: normal !important;
  color: #17375a !important;
}

#size-area .forum-size-menu-item:hover {
  background: #edf4fa !important;
  border-color: #b9c8d8 !important;
}

#size-area > div:not(.forum-size-menu-panel),
#size-area img {
  display: none !important;
}

#float-area {
  display: none;
  position: absolute !important;
  z-index: 99999 !important;
  width: 180px !important;
  padding: 10px !important;
  background: #f7fbff !important;
  border: 1px solid #d5e2ee !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 24px rgba(39, 69, 99, 0.18) !important;
  box-sizing: border-box !important;
}

#float-area .forum-float-menu-panel {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
}

#float-area .forum-float-menu-title {
  grid-column: 1 / -1 !important;
  margin: 0 0 4px !important;
  padding: 5px 8px !important;
  background: #edf4fa !important;
  border: 1px dashed #b9c8d8 !important;
  border-radius: 10px !important;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: normal !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #6f87a0 !important;
  text-align: center !important;
}

#float-area .forum-float-menu-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  height: 54px !important;
  padding: 6px !important;
  background: #ffffff !important;
  border: 1px solid #dbe7f1 !important;
  border-radius: 9px !important;
  cursor: pointer !important;
}

#float-area .forum-float-menu-item:hover {
  background: #edf4fa !important;
  border-color: #b9c8d8 !important;
}

#float-area .forum-float-menu-item .material-symbols-rounded {
  font-family: "Material Symbols Rounded" !important;
  font-size: 22px !important;
  line-height: 1 !important;
  color: #6f87a0 !important;
}

#float-area .forum-float-menu-item em {
  margin-top: 4px !important;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 10px !important;
  font-style: normal !important;
  color: #274563 !important;
}

.post-float-image {
  display: inline-block !important;
  max-width: 45% !important;
}

.post-float-left {
  float: left !important;
  margin: 0 14px 10px 0 !important;
  text-align: left !important;
}

.post-float-right {
  float: right !important;
  margin: 0 0 10px 14px !important;
  text-align: right !important;
}

.post-float-image img {
  max-width: 100% !important;
  height: auto !important;
}

.native-image-menu-anchored {
  width: 410px !important;
  max-width: 410px !important;
  padding: 14px 16px !important;
  background: #f7fbff !important;
  border: 1px solid #d5e2ee !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 24px rgba(39, 69, 99, 0.18) !important;
  box-sizing: border-box !important;
}

.native-video-popup-anchored {
  padding: 14px 16px !important;
  background: #f7fbff !important;
  border: 1px solid #d5e2ee !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 24px rgba(39, 69, 99, 0.18) !important;
  box-sizing: border-box !important;
  color: #17375a !important;
}

.native-video-hosting-menu-anchored {
  width: 520px !important;
  max-width: 520px !important;
}

.native-video-embed-box-anchored {
  width: 520px !important;
  max-width: 520px !important;
}

.native-video-popup-anchored a,
.native-video-popup-anchored span,
.native-video-popup-anchored button,
.native-video-popup-anchored input,
.native-video-popup-anchored textarea {
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
}

.native-video-popup-anchored a,
.native-video-popup-anchored span {
  color: #274563 !important;
  text-decoration: none !important;
}

.native-video-embed-box-anchored textarea,
.native-video-embed-box-anchored input[type="text"] {
  width: 100% !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1px solid #c9d6e2 !important;
  border-radius: 6px !important;
  padding: 7px 8px !important;
  color: #17375a !important;
}

.native-video-embed-box-anchored button,
.native-video-embed-box-anchored input[type="button"],
.native-video-embed-box-anchored input[type="submit"] {
  background: #edf4fa !important;
  border: 1px dashed #b9c8d8 !important;
  border-radius: 8px !important;
  padding: 5px 10px !important;
  color: #274563 !important;
  cursor: pointer !important;
}

.native-spoiler-menu-anchored {
  width: 360px !important;
  max-width: 360px !important;
  padding: 14px 16px !important;
  background: #f7fbff !important;
  border: 1px solid #d5e2ee !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 24px rgba(39, 69, 99, 0.18) !important;
  box-sizing: border-box !important;
}

.native-image-popup-anchored {
  padding: 14px 16px !important;
  background: #f7fbff !important;
  border: 1px solid #d5e2ee !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 24px rgba(39, 69, 99, 0.18) !important;
  box-sizing: border-box !important;
  color: #17375a !important;
}

.native-image-source-menu-anchored {
  width: 410px !important;
  max-width: 410px !important;
}

.native-image-upload-box-anchored {
  width: 560px !important;
  max-width: 560px !important;
}

.native-image-popup-anchored a,
.native-image-popup-anchored span,
.native-image-popup-anchored button,
.native-image-popup-anchored input,
.native-image-popup-anchored select,
.native-image-popup-anchored textarea {
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
}

.native-image-popup-anchored a,
.native-image-popup-anchored span {
  color: #274563 !important;
  text-decoration: none !important;
}

.native-image-popup-anchored input,
.native-image-popup-anchored select,
.native-image-popup-anchored textarea {
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1px solid #c9d6e2 !important;
  border-radius: 6px !important;
  padding: 5px 7px !important;
  color: #17375a !important;
}

.native-image-popup-anchored button,
.native-image-popup-anchored input[type="button"],
.native-image-popup-anchored input[type="submit"] {
  background: #edf4fa !important;
  border: 1px dashed #b9c8d8 !important;
  border-radius: 8px !important;
  padding: 6px 12px !important;
  color: #274563 !important;
  cursor: pointer !important;
}

.native-image-upload-box-anchored,
.native-image-upload-box-anchored > *,
.native-image-upload-box-anchored table,
.native-image-upload-box-anchored tbody,
.native-image-upload-box-anchored tr,
.native-image-upload-box-anchored td,
.native-image-upload-box-anchored div,
.native-image-upload-box-anchored form,
.native-image-upload-box-anchored fieldset {
  background: #f7fbff !important;
  background-color: #f7fbff !important;
}

.native-video-popup-anchored,
.native-video-popup-anchored > *,
.native-video-popup-anchored table,
.native-video-popup-anchored tbody,
.native-video-popup-anchored tr,
.native-video-popup-anchored td,
.native-video-popup-anchored div,
.native-video-popup-anchored form,
.native-video-popup-anchored fieldset {
  background: #f7fbff !important;
  background-color: #f7fbff !important;
}

#color-picker-wheel-area {
  display: none;
  position: fixed !important;
  z-index: 999999 !important;
  width: 230px !important;
  padding: 14px !important;
  background: #f7fbff !important;
  border: 1px solid #d5e2ee !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 24px rgba(39, 69, 99, 0.18) !important;
  box-sizing: border-box !important;
}

#color-picker-wheel-area,
#color-picker-wheel-area * {
  box-sizing: border-box !important;
}

.color-picker-wheel-panel {
  display: grid !important;
  grid-template-columns: 86px 1fr !important;
  gap: 8px !important;
  align-items: center !important;
}

.color-picker-wheel-title {
  grid-column: 1 / -1 !important;
  padding: 5px 10px !important;
  background: #edf4fa !important;
  border: 1px dashed #b9c8d8 !important;
  border-radius: 12px !important;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: normal !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  color: #6f87a0 !important;
}

.color-picker-wheel-native {
  grid-row: span 2 !important;
  width: 78px !important;
  height: 78px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px dashed #b9c8d8 !important;
  border-radius: 50% !important;
  background: conic-gradient(
    red,
    yellow,
    lime,
    cyan,
    blue,
    magenta,
    red
  ) !important;
  cursor: pointer !important;
  overflow: hidden !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.color-picker-wheel-native::-webkit-color-swatch-wrapper {
  padding: 0 !important;
  border-radius: 50% !important;
}

.color-picker-wheel-native::-webkit-color-swatch {
  border: none !important;
  border-radius: 50% !important;
}

.color-picker-wheel-native::-moz-color-swatch {
  border: none !important;
  border-radius: 50% !important;
}

.color-picker-wheel-insert,
.color-picker-wheel-eyedropper {
  width: 100% !important;
  height: 32px !important;
  background: #ffffff !important;
  border: 1px dashed #b9c8d8 !important;
  border-radius: 10px !important;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: normal !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: #274563 !important;
  cursor: pointer !important;
}

.color-picker-wheel-insert:hover,
.color-picker-wheel-eyedropper:hover {
  background: #274563 !important;
  border-color: #274563 !important;
  color: #ffffff !important;
}

.color-picker-wheel-swatches {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(9, 1fr) !important;
  gap: 6px !important;
  margin-top: 4px !important;
}

.color-picker-wheel-swatch {
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: var(--swatch-color) !important;
  background-color: var(--swatch-color) !important;
  border: 1px solid #d5e2ee !important;
  border-radius: 50% !important;
  cursor: pointer !important;
}

.color-picker-wheel-swatch:hover {
  transform: scale(1.12);
  box-shadow: 0 0 0 2px rgba(39, 69, 99, 0.18) !important;
}

#table-builder-simple-area {
  display: none;
  position: fixed !important;
  z-index: 999999 !important;
  width: 260px !important;
  padding: 14px !important;
  background: #f7fbff !important;
  border: 1px solid #d5e2ee !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 24px rgba(39, 69, 99, 0.18) !important;
  box-sizing: border-box !important;
}

#table-builder-simple-area,
#table-builder-simple-area * {
  box-sizing: border-box !important;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
}

.table-builder-simple-panel {
  display: grid !important;
  gap: 9px !important;
}

.table-builder-simple-title {
  padding: 6px 10px !important;
  background: #edf4fa !important;
  border: 1px dashed #b9c8d8 !important;
  border-radius: 12px !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: normal !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  color: #6f87a0 !important;
}

.table-builder-simple-field {
  display: grid !important;
  grid-template-columns: 1fr 70px !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 11px !important;
  color: #274563 !important;
}

.table-builder-simple-field span {
  color: #6f87a0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.7px !important;
  font-size: 10px !important;
}

.table-builder-simple-field input {
  width: 70px !important;
  height: 30px !important;
  background: #ffffff !important;
  border: 1px solid #c9d6e2 !important;
  border-radius: 8px !important;
  padding: 4px 7px !important;
  font-size: 12px !important;
  color: #17375a !important;
}

.table-builder-simple-check {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 7px 9px !important;
  background: #edf4fa !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  color: #274563 !important;
}

.table-builder-simple-check input {
  accent-color: #274563 !important;
}

.table-builder-simple-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

.table-builder-simple-actions button {
  height: 32px !important;
  background: #ffffff !important;
  border: 1px dashed #b9c8d8 !important;
  border-radius: 10px !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: normal !important;
  letter-spacing: 0.9px !important;
  text-transform: uppercase !important;
  color: #274563 !important;
  cursor: pointer !important;
}

.table-builder-simple-actions button:hover {
  background: #274563 !important;
  border-color: #274563 !important;
  color: #ffffff !important;
}

#pun-viewtopic #pun-main .topic > h2:first-of-type {
  display: none !important;
}

#pun-viewtopic #pun-crumbs1 {
  display: block !important;
  position: static !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px 0 7px !important;
  background: linear-gradient(90deg, transparent, rgba(205, 220, 237, 0.55), transparent) !important;
  border: none !important;
  border-top: 1px solid rgba(177, 197, 219, 0.38) !important;
  border-bottom: 1px solid rgba(177, 197, 219, 0.38) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.65) !important;
  z-index: 1 !important;
}

#pun-viewtopic #pun-crumbs1 .crumbs {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(43, 68, 96, 0.62) !important;
  text-align: center !important;
  background: transparent !important;
  border: none !important;
}

#pun-viewtopic #pun-crumbs1 .crumbs strong {
  display: none !important;
}

#pun-viewtopic #pun-crumbs1 .crumbs em {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  font-style: normal !important;
  font-size: 0 !important;
  color: transparent !important;
}

#pun-viewtopic #pun-crumbs1 .crumbs em::before {
  content: "·";
  font-family: "Commissioner", sans-serif !important;
  font-size: 10px !important;
  color: rgba(58, 84, 113, 0.38) !important;
}

#pun-viewtopic #pun-crumbs1 .crumbs a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(35, 62, 92, 0.78) !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#pun-viewtopic #pun-crumbs1 .crumbs {
  color: rgba(35, 62, 92, 0.54) !important;
}

#pun-viewtopic #pun-crumbs1 .crumbs a:hover {
  color: #10243c !important;
  background: transparent !important;
  border: none !important;
  text-shadow: 0 0 8px rgba(125, 158, 190, 0.45) !important;
}

#pun-viewtopic #pun-main h1,
#pun-viewtopic #pun-main h2:first-of-type,
#pun-viewtopic #pun-main .topic-title,
#pun-viewtopic #pun-main .maintitle {
  display: none !important;
}

#pun-viewtopic #pun-crumbs2 {
  display: none !important;
}

#pun-viewtopic #pun-main > .linkst,
#pun-viewtopic #pun-main .linkst:first-of-type {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: auto !important;
  padding: 12px 18px !important;
  border: 1px solid rgba(177, 197, 219, 0.55) !important;
  border-radius: 16px !important;
  background: linear-gradient(90deg, rgba(247,250,253,0.94), rgba(255,255,255,0.96), rgba(247,250,253,0.94)) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#pun-viewtopic #pun-main .linkst *:has(a[href*="rusff.live"]),
#pun-viewtopic #pun-main .linkst *:has(a[href*="Rusff.LIVE"]),
#pun-viewtopic #pun-main .linkst *:has(a[href*="rusff"]),
#pun-viewtopic #pun-main .linkst iframe,
#pun-viewtopic #pun-main .linkst script {
  display: none !important;
}

#pun-viewtopic #pun-main .linkst > div:has([src*="rusff"]),
#pun-viewtopic #pun-main .linkst > div:has([href*="rusff"]),
#pun-viewtopic #pun-main .linkst > span:has([src*="rusff"]),
#pun-viewtopic #pun-main .linkst > span:has([href*="rusff"]) {
  display: none !important;
}

#pun-viewtopic #pun-main .linkst .pagelink {
  order: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#pun-viewtopic #pun-main .linkst .postlink,
#pun-viewtopic #pun-main .linkst p.postlink {
  order: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  margin-left: auto !important;
}

#pun-viewtopic #pun-main .linkst .pagelink,
#pun-viewtopic #pun-main .linkst .postlink a,
#pun-viewtopic #pun-main .linkst p.postlink a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 0 11px !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(35, 62, 92, 0.78) !important;
  text-decoration: none !important;
  background: rgba(255,255,255,0.78) !important;
  border: 1px solid rgba(166,187,211,0.75) !important;
  border-radius: 999px !important;
}

#pun-viewtopic #pun-main .linkst .postlink a:hover,
#pun-viewtopic #pun-main .linkst p.postlink a:hover {
  color: #10243c !important;
  background: #ffffff !important;
  border-color: #8fa8c5 !important;
}

#pun-viewforum #pun-crumbs1 {
  display: block !important;
  position: static !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px 0 7px !important;
  background: linear-gradient(90deg, transparent, rgba(205, 220, 237, 0.55), transparent) !important;
  border: none !important;
  border-top: 1px solid rgba(177, 197, 219, 0.38) !important;
  border-bottom: 1px solid rgba(177, 197, 219, 0.38) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.65) !important;
  z-index: 1 !important;
}

#pun-viewforum #pun-crumbs1 .crumbs {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(35, 62, 92, 0.54) !important;
  text-align: center !important;
  background: transparent !important;
  border: none !important;
}

#pun-viewforum #pun-crumbs1 .crumbs strong {
  display: none !important;
}

#pun-viewforum #pun-crumbs1 .crumbs em {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  font-style: normal !important;
  font-size: 0 !important;
  color: transparent !important;
}

#pun-viewforum #pun-crumbs1 .crumbs em::before {
  content: "·";
  font-family: "Commissioner", sans-serif !important;
  font-size: 10px !important;
  color: rgba(58, 84, 113, 0.38) !important;
}

#pun-viewforum #pun-crumbs1 .crumbs a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(35, 62, 92, 0.78) !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#pun-viewforum #pun-crumbs1 .crumbs a:hover {
  color: #10243c !important;
  background: transparent !important;
  border: none !important;
  text-shadow: 0 0 8px rgba(125, 158, 190, 0.45) !important;
}

#pun-viewforum #pun-crumbs2 {
  display: none !important;
}

#pun-viewforum #pun-main h1,
#pun-viewforum #pun-main .main-head h1,
#pun-viewforum #pun-main .forum-title,
#pun-viewforum #pun-main .maintitle {
  display: none !important;
}

#pun-viewforum #pun-main .linkst {
  margin-top: 0 !important;
  padding-top: 12px !important;
}

#pun-viewforum #pun-main .main-head {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  border: none !important;
  background: transparent !important;
}

#pun-announcement {
  position: relative !important;
  min-height: 265px !important;
  overflow: hidden !important;
}

#pun-announcement::before {
  content: none !important;
  display: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

#pun-announcement::after {
  content: "TESTPAPER" !important;
  position: absolute !important;
  left: 105px !important;
  top: 72px !important;
  z-index: 999 !important;
  font-family: Commissioner, "Times New Roman", serif !important;
  font-size: 64px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.18em !important;
  color: #18283f !important;
  text-transform: uppercase !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

#pun-userlist #pun-announcement,
#pun-users #pun-announcement,
#pun-userlist #pun-announcement .container,
#pun-users #pun-announcement .container {
  position: relative !important;
  overflow: hidden !important;
  min-height: 265px !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

#pun-userlist #pun-announcement,
#pun-users #pun-announcement {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

#pun-userlist #pun-announcement::before,
#pun-users #pun-announcement::before {
  content: none !important;
  display: none !important;
}

#pun-viewtopic .post {
  margin: 0 0 22px !important;
  padding: 0 !important;
  border: 1px solid rgba(177, 197, 219, 0.58) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,0.96) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#pun-viewtopic .post > h3 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border-bottom: 1px solid rgba(177, 197, 219, 0.45) !important;
  background: linear-gradient(90deg, rgba(247,250,253,0.95), rgba(255,255,255,0.98), rgba(247,250,253,0.95)) !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #1f3857 !important;
}

#pun-viewtopic .post > .container {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 520px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: rgba(255,255,255,0.96) !important;
  box-sizing: border-box !important;
}

#pun-viewtopic .post > .container > .post-author {
  order: 1 !important;
  flex: 0 0 250px !important;
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
  margin: 0 !important;
  padding: 26px 14px 30px !important;
  border-right: 1px solid rgba(177, 197, 219, 0.55) !important;
  border-left: none !important;
  background: linear-gradient(180deg, rgba(247,250,253,0.98), rgba(255,255,255,0.94)) !important;
  box-sizing: border-box !important;
}

#pun-viewtopic .post > .container > .post-author ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#pun-viewtopic .post > .container > .post-body {
  order: 2 !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: rgba(255,255,255,0.98) !important;
  box-sizing: border-box !important;
}

#pun-viewtopic .post > .container > .post-body .post-box {
  width: 100% !important;
  min-height: 520px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#pun-viewtopic .post > .container > .post-body .post-content {
  width: 100% !important;
  margin: 0 !important;
  padding: 32px 34px !important;
  box-sizing: border-box !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
  color: #20344d !important;
}

#pun-viewtopic .post .html-post-box,
#pun-viewtopic .post .html-inner,
#pun-viewtopic .post .html-content {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#pun-viewtopic .post .post-content table {
  max-width: 100% !important;
}

#pun-viewtopic .post .post-links,
#pun-viewtopic .post .post-foot,
#pun-viewtopic .post .postfoot {
  clear: both !important;
  margin: 0 !important;
  padding: 14px 28px !important;
  border-top: 1px solid rgba(177, 197, 219, 0.45) !important;
  background: rgba(250,252,255,0.78) !important;
}

@media (max-width: 760px) {
  #pun-viewtopic .post > .container {
    flex-direction: column !important;
  }

  #pun-viewtopic .post > .container > .post-author {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(177, 197, 219, 0.45) !important;
  }
}

#pun-viewtopic .post > .container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: rgba(255,255,255,0.96) !important;
  box-sizing: border-box !important;
}

#pun-viewtopic .post > .container > .post-author {
  order: 1 !important;
  flex: 0 0 250px !important;
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
  margin: 0 !important;
  padding: 26px 14px 30px !important;
  border-right: 1px solid rgba(177,197,219,0.55) !important;
  border-left: none !important;
  background: linear-gradient(180deg, rgba(247,250,253,0.98), rgba(255,255,255,0.94)) !important;
  box-sizing: border-box !important;
}

#pun-viewtopic .post > .container > .post-body {
  order: 2 !important;
  flex: 1 1 calc(100% - 250px) !important;
  width: calc(100% - 250px) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: rgba(255,255,255,0.98) !important;
  box-sizing: border-box !important;
}

#pun-viewtopic .post > .container > .post-body .post-content {
  width: 100% !important;
  margin: 0 !important;
  padding: 30px 34px 36px !important;
  box-sizing: border-box !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
  color: #20344d !important;
}

#pun-viewtopic .post > .container > .post-links,
#pun-viewtopic .post > .container > ul.post-links,
#pun-viewtopic .post > .container > .postlink,
#pun-viewtopic .post > .container > .post-actions {
  order: 3 !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 12px 18px !important;
  list-style: none !important;
  border-top: 1px solid rgba(177,197,219,0.45) !important;
  background: linear-gradient(90deg, rgba(247,250,253,0.95), rgba(255,255,255,0.98), rgba(247,250,253,0.95)) !important;
  box-sizing: border-box !important;
}

#pun-viewtopic .post .post-links li,
#pun-viewtopic .post ul.post-links li {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#pun-viewtopic .post .post-links a,
#pun-viewtopic .post ul.post-links a,
#pun-viewtopic .post .postlink a,
#pun-viewtopic .post .post-actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 23px !important;
  padding: 0 10px !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 8px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(35,62,92,0.78) !important;
  text-decoration: none !important;
  background: rgba(255,255,255,0.78) !important;
  border: 1px solid rgba(166,187,211,0.72) !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
}

#pun-viewtopic .post .post-links a:hover,
#pun-viewtopic .post ul.post-links a:hover,
#pun-viewtopic .post .postlink a:hover,
#pun-viewtopic .post .post-actions a:hover {
  color: #10243c !important;
  background: #ffffff !important;
  border-color: #8fa8c5 !important;
}

#pun-viewtopic .post > .container > p.post-links,
#pun-viewtopic .post > .container > p.postlink {
  text-align: right !important;
}

#pun-viewtopic .post > .container > * {
  box-sizing: border-box !important;
}

#pun-viewtopic .post .post-content table,
#pun-viewtopic .post .html-post-box,
#pun-viewtopic .post .html-inner,
#pun-viewtopic .post .html-content {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 760px) {
  #pun-viewtopic .post > .container {
    flex-direction: column !important;
  }

  #pun-viewtopic .post > .container > .post-author,
    #pun-viewtopic .post > .container > .post-body {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
  }

  #pun-viewtopic .post > .container > .post-author {
    border-right: none !important;
    border-bottom: 1px solid rgba(177,197,219,0.45) !important;
  }

  #pun-viewtopic .post > .container > .post-links,
    #pun-viewtopic .post > .container > ul.post-links {
    justify-content: center !important;
  }
}

#pun-viewtopic form:has(textarea),
#pun-viewtopic #post,
#pun-viewtopic #quickpost,
#pun-viewtopic .quickpost {
  margin: 18px 0 22px !important;
  padding: 16px 18px 18px !important;
  border: 1px solid rgba(159, 184, 211, 0.72) !important;
  border-radius: 20px !important;
  background: radial-gradient(circle at 12% 0%, rgba(195, 218, 238, 0.38), transparent 34%),
    linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(238, 246, 253, 0.94)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.85),
    0 12px 28px rgba(42, 74, 110, 0.06) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#pun-viewtopic form:has(textarea) legend,
#pun-viewtopic form:has(textarea) .forminfo,
#pun-viewtopic form:has(textarea) .formalabel,
#pun-viewtopic form:has(textarea) p,
#pun-viewtopic #post legend,
#pun-viewtopic #quickpost legend {
  font-family: "Commissioner", sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  color: rgba(35, 62, 92, 0.75) !important;
}

#pun-viewtopic form:has(textarea) [class*="char"],
#pun-viewtopic form:has(textarea) [id*="char"],
#pun-viewtopic form:has(textarea) small {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(166, 187, 211, 0.78) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.74) !important;
  color: rgba(35, 62, 92, 0.8) !important;
}

#pun-viewtopic form:has(textarea) #form-buttons,
#pun-viewtopic form:has(textarea) .form-buttons,
#pun-viewtopic form:has(textarea) .fs-box,
#pun-viewtopic form:has(textarea) .bbcode,
#pun-viewtopic form:has(textarea) .buttonlist {
  margin: 10px 0 14px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(166, 187, 211, 0.62) !important;
  border-radius: 16px !important;
  background: linear-gradient(90deg, rgba(255,255,255,0.86), rgba(236,246,253,0.86), rgba(255,255,255,0.86)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.78) !important;
}

#pun-viewtopic form:has(textarea) #form-buttons input,
#pun-viewtopic form:has(textarea) #form-buttons button,
#pun-viewtopic form:has(textarea) .form-buttons input,
#pun-viewtopic form:has(textarea) .form-buttons button,
#pun-viewtopic form:has(textarea) .bbcode input,
#pun-viewtopic form:has(textarea) .bbcode button,
#pun-viewtopic form:has(textarea) .button,
#pun-viewtopic form:has(textarea) .btn {
  min-width: 24px !important;
  min-height: 24px !important;
  margin: 2px 3px !important;
  padding: 0 7px !important;
  border: 1px solid rgba(158, 181, 207, 0.72) !important;
  border-radius: 9px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(231,241,250,0.88)) !important;
  color: rgba(31, 56, 87, 0.78) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset !important;
}

#pun-viewtopic form:has(textarea) textarea,
#pun-viewtopic #post textarea,
#pun-viewtopic #quickpost textarea {
  width: 100% !important;
  min-height: 245px !important;
  margin: 0 !important;
  padding: 18px 20px !important;
  border: 1px solid rgba(139, 165, 195, 0.82) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(250,253,255,0.96)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.8),
    inset 0 10px 28px rgba(193, 215, 235, 0.16) !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  color: #20344d !important;
  outline: none !important;
  resize: vertical !important;
  box-sizing: border-box !important;
}

#pun-viewtopic form:has(textarea) textarea:focus {
  border-color: rgba(91, 127, 166, 0.92) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.95),
    0 0 0 3px rgba(166, 195, 224, 0.22),
    inset 0 10px 28px rgba(193, 215, 235, 0.18) !important;
}

#pun-viewtopic form:has(textarea) .formsubmit,
#pun-viewtopic form:has(textarea) .submit,
#pun-viewtopic form:has(textarea) p:has(input[type="submit"]) {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

#pun-viewtopic form:has(textarea) input[type="submit"],
#pun-viewtopic form:has(textarea) input[type="button"],
#pun-viewtopic form:has(textarea) button {
  min-height: 34px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(32, 55, 83, 0.82) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #294360, #1c314c) !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  cursor: pointer !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18),
    0 5px 14px rgba(31, 56, 87, 0.12) !important;
}

#pun-viewtopic form:has(textarea) input[type="submit"]:hover,
#pun-viewtopic form:has(textarea) input[type="button"]:hover,
#pun-viewtopic form:has(textarea) button:hover {
  background: linear-gradient(180deg, #355273, #223a5a) !important;
  transform: translateY(-1px);
}

#pun-viewtopic a[href*="subscribe"],
#pun-viewtopic a[href*="watch"],
#pun-viewtopic a[href*="track"] {
  display: inline-flex !important;
  align-items: center !important;
  margin: 8px 0 !important;
  padding: 6px 12px !important;
  border: 1px solid rgba(166,187,211,0.75) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.76) !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: rgba(35,62,92,0.78) !important;
  text-decoration: none !important;
}

#pun-viewtopic #pun-main .linksb,
#pun-viewtopic #pun-main .postlinksb,
#pun-viewtopic #pun-main .modmenu,
#pun-viewtopic #pun-main .topic-users,
#pun-viewtopic #pun-main .online-list,
#pun-viewtopic #pun-main .blockform,
#pun-viewtopic #pun-main .formal {
  margin: 10px 0 !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(177,197,219,0.58) !important;
  border-radius: 16px !important;
  background: linear-gradient(90deg, rgba(247,250,253,0.96), rgba(255,255,255,0.98), rgba(247,250,253,0.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.78),
    0 8px 20px rgba(42,74,110,0.04) !important;
  box-sizing: border-box !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.05em !important;
  color: rgba(35,62,92,0.82) !important;
}

#pun-viewtopic #pun-main .linksb:first-of-type {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}

#pun-viewtopic #pun-main .linksb p,
#pun-viewtopic #pun-main .postlinksb p {
  margin: 0 !important;
  padding: 0 !important;
}

#pun-viewtopic select,
#pun-viewtopic #pun-main .linksb select,
#pun-viewtopic #pun-main .postlinksb select {
  height: 28px !important;
  padding: 0 28px 0 10px !important;
  border: 1px solid rgba(150,174,202,0.82) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(234,244,252,0.92)) !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: rgba(35,62,92,0.86) !important;
  outline: none !important;
}

#pun-viewtopic #pun-main .linksb a,
#pun-viewtopic #pun-main .postlinksb a,
#pun-viewtopic #pun-main .modmenu a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(166,187,211,0.72) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.76) !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 8px !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(35,62,92,0.78) !important;
  text-decoration: none !important;
}

#pun-viewtopic #pun-main .linksb a:hover,
#pun-viewtopic #pun-main .postlinksb a:hover,
#pun-viewtopic #pun-main .modmenu a:hover {
  color: #10243c !important;
  background: #ffffff !important;
  border-color: #8fa8c5 !important;
}

#pun-viewtopic #pun-main p:has(a[href*="profile.php"]),
#pun-viewtopic #pun-main div:has(> strong):has(a[href*="profile.php"]) {
  margin: 10px 0 !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(177,197,219,0.48) !important;
  border-radius: 16px !important;
  background: linear-gradient(90deg, rgba(250,253,255,0.96), rgba(239,247,253,0.76), rgba(250,253,255,0.96)) !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
  color: rgba(35,62,92,0.82) !important;
}

#pun-viewtopic #pun-main p:has(a[href*="profile.php"]) a,
#pun-viewtopic #pun-main div:has(> strong):has(a[href*="profile.php"]) a {
  color: #1f3857 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border-bottom: 1px dotted rgba(35,62,92,0.42) !important;
}

#pun-viewtopic #pun-main .postlinksb,
#pun-viewtopic #pun-main .linksb:has(input[type="text"]),
#pun-viewtopic #pun-main .linksb:has(input[type="search"]) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

#pun-viewtopic #pun-main .pagelink {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(166,187,211,0.72) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.78) !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: rgba(35,62,92,0.78) !important;
}

#pun-viewtopic #pun-main form:has(input[name="keywords"]),
#pun-viewtopic #pun-main form:has(input[type="search"]),
#pun-viewtopic #pun-main form.searchform {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

#pun-viewtopic #pun-main input[type="text"],
#pun-viewtopic #pun-main input[type="search"],
#pun-viewtopic #pun-main input[name="keywords"] {
  height: 30px !important;
  min-width: 210px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(150,174,202,0.82) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.94) !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  color: #20344d !important;
  outline: none !important;
  box-sizing: border-box !important;
}

#pun-viewtopic #pun-main input[type="text"]:focus,
#pun-viewtopic #pun-main input[type="search"]:focus,
#pun-viewtopic #pun-main input[name="keywords"]:focus {
  border-color: rgba(91,127,166,0.92) !important;
  box-shadow: 0 0 0 3px rgba(166,195,224,0.22) !important;
}

#pun-viewtopic #pun-main form:has(input[name="keywords"]) input[type="submit"],
#pun-viewtopic #pun-main form:has(input[type="search"]) input[type="submit"],
#pun-viewtopic #pun-main form.searchform input[type="submit"],
#pun-viewtopic #pun-main form.searchform button {
  min-width: 30px !important;
  height: 30px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(32,55,83,0.78) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #294360, #1c314c) !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 0 !important;
  color: #ffffff !important;
  cursor: pointer !important;
}

#pun-viewtopic #pun-main form:has(input[name="keywords"]) input[type="submit"]::before,
#pun-viewtopic #pun-main form:has(input[type="search"]) input[type="submit"]::before,
#pun-viewtopic #pun-main form.searchform button::before {
  content: "⌕";
  font-size: 14px !important;
  line-height: 1 !important;
}

#pun-viewtopic a[href*="subscribe"],
#pun-viewtopic a[href*="watch"],
#pun-viewtopic a[href*="track"] {
  display: inline-flex !important;
  align-items: center !important;
  margin: 8px 0 !important;
  padding: 7px 12px !important;
  border: 1px solid rgba(166,187,211,0.72) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.78) !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 8px !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(35,62,92,0.78) !important;
  text-decoration: none !important;
}

#pun-viewtopic form:has(textarea) .formsubmit,
#pun-viewtopic form:has(textarea) .submit,
#pun-viewtopic form:has(textarea) p:has(input[type="submit"]),
#pun-viewtopic form:has(textarea) p:has(input[type="button"]) {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

#pun-viewtopic form:has(textarea) input[type="submit"],
#pun-viewtopic form:has(textarea) input[type="button"],
#pun-viewtopic form:has(textarea) button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 20px !important;
  margin: 0 !important;
  line-height: 36px !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}

#pun-viewtopic form:has(textarea) fieldset:first-of-type,
#pun-viewtopic form:has(textarea) #preview,
#pun-viewtopic form:has(textarea) .preview,
#pun-viewtopic form:has(textarea) .post-preview,
#pun-viewtopic form:has(textarea) .postpreview {
  margin: 0 0 12px !important;
  padding: 18px 22px !important;
  border: 1px solid rgba(159,184,211,0.72) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(248,251,255,0.95), rgba(239,247,253,0.88)) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#pun-viewtopic form:has(textarea) fieldset:first-of-type *,
#pun-viewtopic form:has(textarea) #preview *,
#pun-viewtopic form:has(textarea) .preview *,
#pun-viewtopic form:has(textarea) .post-preview *,
#pun-viewtopic form:has(textarea) .postpreview * {
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  background: transparent !important;
  box-shadow: none !important;
}

#pun-viewtopic form:has(textarea) fieldset:first-of-type p,
#pun-viewtopic form:has(textarea) #preview p,
#pun-viewtopic form:has(textarea) .preview p,
#pun-viewtopic form:has(textarea) .post-preview p,
#pun-viewtopic form:has(textarea) .postpreview p {
  display: block !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
  color: #20344d !important;
  text-align: left !important;
}

#pun-viewtopic form:has(textarea) fieldset:first-of-type div,
#pun-viewtopic form:has(textarea) fieldset:first-of-type span {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#pun-viewtopic form:has(textarea) fieldset:first-of-type pre,
#pun-viewtopic form:has(textarea) fieldset:first-of-type code,
#pun-viewtopic form:has(textarea) #preview pre,
#pun-viewtopic form:has(textarea) #preview code {
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  max-width: 100% !important;
  overflow-x: auto !important;
}

#pun-viewtopic form:has(textarea) fieldset:first-of-type legend {
  padding: 0 10px !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(35,62,92,0.65) !important;
  background: rgba(245,250,254,0.95) !important;
  border-radius: 999px !important;
}

#pun-viewtopic #post fieldset,
#pun-viewtopic #quickpost fieldset,
#pun-viewtopic form:has(textarea) fieldset,
#pun-viewtopic #post .mainfieldset,
#pun-viewtopic #quickpost .mainfieldset,
#pun-viewtopic form:has(textarea) .mainfieldset,
#pun-viewtopic #post .fieldset,
#pun-viewtopic #quickpost .fieldset,
#pun-viewtopic form:has(textarea) .fieldset {
  border-top: none !important;
  box-shadow: none !important;
}

#pun-viewtopic #post,
#pun-viewtopic #quickpost,
#pun-viewtopic form:has(textarea) {
  border-top: none !important;
}

#pun-viewtopic #post fieldset,
#pun-viewtopic #quickpost fieldset,
#pun-viewtopic form:has(textarea) fieldset,
#pun-viewtopic #post .mainfieldset,
#pun-viewtopic #quickpost .mainfieldset,
#pun-viewtopic form:has(textarea) .mainfieldset,
#pun-viewtopic #post .fieldset,
#pun-viewtopic #quickpost .fieldset,
#pun-viewtopic form:has(textarea) .fieldset {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

#pun-viewtopic #post,
#pun-viewtopic #quickpost,
#pun-viewtopic form:has(textarea) {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

#pun-viewtopic i#isk.icons-search,
#pun-viewtopic #isk.icons-search,
i#isk.icons-search {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 25px !important;
  margin: 0 0 0 4px !important;
  padding: 0 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  vertical-align: middle !important;
  cursor: pointer !important;
}

#pun-viewtopic i#isk.icons-search::before,
#pun-viewtopic #isk.icons-search::before,
i#isk.icons-search::before {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  color: #1f3857 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#pun-viewtopic form:has(i#isk.icons-search),
#pun-viewtopic div:has(> i#isk.icons-search),
#pun-viewtopic span:has(> i#isk.icons-search) {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

#pun-viewtopic .post-author li.pa-author {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 58px !important;
  margin: 0 0 10px !important;
  padding: 12px 10px 10px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

#pun-viewtopic .post-author li.pa-author .acchide {
  display: none !important;
}

#pun-viewtopic .post-author li.pa-author a {
  display: block !important;
  margin: 0 auto 5px !important;
  padding: 0 !important;
  font-family: Commissioner, "Times New Roman", serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #1f3857 !important;
  text-align: center !important;
  text-decoration: none !important;
}

#pun-viewtopic .post-author li.pa-author i#tuser.icons-search,
#pun-viewtopic .post-author li.pa-author #tuser.icons-search {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  margin: 3px auto 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

#pun-viewtopic .post-author li.pa-author i#tuser.icons-search::before,
#pun-viewtopic .post-author li.pa-author #tuser.icons-search::before {
  display: block !important;
  margin: 0 auto !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  color: rgba(31, 56, 87, 0.45) !important;
  text-align: center !important;
}

#pun-viewtopic .post > .container > .post-body {
  display: flex !important;
  flex-direction: column !important;
  min-height: 520px !important;
}

#pun-viewtopic .post > .container > .post-body .post-box {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 520px !important;
}

#pun-viewtopic .post > .container > .post-body .post-content {
  flex: 1 1 auto !important;
}

#pun-viewtopic .post .post-sig-title,
#pun-viewtopic .post .signature-title,
#pun-viewtopic .post .sig-title,
#pun-viewtopic .post .pa-sig-title,
#pun-viewtopic .post .pl-sig,
#pun-viewtopic .post .siglegend,
#pun-viewtopic .post .post-signature-title {
  display: none !important;
}

#pun-viewtopic .post .post-sig > p:first-child,
#pun-viewtopic .post .signature > p:first-child,
#pun-viewtopic .post .postsignature > p:first-child {
  display: none !important;
}

#pun-viewtopic .post .post-sig,
#pun-viewtopic .post .signature,
#pun-viewtopic .post .postsignature,
#pun-viewtopic .post .sig-content,
#pun-viewtopic .post .post-sig-content {
  margin-top: auto !important;
  margin-left: 34px !important;
  margin-right: 34px !important;
  margin-bottom: 22px !important;
  padding: 14px 0 0 !important;
  border-top: 1px solid rgba(177,197,219,0.55) !important;
  background: transparent !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 10px !important;
  line-height: 1.6 !important;
  color: rgba(35,62,92,0.55) !important;
  text-align: center !important;
}

#pun-viewtopic .post .post-sig p,
#pun-viewtopic .post .signature p,
#pun-viewtopic .post .postsignature p,
#pun-viewtopic .post .sig-content p {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#pun-viewtopic .post dl.post-sig > dt,
#pun-viewtopic .post dl.post-sig > dt span {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#pun-viewtopic .post dl.post-sig {
  margin-top: auto !important;
  margin-left: 34px !important;
  margin-right: 34px !important;
  margin-bottom: 22px !important;
  padding: 14px 0 0 !important;
  border-top: 1px solid rgba(177,197,219,0.55) !important;
  background: transparent !important;
  text-align: center !important;
}

#pun-viewtopic .post dl.post-sig > dd {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 10px !important;
  line-height: 1.6 !important;
  color: rgba(35,62,92,0.55) !important;
}

#pun-viewtopic .post > h3 {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 22px !important;
  border-bottom: 1px solid rgba(177,197,219,0.45) !important;
  border-radius: 16px 16px 0 0 !important;
  background: linear-gradient(90deg, rgba(247,250,253,0.98), rgba(255,255,255,0.98), rgba(247,250,253,0.98)) !important;
  box-sizing: border-box !important;
}

#pun-viewtopic .post > h3 > span:first-child {
  justify-self: start !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: rgba(31,56,87,0.82) !important;
  white-space: nowrap !important;
}

#pun-viewtopic .post > h3 strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 22px !important;
  height: 20px !important;
  margin: 0 4px 0 0 !important;
  padding: 0 7px !important;
  border: 1px solid rgba(166,187,211,0.72) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.78) !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 8px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  color: rgba(31,56,87,0.68) !important;
}

#pun-viewtopic .post > h3 #fntSlider,
#pun-viewtopic .post > h3 .FNTslider {
  justify-self: center !important;
  position: relative !important;
  width: 104px !important;
  height: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

#pun-viewtopic .post > h3 #fntSlider::before,
#pun-viewtopic .post > h3 .FNTslider::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  width: 100% !important;
  height: 3px !important;
  transform: translateY(-50%) !important;
  border-radius: 999px !important;
  background: rgba(166,187,211,0.55) !important;
  box-shadow: inset 0 1px 1px rgba(31,56,87,0.12) !important;
}

#pun-viewtopic .post > h3 #fntSlider .before,
#pun-viewtopic .post > h3 .FNTslider .before {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  width: 42px !important;
  height: 3px !important;
  transform: translateY(-50%) !important;
  border-radius: 999px !important;
  background: rgba(61,91,124,0.68) !important;
  box-shadow: none !important;
}

#pun-viewtopic .post > h3 #fntSlider .thumb,
#pun-viewtopic .post > h3 .FNTslider .thumb {
  position: absolute !important;
  top: 50% !important;
  width: 14px !important;
  height: 14px !important;
  margin-top: -7px !important;
  padding: 0 !important;
  border: 1px solid rgba(61,91,124,0.48) !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 35% 30%, #ffffff 0%, #dce8f2 55%, #7894b1 100%) !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,0.88),
    0 3px 8px rgba(31,56,87,0.18) !important;
  opacity: 1 !important;
  visibility: visible !important;
  cursor: pointer !important;
}

#pun-viewtopic .post > h3 #fntSlider:hover .thumb,
#pun-viewtopic .post > h3 .FNTslider:hover .thumb {
  background: radial-gradient(circle at 35% 30%, #ffffff 0%, #e7f0f7 52%, #5f7f9f 100%) !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,0.95),
    0 0 12px rgba(125,158,190,0.48) !important;
}

#pun-viewtopic .post > h3 .sharelink {
  justify-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(166,187,211,0.72) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.78) !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 8px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  color: rgba(35,62,92,0.78) !important;
  text-decoration: none !important;
}

#pun-main.main.multipage,
#pun-main.main,
#pun-main {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

#pun-main.main.multipage > .container,
#pun-main.main > .container,
#pun-main > .container {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

#pun-main .post,
#pun-main .linkst,
#pun-main .linksb,
#pun-main .postlinksb,
#pun-main .block,
#pun-main .blocktable,
#pun-main .blockform,
#pun-main .formal,
#pun-main form:has(textarea) {
  background: linear-gradient(
      180deg,
      rgba(248, 251, 255, 0.90),
      rgba(239, 247, 253, 0.76)
    ) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

#pun-viewtopic .post > .container {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

#pun-live-rusff {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

#pun-live-rusff *,
#pun-live-rusff .cooltext,
#pun-live-rusff .cool1,
#pun-live-rusff .cool2,
#pun-live-rusff .cool3 {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

#pun-live-rusff-peoples {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

#tooltip,
div#tooltip {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

#pun-viewtopic .post-author ul {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#pun-viewtopic .post-author li.pa-author {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 74px !important;
  margin: 0 0 10px !important;
  padding: 16px 12px 13px !important;
  border: 1px solid rgba(166,187,211,0.68) !important;
  border-radius: 15px 15px 8px 8px !important;
  background: radial-gradient(circle at 50% 0%, rgba(205,220,237,0.42), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,0.94), rgba(239,247,253,0.74)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.84),
    0 8px 18px rgba(31,56,87,0.05) !important;
  overflow: hidden !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

#pun-viewtopic .post-author li.pa-author::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(139,165,195,0.08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(139,165,195,0.06) 1px, transparent 1px) !important;
  background-size: 22px 22px !important;
  opacity: 0.65 !important;
  pointer-events: none !important;
}

#pun-viewtopic .post-author li.pa-author::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: rgba(91,127,166,0.52) !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,0.7),
    0 0 10px rgba(91,127,166,0.38) !important;
}

#pun-viewtopic .post-author li.pa-author .acchide {
  display: none !important;
}

#pun-viewtopic .post-author li.pa-author a {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  margin: 0 auto 6px !important;
  padding: 0 !important;
  font-family: Commissioner, "Times New Roman", serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #1f3857 !important;
  text-align: center !important;
  text-decoration: none !important;
}

#pun-viewtopic .post-author li.pa-author i#tuser.icons-search,
#pun-viewtopic .post-author li.pa-author #tuser.icons-search {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(31,56,87,0.38) !important;
  text-align: center !important;
}

#pun-viewtopic .post-author li.pa-title {
  position: relative !important;
  margin: 0 0 12px !important;
  padding: 9px 12px 8px !important;
  border: 1px solid rgba(166,187,211,0.72) !important;
  border-radius: 8px 8px 15px 15px !important;
  background: linear-gradient(90deg, rgba(248,251,255,0.92), rgba(233,243,251,0.78), rgba(248,251,255,0.92)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.78),
    0 6px 14px rgba(31,56,87,0.04) !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 8px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(31,56,87,0.78) !important;
  text-align: center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#pun-viewtopic .post-author li.pa-title::before {
  content: "status" !important;
  position: absolute !important;
  left: 9px !important;
  top: -1px !important;
  padding: 0 5px !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 6px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(91,127,166,0.42) !important;
  background: rgba(248,251,255,0.94) !important;
}

#pun-viewtopic .post-author li.pa-title::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 5px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(91,127,166,0.32), transparent) !important;
}

#pun-viewtopic .post-author li.pa-avatar,
#pun-viewtopic .post-author li.pa-avatar.item2 {
  margin-top: 10px !important;
  padding-top: 0 !important;
}

#pun-viewtopic .post-author li.pa-avatar,
#pun-viewtopic .post-author li.pa-avatar.item2 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  margin: 12px auto 16px !important;
  padding: 7px !important;
  border: 1px dashed rgba(122,151,182,0.48) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#pun-viewtopic .post-author li.pa-avatar img,
#pun-viewtopic .post-author li.pa-avatar.item2 img {
  display: block !important;
  max-width: 184px !important;
  width: 184px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  outline: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#pun-viewtopic .post-author li.pa-author {
  min-height: 64px !important;
  margin: 0 auto 10px !important;
  padding: 13px 12px 10px !important;
  border: 1px dashed rgba(122,151,182,0.42) !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, rgba(139,165,195,0.05) 1px, transparent 1px),
    linear-gradient(180deg, rgba(139,165,195,0.045) 1px, transparent 1px),
    transparent !important;
  background-size: 22px 22px !important;
  box-shadow: none !important;
}

#pun-viewtopic .post-author li.pa-author::before {
  content: none !important;
  display: none !important;
}

#pun-viewtopic .post-author li.pa-author::after {
  top: 8px !important;
  right: 8px !important;
  width: 6px !important;
  height: 6px !important;
  background: rgba(91,127,166,0.42) !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,0.55),
    0 0 8px rgba(91,127,166,0.25) !important;
}

#pun-viewtopic .post-author li.pa-author a {
  font-size: 13px !important;
  letter-spacing: 0.15em !important;
  line-height: 1.1 !important;
  margin-bottom: 5px !important;
}

#pun-viewtopic .post-author li.pa-author i#tuser.icons-search,
#pun-viewtopic .post-author li.pa-author #tuser.icons-search {
  margin: 0 auto !important;
}

#pun-viewtopic .post-author li.pa-title {
  margin: 0 auto 13px !important;
  padding: 10px 12px 8px !important;
  border: 1px dashed rgba(122,151,182,0.42) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 8px !important;
  letter-spacing: 0.16em !important;
}

#pun-viewtopic .post-author li.pa-title::before {
  top: -7px !important;
  left: 8px !important;
  padding: 0 5px !important;
  background: rgba(248,251,255,0.96) !important;
  color: rgba(91,127,166,0.38) !important;
}

#pun-viewtopic .post-author li.pa-title::after {
  content: none !important;
  display: none !important;
}

#pun-index #pun-main .category h2,
#pun-index #pun-main .blocktable h2,
#pun-index #pun-main h2 {
  min-height: 28px !important;
  height: auto !important;
  margin: 10px 0 6px !important;
  padding: 5px 16px !important;
  border: none !important;
  border-radius: 0 !important;
  background: linear-gradient(
      90deg,
      rgba(171, 200, 227, 0.32),
      rgba(143, 176, 207, 0.52),
      rgba(171, 200, 227, 0.32)
    ) !important;
  box-sizing: border-box !important;
}

#pun-index #pun-main .category h2 span,
#pun-index #pun-main .blocktable h2 span,
#pun-index #pun-main h2 span {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(31, 56, 87, 0.72) !important;
  text-align: center !important;
}

#pun-index #pun-main h2 .catleft,
#pun-index #pun-main h2 .catright,
#pun-index #pun-main .catleft,
#pun-index #pun-main .catright {
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

#pun-index #pun-main .category,
#pun-index #pun-main .blocktable {
  background: transparent !important;
}

#pun-index #pun-main h2 *,
#pun-index #pun-main .blocktable h2 *,
#pun-index #pun-main .category h2 * {
  font-weight: 400 !important;
}

#pun-index .tclcon,
#pun-viewforum .tclcon {
  padding-left: 0 !important;
  margin-left: -18px !important;
  box-sizing: border-box !important;
}

#pun-index td.tcr,
#pun-viewforum td.tcr {
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
  vertical-align: top !important;
  box-sizing: border-box !important;
}

#pun-index td.tcr .lastpost-link,
#pun-viewforum td.tcr .lastpost-link {
  display: block !important;
  max-width: 100% !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.08em !important;
  color: #4d7096 !important;
  text-decoration: none !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

#pun-index td.tcr .lastpost,
#pun-viewforum td.tcr .lastpost,
#pun-index td.tcr .civic-new-signal,
#pun-viewforum td.tcr .civic-new-signal {
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: rgba(35,62,92,0.62) !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

#pun-index td.tcr .user-avatar,
#pun-viewforum td.tcr .user-avatar {
  display: none !important;
}

#pun-index td.tcr br,
#pun-viewforum td.tcr br {
  display: block !important;
  content: "" !important;
  margin: 2px 0 !important;
}

#pun-index tr.has-new-messages td.tcr,
#pun-viewforum tr.has-new-messages td.tcr,
#pun-index tr.inew td.tcr,
#pun-viewforum tr.inew td.tcr {
  position: relative !important;
  overflow: visible !important;
  padding-right: 34px !important;
  box-sizing: border-box !important;
}

#pun-index td.tcr .civic-new-signal,
#pun-viewforum td.tcr .civic-new-signal,
#pun-index td.tcr .civic-new-signal::before,
#pun-viewforum td.tcr .civic-new-signal::before,
#pun-index td.tcr .civic-new-signal::after,
#pun-viewforum td.tcr .civic-new-signal::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  animation: none !important;
}

#pun-index tr.has-new-messages td.tcr::after,
#pun-viewforum tr.has-new-messages td.tcr::after,
#pun-index tr.inew td.tcr::after,
#pun-viewforum tr.inew td.tcr::after {
  content: "NEW MESS" !important;
  position: absolute !important;
  top: 18px !important;
  right: -20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 72px !important;
  height: 18px !important;
  padding: 0 8px 0 12px !important;
  border: 1px solid rgba(65, 94, 128, 0.68) !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, rgba(215,227,240,0.98), rgba(169,191,214,0.96)) !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 7px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  color: rgba(31,56,87,0.78) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.78),
    0 4px 10px rgba(31,56,87,0.06) !important;
  transform: rotate(90deg) !important;
  transform-origin: center !important;
  clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%, 0 0) !important;
  z-index: 4 !important;
  pointer-events: none !important;
}

#pun-index tr.has-new-messages td.tcr::before,
#pun-viewforum tr.has-new-messages td.tcr::before,
#pun-index tr.inew td.tcr::before,
#pun-viewforum tr.inew td.tcr::before {
  content: "" !important;
  position: absolute !important;
  top: 49px !important;
  right: 7px !important;
  width: 5px !important;
  height: 5px !important;
  border: 1px solid rgba(122,151,182,0.42) !important;
  border-radius: 50% !important;
  background: rgba(239,247,253,0.96) !important;
  box-shadow: inset 0 1px 1px rgba(31,56,87,0.08) !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

#pun-status {
  margin: 12px 0 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#pun-status p.container {
  position: relative !important;
  display: block !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 1px solid rgba(177,197,219,0.72) !important;
  border-radius: 7px !important;
  background: linear-gradient(
      90deg,
      rgba(255,255,255,0.96),
      rgba(247,250,253,0.92),
      rgba(255,255,255,0.96)
    ) !important;
  box-shadow: none !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 36px !important;
  color: rgba(35,62,92,0.68) !important;
  box-sizing: border-box !important;
}

#pun-status .civic-session-line {
  font-size: 0 !important;
  color: transparent !important;
}

#pun-status .civic-session-line::before {
  content: "Сеанс активен: " !important;
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: rgba(35,62,92,0.68) !important;
}

#pun-status .civic-session-line b:first-of-type {
  position: absolute !important;
  left: 96px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: rgba(31,56,87,0.88) !important;
  white-space: nowrap !important;
}

#pun-status .civic-session-line b:first-of-type::after {
  content: "." !important;
  font-weight: 400 !important;
  color: rgba(35,62,92,0.68) !important;
}

#pun-status .civic-session-line b:nth-of-type(2) {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: rgba(31,56,87,0.88) !important;
  white-space: nowrap !important;
}

#pun-status .civic-session-line b:nth-of-type(2)::before {
  content: "Последняя идентификация: " !important;
  font-weight: 400 !important;
  color: rgba(35,62,92,0.68) !important;
}

#pun-status .civic-session-line b:nth-of-type(2)::after {
  content: "." !important;
  font-weight: 400 !important;
  color: rgba(35,62,92,0.68) !important;
}

#pun-status p.container a {
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-family: "Commissioner", sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: rgba(31,56,87,0.78) !important;
  text-decoration: none !important;
}

#pun-status p.container a:hover {
  color: #10243c !important;
  text-decoration: underline !important;
  text-shadow: none !important;
}

html,
body {
  min-height: 100% !important;
  background-color: #eef4f9 !important;
  background-image: url("https://upforme.ru/uploads/0011/79/36/2/370404.png") !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

#pun,
#pun-wrap {
  background: transparent !important;
}

#pun {
  background: linear-gradient(
      180deg,
      rgba(245,249,252,0.72),
      rgba(238,246,251,0.66)
    ) !important;
}

#pun-wrap,
#pun {
  border-radius: 18px 18px 0 0 !important;
  overflow: hidden !important;
}

#pun > .container,
#pun-wrap > .container {
  border-radius: 18px 18px 0 0 !important;
  overflow: hidden !important;
}

#pun-announcement,
#pun-announcement .container {
  border-radius: 18px 18px 0 0 !important;
  overflow: hidden !important;
}

#pun-title {
  border-top-left-radius: 18px !important;
  border-top-right-radius: 18px !important;
  overflow: hidden !important;
}

#pun-index .category,
#pun-index div[id^="pun-category"] {
  margin-bottom: 10px !important;
}

#pun-index .category::before,
#pun-index div[id^="pun-category"]::before {
  height: 62px !important;
  min-height: 62px !important;
  max-height: 62px !important;
}

#pun-index .category h2,
#pun-index div[id^="pun-category"] h2 {
  min-height: 24px !important;
  margin: 0 !important;
  padding: 4px 16px !important;
}

#pun-index .category h2 span,
#pun-index div[id^="pun-category"] h2 span {
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.16em !important;
}


/* ==================================================
   CSS NAME: EDITOR_SMILE_ICON_CSS_DRAW_CLICK_SAFE_V3
   Назначение: нарисовать иконку смайла, но не ломать родной клик
   ================================================== */

/* Кнопка смайлов */
#button-smile {
  position: relative !important;

  width: 26px !important;
  height: 26px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  cursor: pointer !important;

  font-size: 0 !important;
  color: transparent !important;
}

/* ВАЖНО: не display:none.
   Оставляем родной img кликабельным, просто делаем прозрачным */
#button-smile img {
  display: block !important;

  position: absolute !important;
  inset: 0 !important;

  width: 26px !important;
  height: 26px !important;

  margin: 0 !important;
  padding: 0 !important;

  opacity: 0 !important;
  visibility: visible !important;

  cursor: pointer !important;
  z-index: 5 !important;
}

/* Лицо смайла */
#button-smile::before {
  content: "" !important;

  position: absolute !important;
  left: 50% !important;
  top: 50% !important;

  width: 15px !important;
  height: 15px !important;

  transform: translate(-50%, -50%) !important;

  border: 1.5px solid rgba(70,105,140,0.78) !important;
  border-radius: 50% !important;

  background:
    radial-gradient(circle at 35% 38%, rgba(70,105,140,0.9) 0 1px, transparent 1.5px),
    radial-gradient(circle at 65% 38%, rgba(70,105,140,0.9) 0 1px, transparent 1.5px),
    linear-gradient(180deg, rgba(248,251,255,0.95), rgba(232,242,250,0.7)) !important;

  box-sizing: border-box !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

/* Улыбка */
#button-smile::after {
  content: "" !important;

  position: absolute !important;
  left: 50% !important;
  top: 52% !important;

  width: 7px !important;
  height: 4px !important;

  transform: translateX(-50%) !important;

  border-bottom: 1.5px solid rgba(70,105,140,0.82) !important;
  border-radius: 0 0 10px 10px !important;

  background: transparent !important;

  z-index: 3 !important;
  pointer-events: none !important;
}

/* Наведение */
#button-smile:hover::before {
  border-color: rgba(31,56,87,0.96) !important;

  background:
    radial-gradient(circle at 35% 38%, rgba(31,56,87,0.95) 0 1px, transparent 1.5px),
    radial-gradient(circle at 65% 38%, rgba(31,56,87,0.95) 0 1px, transparent 1.5px),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(222,235,247,0.9)) !important;
}

#button-smile:hover::after {
  border-bottom-color: rgba(31,56,87,0.96) !important;
}

/* ==================================================
   CSS NAME: EDITOR_SMILIES_BLOCK_RETURN_TO_EDITOR_V2
   Назначение: вернуть открытый блок смайлов вниз к форме ответа
   ================================================== */

/* Вся форма ответа как точка отсчёта */
#pun-viewtopic form,
#pun-viewtopic fieldset,
#pun-viewtopic .fs-box,
#pun-viewtopic #post,
#pun-viewtopic #quickpost {
  position: relative !important;
}

/* Область смайлов */
#smilies-area {
  position: absolute !important;

left: auto !important;
right: 78px !important;
top: 78px !important;

  z-index: 99999 !important;

  width: auto !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Сам блок смайлов */
#smilies-block {
  position: relative !important;

  width: 430px !important;
  max-width: 430px !important;
  max-height: 150px !important;

  margin: 0 !important;
  padding: 12px 14px !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  border: 1px solid rgba(166,187,211,0.72) !important;
  border-radius: 14px !important;

  background:
    linear-gradient(
      180deg,
      rgba(248,251,255,0.98),
      rgba(234,243,251,0.94)
    ) !important;

  box-shadow:
    0 10px 24px rgba(31,56,87,0.12),
    inset 0 1px 0 rgba(255,255,255,0.8) !important;

  box-sizing: border-box !important;
}

/* Сами смайлы */
#smilies-block img {
  display: inline-block !important;

  max-width: 26px !important;
  max-height: 26px !important;

  margin: 3px !important;
  padding: 2px !important;

  border: none !important;
  background: transparent !important;
  box-shadow: none !important;

  vertical-align: middle !important;
  cursor: pointer !important;
}

#smilies-block img:hover {
  background: rgba(205,220,237,0.52) !important;
  border-radius: 6px !important;
}

/* ==================================================
   CSS NAME: EDITOR_ADDITION_DROPDOWN_SOFT_STYLE_V1
   Назначение: стилизовать выпадающий список #addition-area
   ================================================== */

/* Сам выпадающий список */
#addition-area {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 210px !important;

  margin-top: 8px !important;
  padding: 8px 0 !important;

  border: 1px solid rgba(166,187,211,0.72) !important;
  border-radius: 12px !important;

  background:
    linear-gradient(
      180deg,
      rgba(248,251,255,0.98),
      rgba(236,244,250,0.95)
    ) !important;

  box-shadow:
    0 10px 22px rgba(31,56,87,0.12),
    inset 0 1px 0 rgba(255,255,255,0.82) !important;

  overflow: hidden !important;
  box-sizing: border-box !important;

  backdrop-filter: blur(4px) !important;
}

/* Все пункты списка */
#addition-area > div {
  display: block !important;

  margin: 0 !important;
  padding: 7px 14px !important;

  border: none !important;
  background: transparent !important;
  box-shadow: none !important;

  font-family: 'Commissioner', Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.035em !important;

  color: rgba(35,62,92,0.76) !important;
  text-align: left !important;
  text-decoration: none !important;

  cursor: pointer !important;
  box-sizing: border-box !important;

  transition:
    background 0.16s ease,
    color 0.16s ease,
    padding-left 0.16s ease !important;
}

/* Текст внутри пунктов */
#addition-area > div span {
  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  border: none !important;
  background: transparent !important;
  box-shadow: none !important;

  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;

  color: inherit !important;
}

/* Тонкие разделители */
#addition-area > div + div {
  border-top: 1px solid rgba(177,197,219,0.22) !important;
}

/* Наведение */
#addition-area > div:hover {
  padding-left: 18px !important;

  background:
    linear-gradient(
      90deg,
      rgba(205,220,237,0.08),
      rgba(205,220,237,0.34),
      rgba(205,220,237,0.08)
    ) !important;

  color: #1f3857 !important;
}

/* Аккуратный маркер слева при наведении */
#addition-area > div {
  position: relative !important;
}

#addition-area > div::before {
  content: "" !important;

  position: absolute !important;
  left: 8px !important;
  top: 50% !important;

  width: 3px !important;
  height: 3px !important;

  transform: translateY(-50%) !important;

  border-radius: 50% !important;
  background: rgba(91,127,166,0) !important;

  transition: background 0.16s ease !important;
}

#addition-area > div:hover::before {
  background: rgba(91,127,166,0.55) !important;
}

/* Убираем старые синие/заливочные стили */
#addition-area *,
#addition-area {
  text-shadow: none !important;
}


/* ==================================================
   CSS NAME: KEYBOARD_HARD_OVERRIDE_LIGHT_TINY_V5
   Назначение: жестко перебить темные круглые кнопки клавиатуры
   ================================================== */

/* Не показываем клавиатуру, если скрипт её скрыл */
html body div#keyboard-area.container[style*="display: none"],
html body div#keyboard-area.container[style*="display:none"] {
  display: none !important;
}

/* Контейнер клавиатуры */
html body div#keyboard-area.container {
  width: fit-content !important;
  max-width: 310px !important;

  margin: 6px auto 4px !important;
  padding: 6px !important;

  border: 1px solid rgba(174,194,216,0.7) !important;
  border-radius: 8px !important;

  background: rgba(248,251,255,0.96) !important;
  background-color: rgba(248,251,255,0.96) !important;
  background-image: none !important;

  box-shadow: 0 4px 10px rgba(31,56,87,0.06) !important;

  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Внутренняя сетка */
html body div#keyboard-area.container span#keyboard-span {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;

  max-width: 292px !important;

  gap: 3px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  line-height: 1 !important;
}

/* Жёсткий сброс именно этих input-кнопок */
html body div#keyboard-area.container span#keyboard-span input[type="button"],
html body div#keyboard-area.container span#keyboard-span input[onclick^="keyboard"] {
  all: unset !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 18px !important;
  width: auto !important;
  height: 15px !important;

  margin: 0 !important;
  padding: 0 4px !important;

  border: 1px solid rgba(174,194,216,0.82) !important;
  border-radius: 3px !important;

  background: #f7fbff !important;
  background-color: #f7fbff !important;
  background-image: none !important;

  box-shadow: none !important;
  outline: none !important;

  font-family: Commissioner, Arial, sans-serif !important;
  font-size: 7px !important;
  font-weight: 500 !important;
  line-height: 15px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;

  color: #4d6682 !important;
  text-align: center !important;
  text-shadow: none !important;

  cursor: pointer !important;
  box-sizing: border-box !important;
}

/* Наведение */
html body div#keyboard-area.container span#keyboard-span input[type="button"]:hover,
html body div#keyboard-area.container span#keyboard-span input[onclick^="keyboard"]:hover {
  border-color: rgba(125,154,186,0.9) !important;
  background: #edf4fb !important;
  background-color: #edf4fb !important;
  color: #203b5a !important;
}

/* Нажатие */
html body div#keyboard-area.container span#keyboard-span input[type="button"]:active,
html body div#keyboard-area.container span#keyboard-span input[onclick^="keyboard"]:active {
  background: #e2ecf6 !important;
  background-color: #e2ecf6 !important;
}

/* Служебные клавиши */
html body div#keyboard-area.container span#keyboard-span input[value="TAB"],
html body div#keyboard-area.container span#keyboard-span input[value="CAPS"],
html body div#keyboard-area.container span#keyboard-span input[value="ENTER"],
html body div#keyboard-area.container span#keyboard-span input[value="BACK"] {
  min-width: 30px !important;
  height: 15px !important;
  padding: 0 5px !important;

  font-size: 6px !important;
  letter-spacing: 0.02em !important;
}

/* Пробел */
html body div#keyboard-area.container span#keyboard-span input[value="SPACE"] {
  min-width: 52px !important;
  height: 15px !important;
  padding: 0 7px !important;

  font-size: 6px !important;
  letter-spacing: 0.02em !important;
}

/* Убираем переносы */
html body div#keyboard-area.container span#keyboard-span br {
  display: none !important;
}

/* ==================================================
   CSS NAME: KEYBOARD_LIGHT_SIZE_UP_V7
   Назначение: ещё сильнее увеличить светлую клавиатуру
   ================================================== */

html body div#keyboard-area.container {
  max-width: 520px !important;
  padding: 12px !important;
}

html body div#keyboard-area.container span#keyboard-span {
  max-width: 490px !important;
  gap: 5px !important;
}

html body div#keyboard-area.container span#keyboard-span input[type="button"],
html body div#keyboard-area.container span#keyboard-span input[onclick^="keyboard"] {
  min-width: 28px !important;
  height: 24px !important;
  padding: 0 7px !important;

  font-size: 10px !important;
  line-height: 24px !important;
}

html body div#keyboard-area.container span#keyboard-span input[value="TAB"],
html body div#keyboard-area.container span#keyboard-span input[value="CAPS"],
html body div#keyboard-area.container span#keyboard-span input[value="ENTER"],
html body div#keyboard-area.container span#keyboard-span input[value="BACK"] {
  min-width: 48px !important;
  height: 24px !important;

  font-size: 9px !important;
}

html body div#keyboard-area.container span#keyboard-span input[value="SPACE"] {
  min-width: 96px !important;
  height: 24px !important;

  font-size: 9px !important;
}

/* ==================================================
   CSS NAME: HIDE_EDITOR_EXTRA_BUTTONS_V1
   Назначение: полностью скрыть кнопки files_rusff и graffiti_rusff
   ================================================== */

td#button-files_rusff,
td#button-graffiti_rusff {
  display: none !important;
}

/* ==================================================
   CSS NAME: HIDE_EDITOR_EXTRA_AREAS_V1
   Назначение: скрыть связанные области files/graffiti
   ================================================== */

#files_rusff-area,
#graffiti_rusff-area,
#files-area,
#graffiti-area {
  display: none !important;
}

/* ==================================================
   CSS NAME: HIDE_EDITOR_FILES_GRAFFITI_HARD_V2
   Назначение: полностью скрыть кнопки files_rusff и graffiti_rusff
   вместе с внутренними img/фонами
   ================================================== */

#button-files_rusff,
#button-graffiti_rusff,
td#button-files_rusff,
td#button-graffiti_rusff,
#button-files_rusff *,
#button-graffiti_rusff * {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;

  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;

  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  background: none !important;
  box-shadow: none !important;

  overflow: hidden !important;
  pointer-events: none !important;
}