/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			Lucid Lime
	Based on style:		prosilver (the default phpBB 3.2.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		Melvin García ( http://www.melvingarcia.com/ )
    --------------------------------------------------------------
*/
@import url("normalize.css?v=3.2");
@import url("base.css?v=3.2");
@import url("utilities.css?v=3.2");
@import url("common.css?v=3.2");
@import url("links.css?v=3.2");
@import url("content.css?v=3.2");
@import url("buttons.css?v=3.2");
@import url("cp.css?v=3.2");
@import url("forms.css?v=3.2");
@import url("icons.css?v=3.2");
@import url("colours.css?v=3.2");
@import url("responsive.css?v=3.2");

/* Hide the lucid_yellow banner entirely. The search box gets hoisted out
   of .headerbar into the breadcrumb <ul id="nav-breadcrumbs"> by the JS
   in /forum.php (see hoistSearchBox there). The hoist wraps it in a
   .search-box-host <li>. */
.headerbar { display: none !important; }

/* Search box now sits as the last <li> in the breadcrumb row, floated
   to the right so the breadcrumbs occupy the left side and search the
   right — eliminating the previous extra-row layout. */
#nav-breadcrumbs li.search-box-host {
    float: right;
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    list-style: none;
}
#nav-breadcrumbs li.search-box-host #search-box {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none !important;   /* override .search-header's 10px orange glow */
}
/* Kill the .search-header outer glow ANYWHERE the search box appears
   (colours.css base rule: `box-shadow: 0 0 10px #e86d14;` on .search-header).
   We don't want that orange aura — the input + button styling already makes
   the search box clearly identifiable as interactive. */
.search-header,
#search-box.search-header,
.search-box.search-header {
    box-shadow: none !important;
}
#nav-breadcrumbs li.search-box-host #search-box form,
#nav-breadcrumbs li.search-box-host #search-box fieldset {
    display: flex !important;
    align-items: stretch;
    gap: 0;
    margin: 0;
    padding: 0;
    border: none;
}

/* The input — clean medium-grey fill, subtle border, no orange focus
   glow. Specificity scoped under #nav-breadcrumbs so it wins over the
   generic .inputbox + #search-box rules elsewhere in this file. */
#nav-breadcrumbs li.search-box-host #search-box input.inputbox {
    width: 13rem;
    padding: 0.35rem 0.7rem !important;
    font-size: 0.85rem !important;
    background: #2a2a2a !important;
    border: 1px solid #3a3a3a !important;
    border-radius: 3px 0 0 3px !important;
    color: var(--ak-text) !important;
    margin: 0 !important;
    box-shadow: none !important;
    line-height: 1.4 !important;
    height: auto !important;
}
#nav-breadcrumbs li.search-box-host #search-box input.inputbox:focus {
    background: #303030 !important;
    border-color: #5a5a5a !important;
    outline: none !important;
    box-shadow: none !important;   /* kill the orange glow */
}
#nav-breadcrumbs li.search-box-host #search-box input.inputbox::placeholder {
    color: var(--ak-text-muted) !important;
}

/* The magnifier search button — primary action, keeps the AK orange but
   tight + square in the middle of the group. */
#nav-breadcrumbs li.search-box-host #search-box button.button-search,
#nav-breadcrumbs li.search-box-host #search-box button.button {
    padding: 0 0.7rem !important;
    font-size: 0.85rem !important;
    background: var(--ak-accent) !important;
    border: 1px solid var(--ak-accent) !important;
    border-radius: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    line-height: 1 !important;
    height: auto !important;
    color: var(--ak-bg) !important;
}
#nav-breadcrumbs li.search-box-host #search-box button.button-search:hover {
    background: var(--ak-accent-hover) !important;
    border-color: var(--ak-accent-hover) !important;
}

/* The gear icon (Advanced search) — muted secondary action sitting flush
   to the right of the primary search button. Grey background like the
   input so the eye reads the orange button as the main action and the
   gear as "more options." */
