/* SaintSeiyaPedia — Olympian Gold v2. Loaded after all NameX CSS. */
/* 1. Design tokens (light / dark / system) */
:root, :root[data-mode="light"], :root[data-mode="system"] {
	--ssp-display: "Cinzel", "Cinzel Fallback", "Trajan Pro", Georgia, serif;
	--ssp-serif: "EB Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
	--body-font-family: "Inter", "Lato", "Segoe UI", system-ui, -apple-system, sans-serif;
	--ssp-surface: #ece6da;
	--ssp-ink: #1d2833;
	--ssp-muted: #5b646e;
	--ssp-gold: #a9853f;
	--ssp-gold-text: #84652b;
	--ssp-gold-grad: linear-gradient(90deg, #8a6a31 0%, #c9a65d 25%, #e6cf95 50%, #c9a65d 75%, #8a6a31 100%);
	--ssp-navy: #1e2b37;
	--ssp-navy-ink: #f3ead6;
	--ssp-primary-bg: #1e2b37;
	--ssp-primary-ink: #f3ead6;
	--ssp-primary-icon: #c9a65d;
	--ssp-burgundy: #7a2e3f;
	--ssp-row-hover: #f1ead9;
	--ssp-icon: #9c8a6a;
	--ssp-shadow: 0 1px 2px rgba(60,45,20,.06), 0 6px 18px rgba(60,45,20,.05);
	--ssp-banner: url('../../images/ssp/sanctuary-light.jpg');

	--body-bg: #ece6da;
	--body-txt-color: #2b3640;
	--body-txt-color-strong: #1d2833;
	--body-link-color: #7a2e3f;
	--content-section-bg: transparent;
	--uppersection-bg: #f4efe5;
	--windowbg-bg: #fbf8f2;
	--windowbg2-bg: #f5f0e6;
	--windowbg-bg-hover: #f1ead9;
	--windowbg-bg-target: #f6ecd2;
	--windowbg-shadow: none;
	--roundframe-bg: #fbf8f2;
	--roundframe-shadow: none;
	--catbg-bg: #0b3963;
	--catbg-txt-color: #f3ead6;
	--titlebg-bg: #e7ddca;
	--titlebg-bg-right: #e7ddca;
	--titlebg-bg-left: #e7ddca;
	--titlebg-txt-color: #3a3328;
	--forumsections-bg: #fbf8f2;
	--subboards-bg: #f4eee2;
	--boarddescription-bg: #e6dccb;
	--boardmoderators-bg: #efe6d4;
	--boardicons-txt-color: #9c8a6a;
	--table-border-color: #e1d7c4;
	--header-bg: #ece6da;
	--header-border-color: #ddd2bf;
	--footer-bg: #1e2b37;
	--nav-bg: #fbf8f2;
	--nav-shadow-color: rgba(60,45,20,.06);
	--nav-item-bg: transparent;
	--nav-item-bg-hover: #f1e8d6;
	--nav-item-bg-active: #ece1c9;
	--nav-item-txt-color: #2b3640;
	--nav-item-txt-color-hover: #7a2e3f;
	--nav-item-txt-color-active: #7a2e3f;
	--nav-dropdown-bg: #fbf8f2;
	--nav-dropdown-item-bg: transparent;
	--nav-dropdown-item-bg-hover: #f1e8d6;
	--nav-dropdown-item-txt-color: #2b3640;
	--nav-dropdown-item-txt-color-hover: #7a2e3f;
	--newbutton-bg: #7a2e3f;
	--newbutton-txt-color: #fff7ee;
	--button-bg: #fbf8f2;
	--button-bg-hover: #f2e9d6;
	--button-txt-color: #3a4651;
	--button-txt-color-hover: #1d2833;
	--button-border-color: #d9ccb3;
	--button-border-color-hover: #b8955a;
	--buttonlist-bg: #f6f1e7;
	--buttonlist-bg-hover: #f2e9d6;
	--buttonlist-bg-active: #1e2b37;
	--buttonlist-shadow: none;
	--buttonlist-border-color: #ddd1ba;
	--buttonlist-border-color-hover: #b8955a;
	--buttonlist-border-color-active: #1e2b37;
	--buttonlist-txt-color: #3a4651;
	--buttonlist-txt-color-hover: #1d2833;
	--buttonlist-txt-color-active: #f3ead6;
	--buttonlist-txt-shadow: none;
	--linktree-li-before-border-color: #ddd1ba;
	--poster-bg: #f2ece0;
	--status-sticky-bg: #f5ebd3;
	--status-locked-bg: #eeeae3;
	--quote-bg: #f3ede1;
	--qutoe-alternate-bg: #ece4d4;
	--quote-border-color: #a9853f;
	--code-bg: #f1ece3;
	--code-border-color: #ddd1ba;
	--amt-bg: #e6d8bb;
	--amt-bg-active: #7a2e3f;
	--input-bg: #fffdf9;
	--input-txt-color: #2b3640;
	--input-border-color: #d3c6ad;
	--input-accent-color: #c9b07c;
	--popup-container-bg: rgba(20,28,36,.55);
	--forumnews-bg: #fbf8f2;
	--forumnews-bg-inactive: #efe6d4;
	--alert-bg: #fbf8f2;
	--alert-bg-hover: #f1ead9;
	--alert-border-color: #e1d7c4;
		--ssp-sub-board-text: var(--ssp-gold-text);
	--ssp-link-color: var(--body-link-color);
	--ssp-top-notif-button: #8b3547;
	--ssp-amt-bg: #8b3547;
	--ssp-amt-bg-hover: #cb8543;
	--ssp-top-social-bg:#83510b;
	
	--avatar-border-radius: 10px;
	--uppersection-bg: #fff8ea;
		--ssp-main-title-shadow-color: #efd030;
    --ssp-main-title-color: #8e5c0b;
	--ssp-spoiler-box-bg:#f3e4d3;
--ssp-spoiler-box-text:#262626;
--ssp-spoiler-content-bg:#fbf8ee;


/*	
	--shoutbox-bg: #f5f5f5;
--shoutbox-header-bg: #3a5f8a;
--shoutbox-header-text: #fff;
--shoutbox-border: #ccc;
--shoutbox-msg-bg: #3f3f3f;
--shoutbox-msg-hover: #f0f4f8;
--shoutbox-input-bg: #fff;
--shoutbox-input-border: #ccc;
--shoutbox-text: #333;
--shoutbox-text-muted: #888;
--shoutbox-whisper-bg: #fff8e1;
--shoutbox-whisper-border: #f0c36d;
--shoutbox-action-color: #6a5acd;
--shoutbox-mention-color: #1a73e8;
--shoutbox-btn-primary: #3a5f8a;
--shoutbox-btn-primary-hover: #2c4a6e;
--shoutbox-online-dot: #4caf50;
--shoutbox-scrollbar-thumb: #bbb;
--shoutbox-scrollbar-track: #f0f0f0;
--shoutbox-bg-alt: #eee;
--shoutbox-hover: rgba(0, 0, 0, 0.06);*/
	
}
:root[data-mode="dark"] {
	--ssp-surface: #0f1820;
	--ssp-ink: #eef0ec;
	--ssp-muted: #9aa6b0;
	--ssp-gold: #c9a865;
	--ssp-gold-text: #dcbf82;

/*	--ssp-gold-grad: linear-gradient(90deg, #8f7039 0%, #c9a865 25%, #ead199 50%, #c9a865 75%, #8f7039 100%);*/
	--ssp-gold-grad: linear-gradient(90deg, #a8a8ae 0%, #9d9fb9 25%, #d2dbeb 50%, #9d9fb9 75%, #a8a8ae 100%);
	
	
	

	--ssp-navy: #0a1117;
	--ssp-navy-ink: #ead6a6;
	--ssp-primary-bg: #c9a865;
	--ssp-primary-ink: #10171e;
	--ssp-primary-icon: #3b2f17;
	--ssp-burgundy: #a8475c;
	--ssp-row-hover: #1f2c37;
	--ssp-icon: #8e8063;
	--ssp-shadow: 0 1px 2px rgba(0,0,0,.25), 0 6px 18px rgba(0,0,0,.18);
	--ssp-banner: url('../../images/ssp/sanctuary-dark.jpg');

	--body-bg: #0f1820;
	--body-txt-color: #d6dbdf;
	--body-txt-color-strong: #f1f2ef;
	/*--body-link-color: #e7b0a8;*/
	--body-link-color: #5691da;
	--content-section-bg: transparent;
	--uppersection-bg: #1a2530;
	--windowbg-bg: #16212b;
	--windowbg2-bg: #1a2631;
	--windowbg-bg-hover: #1f2c37;
	--windowbg-bg-target: #2a2b22;
	--windowbg-shadow: none;
	--roundframe-bg: #16212b;
	--roundframe-shadow: none;
	--catbg-bg: #0a1117;
	--catbg-txt-color: #ead6a6;
	--titlebg-bg: #1f2b36;
	--titlebg-bg-right: #1f2b36;
	--titlebg-bg-left: #1f2b36;
	--titlebg-txt-color: #e4ddcd;
	--forumsections-bg: #16212b;
	--subboards-bg: #131d26;
	--boarddescription-bg: #2a3743;
	--boardmoderators-bg: #22303c;
	--boardicons-txt-color: #8e8063;
	--table-border-color: #2a3743;
	--header-bg: #0f1820;
	--header-border-color: #2a3743;
	--footer-bg: #0a1117;
	--nav-bg: #16212b;
	--nav-shadow-color: rgba(0,0,0,.25);
	--nav-item-bg: transparent;
	--nav-item-bg-hover: #1f2c37;
	--nav-item-bg-active: #26323c;
	--nav-item-txt-color: #d6dbdf;
	--nav-item-txt-color-hover: #e7b0a8;
	--nav-item-txt-color-active: #ead6a6;
	--nav-dropdown-bg: #16212b;
	--nav-dropdown-item-bg: transparent;
	--nav-dropdown-item-bg-hover: #1f2c37;
	--nav-dropdown-item-txt-color: #d6dbdf;
	--nav-dropdown-item-txt-color-hover: #e7b0a8;
	--newbutton-bg: #184083;
	--newbutton-txt-color: #fff4ec;
	--button-bg: #1a2631;
	--button-bg-hover: #22303c;
	--button-txt-color: #d6dbdf;
	--button-txt-color-hover: #ffffff;
	--button-border-color: #33424f;
	--button-border-color-hover: #c9a865;
	--buttonlist-bg: #1a2631;
	--buttonlist-bg-hover: #22303c;
	--buttonlist-bg-active: #c9a865;
	--buttonlist-shadow: none;
	--buttonlist-border-color: #33424f;
	--buttonlist-border-color-hover: #c9a865;
	--buttonlist-border-color-active: #c9a865;
	--buttonlist-txt-color: #d6dbdf;
	--buttonlist-txt-color-hover: #ffffff;
	--buttonlist-txt-color-active: #10171e;
	--buttonlist-txt-shadow: none;
	--linktree-li-before-border-color: #33424f;
	--poster-bg: #131d26;
	--status-sticky-bg: #262619;
	--status-locked-bg: #1b2229;
	--quote-bg: #1c2833;
	--qutoe-alternate-bg: #22303c;
	--quote-border-color: #c9a865;
	--code-bg: #121b23;
	--code-border-color: #2a3743;
	--amt-bg: #3a3322;
	--amt-bg-active: #a8475c;
	--input-bg: #121b23;
	--input-txt-color: #e6e9ea;
	--input-border-color: #3a4855;
	--input-accent-color: #8f7a4f;
	--popup-container-bg: rgba(0,0,0,.6);
	--forumnews-bg: #16212b;
	--forumnews-bg-inactive: #22303c;
	--alert-bg: #16212b;
	--alert-bg-hover: #1f2c37;
	--alert-border-color: #2a3743;

	--ssp-link-color: #2f9db6;
	--ssp-sub-board-text: #4f8b4b;
	--ssp-top-notif-button: #1f7b18;
		--ssp-amt-bg: #1f7b18;
	--ssp-amt-bg-hover: #4ee059;
	--ssp-top-social-bg: #116fb5;
	
	--shoutbox-bg: #16212b;
--shoutbox-header-bg: #3a5f8a;
--shoutbox-header-text: #fff;
--shoutbox-border: #ccc;
--shoutbox-msg-bg: #16212b;
--shoutbox-msg-hover: #373737;
--shoutbox-input-bg: #191919;
--shoutbox-input-border: #ccc;
--shoutbox-text: #d6dbdf;
--shoutbox-text-muted: #888;
--shoutbox-whisper-bg: #fff8e1;
--shoutbox-whisper-border: #f0c36d;
--shoutbox-action-color: #6a5acd;
--shoutbox-mention-color: #1a73e8;
--shoutbox-btn-primary: #3a5f8a;
--shoutbox-btn-primary-hover: #2c4a6e;
--shoutbox-online-dot: #4caf50;
--shoutbox-scrollbar-thumb: #bbb;
--shoutbox-scrollbar-track: #f0f0f0;
--shoutbox-bg-alt: #191919;
--shoutbox-hover: rgba(0, 0, 0, 0.06);
--ssp-main-title-shadow-color: #5d30ef;
 --ssp-main-title-color: #6191c2;
 
--ssp-spoiler-box-bg:#006c88;
--ssp-spoiler-box-text:#dddddd;
--ssp-spoiler-content-bg:#00354c;

}
@media (prefers-color-scheme: dark) {
:root[data-mode="system"] {
	--ssp-surface: #0f1820;
	--ssp-ink: #eef0ec;
	--ssp-muted: #9aa6b0;
	--ssp-gold: #c9a865;
	--ssp-gold-text: #dcbf82;
	
	
	--ssp-navy: #0a1117;
	--ssp-navy-ink: #ead6a6;
	--ssp-primary-bg: #c9a865;
	--ssp-primary-ink: #10171e;
	--ssp-primary-icon: #3b2f17;
	--ssp-burgundy: #a8475c;
	--ssp-row-hover: #1f2c37;
	--ssp-icon: #8e8063;
	--ssp-shadow: 0 1px 2px rgba(0,0,0,.25), 0 6px 18px rgba(0,0,0,.18);
	--ssp-banner: url('../../images/ssp/sanctuary-dark.jpg');

	--body-bg: #0f1820;
	--body-txt-color: #d6dbdf;
	--body-txt-color-strong: #f1f2ef;
	--body-link-color: #e7b0a8;
	--content-section-bg: transparent;
	--uppersection-bg: #1a2530;
	--windowbg-bg: #16212b;
	--windowbg2-bg: #1a2631;
	--windowbg-bg-hover: #1f2c37;
	--windowbg-bg-target: #2a2b22;
	--windowbg-shadow: none;
	--roundframe-bg: #16212b;
	--roundframe-shadow: none;
	--catbg-bg: #0a1117;
	--catbg-txt-color: #ead6a6;
	--titlebg-bg: #1f2b36;
	--titlebg-bg-right: #1f2b36;
	--titlebg-bg-left: #1f2b36;
	--titlebg-txt-color: #e4ddcd;
	--forumsections-bg: #16212b;
	--subboards-bg: #131d26;
	--boarddescription-bg: #2a3743;
	--boardmoderators-bg: #22303c;
	--boardicons-txt-color: #8e8063;
	--table-border-color: #2a3743;
	--header-bg: #0f1820;
	--header-border-color: #2a3743;
	--footer-bg: #0a1117;
	--nav-bg: #16212b;
	--nav-shadow-color: rgba(0,0,0,.25);
	--nav-item-bg: transparent;
	--nav-item-bg-hover: #1f2c37;
	--nav-item-bg-active: #26323c;
	--nav-item-txt-color: #d6dbdf;
	--nav-item-txt-color-hover: #e7b0a8;
	--nav-item-txt-color-active: #ead6a6;
	--nav-dropdown-bg: #16212b;
	--nav-dropdown-item-bg: transparent;
	--nav-dropdown-item-bg-hover: #1f2c37;
	--nav-dropdown-item-txt-color: #d6dbdf;
	--nav-dropdown-item-txt-color-hover: #e7b0a8;
	--newbutton-bg: #a8475c;
	--newbutton-txt-color: #fff4ec;
	--button-bg: #1a2631;
	--button-bg-hover: #22303c;
	--button-txt-color: #d6dbdf;
	--button-txt-color-hover: #ffffff;
	--button-border-color: #33424f;
	--button-border-color-hover: #c9a865;
	--buttonlist-bg: #1a2631;
	--buttonlist-bg-hover: #22303c;
	--buttonlist-bg-active: #c9a865;
	--buttonlist-shadow: none;
	--buttonlist-border-color: #33424f;
	--buttonlist-border-color-hover: #c9a865;
	--buttonlist-border-color-active: #c9a865;
	--buttonlist-txt-color: #d6dbdf;
	--buttonlist-txt-color-hover: #ffffff;
	--buttonlist-txt-color-active: #10171e;
	--buttonlist-txt-shadow: none;
	--linktree-li-before-border-color: #33424f;
	--poster-bg: #131d26;
	--status-sticky-bg: #262619;
	--status-locked-bg: #1b2229;
	--quote-bg: #1c2833;
	--qutoe-alternate-bg: #22303c;
	--quote-border-color: #c9a865;
	--code-bg: #121b23;
	--code-border-color: #2a3743;
	--amt-bg: #3a3322;
	--amt-bg-active: #a8475c;
	--input-bg: #121b23;
	--input-txt-color: #e6e9ea;
	--input-border-color: #3a4855;
	--input-accent-color: #8f7a4f;
	--popup-container-bg: rgba(0,0,0,.6);
	--forumnews-bg: #16212b;
	--forumnews-bg-inactive: #22303c;
	--alert-bg: #16212b;
	--alert-bg-hover: #1f2c37;
	--alert-border-color: #2a3743;
}
}



/* ==========================================================
   2. Typography
   ========================================================== */
body {font-family:var(--body-font-family);font-size:.875rem;line-height:1.55;color:var(--body-txt-color);background:var(--body-bg);}
strong, b, .strong {font-weight:600;}
.smalltext, tr.smalltext th {font-size:.82em;}
h3.catbg, h3.catbg a, h3.titlebg, h3.titlebg a, h4.titlebg, .cat_bar h3, .title_bar h3, .title_bar h4,
#display_head h2, #forumposts .catbg, #messageindex .board_title, .forum_title, .main_section h2 {font-family:var(--ssp-display);font-weight:600;letter-spacing:.045em;text-shadow:none;}
h3.catbg, h3.catbg a {font-size:.98rem;color:var(--catbg-txt-color);text-transform:none;}
h3.titlebg, h4.titlebg, .title_bar h3, .title_bar h4 {font-size:.92rem;}
#display_head h2, .display_title {font-size:1.45rem;line-height:1.25;color:var(--ssp-ink);}
header h1.forumtitle, header h1.forumtitle a span.ssp-brand {font-family:var(--ssp-display);font-weight:600;letter-spacing:.04em;}

/* ==========================================================
   3. Navigation bar + Greek-key frieze (SVG mask: themable, no raster)
   ========================================================== */
nav#main_nav {position:relative;border:0;border-image:none;box-shadow:none;margin-bottom:16px;}
nav#main_nav::after {content:"";position:absolute;left:0;right:0;bottom:-14px;height:14px;pointer-events:none;
	background:var(--ssp-gold-grad);
	-webkit-mask:url('../../images/ssp/meander.svg') repeat-x left center / auto 14px;
	        mask:url('../../images/ssp/meander.svg') repeat-x left center / auto 14px;}
nav#main_nav ul.menu_nav > li > a {font-size:.9rem;font-weight:500;}
nav#main_nav ul.menu_nav > li > a.active {font-weight:600;box-shadow:inset 0 -2px 0 var(--ssp-gold);}
footer {position:relative;margin-top:44px;color:#d9dcd7;}
footer::before {content:"";position:absolute;left:0;right:0;top:-14px;height:14px;background:var(--ssp-gold-grad);
	-webkit-mask:url('../../images/ssp/meander.svg') repeat-x left center / auto 14px;mask:url('../../images/ssp/meander.svg') repeat-x left center / auto 14px;}
footer a {color:#ead6a6;}

/* ==========================================================
   4. Content wrapper: no big box, cards instead
   ========================================================== */
#content_section {background:transparent;padding:0 0 10px;box-shadow:none;border:0;}
.main_container, #info_center, #upshrink_stats, #topic_container, #forumposts .windowbg, .roundframe, .generic_list_wrapper {box-shadow:var(--ssp-shadow);}
.main_container {background:var(--windowbg-bg);border:1px solid var(--table-border-color);border-radius:6px;overflow:hidden;margin-bottom:1.4em;}
.cat_bar {background:var(--catbg-bg);border:0;border-radius:6px 6px 0 0;box-shadow:inset 0 -2px 0 var(--ssp-gold);}
.main_container > .cat_bar {border-radius:0;}
.cat_bar .toggle_up, .cat_bar .toggle_down {filter:none;opacity:.75;}
.title_bar {background:var(--titlebg-bg);border-radius:6px 6px 0 0;}

/* ==========================================================
   5. Board index
   ========================================================== */
.boardindex_table .up_contain {background:var(--windowbg-bg);border-width:0 0 1px;border-style:solid;border-color:var(--table-border-color);border-radius:0;transition:background-color .15s;}
.boardindex_table .up_contain:last-child {border-bottom:0;}
.boardindex_table .up_contain:hover {background:var(--ssp-row-hover);}
.boardindex_table a.subject {font-size:1.05rem;font-weight:600;color:var(--body-link-color);}
.boardindex_table .board_description {font-size:.86rem;color:var(--ssp-muted);line-height:1.4;}
.boardindex_table .board_icon a {color:var(--boardicons-txt-color);}
.boardindex_table .board_icon a.board_on, .boardindex_table .board_icon a.board_on2 {color:var(--ssp-gold);}
.boardindex_table .board_stats {font-size:.78rem;color:var(--ssp-muted);}
.boardindex_table .board_stats strong {font-size:1em;font-weight:600;color:var(--body-txt-color-strong);font-variant-numeric:tabular-nums;}
.boardindex_table .lastpost {font-size:.82rem;line-height:1.45;border-color:var(--table-border-color);}
.boardindex_table .lastpost .time {color:var(--ssp-muted);}
/* Sub-boards: warm, quiet strip aligned with the board text */
.boardindex_table .children {background:var(--subboards-bg);border-top:1px dashed var(--table-border-color);padding:6px 14px 8px 76px;font-size:.84rem;line-height:1.6;}
.boardindex_table .children > strong {font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ssp-sub-board-text);margin-right:4px;}
.boardindex_table .children p.sub_boards {display:inline;}
.boardindex_table .children .sub_boards a {font-weight:400;}
.boardindex_table .children .sub_boards a.board_new_posts {font-weight:600;}
/* "New" badge (board index sub-boards + topic list) */
.new_posts, a.new_posts {background:var(--newbutton-bg);color:var(--newbutton-txt-color);font:700 .62rem/1 var(--body-font-family);text-transform:uppercase;letter-spacing:.07em;padding:3px 5px 2px;border-radius:3px;border:0;text-shadow:none;box-shadow:none;vertical-align:.12em;}
.new_posts:hover, a.new_posts:hover {filter:brightness(1.1);text-decoration:none;}
/* Info center */
#info_center_blocks {background:var(--windowbg-bg);border:1px solid var(--table-border-color);border-radius:6px;overflow:hidden;}
#info_center_blocks > ul {background:var(--uppersection-bg);}
#info_center_blocks .sub_bar h4, #info_center_blocks .subbg {font-family:var(--ssp-display);font-size:.85rem;letter-spacing:.05em;}

/* ==========================================================
   6. Buttons, pagination, linktree
   ========================================================== */
button.button, a.button, input[type="submit"], .button, .pagesection .button, .buttonlist .button {
	background:var(--button-bg);color:var(--button-txt-color);border:1px solid var(--button-border-color);
	box-shadow:none;text-shadow:none;font:600 .78rem/1 var(--body-font-family);letter-spacing:.02em;text-transform:none;border-radius:4px;min-height:30px;}
button.button:hover, a.button:hover, input[type="submit"]:hover, .button:hover, .button:focus-visible {
	background:var(--button-bg-hover);color:var(--button-txt-color-hover);border-color:var(--button-border-color-hover);}
.button .main_icons, .button i {color:var(--ssp-gold-text);opacity:.9;}
/* Primary actions (New topic, Reply, Post) */
.buttonlist .button.active, a.button.active, input[type="submit"].button_submit, #post_confirm_buttons input[type="submit"], .button_strip_reply, .normal_button_strip_new_topic {
	background:var(--ssp-primary-bg);color:var(--ssp-primary-ink);border-color:var(--ssp-primary-bg);}
.buttonlist .button.active .main_icons, a.button.active .main_icons, .normal_button_strip_new_topic .main_icons {color:var(--ssp-primary-icon);}
.buttonlist .button.active:hover, a.button.active:hover, .normal_button_strip_new_topic:hover {background:var(--ssp-primary-bg);filter:brightness(1.12);color:var(--ssp-primary-ink);}
/* Pagination: quiet segmented control, current page = navy */
.pagination_container span.pages {font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ssp-muted);margin-right:6px;}
.pagination_container span.current_page, .pagination_container a.nav_page, .pagination_container span.expand_pages {font-size:.78rem;padding:5px 9px;}
.pagination_container span.current_page {font-weight:700;}
.topic_pages .pagination_container a.nav_page, .topic_pages .pagination_container span.expand_pages {font-size:.7rem;padding:2px 5px;background:transparent;border-color:transparent;}
.topic_pages .pagination_container span.pages {display:none;}
/* Linktree: keep NameX arrow shapes, warm colors */
.navigate_section ul li {font-size:.82rem;color:var(--body-txt-color);}
.navigate_section ul li a {color:var(--body-txt-color);}
.navigate_section ul li:last-child {background:var(--windowbg-bg);}
.navigate_section ul li:last-child a {color:var(--body-link-color);font-weight:600;}
.navigate_section ul li:last-child::after {border-left-color:var(--windowbg-bg);}

