/* CSS Document */
html{-webkit-text-size-adjust:100%;line-height:1.6;}*{box-sizing:border-box;}h1,h2,h3,h4,form,div,p,img{padding:0;margin:0;}h1,h2,h3,h4,h5{color:#200;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:600;line-height:1.3;}p{margin:10px 0;line-height:1.7;}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;font-weight:400;margin:0px;color: #15131A; margin: 0px;background: #F0F0F0;background-attachment: fixed;  background-image: url(../images/water_mark.png);}a{text-decoration: none; color: #111144; text-decoration:underline;}a:ctive{text-decoration: none; color: #111144;}a:visited{text-decoration: none; color: #111144;}a:hover{color: #21759B; text-decoration: none; background-color: #111144; color: #FFFFFF;}a img{border: none;}div, p, ul, h2, h3, h4, h5, img{padding:0px; margin:0px;}.smalltext{font-size: x-small;}.metatext{font-size: 0.8em;}.mobile{display: block;}.desktop{display: none;}ul{margin: 0px;padding: 0px;height: auto;overflow: hidden;}ul li{text-indent: 0px;margin: 0px;padding: 3px 15px;list-style-position: inside;}.mobile_header{text-align: left;height: auto;background-color: #FFFFFF;padding-top: 5px;padding-bottom: 5px;padding-left: 10px;}.header_dark_box{border-bottom: 1px solid #B5B5B5;background-color: #EDF3EE;height: auto;text-align: center;overflow: hidden;padding: 10px;}.main_board_wrapper{margin: auto;width: 100%;height: auto;min-height: 10px;border: none;text-align: left;overflow: auto;margin-top: 5px;}

.main_box{background-color: #F8FAF8;height: auto;overflow: hidden;min-height: 10px;margin: 5px;margin-bottom: 10px;padding: 0px;border-radius: 7px;/* Safari 3-4, iOS 1-3.2, Android 1.6- */-webkit-border-radius: 7px; /* Firefox 1-3.6 */-moz-border-radius: 7px; border-right: #888888 1px solid;border-bottom: #888888 1px solid;border-top: #ADADAD 1px solid;border-left: #ADADAD 1px solid;-moz-box-shadow: 2px 2px rgba(205,205,205,0.5);-webkit-box-shadow: 2px 2px rgba(205,205,205,0.5);box-shadow: 2px 2px rgba(205,205,205,0.5);/* Prevent background color leak outs */-webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;overflow: hidden;}

.meta_dark_box{border-top: 1px solid #E2E2E2;background-color: #F5F5F5;height: auto;text-align: left;overflow: hidden;padding: 7px;font-size: 0.8empx;padding-left: 20px;}.signature_dark_box{border-top: 1px solid #E2E2E2;background-color: #F5F5F5;max-height: 40px;text-align: left;overflow: hidden;padding: 7px;font-size: 0.8empx;padding-left: 20px;}.signature_dark_box img{max-height: 35px;width: auto;overflow: hidden;}

.dark_box{border-bottom: 1px solid #B5B5B5;background-color: #EDF3EE;height: auto;text-align: center;overflow: hidden;padding: 10px;}
.light_box{border-bottom: 1px solid #B5B5B5;background-color: #FFF;height: auto;overflow: hidden;text-align: center;padding: 10px;}

.dark_box h1, .light_box h1{color: #305070;font-family: Georgia, serif;font-size: 1.8em;font-weight: bold;margin: 0px;padding: 0px;}.dark_box h2, .light_box h2{color: #111111;font-family: Georgia, serif;font-size: 1.2em;font-weight: normal;margin: 0px;padding: 0px;}.dark_box h3, .light_box h3{color: #111111;font-family: Georgia, serif;font-size: 1.2em;font-weight: normal;margin: 0px;padding: 0px;}.smallh2{color: #111111;font-family: Georgia, serif;font-size: 1.1em;font-weight: normal;margin: 0px;padding: 0px;}.forum_stats_p{font-size: 0.8em;}/* --------------------------------------- Pagination ---------------------------------- */span.pagination{font-size: 0.9em;}span.current{font-size: 0.9em;font-weight: bold;}div.pagination{font-family: Calibri, Arial;font-size: 0.9em;margin-top: 10px;}div.pagination a{padding: 2px 5px 2px 5px;margin: 0px 2px 0px 2px;border: 1px solid #828282;text-decoration: none; /* no underline */color: #000;display: inline-block;}div.pagination a:hover, div.pagination a:active{border: 1px solid #000099;color: #FFF;display: inline-block;}div.pagination span.current{padding: 2px 5px 2px 5px;margin: 0px 2px 0px 2px;border: 1px solid #828282;font-weight: bold;background-color: #828282;color: #FFF;display: inline-block;}div.pagination span.disabled{padding: 2px 5px 2px 5px;margin: 0px 2px 0px 2px;border: 1px solid #EEE;color: #DDD;display: inline-block;}.status_report{padding: 10px;border: solid 1px #999999;margin: 10px 5px 10px 5px;height: auto;overflow: hidden;text-align: left;font-size: 0.8em;border-radius: 15px;/* Safari 3-4, iOS 1-3.2, Android 1.6- */-webkit-border-radius: 15px; /* Firefox 1-3.6 */-moz-border-radius: 15px;}.error_report{padding: 10px;border: solid 1px #FF0000;margin: 10px 5px 10px 5px;height: auto;overflow: hidden;text-align: left;font-size: 0.8em;border-radius: 15px;/* Safari 3-4, iOS 1-3.2, Android 1.6- */-webkit-border-radius: 15px; /* Firefox 1-3.6 */-moz-border-radius: 15px;}.status{padding: 10px;border: solid 1px #F1ECA5;margin: 10px;height: auto;overflow: hidden;background-color: #FFFDDD;text-align: left;font-size: 0.8em;margin-left: 5px;margin-right: 5px;border-radius: 15px;/* Safari 3-4, iOS 1-3.2, Android 1.6- */-webkit-border-radius: 15px; /* Firefox 1-3.6 */-moz-border-radius: 15px;}.error{padding: 10px;border: solid 1px #FF0000;margin: 10px;height: auto;overflow: hidden;background-color: #FFF2F2;text-align: left;font-size: 0.8em;margin-left: 5px;margin-right: 5px;border-radius: 15px;/* Safari 3-4, iOS 1-3.2, Android 1.6- */-webkit-border-radius: 15px; /* Firefox 1-3.6 */-moz-border-radius: 15px;}.status ul, .error ul, .status_report ul{margin-left: 20px;font-size: 0.8em;}.grey_text_link{color: #919191;font-size: 0.8em;}.grey_text_link a, .grey_text_link a:visited{color: #919191;font-size: 0.8em;padding-left: 7px;padding-right: 7px;text-decoration: none;}.grey_text_link a:hover{color: #FFF;font-size: 0.8em;text-decoration: none;background-color: #909090;padding-left: 7px;padding-right: 7px;border-radius: 7px;}#submitbutton{border: 1px solid #999999;border-top-color: #CCCCCC;border-left-color: #CCCCCC; color: #000000; font: 11px Verdana, Helvetica, Arial, sans-serif;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px; /* Safari, Chrome */width: 150px;font-weight: bold;font-size:15px;height: 30px;background-image: url(../images/but_bg.png);}.general_txtfld, .general_txt_field, .general_txt_area{margin: 5px;padding: 4px;border: 1px solid #999999;border-top-color: #CCCCCC;border-left-color: #CCCCCC; color: #333333; font: 13px Verdana, Helvetica, Arial, sans-serif;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px; /* Safari, Chrome */width: 90%;margin-left: 0px;height: 25px;display: block;margin-bottom: 15px;}.general_txt_area{height: 50px;}.selectbox{padding: 5px;width: 90%;height: 35px;display: block;margin-top: 5px;margin-bottom: 15px;}.post_img_div{padding: 10px;height: auto;border-top: #CECECE 1px solid;;overflow: hidden;text-align: left;padding-bottom: 10px;}.post_img_div img{max-width: 270px;height: auto;overflow: hidden;margin-bottom: 3px;display: block;}.editor_container{width: 100%;height: auto;overflow: hidden;min-height: 10px;border: #EDEDED 1px solid;color:#22231F; margin-bottom: 10px;margin-top: 10px;}.textarea_container{width: 100%;height: auto;min-height: 130px;overflow: hidden;text-align: left;background-color: #F8F8F8;margin: auto;padding: 5px;padding-left: 10px;}.textarea_container .mytextbox{width:100%;min-height:200px;height:auto;border:1px solid #C4C4C4;color:#22231F;padding:10px;font-size:15px;box-sizing:border-box;}.editor_container .tab_area{height:auto;overflow:hidden;padding:6px 10px;background:url(../images/tabs_bg.png) repeat-x;line-height:25px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;}.editor_container .counter{height: auto;overflow: hidden;padding: 7px;background: url(../images/tabs_bg.png) repeat-x;min-height: 10px;font-size:13px;}.editor_container .counter a img{border: none;text-decoration: none;}.editor_container .tab_area #tabs{overflow: hidden;background: none; url(../images/txt_editor_1.png) repeat-x;text-align: center;border: none;padding: 2px;/*-moz-border-radius: 4px;-webkit-border-radius: 4px; /* Safari, Chrome */}.editor_container .tab_area #tabs a{text-decoration: none;padding: 0px;margin: 0px;}.editor_container .tab_area #tabs:hover{background: url(../images/txt_editor_2.png) repeat-x;border: none;border-bottom: 2px solid #F00;}.listmenu{background: url(../images/txt_editor_1.png) repeat-x;padding: 2px 5px 2px 5px;border: #CCCCCC 1px solid;-moz-border-radius: 4px;-webkit-border-radius: 4px; /* Safari, Chrome */}.div_50_percent{width: 95%;margin: auto;height: auto;}.post_detail_area{height: auto;overflow: hidden;}.post_detail_area img{max-width: 270px;height: auto;}.grey_text{color: #919191;font-size:13px;}.grey_text a, .grey_text a:visited{color: #919191;font-size:13px;text-decoration: none;}.grey_text a:hover{color: #FFF;font-size:13px;text-decoration: none;background-color: #909090;}/* ------------------------------------------------------------------ */.quote{padding: 5px;background-color: #E5E5E5;min-height: 5px;border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #CACACA;margin: 0px;width: 98%;color: #000000;font-size: 0.9em;}.quote2{padding: 5px;background-color: #E5E5E5;min-height: 5px;border: 1px solid #CACACA;margin: 0px;width: 96%;color: #000000;font-size: 0.9em;}.quote2 p{margin: 2px;padding: 0px;text-align: left;color: #000000;font-size: 0.9em;}.quote p{margin: 2px;padding: 0px;text-align: left;color: #000000;font-size: 0.9em;}.quote p#author{margin: 0px;padding: 0px;text-align: right;margin-top: 5px;margin-right: 10px;font-weight: bold;color: #000000;font-size: 0.9em;}.code{padding: 10px;background-color: #E5E5E5;min-height: 10px;min-width: 95%;border: 1px solid #F0F0F0;border-left: 5px solid #E1E1E1;margin: 0px;color: #000000;font-size: 0.9em;}.colored_nav_box{border: 1px solid #B1C0CA;background-color: #E8F7D8;min-height: 50px;margin-bottom: 20px;padding: 15px;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 2px 2px #B1C0CA;-webkit-box-shadow: 2px 2px #B1C0CA;box-shadow: 2px 2px #B1C0CA;}.white_nav_box{border: 1px solid #B1C0CA;background-color: #fff;min-height: 50px;margin-bottom: 20px;padding: 15px;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 2px 2px #B1C0CA;-webkit-box-shadow: 2px 2px #B1C0CA;box-shadow: 2px 2px #B1C0CA;}.clearfloat{clear: both;}.smalltextfield{font-size:14px;height: 24px;border: 1px solid #A3A4A7;overflow: hidden;margin-bottom: 12px;margin-top: 5px;color: #606060;padding-left: 5px;padding-right: 5px;width: 95%;}.smalltextfield_2{font-size:14px;height: 24px;border: 1px solid #A3A4A7;overflow: hidden;margin-bottom: 12px;margin-top: 5px;color: #606060;padding-left: 5px;padding-right: 5px;width: 95%;}.list_box{width: 160px;height: 20px;overflow: hidden;float: left;margin-bottom: 5px;margin-right: 10px;}.white_nav_box input[type='checkbox']{float: left;margin-right: 5px;}.red_count_span{-moz-border-radius-bottomright: 10px;-moz-border-radius-topright: 10px;-khtml-border-radius: 10px;-khtml-border-radius: 5px;-webkit-border-radius: 10px; /* Safari, Chrome */-webkit-border-radius: 10px; /* Safari, Chrome */border: 1px solid #FF0000;background-color: #FF9797;color: #FFFFFF;padding: 1px 4px;font-size: 0.8em;}.content_box{border: 1px solid #919191;background-color: #F8FAF8;height: auto;overflow: hidden;text-align: center;padding: 10px;border-radius: 15px;margin-left: 5px;margin-right: 5px;/* Safari 3-4, iOS 1-3.2, Android 1.6- */-webkit-border-radius: 15px; /* Firefox 1-3.6 */-moz-border-radius: 15px; border-right: #5C5C5C 1px solid;border-bottom: #5C5C5C 1px solid;border-top: #6B6B6B 1px solid;border-left: #6B6B6B 1px solid;-moz-box-shadow: 2px 2px rgba(92,92,92,0.2);-webkit-box-shadow: 2px 2px rgba(92,92,92,0.2);box-shadow: 2px 2px rgba(92,92,92,0.2);margin-bottom: 10px;margin-top: 10px;}.azNairaBoards{height:auto;width:auto;}.azNairaBoards img{height: auto;max-width: 350px;}.ad_thumbnail{border: 1px solid #303030;}.ad_banner_wrapper{height: auto;overflow: hidden;margin: auto;text-align: center;margin-top: 15px;}.ad_banners{border: 1px solid #303030;}.search_field{width: 70%;}.business_header{height: auto;min-height: 120px;background-color: #FFFFFF;overflow: hidden;position: relative;border: none;overflow: hidden;}.team_header{height: auto;min-height: 120px;position: relative;margin: 0px 10px 0px 10px;overflow: hidden;}.shadow_box{height:auto;min-height: 100px;width: 100%;}.teamhash, .teamhash a, .teamhash a:hover, .teamhash a:visited{font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;font-weight: normal;text-shadow: 0px 2px 0px #000;letter-spacing: 1px;text-align:center;text-decoration: none;color: #FFFFFF;background: none;}.teamhash, .teamhash a, .teamhash a:hover, .teamhash a:visited{font-size:29px;margin-top: 5px;}.started_by, .started_by a, .started_by a:hover, .started_by a:visited{margin-top: 40px;color:#FFFFFF;margin-bottom: 0px;text-align:center;font-size:18px;font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;text-decoration: none;}.started_by, .started_by a, .started_by a:hover, .started_by a:visited{margin-top: 20px;font-size:16px;}

.left_navigation_wrapper{
	display: none;
}
.main_site_wrapper{
	height: auto;
	margin: auto;
}

.sitenameh1{
	color: #305070;
	font-size: 1.8em;
	font-weight: bold;
	margin: 0px;
	font-family: 'Roboto', sans-serif;
	margin: 0px;
	padding: 0px;
}
.sitenameh1 a{
	text-decoration: none;
}

/* ==========================
   Theme mode (Light/Dark)
   - Fast: system fonts, no external requests
========================== */
:root{
  --bg:#ffffff;
  --text:#222222;
  --muted:#666666;
  --link:#0645ad;
  --border:#d9d9d9;
  --card:#f7f7f7;
  --headerbg:#ffffff;
  --inputbg:#ffffff;
  --font-body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-heading:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
html[data-theme="dark"]{
  --bg:#0f1115;
  --text:#e6e6e6;
  --muted:#a8b0bf;
  --link:#8ab4f8;
  --border:#2a2f3a;
  --card:#151a22;
  --headerbg:#0f1115;
  --inputbg:#151a22;
}
body{background:var(--bg);color:var(--text);font-family:var(--font-body) !important;font-size:16px;line-height:1.75;}
a{color:var(--link);}

/* Enforce reading typography across the app */
input,textarea,select,button{font-family:var(--font-body) !important;}
h1,h2,h3,h4,h5{font-family:var(--font-heading) !important;color:var(--text);font-weight:700;letter-spacing:0.1px;}
p,li{font-size:16px;line-height:1.75;}

/* Replace legacy Georgia/Century Gothic headings with the app heading font */
.dark_box h1, .light_box h1,
.dark_box h2, .light_box h2,
.dark_box h3, .light_box h3,
.smallh2,.mybigh2,.hashheader,
.teamhash, .teamhash a, .teamhash a:hover, .teamhash a:visited,
.started_by, .started_by a, .started_by a:hover, .started_by a:visited{
  font-family:var(--font-heading) !important;
}

/* Make forum title visible in dark mode */
html[data-theme="dark"] .dark_box h1,
html[data-theme="dark"] .light_box h1{color:#ffffff !important;}

/* Mobile header: centralise content */
.header_area{width:100% !important;left:0;right:0;}
.logo_wrapper,
.just_after_logo,
.auth_wrapper{float:none !important;width:100% !important;max-width:100% !important;margin:0 auto !important;text-align:center !important;border:none !important;padding-left:0 !important;}
.just_after_logo{margin-top:8px !important;}
.auth_wrapper{margin-top:10px !important;}
.header_area form{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.header_area .search_field{width: 92% !important;max-width: 520px;}
.header_area input[type="submit"],
.header_area .theme_toggle{width:auto;}
.grey_text,.metatext,.shadowtagtxt{color:var(--muted);}
input,textarea,select{background:var(--inputbg);color:var(--text);border:1px solid var(--border);}
.header_area,.business_header{background:var(--headerbg);}
.content_box,.main_box,.list_box,.light_box,.shadow_box,.post_detail_area{background:var(--card);border-color:var(--border);}
.dark_box,.meta_dark_box,.signature_dark_box{background:var(--card);border-color:var(--border);}
.theme_toggle{
  margin-left:6px;
  padding:4px 8px;
  font-size:14px;
  line-height:1;
  border:1px solid var(--border);
  background:var(--inputbg);
  color:var(--text);
  border-radius:4px;
  cursor:pointer;
}
.theme_toggle:hover{filter:brightness(0.98);}
html[data-theme="dark"] .theme_toggle:hover{filter:brightness(1.08);}


/* ===== Stage 58: Action links inline bar (Like/Quote/Modify/Sticky/Remove/Feature) ===== */
.topic_action_links{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:12px;
}
.topic_action_links a{
    display:inline-block;
    text-decoration:underline;
}
.topic_action_links form{
    display:inline-block !important;
    margin:0 !important;
    padding:0 !important;
}
.topic_action_links button{
    white-space:nowrap;
}



/* ===== Stage 61: Mobile editor sizing parity ===== */
.textarea_container{ width:100% !important; max-width:100% !important; }
.mytextbox{
    width:100% !important;
    min-height:180px !important;
    font-size:14px !important;
    line-height:1.55 !important;
}



/* FORCE WHITE LINKS IN DARK MODE (visibility) */
html[data-theme="dark"] a,
html[data-theme="dark"] a:visited,
html[data-theme="dark"] a:hover,
html[data-theme="dark"] a:active,
html[data-theme="dark"] a:focus{color:#ffffff !important;}


/* ==========================
   Stage 66: Mobile readability
========================== */
html{-webkit-text-size-adjust:100%; font-size:16px !important;}
body{ font-size:16px !important; line-height:1.7 !important; }

.main_box[style*="font-size: 12px"],
.main_box[style*="font-size:12px"]{ font-size:16px !important; line-height:1.7 !important; }
.main_box[style*="font-size: 11px"],
.main_box[style*="font-size:11px"]{ font-size:14px !important; line-height:1.45 !important; }

.post_detail_area,
.topic_content,
.post_content,
.post_body,
.reply_body,
.comment_body,
.light_box{
  font-size:16px !important;
  line-height:1.75 !important;
  text-align:left !important;
}
.post_detail_area p,
.topic_content p,
.post_content p,
.reply_body p,
.comment_body p{
  font-size:16px !important;
  line-height:1.8 !important;
  margin:12px 0 !important;
  text-align:left !important;
}
.grey_text,.metatext,.shadowtagtxt,.forum_stats_p,.signature_dark_box,.meta_dark_box{ font-size:14px !important; line-height:1.45 !important; }

/* ==============================
   Mini Hashtags box (recent processed)
   ============================== */
.hashtag_mini_box{
  margin-top: 8px;
  padding: 10px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 8px;
  background: rgba(0,0,0,0.02);
  font-size: 13px;
  line-height: 1.6;
}
.hashtag_mini_label{
  display: inline-block;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  padding: 3px 7px;
  border-radius: 5px;
  background: rgba(0,123,255,0.12);
  color: #0b3d6e;
  margin-right: 8px;
  white-space: nowrap;
}
.hashtag_chip{
  display: inline-block;
  margin: 3px 6px 3px 0;
  padding: 3px 9px;
  border-radius: 999px;
  background: rgba(0,0,0,0.05);
  text-decoration: none;
}
.hashtag_chip:hover{ text-decoration: underline; }

html[data-theme='dark'] .hashtag_mini_box{
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
}
html[data-theme='dark'] .hashtag_mini_label{
  background: rgba(0,123,255,0.25);
  color: rgba(255,255,255,0.95);
}
html[data-theme='dark'] .hashtag_chip,
html[data-theme='dark'] .hashtag_chip:visited{
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.92) !important;
}

/* Quotes: bigger, readable on mobile */
.quote, .quote2{
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  font-family: var(--font-body) !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
  background: rgba(0,0,0,0.06) !important;
  color: var(--text) !important;
}
.quote p, .quote2 p{font-size: 17px !important; line-height: 1.7 !important; color: var(--text) !important;}
.quote p#author{font-size: 15px !important; opacity: 0.85;}
html[data-theme='dark'] .quote, html[data-theme='dark'] .quote2{background: rgba(255,255,255,0.08) !important; border-color: rgba(255,255,255,0.12) !important;}



/* --- Header trending hashtags (mini chips) --- */
.hashtag_mini_box{
  margin: 8px auto 0 auto;
  padding: 6px 8px;
  text-align: center;
}
.hashtag_mini_label{
  display: inline-block;
  margin-right: 6px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .2px;
  background: rgba(0,123,255,.12);
  border: 1px solid rgba(0,123,255,.25);
  color: #0b5ed7;
  vertical-align: middle;
  white-space: nowrap;
}
.hashtag_mini_items{
  display: inline-block;
  vertical-align: middle;
}
a.hashtag_chip{
  display: inline-block;
  margin: 3px 4px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.03);
}
a.hashtag_chip:hover{
  text-decoration: underline;
}

/* Dark mode variants */
html[data-theme="dark"] .hashtag_mini_label{
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.92);
}
html[data-theme="dark"] a.hashtag_chip{
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.92);
}


/* --- Header centering + left-aligned trending wrapper --- */
.header_box .dark_box,
.header_box .light_box{
  text-align: center;
}
.header_box .hashtag_mini_box{
  text-align: left;
}

/* --- View topic header box centering (keep post content readable) --- */
.topic_head_box .light_box{
  text-align: center;
}
.topic_head_box h2{
  margin-bottom: 6px;
}
.topic_breadcrumbs{
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 4px;
}
.topic_breadcrumbs a{ text-decoration: underline; }
.topic_views{
  margin-left: 6px;
  font-weight: 600;
}
.topic_jump{
  margin-left: 10px;
  font-weight: 700;
  font-size: 11px;
}
.topic_action_row{
  text-align: center;
  margin-top: 6px;
}

/* Make the very bottom view-topic actions centered as well */
html[data-theme="dark"] .topic_breadcrumbs,
html[data-theme="dark"] .topic_breadcrumbs a{
  color: rgba(255,255,255,.92);
}


/* --- Mobile/DM fixes: enforce readable links + title + meta --- */
html[data-theme="dark"] a,
html[data-theme="dark"] a:visited,
html[data-theme="dark"] a:active,
html[data-theme="dark"] a:hover{
  color: rgba(255,255,255,.92) !important;
  background: transparent !important;
}

/* Keep underline visible and consistent */
html[data-theme="dark"] a{ text-decoration-color: rgba(255,255,255,.55) !important; }

/* Topic title (view topic header) must be visible in dark mode */
html[data-theme="dark"] .topic_head_box h2,
html[data-theme="dark"] .topic_head_box h2 a{
  color: rgba(255,255,255,.95) !important;
}

/* Author (brighter red) in dark mode */
html[data-theme="dark"] a.author_link,
html[data-theme="dark"] .author_link{
  color: #ff6b6b !important;
  font-weight: 700;
}

/* Time/date/meta after author in dark mode */
html[data-theme="dark"] .post_meta_time,
html[data-theme="dark"] .post_meta_time span,
html[data-theme="dark"] .post_meta_time a{
  color: rgba(255,255,255,.72) !important;
}

/* "THIS MIGHT INTEREST YOU" badge formatting */
.story_nav_badge_interest{
  background: #ff7a1a;
  color: #fff;
}
.story_nav_badge_interest .badge_text{
  white-space: nowrap;
}


/* --- Header layout + minimal search --- */
.header_search_row{ margin-top:6px; }
.header_search_form{ display:flex; justify-content:center; gap:8px; align-items:center; }
.header_search_field{ width: 68%; max-width: 520px; padding:8px 10px; }
.header_search_btn{ padding:8px 12px; font-weight:700; }

/* Floating theme toggle */
.theme_toggle_float{
  position: fixed;
  right: 14px;
  bottom: 16px;
  z-index: 9999;
  border-radius: 999px;
  padding: 10px 12px;
  font-weight: 700;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.92);
  cursor: pointer;
}
.theme_toggle_float .theme_text_float{ margin-left:6px; font-size:12px; }
html[data-theme="dark"] .theme_toggle_float{
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(20,24,30,.85);
  color: rgba(255,255,255,.92);
}

/* Trending now label + chips (more colourful) */
.hashtag_mini_label{
  background: linear-gradient(90deg, rgba(255,122,26,.22), rgba(0,123,255,.18));
  border: 1px solid rgba(255,122,26,.28);
  color: #b94700;
}
a.hashtag_chip{
  border: 1px solid rgba(0,123,255,.20);
  background: rgba(0,123,255,.06);
}
a.hashtag_chip:nth-child(3n+1){ background: rgba(255,122,26,.08); border-color: rgba(255,122,26,.25); }
a.hashtag_chip:nth-child(3n+2){ background: rgba(40,167,69,.08); border-color: rgba(40,167,69,.22); }
a.hashtag_chip:nth-child(3n){ background: rgba(111,66,193,.08); border-color: rgba(111,66,193,.22); }

html[data-theme="dark"] .hashtag_mini_label{
  background: linear-gradient(90deg, rgba(255,122,26,.22), rgba(0,123,255,.22));
  border: 1px solid rgba(255,255,255,.16);
  color: rgba(255,255,255,.92);
}


/* --- Story navigation badges: unique colours --- */
.story_nav_badge_old{ background:#cfe9dc; color:#000; }
.story_nav_badge_new{ background:#ffe2a8; color:#000; }
.story_nav_badge_interest{ background:#ff3b30; color:#fff; }

/* Ensure nav titles/links are visible in dark mode */
html[data-theme="dark"] .story_nav_card{
  background: rgba(20,24,30,.60);
  border-color: rgba(255,255,255,.14);
}
html[data-theme="dark"] .story_nav_title{
  color: rgba(255,255,255,.92) !important;
  text-decoration-color: rgba(255,255,255,.55) !important;
}


/* --- Inline related posts: dark mode visibility + wrapping --- */
html[data-theme="dark"] .inline_rel_card,
html[data-theme="dark"] .inline_related_row{
  background: rgba(20,24,30,.55);
  border-color: rgba(255,255,255,.14);
}
html[data-theme="dark"] .inline_rel_title,
html[data-theme="dark"] .inline_related_title{
  color: rgba(255,255,255,.92) !important;
  text-decoration-color: rgba(255,255,255,.55) !important;
}

/* Force inline related blocks to occupy full width so next paragraph drops below */
.inline_rel_wrap,
.inline_related_wrap,
.inline_rel_card,
.inline_related_row{
  display:block;
  width:100%;
  clear:both;
}
.inline_rel_card,
.inline_related_row{
  flex-wrap: wrap;
}


/* --- Center featured topics + members online --- */
.featured_topics_box .dark_box,
.featured_topics_box .light_box{
  text-align:center;
}
.members_online_box,
.members_online_box *{
  text-align:center;
}


/* --- View topic: viewers online centered --- */
.viewers_online_box,
.viewers_online_box *{
  text-align:center;
}


/* --- Footer: search + subscribe on same line (50/50) --- */
.footer_action_row{
  display:flex;
  gap:10px;
  justify-content:space-between;
  align-items:flex-start;
  flex-wrap:wrap;
}
.footer_action_left,
.footer_action_right{
  flex:1 1 240px;
}
@media (min-width: 720px){
  .footer_action_left,
  .footer_action_right{
    flex:0 0 calc(50% - 5px);
  }
}
.footer_action_left form,
.footer_action_right form{
  display:flex;
  gap:8px;
  align-items:center;
}
.footer_action_left .search_field,
.footer_action_right .search_field{
  width:100%;
}


/* --- Header: enforce centering on all devices --- */
.header_box .dark_box,
.header_box .light_box{
  text-align:center !important;
}


/* --- Header search button (button tag) --- */
.header_search_btn{
  border-radius: 4px;
  border: 1px solid rgba(0,0,0,.15);
  background: rgba(0,0,0,.04);
}
html[data-theme="dark"] .header_search_btn{
  border: 1px solid rgba(255,255,255,.20);
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.92);
}


/* --- View topic: center header groups --- */
.topic_head_box .light_box{ text-align:center; }
.topic_breadcrumbs{ text-align:center; }
.topic_breadcrumbs strong{ display:inline-block; }
.topic_breadcrumbs .topic_views,
.topic_breadcrumbs .topic_jump{ display:inline-block; margin-left:10px; }
.topic_action_row{ text-align:center; margin-top:6px; }
.topic_action_row > *{ display:inline-block; }