#nav-breadcrumbs li.search-box-host #search-box a.button-search-end,
#nav-breadcrumbs li.search-box-host #search-box .button-search-end {
    padding: 0 0.55rem !important;
    font-size: 0.85rem !important;
    background: #2a2a2a !important;
    border: 1px solid #3a3a3a !important;
    border-left: none !important;
    border-radius: 0 3px 3px 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    line-height: 1 !important;
    color: var(--ak-text-muted) !important;
    display: inline-flex !important;
    align-items: center;
}
#nav-breadcrumbs li.search-box-host #search-box a.button-search-end:hover {
    background: #353535 !important;
    color: var(--ak-text) !important;
}
#nav-breadcrumbs li.search-box-host #search-box a.button-search-end i.icon,
#nav-breadcrumbs li.search-box-host #search-box a.button-search-end svg {
    color: inherit !important;
    fill: currentColor !important;
}

/* ============================================================================
   AK SQUAD theme overrides — makes the forum (rendered inside the AK site's
   /forum.php iframe) visually identical to the AK chrome around it. Layered
   AFTER all the lucid_yellow @imports so these rules win.

   Design tokens come from assets/style.css on the AK side:
     bg            #0a0a0a
     bg-card       #161616
     text          #f5f5f5
     text-muted    #888
     accent        #e86d14   (squadron orange — sampled from the Coat of Arms A/K)
     accent-hover  #ff7e22
     border        #262626
     border-bright #3a3a3a

   Fonts (Inter + Inter Tight) are loaded via @import below; the iframe is a
   separate document context from the parent page so we can't inherit the
   already-loaded fonts.
   ============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Inter+Tight:wght@600;700;800&display=swap');

:root {
    --ak-bg:            #0a0a0a;
    --ak-bg-2:          #111;
    --ak-bg-card:       #161616;
    --ak-bg-card-hover: #1d1d1d;
    --ak-text:          #f5f5f5;
    --ak-text-muted:    #b0b0b0;  /* was #888 — too dim against #161616, bumped for readability */
    --ak-text-dim:      #777;     /* was #555 — was unreadable; AK site uses #888 here */
    /* Orange tokens sampled from the AK Coat of Arms (the "A" and "K" letters
       on the hero/banner graphic) — darker / more burnt than the main site's
       previous `#ff8c42` so the forum reads as branded, not generic-orange. */
    --ak-accent:        #e86d14;
    --ak-accent-hover:  #ff7e22;
    --ak-accent-dim:    #9c4a0e;
    --ak-border:        #262626;
    --ak-border-bright: #3a3a3a;
    --ak-font-display:  'Inter Tight', 'Inter', -apple-system, sans-serif;
    --ak-font-body:     'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ---- Page chrome ------------------------------------------------------- */

html, body {
    background: var(--ak-bg) !important;
    color: var(--ak-text) !important;
    font-family: var(--ak-font-body) !important;
    font-size: 14px !important;  /* phpBB's default 10px-ish base squashes everything */
    line-height: 1.55 !important;  /* matches AK site body */
    -webkit-font-smoothing: antialiased;
}

#wrap, #page-body, .page-body, #site-description {
    background: var(--ak-bg) !important;
    color: var(--ak-text) !important;
}

h1, h2, h3, h4, h5, h6,
.maintitle, .topic-title, .panel h2, .panel h3 {
    font-family: var(--ak-font-display) !important;
    color: var(--ak-text) !important;
    letter-spacing: 0.02em;
}

p, li, dd, dt, td, th, .content, .postbody, .signature, .postprofile,
.responsive-menu-title, .pagination, .topic-poster, .author, .username,
.tabs, .menu-block, .row, .header, blockquote, .pmlist {
    color: var(--ak-text) !important;
}

/* ---- Links ------------------------------------------------------------- */

a, a:visited, a:link,
.topictitle, .forumtitle,
.postbody a, .panel a, .tabs a,
.username, .username-coloured {
    color: var(--ak-accent) !important;
    text-decoration: none;
}
a:hover, .topictitle:hover, .forumtitle:hover,
.postbody a:hover, .username:hover, .username-coloured:hover {
    color: var(--ak-accent-hover) !important;
    text-decoration: underline;
}
.navbar a, .linklist a, .breadcrumbs a, .crumb a {
    color: var(--ak-accent) !important;
}

/* ---- Navbar + breadcrumbs --------------------------------------------- */

.navbar, .linklist, .menu-block, .breadcrumbs, .crumbs {
    background: var(--ak-bg-2) !important;
    border: 1px solid var(--ak-border) !important;
    color: var(--ak-text) !important;
}
.crumb, .breadcrumbs > li {
    color: var(--ak-text-muted) !important;
}

/* ---- Forum index rows / topic rows ------------------------------------ */