/* ==========================================================
   7. Topic list (message index)
   ========================================================== */
#messageindex #topic_header {background:var(--titlebg-bg);box-shadow:inset 0 -2px 0 var(--ssp-gold);border-radius:6px 6px 0 0;}
#messageindex #topic_header, #messageindex #topic_header a {color:var(--titlebg-txt-color);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;}
#topic_container {border:1px solid var(--table-border-color);border-top:0;border-radius:0 0 6px 6px;overflow:hidden;}
#messageindex #topic_container > .windowbg {background:var(--windowbg-bg);border-width:0 0 1px;border-style:solid;border-color:var(--table-border-color);margin:0;border-radius:0;}
#messageindex #topic_container > .windowbg:nth-child(even) {background:var(--windowbg2-bg);}
#messageindex #topic_container > .windowbg:hover {background:var(--ssp-row-hover);}
#messageindex #topic_container > .windowbg.sticky {background:var(--status-sticky-bg);box-shadow:inset 3px 0 0 var(--ssp-gold);}
#messageindex #topic_container > .windowbg.locked {background:var(--status-locked-bg);box-shadow:inset 3px 0 0 var(--ssp-muted);}
#messageindex #topic_container > .windowbg.sticky.locked {background:var(--status-sticky-bg);box-shadow:inset 3px 0 0 var(--ssp-gold);}
#messageindex #topic_container > .windowbg.sticky:hover {filter:brightness(.98);}
#messageindex .message_index_title {font-size:.95rem;}
#messageindex .message_index_title .preview a {color:var(--body-txt-color-strong);font-weight:500;}
#messageindex .message_index_title .bold_text a, #messageindex .sticky .message_index_title .preview a {font-weight:600;}
#messageindex .info_block p.floatleft {font-size:.8rem;color:var(--ssp-muted);}
#messageindex #topic_container .board_stats {font-size:.78rem;color:var(--ssp-muted);}
#messageindex #topic_container .board_stats strong {font-size:1em;font-weight:600;color:var(--body-txt-color);font-variant-numeric:tabular-nums;}
#messageindex #topic_container .lastpost {font-size:.8rem;}
#messageindex #topic_container .icons .main_icons {opacity:.65;}
/* Replace the default "xx" message-icon image by a themed font icon. Custom icons chosen by members stay. */
#messageindex .board_icon img[src$="/xx.png"] {display:none;}
#messageindex .board_icon:has(> img[src$="/xx.png"])::before {content:"\f15c";font:400 1.2rem/1 "Font Awesome 6 Free";color:var(--ssp-icon);}
#messageindex .sticky .board_icon:has(> img[src$="/xx.png"])::before {content:"\f08d";font-weight:900;color:var(--ssp-gold);}
#messageindex .locked .board_icon:has(> img[src$="/xx.png"])::before {content:"\f023";font-weight:900;color:var(--ssp-muted);}
#messageindex .board_icon img {opacity:.8;}

