/* Tenebris reference pages: changelog, houses, bestiary, spells and community. */
.tn-inner-content .tn-ref-page { display: grid; gap: 18px; min-width: 0; color: #d2deeb; font-size: 13px; line-height: 1.65; }
.tn-inner-content .tn-ref-page * { box-sizing: border-box; }
.tn-inner-content .tn-ref-head { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-bottom: 15px; border-bottom: 1px solid #364960; }
.tn-inner-content .tn-ref-eyebrow { color: #c6a66b; font: 700 10px/1.3 Arial,sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.tn-inner-content .tn-ref-head h2 { margin: 3px 0 7px; color: #f0d098; font: normal 27px/1.3 Georgia,serif; }
.tn-inner-content .tn-ref-head p { margin: 0; color: #aabbd0; font-size: 12px; }
.tn-inner-content .tn-ref-head-links { display: flex; flex-wrap: wrap; gap: 8px; }
.tn-inner-content .tn-ref-card { min-width: 0; padding: 18px; border: 1px solid #34475f; border-radius: 4px; background: linear-gradient(155deg,#18283e,#111d2f); box-shadow: inset 0 1px #ffffff07; }
.tn-inner-content .tn-ref-card-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 5px 10px; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid #384b61; }
.tn-inner-content .tn-ref-card-heading h2, .tn-inner-content .tn-ref-card-heading h3 { margin: 0; font: normal 19px/1.35 Georgia,serif; color: #e9c890; }
.tn-inner-content .tn-ref-card-heading > span { color: #9caec4; font-size: 11px; }
.tn-inner-content .tn-ref-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 13px; min-height: 34px; max-width: 100%; border: 1px solid #796749; border-radius: 3px; background: #192a3e; color: #e3c48a !important; font: 700 11px/1.35 Arial,sans-serif; text-decoration: none !important; cursor: pointer; white-space: normal; text-align: center; }
.tn-inner-content .tn-ref-button:hover { border-color: #d5b679; background: #273c53; color: #ffe3ae !important; }
.tn-inner-content .tn-ref-button-primary { border-color: #e2bd75; background: linear-gradient(#e5c27a,#be954f); color: #121b27 !important; }
.tn-inner-content .tn-ref-button-primary:hover { background: #f1d392; color: #141d2b !important; }
.tn-inner-content .tn-ref-button-compact { padding: 6px 10px; min-height: 29px; }
.tn-inner-content .tn-ref-muted { color: #9daec4; font-size: 12px; }
.tn-inner-content .tn-ref-empty { padding: 22px; color: #c3d0df; text-align: center; }
.tn-inner-content .tn-ref-note { padding: 12px 16px; border-left: 2px solid #c49d5b; background: #1c2d42; }
.tn-inner-content .tn-ref-note strong { color: #edcb91; }
.tn-inner-content .tn-ref-note p { margin: 4px 0 0; }
.tn-inner-content .tn-ref-error { padding: 12px 16px; border: 1px solid #914e50; background: #422b34; color: #ffd1c9; }
.tn-inner-content .tn-ref-error p { margin: 0 0 4px; }
.tn-inner-content .tn-ref-actions, .tn-inner-content .tn-ref-pager { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 14px; }
.tn-inner-content .tn-ref-pager:empty { display: none; }
.tn-inner-content .tn-ref-scroll { width: 100%; min-width: 0; max-width: 100%; overflow-x: auto; scrollbar-color: #4b607d #0e1a2b; }
.tn-inner-content .tn-ref-page .tn-ref-table { width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 12px; }
.tn-inner-content .tn-ref-page .tn-ref-table th { background: #233752 !important; color: #eacc92 !important; text-align: left; font-size: 11px; font-weight: 700; white-space: nowrap; }
.tn-inner-content .tn-ref-page .tn-ref-table td { color: #d2ddeb !important; border-bottom: 1px solid #32445b; vertical-align: middle; line-height: 1.55; }
.tn-inner-content .tn-ref-page .tn-ref-table tbody tr:nth-child(odd) > td { background: #142238 !important; }
.tn-inner-content .tn-ref-page .tn-ref-table tbody tr:nth-child(even) > td { background: #1a2b42 !important; }
.tn-inner-content .tn-ref-page .tn-ref-table tbody tr:hover > td { background: #283d58 !important; }
.tn-inner-content .tn-ref-page .tn-ref-table a { color: #eac78e !important; }
.tn-inner-content .tn-ref-page .tn-ref-table a:hover { color: #ffdfa6 !important; }
.tn-inner-content .tn-ref-page .tn-ref-table td strong { color: #efce97; }
.tn-inner-content .tn-ref-nowrap { white-space: nowrap; }
/* Changelog: readable timestamps and editable updates, never vertical column labels. */
.tn-inner-content .tn-changelog-list { display: grid; gap: 11px; }
.tn-inner-content .tn-changelog-item { padding: 17px 19px; }
.tn-inner-content .tn-changelog-meta { display: flex; align-items: center; gap: 8px 12px; flex-wrap: wrap; margin-bottom: 10px; }
.tn-inner-content .tn-changelog-meta time { margin-left: auto; color: #a7b8cd; font-size: 11px; }
.tn-inner-content .tn-ref-tag { display: inline-flex; align-items: center; gap: 6px; min-height: 25px; padding: 4px 8px; background: #253952; border: 1px solid #40516a; border-radius: 2px; color: #ebcc91; font-size: 11px; }
.tn-inner-content .tn-ref-tag img { display: inline-block; width: 15px; height: 15px; object-fit: contain; image-rendering: pixelated; }
.tn-inner-content .tn-changelog-description { overflow-wrap: anywhere; color: #d6e0ee; line-height: 1.7; }
.tn-inner-content .tn-changelog-admin { margin-top: 12px; border-top: 1px solid #3c4b60; padding-top: 12px; }
.tn-inner-content .tn-changelog-admin a { display: inline-flex; align-items: center; margin-right: 5px; padding: 5px 9px; border: 1px solid #7c6748; border-radius: 3px; color: #edce95; background: #1b293c; text-decoration: none; }
/* Houses: compact search options followed by a pageless result table. */
.tn-inner-content .tn-house-filter-grid { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr) minmax(0,.8fr); gap: 16px; }
.tn-inner-content .tn-house-filters fieldset { min-width: 0; border: 0; margin: 0; padding: 0; }
.tn-inner-content .tn-house-filters legend { width: 100%; float: none; margin: 0 0 10px; color: #e7c589; font: 700 12px Arial,sans-serif; }
.tn-inner-content .tn-house-filters .tn-house-sublegend { margin-top: 16px; }
.tn-inner-content .tn-house-options { display: grid; gap: 5px; }
.tn-inner-content .tn-house-options label { display: flex; align-items: center; gap: 9px; min-height: 27px; padding: 5px 8px; border: 1px solid transparent; border-radius: 2px; color: #c8d7e7; line-height: 1.3; cursor: pointer; }
.tn-inner-content .tn-house-options label:hover { background: #273950; border-color: #384d65; }
.tn-inner-content .tn-house-options input { flex: none; margin: 0; accent-color: #d7ac69; }
.tn-inner-content .tn-house-towns { max-height: 245px; overflow-y: auto; }
.tn-inner-content .tn-house-results { min-width: 510px; }
.tn-inner-content .tn-ref-action-heading { text-align: center !important; }
.tn-inner-content .tn-house-results td:last-child { text-align: center; }
.tn-inner-content .tn-house-profile-layout { display: grid; grid-template-columns: 140px minmax(0,1fr); gap: 22px; align-items: start; }
.tn-inner-content .tn-house-map { border: 1px solid #53637a; background: #091522; min-height: 105px; display: grid; place-items: center; }
.tn-inner-content .tn-house-map img { display: block; width: 100%; max-width: 160px; height: auto; image-rendering: pixelated; }
.tn-inner-content .tn-house-facts p { margin: 0 0 13px; }
/* Support: outfit art is contained; no absolute offsets into neighbouring cells. */
.tn-inner-content .tn-team-list { display: grid; gap: 7px; }
.tn-inner-content .tn-team-member { display: flex; align-items: center; gap: 14px; padding: 9px 11px; border: 1px solid #324760; border-radius: 3px; background: #152439; }
.tn-inner-content .tn-team-avatar { flex: 0 0 54px; width: 54px; height: 64px; border: 1px solid #45566e; background: #0d192a; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.tn-inner-content .tn-team-avatar img { display: block; max-width: 54px; max-height: 64px; width: auto; height: auto; object-fit: contain; image-rendering: pixelated; }
.tn-inner-content .tn-team-ident { flex: 1 1 auto; min-width: 0; }
.tn-inner-content .tn-team-ident strong, .tn-inner-content .tn-team-ident small { display: block; }
.tn-inner-content .tn-team-ident a { color: #eccb90; font-weight: 700; }
.tn-inner-content .tn-team-ident small { color: #a6b9d0; font-size: 11px; }
.tn-inner-content .tn-team-state { flex: 0 0 auto; padding: 4px 8px; font-size: 11px; background: #3a2b39; border: 1px solid #784850; border-radius: 2px; color: #efaca8; }
.tn-inner-content .tn-team-state.is-online { background: #173b33; border-color: #366c55; color: #98ddad; }
/* Bestiary: accessible grid preview or DataTables without its default bright theme. */
.tn-inner-content .tn-ref-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.tn-inner-content .tn-ref-tabs a { padding: 8px 13px; border: 1px solid #58637a; border-radius: 3px; background: #172940; color: #e9c990; text-decoration: none; font-weight: 700; }
.tn-inner-content .tn-ref-tabs a:hover { border-color: #d7ae70; background: #293d56; }
.tn-inner-content .tn-monster-filter { display: grid; gap: 6px; max-width: 320px; color: #e4c38a; }
.tn-inner-content .tn-monster-filter input { background: #0e1b2d; border: 1px solid #45556d; border-radius: 3px; color: #eff3f9; min-height: 36px; padding: 8px 10px; }
.tn-inner-content .tn-monster-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(116px,1fr)); gap: 11px; }
.tn-inner-content .tn-monster-tile { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; text-align: center; padding: 12px 6px; border: 1px solid #364e67; border-radius: 3px; background: #15263a; color: #edce93 !important; text-decoration: none !important; }
.tn-inner-content .tn-monster-tile:hover { border-color: #a98a5d; background: #243751; }
.tn-inner-content .tn-monster-tile[hidden] { display: none !important; }
.tn-inner-content .tn-monster-tile-picture { display: grid; place-items: center; width: 86px; height: 80px; }
.tn-inner-content .tn-monster-tile-picture img { max-width: 90px; max-height: 80px; object-fit: contain; image-rendering: pixelated; }
.tn-inner-content .tn-monster-tile span { font-size: 12px; }
.tn-inner-content .tn-monster-tile small { color: #f3b47e; font-size: 10px; }
.tn-inner-content .tn-monster-table { min-width: 670px; }
.tn-inner-content .tn-ref-table-card { padding: 14px; }
.tn-inner-content .tn-monster-table-wrap { overflow-x: auto; overflow-y: hidden; }
.tn-inner-content .tn-ref-page .dataTables_wrapper { max-width: 100%; width: 100%; color: #c2d2e5 !important; }
.tn-inner-content .tn-ref-page .dataTables_wrapper .dataTables_length,
.tn-inner-content .tn-ref-page .dataTables_wrapper .dataTables_filter,
.tn-inner-content .tn-ref-page .dataTables_wrapper .dataTables_info,
.tn-inner-content .tn-ref-page .dataTables_wrapper .dataTables_paginate { color: #aebdd2 !important; font-size: 12px; margin: 9px 0; }
.tn-inner-content .tn-ref-page .dataTables_wrapper input,
.tn-inner-content .tn-ref-page .dataTables_wrapper select { background: #0b1929 !important; color: #e9edf5 !important; border: 1px solid #4a5c73 !important; border-radius: 3px; padding: 7px; min-height: 32px; max-width: 180px; }
.tn-inner-content .tn-ref-page .dataTables_wrapper .dataTables_paginate .paginate_button { color: #d7c097 !important; background: #192b43 !important; border: 1px solid #3e536c !important; border-radius: 3px; margin: 2px; }
.tn-inner-content .tn-ref-page .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.tn-inner-content .tn-ref-page .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: #17202d !important; background: #d9b474 !important; border-color: #d9b474 !important; }
.tn-inner-content .tn-ref-page .dataTables_wrapper .dataTables_paginate .paginate_button.disabled { opacity: .45; }
.tn-inner-content .tn-ref-page .dataTables_wrapper table.dataTable { border-collapse: collapse; border-bottom: 1px solid #4b5b6d; }
.tn-inner-content .tn-ref-page .dataTables_wrapper table.dataTable thead th { border-bottom: 1px solid #52637b !important; }
.tn-inner-content .tn-ref-page .dataTables_wrapper table.dataTable tbody td { color: #dce5ef !important; }
.tn-inner-content .tn-ref-page .dataTables_wrapper table.dataTable tbody tr { background: #17263a !important; }
.tn-inner-content .tn-ref-page .dataTables_wrapper table.dataTable tbody tr:nth-child(2n) { background: #203149 !important; }
.tn-inner-content .tn-ref-page .dataTables_wrapper table.dataTable tbody tr:hover { background: #293f59 !important; }
/* Spellbook tabs keep native radio controls and live vocation filtering. */
.tn-inner-content .tn-spell-filter label { display: block; color: #e6c88e; font-weight: 700; margin-bottom: 7px; }
.tn-inner-content .tn-spell-filter-controls { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.tn-inner-content .tn-spell-filter-controls select { flex: 1 1 220px; min-width: 0; min-height: 36px; padding: 8px 9px; background: #0b1929; color: #ecf0f5; border: 1px solid #465870; }
.tn-inner-content .tn-spell-tabs { min-width: 0; }
.tn-inner-content .tn-spell-tabs > input[type="radio"] { position: absolute; left: -10000px; }
.tn-inner-content .tn-spell-tabs > label { display: inline-block; padding: 9px 14px; margin: 0 5px 0 0; border: 1px solid #40536c; border-bottom: 0; border-radius: 3px 3px 0 0; background: #1b2d44; color: #b9cae0; font-weight: 700; cursor: pointer; }
.tn-inner-content .tn-spell-tabs > input:focus-visible + label { outline: 2px solid #eac98e; outline-offset: -2px; }
.tn-inner-content .tn-spell-tabs > input:checked + label { background: #d2a95e; border-color: #caa35f; color: #151e2b; }
.tn-inner-content .tn-spell-tabs .tab-panels { border: 1px solid #40536c; background: #111f32; padding: 12px; border-radius: 0 4px 4px 4px; }
.tn-inner-content .tn-spell-tabs .tab-panel { display: none; }
.tn-inner-content .tn-spell-tabs #tab_instant:checked ~ .tab-panels #instant,
.tn-inner-content .tn-spell-tabs #tab_conjure:checked ~ .tab-panels #conjure,
.tn-inner-content .tn-spell-tabs #tab_rune:checked ~ .tab-panels #rune { display: block; }
.tn-inner-content .tn-spell-tabs .tn-ref-table { min-width: 450px; }
.tn-inner-content .tn-spell-tabs .tn-spell-wide { min-width: 665px; }
.tn-inner-content .tn-spell-tabs .tn-ref-table td img { display: inline-block; image-rendering: pixelated; vertical-align: middle; }
.tn-inner-content .tn-spell-words { color: #d0a968 !important; font-weight: 700; white-space: nowrap; }
/* Server information remains config-derived, not hard-coded decorative stats. */
.tn-inner-content .tn-serverinfo-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 14px; }
.tn-inner-content .tn-ref-facts { margin: 0; }
.tn-inner-content .tn-ref-facts > div { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 9px 0; border-bottom: 1px solid #30435b; }
.tn-inner-content .tn-ref-facts > div:last-child { border: 0; }
.tn-inner-content .tn-ref-facts dt { color: #aebfd3; flex: 1 1 45%; min-width: 0; }
.tn-inner-content .tn-ref-facts dd { margin: 0; color: #efcf94; text-align: right; overflow-wrap: anywhere; flex: 1 1 55%; min-width: 0; }
.tn-inner-content .tn-serverinfo .tn-ref-card p { margin: 0 0 10px; }
.tn-inner-content .tn-serverinfo .tn-ref-card a { color: #e5bc7c; }
/* Admin-authored downloads content has no dedicated Twig template in MyAAC. */
.tn-inner-content.tn-download-page { text-align: center; }
.tn-inner-content.tn-download-page > p { margin: 13px auto; line-height: 1.75; color: #c9d7e9; }
.tn-inner-content.tn-download-page > h2,.tn-inner-content.tn-download-page > h3 { margin: 18px 0 9px; color: #e9c88d; }
.tn-inner-content.tn-download-page a:not(.btn) { color: #efcc88; font-weight: 700; }
.tn-inner-content.tn-download-page a:hover { color: #ffe9bf; }
.tn-inner-content.tn-download-page .btn,.tn-inner-content.tn-download-page input[type="submit"] { border: 1px solid #ba965d; background: #1e3148; color: #ebcd94; }
.tn-inner-content.tn-download-page img { max-width: 100%; height: auto; }
.tn-inner-content.tn-register-page > p { max-width: 100%; padding: 15px 17px; border: 1px solid #4c5d71; border-left: 3px solid #d1ad6c; background: #16253a; }
@media (max-width: 760px) {
 .tn-inner-content .tn-house-filter-grid { grid-template-columns: 1fr 1fr; }
 .tn-inner-content .tn-serverinfo-grid { grid-template-columns: minmax(0,1fr); }
 .tn-inner-content .tn-monster-table-wrap { overflow-x: auto; }
}
@media (max-width: 520px) {
 .tn-inner-content .tn-house-filter-grid { grid-template-columns: 1fr; }
 .tn-inner-content .tn-house-profile-layout { grid-template-columns: minmax(0,1fr); }
 .tn-inner-content .tn-house-map { max-width: 180px; }
 .tn-inner-content .tn-ref-card { padding: 13px; }
 .tn-inner-content .tn-ref-table th,.tn-inner-content .tn-ref-table td { padding: 8px 7px; }
 .tn-inner-content .tn-team-member { gap: 10px; }
 .tn-inner-content .tn-ref-head h2 { font-size: 23px; }
 .tn-inner-content .tn-changelog-meta time { margin-left: 0; }
}

/* Monster detail pages retain the original loot/tooltips but match the bestiary. */
.tn-inner-content .monster_name { font: normal 26px/1.3 Georgia,serif; color: #eed09a; margin-bottom: 16px; }
.tn-inner-content .MonsterInfo,.tn-inner-content .MonsterVoice,
.tn-inner-content .MonsterElements,.tn-inner-content .MonsterLoot { width: 100%; border: 1px solid #394c63; border-collapse: collapse; background: #142439; color: #d5dfeb; margin-bottom: 14px; }
.tn-inner-content .MonsterInfo th,.tn-inner-content .MonsterVoice th,
.tn-inner-content .MonsterElements th,.tn-inner-content .MonsterLoot th { background: #233752; color: #efcb8f; font: bold 13px Arial,sans-serif; padding: 10px 12px; }
.tn-inner-content .MonsterInfo td,.tn-inner-content .MonsterVoice td,
.tn-inner-content .MonsterElements td,.tn-inner-content .MonsterLoot td { background: #182a40 !important; color: #d9e4f1 !important; padding: 12px; border: 1px solid #344760; vertical-align: middle; }
.tn-inner-content .MonsterInfo .monster_img { float: none; background-repeat: no-repeat; background-position: center; image-rendering: pixelated; }
.tn-inner-content .MonsterInfo strong,.tn-inner-content .MonsterInfo b { color: #edc991; }
.tn-inner-content .loot_bg { float: none; vertical-align: middle; margin: 3px; border: 1px solid #41536a; background-color: #0d1c2e; }
.tn-inner-content .loot_bg img { image-rendering: pixelated; }

/* Keep long house directories compact without changing MyAAC search handling. */
.tn-inner-content .tn-house-results tr[hidden] { display: none !important; }
.tn-inner-content .tn-house-pager { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; border-top: 1px solid #42536c; padding-top: 14px; margin-top: 12px; }
.tn-inner-content .tn-house-pager[hidden] { display: none !important; }
.tn-inner-content .tn-house-pager span { color: #bdc9d9; font-size: 12px; }
.tn-inner-content .tn-house-pager button:disabled { opacity: .45; cursor: not-allowed; }
/* Downloads are managed by MyAAC: this wraps existing administrator-defined content. */
.tn-inner-content.tn-download-page { text-align: left; }
.tn-inner-content .tn-download-card { padding: 24px; min-width: 0; border: 1px solid #51607a; border-left: 3px solid #bd9553; border-radius: 4px; background: radial-gradient(ellipse at 90% 0,#293d56 0,transparent 50%),linear-gradient(#1c2d44,#111e31); }
.tn-inner-content .tn-download-eyebrow { display: block; margin-bottom: 6px; color: #dfb975; font: bold 10px Arial,sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.tn-inner-content .tn-download-card h2 { margin: 0 0 11px; color: #f0d398; font: 26px Georgia,serif; }
.tn-inner-content .tn-download-card .tn-download-lead { color: #b5c7da; margin: 0 0 24px; }
.tn-inner-content .tn-download-admin-content { text-align: center; padding: 23px 12px 6px; border-top: 1px solid #3e536c; color: #d5deed; }
.tn-inner-content .tn-download-admin-content > * { max-width: 100%; }
.tn-inner-content .tn-download-admin-content a:not(.btn) { display: inline-block; padding: 6px 9px; margin: 3px 0; border-bottom: 1px solid #96794e; text-decoration: none; color: #f0ce8d; }
.tn-inner-content .tn-download-admin-content a:not(.btn):hover { background: #283c55; color: #ffe4b4; }
@media (max-width: 520px) {
 .tn-inner-content .tn-download-card { padding: 16px; }
 .tn-inner-content .tn-house-pager { justify-content: center; }
 .tn-inner-content .tn-house-pager span { flex-basis: 100%; order: -1; text-align: center; }
}

/* Last Kills: visually connect the fallen adventurer with their killer. */
.tn-inner-content .tn-death-list { display:grid; gap:12px; }
.tn-inner-content .tn-death-card { padding:0; overflow:hidden; }
.tn-inner-content .tn-death-topline { display:flex; justify-content:space-between; flex-wrap:wrap; gap:7px 12px; padding:9px 16px; border-bottom:1px solid #344960; background:#1f3047; color:#b7c8dc; font-size:11px; }
.tn-inner-content .tn-death-number { color:#e7c68c; font-weight:700; }
.tn-inner-content .tn-death-combatants { display:grid; grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr); align-items:center; gap:10px; padding:16px; }
.tn-inner-content .tn-death-entity { display:flex; align-items:center; gap:12px; min-width:0; }
.tn-inner-content .tn-death-avatar { flex:0 0 60px; display:grid; place-items:center; width:60px; height:65px; overflow:hidden; background:#0b1a2b; border:1px solid #455875; border-radius:3px; }
.tn-inner-content .tn-death-avatar img { display:block; width:auto; height:auto; max-width:58px; max-height:63px; object-fit:contain; image-rendering:pixelated; }
.tn-inner-content .tn-death-avatar span { color:#7c91aa; font:27px Georgia,serif; }
.tn-inner-content .tn-death-person { min-width:0; display:grid; align-content:center; gap:3px; overflow-wrap:anywhere; }
.tn-inner-content .tn-death-person small { color:#b1c3d8; font-size:11px; }
.tn-inner-content .tn-death-person strong, .tn-inner-content .tn-death-person strong a { font-size:13px; color:#efcf94; }
.tn-inner-content .tn-death-person span { font-size:11px; color:#a4b8cc; }
.tn-inner-content .tn-death-divider { display:grid; justify-items:center; gap:3px; color:#bd7b7c; }
.tn-inner-content .tn-death-divider span { font-size:19px; font-weight:bold; }
.tn-inner-content .tn-death-divider small { color:#a9bad0; font-size:10px; white-space:nowrap; }
.tn-inner-content .tn-death-details { margin:0 16px 12px; border-top:1px solid #30445c; padding-top:8px; font-size:12px; }
.tn-inner-content .tn-death-details summary { width:max-content; max-width:100%; color:#cdaa74; cursor:pointer; }
.tn-inner-content .tn-death-details > div { color:#b7c8db; overflow-wrap:anywhere; padding:9px 0 2px; }
.tn-inner-content .tn-death-details a { color:#e5bf82; }
/* Support Team: separate rank sections ordered by TFS group ID. */
.tn-inner-content .tn-team-rank-heading { display:flex; align-items:center; gap:12px; padding:0 0 13px; margin-bottom:14px; border-bottom:1px solid #3c5069; }
.tn-inner-content .tn-team-rank-seal { flex:0 0 40px; display:grid; place-items:center; height:40px; width:40px; border:1px solid #957750; border-radius:50%; background:#26364a; box-shadow:inset 0 0 0 3px #172539; color:#e8c586; font:22px Georgia,serif; }
.tn-inner-content .tn-team-rank-text { min-width:0; flex:1 1 auto; }
.tn-inner-content .tn-team-rank-text h3 { margin:2px 0 0; font:normal 20px/1.3 Georgia,serif; color:#f0d29c; }
.tn-inner-content .tn-team-count { flex:0 0 auto; color:#b3c3d6; font-size:11px; }
.tn-inner-content .tn-team-role { display:block; color:#c9a771; font-size:11px; }
@media (max-width:650px) {
 .tn-inner-content .tn-death-combatants { grid-template-columns:minmax(0,1fr); gap:9px; }
 .tn-inner-content .tn-death-divider { display:flex; justify-content:flex-start; align-items:center; padding-left:72px; }
 .tn-inner-content .tn-death-avatar { flex-basis:54px; height:57px; width:54px; }
 .tn-inner-content .tn-death-avatar img { max-width:52px; max-height:55px; }
}

/* Server Information: keep the house guide readable on wide and narrow screens. */
.tn-inner-content .tn-serverinfo-grid > .tn-house-card { grid-column: 1 / -1; }
.tn-inner-content .tn-house-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
.tn-inner-content .tn-house-summary > div { display:flex; flex-direction:column; gap:6px; padding:12px 14px; background:#0d1b2c; border:1px solid #30435b; border-radius:4px; }
.tn-inner-content .tn-house-summary span { color:#aebfd3; font-size:11px; }
.tn-inner-content .tn-house-summary strong { color:#efcf94; font-size:14px; }
.tn-inner-content .tn-house-card > p { line-height:1.6; color:#c4d0df; }
.tn-inner-content .tn-house-commands { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; margin:12px 0 0; }
.tn-inner-content .tn-house-commands > div { display:grid; grid-template-columns:minmax(0,1fr); align-content:start; gap:6px; min-width:0; padding:12px 0; border-bottom:1px solid #30435b; }
.tn-inner-content .tn-house-commands dt { color:#efcf94; min-width:0; }
.tn-inner-content .tn-house-commands dd { margin:0; color:#b5c6d9; line-height:1.45; overflow-wrap:anywhere; }
.tn-inner-content .tn-house-commands code, .tn-inner-content .tn-house-card p code { color:#efcf94; white-space:normal; overflow-wrap:anywhere; font-size:12px; }
@media (max-width:650px) {
 .tn-inner-content .tn-house-summary { grid-template-columns:minmax(0,1fr); }
 .tn-inner-content .tn-house-commands { grid-template-columns:minmax(0,1fr); }
}

/* Compact Server Information layout: independent flowing columns prevent empty grid rows. */
.tn-inner-content .tn-serverinfo-grid { display:block; column-count:2; column-gap:14px; }
.tn-inner-content .tn-serverinfo-grid > .tn-ref-card { display:inline-block; width:100%; box-sizing:border-box; break-inside:avoid; -webkit-column-break-inside:avoid; margin:0 0 14px; vertical-align:top; }
.tn-inner-content .tn-serverinfo-bottom { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; margin-top:0; }
.tn-inner-content .tn-serverinfo-bottom > .tn-ref-card { min-width:0; }
@media (max-width:760px) {
 .tn-inner-content .tn-serverinfo-grid { column-count:1; }
}