.forabg, .forumbg, .forabg-link,
.panel, .post, .codebox,
.topiclist > li {
    background: var(--ak-bg-card) !important;
    border: 1px solid var(--ak-border) !important;
    color: var(--ak-text) !important;
}

.row, .topiclist .row, dl.row, .post-buttons {
    background: var(--ak-bg-card) !important;
    color: var(--ak-text) !important;
}

.row:hover, .topiclist .row:hover {
    background: var(--ak-bg-card-hover) !important;
}

/* Section header bars above forum / topic lists ("Forum", "Topics", "Posts").
   NOTE: do NOT use `.topiclist.forums > li:first-child` here — in this template
   the section header is in a separate <ul class="topiclist"> with a single
   li.header, while forum rows live in a second <ul class="topiclist forums">.
   Matching li:first-child of the forums list paints the first FORUM ROW
   (e.g. "Awards") with the header-band color. */
ul.topiclist > li.header,
li.header dl.row,
.header dl, .header {
    background: var(--ak-bg-2) !important;
    color: var(--ak-text) !important;
    border-bottom: 1px solid var(--ak-border-bright) !important;
}
li.header dt, li.header dd {
    color: var(--ak-text-muted) !important;
    font-weight: 600;
    font-family: var(--ak-font-display) !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 0.8em;
}

/* ---- Posts ------------------------------------------------------------- */

.post {
    border-left: 3px solid var(--ak-accent-dim) !important;
    margin-bottom: 0.8em !important;
}
.post .postbody {
    color: var(--ak-text) !important;
}
.post .postprofile {
    border-left: 1px solid var(--ak-border) !important;
    color: var(--ak-text-muted) !important;
}
.post-buttons {
    background: transparent !important;
    border: none !important;
}
.post-buttons .button {
    background: var(--ak-bg-2) !important;
    color: var(--ak-text) !important;
    border: 1px solid var(--ak-border-bright) !important;
}
.signature {
    color: var(--ak-text-muted) !important;
    border-top: 1px dashed var(--ak-border) !important;
}

/* ---- Buttons / forms --------------------------------------------------- */

.button, .button1, .button2,
input[type="submit"], input[type="button"], input[type="reset"],
button.button, a.button {
    background: var(--ak-accent) !important;
    color: var(--ak-bg) !important;
    border: 1px solid var(--ak-accent) !important;
    font-family: var(--ak-font-body) !important;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease;
}
.button:hover, .button1:hover, .button2:hover,
input[type="submit"]:hover, input[type="button"]:hover,
button.button:hover, a.button:hover {
    background: var(--ak-accent-hover) !important;
    border-color: var(--ak-accent-hover) !important;
    color: var(--ak-bg) !important;
}
.button-secondary, .button.button-secondary {
    background: var(--ak-bg-2) !important;
    color: var(--ak-text) !important;
    border-color: var(--ak-border-bright) !important;
}

.inputbox, input[type="text"], input[type="password"], input[type="email"],
input[type="url"], input[type="number"], input[type="search"],
textarea, select {
    background: var(--ak-bg-2) !important;
    color: var(--ak-text) !important;
    border: 1px solid var(--ak-border-bright) !important;
    font-family: var(--ak-font-body) !important;
}
.inputbox:focus, input:focus, textarea:focus, select:focus {
    border-color: var(--ak-accent) !important;
    outline: none;
    box-shadow: 0 0 0 2px rgba(232, 109, 20, 0.15);
}

/* ---- Tables ------------------------------------------------------------ */

table.table1, table.zebra-table {
    background: var(--ak-bg-card) !important;
    color: var(--ak-text) !important;
}
table.table1 thead th, table.zebra-table thead th {
    background: var(--ak-bg-2) !important;
    color: var(--ak-text-muted) !important;
    font-family: var(--ak-font-display) !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--ak-border-bright) !important;
}
table.table1 tbody tr, table.zebra-table tbody tr {
    background: var(--ak-bg-card) !important;
}
table.table1 tbody tr:nth-child(even),
table.zebra-table tbody tr:nth-child(even) {
    background: var(--ak-bg-card-hover) !important;
}
table.table1 td, table.zebra-table td {
    border-color: var(--ak-border) !important;
}

/* ---- Quote / code blocks ---------------------------------------------- */