/* ==========================================================
   8. Posts
   ========================================================== */
#forumposts .windowbg {background:var(--windowbg-bg);border:1px solid var(--table-border-color);border-radius:6px;margin:0 0 10px;}
#forumposts form > .windowbg:nth-of-type(even) {background:var(--windowbg2-bg);}
#forumposts .windowbg:target {box-shadow:0 0 0 2px var(--ssp-gold);}
.post_wrapper .poster {background:var(--poster-bg);border-right:1px solid var(--table-border-color);}
.poster h4, .poster h4 a {font-size:1rem;font-weight:700;}
.poster .user_info li.membergroup {font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--ssp-gold-text);}
.poster .user_info li.postgroup, .poster .user_info li.postcount, .poster .user_info li.title, .poster .user_info li.blurb, .poster .user_info li.poster_ip {font-size:.76rem;color:var(--ssp-muted);}
.keyinfo .page_number, .keyinfo .page_number.floatright {background:none;font-family:var(--ssp-display);font-weight:600;font-size:.85rem;color:var(--ssp-gold-text);height:auto;opacity:1;}
.keyinfo .postinfo a.smalltext {font-size:.8rem;color:var(--ssp-muted);font-weight:500;}
.keyinfo .postinfo .modified {font-size:.74rem;font-style:italic;color:var(--ssp-muted);}
.postinfo .messageicon:has(img[src$="/xx.png"]) {display:none;}
.post .inner {font-size:.97rem;line-height:1.68;color:var(--body-txt-color);}
.post .inner a {text-underline-offset:2px;}
.quickbuttons li a, .quickbuttons li a:hover, .quickbuttons li a:focus {font-size:.74rem;font-weight:500;color:var(--ssp-muted);text-transform:none;}
.quickbuttons li a:hover {color:var(--body-link-color);}
.quickbuttons li a i, .quickbuttons li a span.main_icons {font-size:1.25em;color:var(--ssp-icon);}
/* Quotes and code: serif voice for quoted speech, gold rule */
blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote {background:var(--quote-bg);border:0;border-left:3px solid var(--quote-border-color);border-radius:0 5px 5px 0;font-family:var(--ssp-serif);font-size:1.05em;line-height:1.55;padding:8px 14px;margin:8px 0 12px;box-shadow:none;}
blockquote.bbc_alternate_quote {background:var(--qutoe-alternate-bg);}
blockquote cite {display:block;font:700 .66rem/1.4 var(--body-font-family);text-transform:uppercase;letter-spacing:.08em;color:var(--ssp-gold-text);border:0;margin-bottom:5px;font-style:normal;}
blockquote cite a {color:inherit;}
.bbc_code {background:var(--code-bg);border:1px solid var(--code-border-color);border-radius:5px;font-size:.86em;}
/* Signatures: present but secondary */
.signature {font-size:.78rem;line-height:1.45;color:var(--ssp-muted);border-top:1px solid var(--table-border-color);margin-top:10px;padding:8px 10px 4px;max-height:9.5em;overflow:hidden;
	-webkit-mask-image:linear-gradient(to bottom,#000 75%,transparent);mask-image:linear-gradient(to bottom,#000 75%,transparent);}
.signature:hover, .signature:focus-within {max-height:none;-webkit-mask-image:none;mask-image:none;}
.signature img {max-height:90px;width:auto;}

/* ==========================================================
   9. Small screens (NameX switches posts to stacked at 991px)
   ========================================================== */
@media (max-width: 991px) {
	.post_wrapper .poster, .poster {min-height:56px;padding:8px 10px 8px 62px;border-right:0;border-bottom:1px solid var(--table-border-color);border-radius:6px 6px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;}
	.poster ul.user_info {display:contents;}
	.poster ul.user_info li.avatar {left:10px;top:7px;}
	.poster ul.user_info li.avatar img.avatar {width:42px;height:42px;}
	.poster h4 {display:inline-flex;align-items:center;gap:4px;margin:0;}
	.poster h4, .poster h4 a {font-size:.95rem;}
	.poster .user_info li.membergroup {display:inline;}
	.post_wrapper .postarea {padding:0 10px 8px;}
	.post_wrapper .postarea .keyinfo {--keyinfo--height:auto;min-height:0;flex:1 1 auto;padding:6px 0 2px;align-self:center;}
	.post_wrapper .postarea .under_message {flex:0 0 auto;align-self:center;}
	.keyinfo .page_number, .keyinfo .page_number.floatright {padding:0 8px 0 0;}
	.keyinfo .postinfo .modified {display:none;}
	.post .inner {font-size:.95rem;padding-inline:0;}
	.quickbuttons {gap:2px;}
	.quickbuttons > li > a > span:not(.main_icons):not(.amt) {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
	.quickbuttons > li > a {padding:6px;}
	.signature {max-height:6em;font-size:.74rem;}
	.signature img {max-height:60px;}
	.boardindex_table .children {padding-left:14px;}
	
	

}

@media (max-width: 767px) {
	body {font-size:.875rem;}
	#display_head h2, .display_title {font-size:1.2rem;}
	nav#main_nav {margin-bottom:28px;}
}
@media (prefers-reduced-motion: reduce) {.boardindex_table .up_contain {transition:none;}}

/* ==========================================================
   10. Header, search & mobile nav (unchanged from v1)
   ========================================================== */
/* Integration overrides for NameX 1.4.4 */
#top_section {background: #0e2433;
    border-color: #304455;}
#top_info > li > a, #top_info > li > a.open, #top_info > li > a:focus {color:#f5f6f5;background:transparent;}
#top_info > li > a:hover, #top_info > li > a.active {color:#fff;background:#334b5b;}
#top_info > li.button_login, #top_info > li.button_signup {background:transparent;}
#top_info > li > a span.amt {background: var(--ssp-top-notif-button);color:white;}
#top_info .top_menu {z-index:100;}
#modepicker_menu {background:var(--nav-dropdown-bg);border:1px solid var(--table-border-color);border-radius:6px;box-shadow:0 8px 22px rgba(0,0,0,.2);}
#modepicker_menu a {color:var(--body-txt-color);padding:9px 14px;}
header {background-image:linear-gradient(to bottom,transparent 5%,var(--ssp-surface) 100%),linear-gradient(to right,var(--ssp-surface) 0%,transparent 62%),var(--ssp-banner);background-position:center,center,center 40%;}
#header {max-width:1200px;width:90%;margin:0 auto;
min-height:110px;

align-items:stretch;justify-content:space-between;gap:16px;}
header h1.forumtitle {flex:1 1 auto;min-width:0;align-self:center;margin:0;padding:12px 0;line-height:1.14;text-transform:none;}
header h1.forumtitle a,header h1.forumtitle a span.ssp-brand {color:var(--ssp-ink);text-shadow:none;}
header h1.forumtitle img {max-height:135px;max-width:100%;object-fit:contain;}
.ssp-header-tools {display:flex;align-items:flex-end;justify-content:flex-end;gap:12px;min-width:0;flex-direction: column;}
.ssp-header-tools .social_icons {align-self:flex-end;flex:0 0 auto;}
.ssp-header-tools .social_icons a {background:var(--ssp-top-social-bg);color:var(--body-txt-color);border:1px solid var(--table-border-color);border-radius:50%;}
.custom_search {top:1px;flex:0 0 auto;box-shadow:none;}
.custom_search input[name="search"] {width:11em;max-width:50vw;font-size:.85em;}
.custom_search input[name="search"]:focus {width:19em;}
.custom_search select,.custom_search button {font-size:.85em;}
nav#main_nav ul.menu_nav > li > a {font-weight:600;}
nav#main_nav ul.menu_nav li a:focus-visible {outline:3px solid #cf9c45;}
#info_center_blocks > [hidden] {display:none !important;}
.forum_news #smf_slider {list-style:disc;display:block;width:100%;padding:5px 18px 12px 36px;}
.forum_news #smf_slider li {padding:3px 0;}
@media(max-width:767px){
 #header {min-height:145px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:12px 0;gap:6px;}
 #header h1.forumtitle {bottom:auto;align-self:stretch;padding:4px 0;}
 .ssp-header-tools {justify-content:flex-start;align-items:center;}
 .ssp-header-tools .social_icons {justify-content:flex-start;}
 #nav_wrapper.ssp-search-in-nav {display:flex;flex-wrap:nowrap;align-items:center;gap:10px;}
 #nav_wrapper.ssp-search-in-nav #main_menu {width:auto;flex:0 0 auto;}
 #nav_wrapper.ssp-search-in-nav .custom_search {display:flex;flex:1 1 0;min-width:0;top:auto;margin:5px 0;padding:0;background:transparent;}
 #nav_wrapper.ssp-search-in-nav .custom_search input[name="search"],#nav_wrapper.ssp-search-in-nav .custom_search input[name="search"]:focus {min-width:30px;width:100%;max-width:none;flex:1 1 0;}
 #nav_wrapper.ssp-search-in-nav .custom_search select {max-width:100px;}
 #nav_wrapper.ssp-search-in-nav .mobile_user_menu {padding:8px 10px;border:1px solid var(--table-border-color);border-radius:5px;white-space:nowrap;}
 #main_menu .popup_window {top:52px;max-height:calc(100vh - 65px);border-radius:8px;}
}
@media(max-width:420px){#nav_wrapper.ssp-search-in-nav .custom_search select {max-width:65px;}}
@media(prefers-reduced-motion:reduce){.custom_search input[name="search"]{transition:none}}



a, a:visited {
	color: var(--ssp-link-color);
	text-decoration: none;
}


.amt {
    background: var(--ssp-amt-bg);
    
}

.dropmenu a.active, #top_info a.active {
    text-shadow: 0 0 0;
}

nav#main_nav ul.menu_nav ul li a span.amt {
    background: var(--ssp-amt-bg);
}
nav#main_nav ul.menu_nav ul li a span.amt:hover{
    background: var(--ssp-amt-bg-hover);
}