blockquote, blockquote.uncited {
    background: var(--ak-bg-2) !important;
    border-left: 3px solid var(--ak-accent-dim) !important;
    color: var(--ak-text) !important;
}
.codebox {
    background: var(--ak-bg-2) !important;
    border-left: 3px solid var(--ak-accent-dim) !important;
    color: var(--ak-text) !important;
}
.codebox p {
    border-bottom: 1px solid var(--ak-border) !important;
    color: var(--ak-text-muted) !important;
}
code, pre {
    background: var(--ak-bg) !important;
    color: var(--ak-accent) !important;
    font-family: ui-monospace, "SF Mono", Menlo, monospace !important;
}

/* ---- Pagination + tabs ------------------------------------------------- */

.pagination a, .pagination span {
    background: var(--ak-bg-2) !important;
    border: 1px solid var(--ak-border-bright) !important;
    color: var(--ak-text) !important;
}
.pagination .active, .pagination strong {
    background: var(--ak-accent) !important;
    color: var(--ak-bg) !important;
    border-color: var(--ak-accent) !important;
}
.tabs .activetab {
    background: var(--ak-accent) !important;
}
.tabs .activetab a, .tabs .activetab a:hover {
    color: var(--ak-bg) !important;
}

/* ---- Footer ------------------------------------------------------------ */

#page-footer, .page-footer, .copyright {
    background: var(--ak-bg) !important;
    color: var(--ak-text-muted) !important;
    border-top: 1px solid var(--ak-border) !important;
}
#page-footer a { color: var(--ak-accent) !important; }

/* ---- Misc -------------------------------------------------------------- */

hr { border-color: var(--ak-border) !important; }

.error, .errormsg { color: #f87171 !important; }
.success, .successbox { color: #4ade80 !important; }

.notice, .panel.notice, .panel-success {
    background: var(--ak-bg-card) !important;
    border-left: 3px solid var(--ak-accent-dim) !important;
    color: var(--ak-text) !important;
}

/* Search box styling continues from the existing block at the top */
.navbar .inner > #search-box input.inputbox {
    background: var(--ak-bg) !important;
    border-color: var(--ak-border-bright) !important;
    color: var(--ak-text) !important;
}

/* ---- Cookie consent banner (cookieconsent.js, default blue) ----------
   Hidden entirely. The forum is embedded same-origin under the AK site,
   so a separate cookie banner inside the iframe is redundant — the AK
   site doesn't display one either. CookieConsent.js injects a runtime
   `<style>` block with a `cc-color-override--<hash>` compound class
   that includes `display: block` and beats a plain `.cc-window` rule on
   specificity. We use the attribute-substring selector to match the
   compound class directly, plus belt-and-suspenders display:none on
   the parent classes. */
.cc-window[class*="cc-color-override--"],
[class*="cc-color-override--"].cc-window,
html body .cc-window, html body .cc-window.cc-banner,
html body .cc-revoke {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* ---- Body background image (lucid_yellow ships with a tiled background)
       — sometimes shows through the dark theme. Force solid bg. */
body, html, #wrap {
    background-image: none !important;
}

/* ============================================================================
   REFINEMENTS — fix issues caught in live use:
     1. Forum-list rows blurred together (need AK data-table style borders)
     2. Search bar button looked squeezed
     3. Buttons showed "painted on" because Lucid Yellow uses background-image
        PNGs (button textures, list striping) that bleed through my solid
        background color override.
   ============================================================================ */

/* ---- 1. Strip ALL background-image inheritance from container surfaces.
       The lucid_yellow `bg_list.gif`, `bg_header.png`, `bg_button.png` etc
       textures show through if not explicitly killed. */
.forabg, .forumbg, .panel, .navbar, .headerbar, .post, .codebox,
.button, .button1, .button2, a.button, button.button,
input[type="submit"], input[type="button"], input[type="reset"],
.topiclist > li, li.row, .row, dl.row,
.pagination a, .pagination span, .pagination strong,
.contact-icon, .menu-block, table.table1, table.zebra-list,
.bg1, .bg2, .bg3, .ucprowbg, .fieldsbg {
    background-image: none !important;
}

/* ---- 2. Forum-list rows: AK .data-table look ------------------------- */
/* Container — orange-tinted accent border like AK panels */
.forabg, .forumbg {
    background: var(--ak-bg-card) !important;
    border: 1px solid var(--ak-border) !important;
    border-left: 3px solid var(--ak-accent-dim) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 1rem !important;
    padding: 0 !important;
}

/* Forum-list section header bar (e.g. "Command Correspondence", "Aces High")
   — applied to non-table-list selectors only; li.header dt is handled by a
   later, more specific rule that distinguishes dt (section title, prominent)
   from dd (column labels TOPICS/POSTS/LAST POST, subtle).
   Removed `.topiclist.forums > li:first-child .list-inner` — in this template
   that matches the first ACTUAL forum row's title cell, not the section header. */
.forabg .table-title, .forumbg .table-title,
.forabg .icon-title, .forumbg .icon-title,
.forabg > h3, .forumbg > h3 {
    background: var(--ak-bg-2) !important;
    color: var(--ak-accent) !important;
    font-family: var(--ak-font-display) !important;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.9em !important;
    font-weight: 600 !important;
    padding: 0.7em 1em !important;
    border-bottom: 1px solid var(--ak-border-bright) !important;
}

/* Row separation — every row gets a bottom border, hover state highlights */
.topiclist > li, li.row {
    border-bottom: 1px solid var(--ak-border) !important;
    background: var(--ak-bg-card) !important;
    transition: background 0.12s ease;
}
.topiclist > li:last-child, li.row:last-child {
    border-bottom: none !important;
}
.topiclist > li:hover, li.row:hover {
    background: var(--ak-bg-card-hover) !important;
}
.topiclist > li:hover dt a.forumtitle,
.topiclist > li:hover dt a.topictitle {
    color: var(--ak-accent-hover) !important;
}

/* Column header row ("Topics / Posts / Last post") */
ul.topiclist > li.header, li.header dl {
    background: var(--ak-bg-2) !important;
    color: var(--ak-text-muted) !important;
    border-bottom: 1px solid var(--ak-border-bright) !important;
}
li.header dt, li.header dd {
    color: var(--ak-text-muted) !important;
    font-family: var(--ak-font-display) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    font-size: 0.75em !important;
    font-weight: 600 !important;
}

/* Section title (dt) — prominent orange band. Distinct from dd column labels
   above which stay subtle, and noticeably larger than forum-row titles. */
li.header dt,
li.header dt .list-inner,
li.header dt a {
    color: var(--ak-accent) !important;
    font-size: 1.2rem !important;  /* ~16.8px */
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    line-height: 1.4 !important;
    font-family: var(--ak-font-display) !important;
}
li.header {
    background: var(--ak-bg-2) !important;
    padding: 0.4em 0 !important;
}
li.header dt .list-inner {
    padding: 0.4em 1em !important;
    background: transparent !important;
}

/* Use rem (root-relative = 14px) for forum-list text so the em cascade
   inside phpBB's nested dt/.list-inner/a structure can't squash sizes
   (was rendering forum titles at 10px because each level multiplied 0.85em). */

/* Forum / topic title — prominent and clearly readable */
dt a.forumtitle, dt a.topictitle {
    font-weight: 600 !important;
    font-size: 1.05rem !important;  /* ~14.7px on 14px root */
    line-height: 1.4 !important;
}
/* Forum description (subtitle line under each forum title) */
dl.row-item dt .list-inner {
    font-size: 0.85rem !important;
    line-height: 1.5 !important;
    color: var(--ak-text) !important;
}
.row .responsive-show.left-box {
    color: var(--ak-text-muted) !important;
    font-size: 0.75rem !important;
}

/* Topic / post counter columns — readable, not tiny */
dl.row-item dd.topics,
dl.row-item dd.posts,
dl.row-item dd.views {
    font-size: 0.8rem !important;
    line-height: 1.45 !important;
    color: var(--ak-text) !important;
}

/* Last-post block on the right */
.lastpost {
    color: var(--ak-text-muted) !important;
    font-size: 0.8rem !important;
    line-height: 1.5 !important;
}
.lastpost a, .lastpost .lastsubject {
    color: var(--ak-accent) !important;
}
.lastpost time, .topic-poster, .lastpost .username {
    color: var(--ak-text-muted) !important;
}

/* ---- 3. Buttons — kill the gradient/PNG, clean orange ---------------- */
.button, .button1, .button2, a.button, button.button,
input[type="submit"], input[type="button"], input[type="reset"],
.button-search, .button-search-end,
.post-buttons .button {
    background: var(--ak-accent) !important;
    background-image: none !important;
    background-color: var(--ak-accent) !important;
    color: var(--ak-bg) !important;
    border: 1px solid var(--ak-accent) !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-radius: 2px !important;
    padding: 0.4em 0.9em !important;
    font-family: var(--ak-font-body) !important;
    font-weight: 600 !important;
    font-size: 0.9em !important;
    line-height: 1.4 !important;
    height: auto !important;
    cursor: pointer;
    text-decoration: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
}
.button:hover, .button1:hover, .button2:hover, a.button:hover, button.button:hover,
input[type="submit"]:hover, .button-search:hover {
    background: var(--ak-accent-hover) !important;
    background-color: var(--ak-accent-hover) !important;
    background-image: none !important;
    border-color: var(--ak-accent-hover) !important;
    color: var(--ak-bg) !important;
    text-decoration: none !important;
}

/* Secondary / outline buttons (cancel, etc.) — dark with orange border */
.button.button-secondary, a.button-secondary {
    background: var(--ak-bg-2) !important;
    background-image: none !important;
    color: var(--ak-text) !important;
    border-color: var(--ak-border-bright) !important;
}

/* Icons inside buttons (font-awesome) — keep white-on-orange */
.button i, .button .icon, .button .fa, .button .icon-svg {
    color: var(--ak-bg) !important;
    fill: var(--ak-bg) !important;
}

/* ---- Search box (top-right of navbar) -------------------------------- */
#search-box, .search-box {
    display: flex !important;
    align-items: stretch !important;
    gap: 0 !important;
}
#search-box input.inputbox {
    background: var(--ak-bg-2) !important;
    border: 1px solid var(--ak-border-bright) !important;
    color: var(--ak-text) !important;
    padding: 0.4em 0.7em !important;
    font-size: 0.85em !important;
    border-radius: 2px 0 0 2px !important;
    margin: 0 !important;
    height: auto !important;
    line-height: 1.4 !important;
}
#search-box input.inputbox:focus {
    border-color: var(--ak-accent) !important;
    outline: none !important;
}
#search-box .button,
#search-box button.button,
#search-box input[type="submit"],
.button-search, button.button-search {
    border-radius: 0 2px 2px 0 !important;
    margin-left: -1px !important;  /* sit flush against the input */
    padding: 0.4em 0.8em !important;
    font-size: 0.85em !important;
}
/* .button-search-end is the gear/cog "Advanced search" link — kept visible

/* =============================================================================
   AK customization (2026-05-31, dev_note #19): post-subject overlap fix
   ---------------------------------------------------------------------------
   On long topic titles the h3 (post-subject inside .postbody) was being
   visibly covered by the per-post action buttons (.post-buttons —
   Edit/Delete/Quote/Warn/Info). Prosilver sets them position: absolute at
   top:5px right:0 of .postbody, with h3 getting margin-right: 180px to
   reserve space. But when the title is long enough to wrap, the SECOND line
   uses the full width and the absolutely-positioned buttons sit on top of
   the FIRST line's text. Fix: switch to float:right so the buttons take up
   actual flow space and h3 text properly wraps around them on every line.
   (Originally tried to put this in tweaks.css, but discovered that file is
   wrapped in an `<!--[if lte IE 9]>` conditional in overall_header.html and
   never loads in modern browsers. Sticking it here in stylesheet.css —
   which IS loaded — instead.)
   ============================================================================= */
.hasjs .has-profile .postbody .post-buttons,
.has-profile .postbody .post-buttons,
.has-profile .post-buttons {
    position: static !important;
    float: right !important;
    top: auto !important;
    right: auto !important;
    margin: 0.2em 0 0.4em 0.5em !important;
    max-width: none !important;
}
.has-profile .postbody h3 {
    margin-right: 0 !important;
}

/* AK Squad — render a forum_desc as a sub-line under category headers in
   the forum index. Hooks the .ak-category-desc element added to
   styles/lucid_yellow/template/forumlist_body.html. Used by the "AK Copilot
   BETA" beta-software disclaimer; works for any future category that sets a
   description. (See docs/AK-COPILOT.md.) */
.forabg li.header .ak-category-desc {
    display: block;
    margin-top: 0.18em;
    font-size: 0.78em;
    font-weight: normal;
    font-style: italic;
    letter-spacing: 0.01em;
    text-transform: none;
    opacity: 0.85;
}