nav#main_nav ul.menu_nav li a.active span.amt{
 /*    background: var(--ssp-amt-bg);*/
     color: white;
    
}



.dropmenu li a.active, .dropmenu li a.active:hover, .dropmenu li:hover a.active, .dropmenu li a.active:focus {
    color: var(--nav-item-txt-color-active);
    background: var(--nav-item-bg-active);
    
    
}


#top_info > li.top-bar-language-item{
    margin-left: auto;
    
    
}
.languages_form {
    display: flex;
    height: 45px;
    align-items: center;
}


h3.catbg a:hover{
    font-family:inherit;
    font-size: inherit;
    
    font-weight: inherit;
    /*color: var(--catbg-txt-color);*/
   
    text-shadow:  0 0 20px #ffffff;;
}


.forumtitle > a#top {
    display: flex;
    gap: 16px;
    align-items: center;
}
.forum-main-title {
    font: var(--ssp-display);
    font-size: 0.7em;
    text-shadow:  0px 0px 2px var(--ssp-main-title-shadow-color);
    color:  var(--ssp-main-title-color);
}
@media (max-width: 991px) {

	
	.forum-main-title {
    
    font-size: 0.4em;}

}



.bbc_spoiler {
    display: block;
    box-sizing: border-box;
    /* user-select: none; */
    overflow: hidden;
    background: var(--ssp-spoiler-box-bg);
    color: var(--ssp-spoiler-box-text);
    border-radius: 6px;
    box-shadow: 0 1px 5px 2px rgba(34, 60, 80, 0.2);
    margin-bottom: 4px;
    padding: 6px 12px;
}


.bbc_spoiler .spoiler_content {
    background: var(--ssp-spoiler-content-bg);
    border-radius: 6px;
    box-shadow: 0 1px 2px 2px rgba(34, 60, 80, 0.2) inset;
    line-height: 26px;
    padding: 10px;
}