/* Theme variables
:root { --bg-page: #fff; --bg-sidebar: #f4f4f4; --bg-header: #fff; --header-border: #999; --text-header: #333; --text-main: #333; --text-muted: #666; --border-color: #999; --sidebar-width: 300px; --header-height: 40px; --sidenav-width: 280px; --color1: #4DA3FF; --blue: #4DA3FF; --blue-light: #cfebfc;}
@media (prefers-color-scheme: dark) { :root { --bg-page: #121212; --bg-sidebar: #1e1e1e; --bg-header: #0f172a; --header-border: #999; --text-header: #fff; --text-main: #e0e0e0; --text-muted: #aaa; --border-color: #999; --header-height: 40px; --color1: #4DA3FF; } }
.dark-theme { --bg-page: #121212; --bg-sidebar: #1e1e1e; --bg-header: #0f172a; --header-border: #999; --text-header: #fff; --text-main: #e0e0e0; --text-muted: #aaa; --border-color: #999; --header-height: 40px; --color1: #4DA3FF; }
* { box-sizing: border-box; padding: 0; margin: 0; -webkit-appearance: none; }
*/

:root { --sidebar-width: 300px; --header-height: 40px; --sidenav-width: 280px; --color1: #4DA3FF; --blue: #4DA3FF; --blue-light: #cfebfc; --header-border: #999; --border-color: #999; --bg-page: #fff; --bg-sidebar: #f4f4f4; --bg-header: #fff; --text-header: #333; --text-main: #333; --text-muted: #666; }
@media (prefers-color-scheme: dark) { :root:not(.dark-theme) { --bg-page: #121212; --bg-sidebar: #1e1e1e; --bg-header: #0f172a; --text-header: #fff; --text-main: #e0e0e0; --text-muted: #aaa; } }
html.dark-theme { --bg-page: #121212; --bg-sidebar: #1e1e1e; --bg-header: #0f172a; --text-header: #fff; --text-main: #e0e0e0; --text-muted: #aaa; }
*, *:before, *:after { box-sizing: border-box; padding: 0; margin: 0; -webkit-appearance: none; }

/* below all needed for site layout functioning */
html { box-sizing: border-box; background-color: #999999; margin: 0; padding: 0; height: 100%; }
body { box-sizing: border-box; margin: auto; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background-color: var(--bg-page); color: var(--text-main); display: flex; flex-direction: column; min-height: 100dvh; transition: background 0.3s ease; max-width: 1500px; font-size: 1rem; line-height: 1.2; }
/*
.main-header { min-height: var(--header-height); height: auto; background: var(--bg-header); border-bottom: 1px solid var(--header-border); position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.header-left, .header-right { display: flex; align-items: center; height: var(--header-height); z-index: 10; }
.header-center { flex-basis: 100%; width: 100%; font-size: 0.80rem; color: var(--text-muted); text-align: center; }

.main-header { min-height: var(--header-height); height: auto; background: var(--bg-header); border-bottom: 1px solid var(--header-border); 
    position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0 0.5rem; }
.header-left, .header-right { display: flex; align-items: center; height: var(--header-height); z-index: 10; }
.header-center { position: absolute; left: 50%; transform: translateX(-50%); text-align: center; z-index: 5; }

*/

.brand-title { font-size: 1.5rem; font-style: italic; font-weight: 600; color: var(--text-main, inherit); text-decoration: none; }
.main-header {
    display: grid;
    grid-template-columns: 1fr auto 1fr; /* Left column, Center text (auto-sized), Right column */
    align-items: center;
    gap: 1rem;
    padding: 0 1rem;
    height: 60px; /* Adjust this to match your desired header height */
    border-bottom: solid 1px var(--border-color);
}

.header-left {
    justify-self: start;
}

.header-center {
    justify-self: center;
    text-align: center;
    /* Removed position: absolute, transform, and z-index */
}

.header-right {
    justify-self: end;
}


.logo-img {max-height: calc(var(--header-height) - 5px); padding-top: 0.25rem; width: auto; display: block; }
.layout-wrapper { display: grid; flex: 1; grid-template-columns: 1fr; overflow: hidden; }
#menu-toggle { height: 100%; aspect-ratio: 1 / 1; background: transparent; border: none; color: var(--text-header); font-weight: bold; font-size: 1.8rem; cursor: pointer; padding: 0px 3px; }
#menu-toggle:hover { background: rgba(255, 255, 255, 0.1); }
#menu-home { color: var(--text-header); vertical-align: -0.125em; margin-right: 6px; }

#theme-toggle { background: transparent; border: none; cursor: pointer; font-size: 1.6rem; padding: 0 10px; display: flex; align-items: center; gap: 0.5rem; }
#theme-text { font-size: 1rem; color: var(--text-main); }

.sidebar { background: var(--bg-sidebar); border-right: 1px solid var(--border-color); overflow: hidden; display: none; }
.sidebar a { padding: 0.5rem 0.5rem 0.5rem 1rem; text-decoration: none; color: var(--text-main); display: block; transition: 0.3s }
.sidebar a:hover { color: #f1f1f1; background: var(--color1) }
.back-to-top { display: block; width: 100%; padding: 15px; background-color: green; color: #ffffff; border: none; border-radius: 8px; font-size: 1.1rem; font-weight: bold; cursor: pointer; text-align: center; margin-top: 10px; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.2s; }
.back-to-top:hover { background-color: #444; }
.back-to-top.visible { opacity: 1; visibility: visible; }

.sidenav { height: 100%; width: var(--sidenav-width); position: fixed; top: 0; left: calc(var(--sidenav-width) * -1);background-color: var(--bg-sidebar); z-index: 1000; transition: transform 0.3s ease; box-shadow: 2px 0 10px rgba(0,0,0,0.2); }
.sidenav.active { transform: translateX(var(--sidenav-width)); }
.sidenav-content { margin-top: 50px; color: var(--text-main); padding: 0.5rem; }
.sidenav-content a { padding: 0.5rem 0.5rem 0.5rem 1rem; text-decoration: none; color: var(--text-main); display: block; transition: 0.3s }
.sidenav-content a:hover { color: #f1f1f1; background: var(--color1) }
.sidebar-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 999; }
.sidebar-overlay.active { display: block; }
.close-btn { position: absolute; top: 5px; right: 10px; font-size: 2.5rem; font-weight: bold; color: var(--text-main); background: none; border: none; cursor: pointer; line-height: 1; padding: 5px; }
.close-btn:hover { opacity: 0.7; transform: scale(1.1); }
.sidebar-content { color: var(--text-main); padding: 0.5rem; }
.main-content { position: relative; }
#overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.6); display: none; z-index: 9999; }
#overlay.active { display: block; }
#popup { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 90%; max-width: 800px; background: white; color: #000; padding: 20px; padding-top: 55px; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); box-sizing: border-box; display: none; z-index: 10000; }
#popup.active { display: block; }
#popupClose { position: absolute; top: 15px; left: 50%; transform: translateX(-50%); padding: 5px 18px; background: #0085ff;
    color: white; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 0.9rem; text-align: center; }
#popupClose:hover { background: #006bd6; }
#popupContent { width: 100%; box-sizing: border-box; }
.description-info { background: #f3f3f3; padding: 18px 22px; margin: 0; border-radius: 0.5rem; color: #333; line-height: 1.3; }
.description-info p { margin: 0 0 10px; }
.description-info p:last-child { margin-bottom: 0; }
/*
#overlay { position: absolute; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 33; background: color-mix(in srgb, var(--bg-sidebar), transparent 20%); backdrop-filter: blur(0.1rem); }
#popup { position: absolute; top: 0; left: 0; width: 100%; z-index: 34; overflow-y: auto; display: none; justify-content: center; align-items: flex-start; padding: 0.5rem; }
#popup > div { display: block; margin: 0.5rem auto; padding: 0.5rem; border-radius: 0.5rem; border: solid 2px var(--blue); background: #ffffff; width: 100%; box-sizing: border-box; }
#popupClose { font-size: 2rem; line-height: 1; font-weight: bold; text-align: center; padding: 5px; border-bottom: solid 1px #cccccc; cursor: pointer; color: #333; }
#popupClose:hover { background:  #f3f3f3; }
#popupContent { margin-top: 0.5rem; color: #333;}
*/
#description { display:  none; }
.loginout { width: 100%; padding: 0.1rem; font-size: 0.8rem; color: var(--text-main); text-align: center; }
/* above all needed for site layout functioning */

@media (min-width: 800px) {
    .layout-wrapper { grid-template-columns: 0px 1fr; }
    body.sidebar-open .layout-wrapper { grid-template-columns: var(--sidebar-width) 1fr; }
    .sidebar { display: block; }
}
button, input, select, textarea { font-family: inherit; }
input[type="text"] { padding: 0.3rem; font-size: 1rem; border: solid 1px var(--color1); border-radius: 0.4rem; }



/* 1. Reset and style the base radio button */
input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 1.3rem;     /* Adjust size here */
    height: 1.3rem;    /* Adjust size here */
    border: 2px solid var(--color1, #888);
    border-radius: 0.3rem; /* Change to 50% if you want rounded circles, keep small for squares */
    outline: none;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    margin-right: 0.4rem;
    transition: all 0.2s ease;
}

/* 2. Style when the button is checked */
input[type="radio"]:checked {
    background-color: var(--color1, #333); /* Fills the square/circle with your theme color */
    border-color: var(--color1, #333);
}

/* Optional: Add a tiny checkmark or dot inside when checked */
input[type="radio"]:checked::after {
    content: '';
    display: block;
    width: 0.4rem;
    height: 0.7rem;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin: 0.1rem auto 0 auto;
}


.main-footer { padding: 0.5rem; text-align: center; background: var(--bg-sidebar); border-top: 1px solid var(--border-color);
    font-size: 0.8rem; color: var(--text-muted); }
a { color: var(--color1); text-decoration: none; }
a:hover { text-decoration: underline; color: red; }
.div-header-qm, .div-header { width: 100%; font-size: 1.2rem; font-weight: bold; text-align: center; color: var(--color1); margin-bottom: 0.5rem; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.div-header-qm::after { content: ""; display: inline-block; width: 1.2rem; height: 1.2rem; margin-left: 10px; background-image: url('questionmark_transparant.png'); background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.div-header-qm:hover::after { transform: scale(1.5) rotate(5deg); filter: brightness(1.2); }

.textbox { border-style: solid; border-color: var(--blue); border-radius: 0.5rem; margin: 0.5rem 0; padding: 0.6rem; }
.big { font-size: 1.1rem }
.bigger { font-size: 1.2rem }
.biggest {font-size:  1.3rem}
.bold { font-weight: bold; }
.border { border-width: 1px; }
.noborder { border-width: 0px; }
.taright { text-align: right; }
.tacenter { text-align: center; }
.taleft { text-align: left; }
.mt10  { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.color1 { color:  var(--color1); }
.w100 { width: 100% }
.button1 { display: inline-flex; align-items: center; justify-content: center; padding: 0.15rem 0.3rem 0.2rem; font-weight: 500; border-radius: 0.5rem; cursor: pointer; border: 2px solid var(--color1); background-color: var(--color1); color: #fff; font-family: inherit; }
.button1:hover { background-color: transparent; color: var(--color1); }
.phide { display: none; }
.section-header { margin: 0.5rem 0; padding: 0.6rem; color: var(--color1); font-weight: bold; font-size: 1.1rem; text-align: center; }
.blue-letter { color: var(--blue); }
.button-action { display: inline-flex; align-items: center; justify-content: center; padding: 0.2rem; font-size: 0.9rem; font-weight: bold; border-radius: 0.5rem; cursor: pointer; text-decoration: none; width: 75px; }
select { padding: 0.3rem; border: solid 2px var(--color1); border-radius: 0.5rem; }

@media (hover: hover) and (pointer: fine) {
.button-follow:hover, .button-mute:hover, .button-block:hover, .button-unfollow:hover, .button-unmute:hover, .button-unblock:hover { background-color: #666666; color: #ffffff; }
}


.button-follow { background: #e6f2ff; color: #0085ff; }
.button-following { background: #0085ff; color: #e6f2ff; }
.button-follow, .button-following { border: solid 1px #0085ff; }

.button-mute { background: #fff1e0; color: #ff8c00; }
.button-muting { background: #ff8c00; color: #fff1e0; }
.button-mute, .button-muting { border: solid 1px #ff8c00; }

.button-block { background: #ffe6e4; color: #ff3b30; }
.button-blocking { background: #ff3b30; color: #ffe6e4; }
.button-block, .button-blocking { border: solid 1px #ff3b30; }

.bold-link a, .bold-link a:visited { color: #333 text-decoration: none; font-weight: bold;}
.blue-link a, .blue-link a:visited { color: var(--blue); text-decoration: none; font-weight: bold;}
.white-link a, .white-link a:visited { color: var(--text-main); text-decoration: none; font-weight: normal;}
.blue-link a:hover, .white-link:hover. .bold-link:hover { color: #999999; text-decoration: underline; }

.bsky-input-container { box-sizing: border-box; width: 100%; max-width: 500px; margin: 0.3rem auto; padding-left: 0.5rem; 
    padding-right: 0.5rem; }
.bsky-input-group { box-sizing: border-box; display: flex; align-items: stretch; width: 100%; border: 2px solid #ddd; 
    border-radius: 8px; overflow: hidden; background: #fff; }
.bsky-input-group:focus-within { border-color: var(--color1); }
.bsky-prefix { background: var(--color1); color: #fff; padding: 0 5px; display: flex; align-items: center; font-weight: bold;
    border-right: 1px solid #ddd; }
#bskyHandle, #handle { flex-grow: 1; border: none; padding: 8px; outline: none; border-radius: 0; -webkit-appearance: none; }
#submitBtn { background: var(--color1); color: #fff; border: none; padding: 0 5px; cursor: pointer; font-weight: bold; border-radius: 0; display: flex; align-items: center; justify-content: center; }
#submitBtn:hover { background: #0066cc; }
#submitBtn:disabled { background: #ccc; cursor: not-allowed; }
.error-msg { color: red; font-size: 0.9rem; font-weight: bold; margin: 0.2rem 0.5rem; line-height: 1.2rem; }
.sm-all { padding: 0.5rem; border-radius: 0.5rem; color: var(--text--main); white-space: pre-line; }
.sm-normal { border: solid 1px; border-color: var(--blue); }
.sm-warning { border: solid 2px; border-color: #ffa500; }
.sm-green { border: solid 2px; border-color: #00ff40; }

.spinner { display: inline-block; width: 14px; height: 14px; border: 2px solid #999; border-radius: 50%; border-top-color: var(--blue); animation: spin 0.8s linear infinite; vertical-align: middle; }
.spinner-big { display: inline-block; width: 60px; height: 60px; border: 4px solid #999; border-radius: 50%; border-top-color: var(--blue); animation: spin 0.8s linear infinite; vertical-align: middle; }
@keyframes spin { to { transform: rotate(360deg); }}

.ffp {-webkit-appearance: none; width: auto; padding: 0.2rem; font-size: 1rem; text-decoration: none; border-radius: 0.5rem; }
.ffp:hover { color:  #ffffff; background: #666666; border: solid 1px #000000}
.ffp { font-size: 0.9rem; border: solid 2px var(--blue); width: 100%; background: var(--blue-light); }
.show_lp, .show_llg, .show_llr, .show_lbg, .show_lbr, .show_lfg, .show_lfr { padding: 0.3rem 0.3rem 0 0.5rem; font-size: 1rem; }
.show_lp:empty, .show_llg:empty, .show_llr:empty, .show_lbg:empty, .show_lbr:empty, .show_lfg:empty, .show_lfr:empty {display: none; }
.show_lp span { display: inline-block; width: 155px; flex-shrink: 0; } 
.show_llg span { display: inline-block; width: 155px; flex-shrink: 0; } 
.show_llr span { display: inline-block; width: 155px; flex-shrink: 0; } 
.show_lbg span { display: inline-block; width: 155px; flex-shrink: 0; } 
.show_lbr span { display: inline-block; width: 155px; flex-shrink: 0; } 
.show_lfg span { display: inline-block; width: 155px; flex-shrink: 0; } 
.show_lfr span { display: inline-block; width: 155px; flex-shrink: 0; } 

.show_shrink { padding: 0.3rem 0.3rem 0 0.5rem; font-size: 1rem; }
.show_shrink span { display: inline-block; width: 145px; flex-shrink: 0; } 

.table1 { padding: 0.5rem; border: solid 1px; border-color: var(--blue); border-radius: 0.5rem; background: var(--bg-page); }
.table1 table { border-collapse: collapse; background: #fff; color: #333; }
.table1 caption { background: #ffffff; }
.table1 td, .table1 th {padding: 5px; border: solid 1px #999; text-align: center}
.table1 tr:nth-child(even) {background: #fff}
.table1 tr:nth-child(odd) {background: #f3f3f3}
.table1 tr:hover td { color: #fff; background: #999; }
.checkmark-img { height: 1.2em; width: auto; display: inline-block; flex-shrink: 0; margin-left: 4px; }

.analysis_grid { background: var(--bg-page); display: grid; grid-template-columns: auto 1fr; grid-template-rows: repeat(3, auto); width: 100%; grid-gap: 0px; border-bottom: solid 1px #999999; margin-bottom: 5px; color: var(--text-main); }
.analysis_name { grid-column: 1 / span 2; grid-row: 1; padding-left: 5px; display: flex; align-items: center; }
.analysis_ava { grid-column: 1; grid-row: 2 / span 2; aspect-ratio: 1; margin: 0; padding: 2px 2px 2px 5px; }
.analysis_ava > img { width: clamp(40px, 10vw, 60px); height: auto; object-fit: cover; border: solid 2px var(--main-blue); border-radius: 8px; }
.analysis_handle { grid-column: 2; grid-row: 2; padding-left: 10px; display: flex; align-items: center; }
.analysis_count { grid-column: 2; grid-row: 3;  padding-left: 10px; display: flex; align-items: top; }

.additional_grid { display: grid; grid-template-columns: 50px 1fr; grid-template-rows: auto; width: 100%; grid-gap: 0px; }
.additional_icon { grid-column: 1; grid-row: 1; aspect-ratio: 1; margin: 0; padding: 5px; }
.additional_icon > img { display: block; width: 100%; border-radius: 5px; }
.additional_label { grid-column: 1; grid-row: 1; aspect-ratio: 1; margin: 0; padding: 5px; }
.additional_label > img { display: block; width: 100%; }
.additional_text { grid-column: 2; grid-row: 1; padding: 0.3rem; font-size: 1rem; display: flex; align-items: center; }


.show_actor_grid_1 { display: grid; grid-template-columns: repeat(15, 1fr); grid-template-rows: repeat(5, 1fr); grid-gap: 0px; margin-top: 0.5rem; }
.show_actor_banner_1 { grid-column: 1 / span 15; grid-row: 1 / span 5; aspect-ratio:  3/1; z-index: 1; }
.show_actor_banner_1 > img { display: block; max-width: 100%; border: solid 2px var(--blue); border-radius: 0.5rem; }
.show_actor_ava_1 { grid-column: 1 / span 5; grid-row: 1 / span 5; aspect-ratio: 1; margin: 0; padding: 0.5rem; z-index: 2; }
.show_actor_ava_1 > img { display: block; max-width: 100%; border: solid 2px var(--blue); border-radius: 0.5rem; }
.show_actor_bluesky_1 { grid-column: 14 / span 2; grid-row: 4 / span 2; padding: auto; padding-right: 5px; display: flex; justify-content: flex-end; align-items: flex-end; z-index: 4; }
.show_actor_bluesky_1 > img { display: block; width: 100%; padding-right: 5px; }
.show_actor_display_name_1 { display: flex; align-items: center; gap: 6px; padding: 0.5rem 0.5rem 0 0.5rem; font-size: 1.1rem; }
.show_actor_handle_1 { padding: 0.3rem 0.5rem 0 0.5rem; font-size: 1.1rem; color: var(--blue);}

.show_actor_registered_1 { padding: 0.5rem 0.3rem 0 0.5rem; font-size: 1rem; }
.show_actor_registered_1 span { display: inline-block; width: 130px; flex-shrink: 0; } 
.show_actor_since_1 span { display: inline-block; width: 130px; flex-shrink: 0; } 
.show_actor_description_1 { padding: 1rem 0.5rem 0 0.5rem; white-space: pre-line; }
.show_actor_ffs_1 { margin: 0.6rem 0 1rem 0.3rem; display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; gap: 5px; }

.show_actor_grid_2 { display: grid; grid-template-columns: minmax(50px,90px) 1fr; grid-template-rows: auto; width: 100%; grid-gap: 0px; }
.show_actor_banner_2 { grid-column: 1 / span 2; grid-row: 1; width: 100%; z-index: 1; background-repeat: no-repeat; background-position: center; background-size: cover; border: solid 2px var(--blue); border-radius: 8px;}
.show_actor_ava_2 { grid-column: 1; grid-row: 1; width: 100%; height: auto; padding: 5px; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; z-index: 2; }
.show_actor_ava_2 > img { width: clamp(40px, 10vw, 80px); height: clamp(40px, 10vw, 80px); object-fit: cover; border-radius: 8px; border: solid 2px var(--blue); }
.show_actor_bluesky_2 { grid-column: 2; grid-row: 1; padding: auto; padding-right: 5px; display: flex; justify-content: flex-end; align-items: flex-end; z-index: 4; }
.show_actor_bluesky_2 > img { display: block; width: 100%; padding-right: 5px; }
.show_actor_display_name_2 { display: flex; align-items: center; gap: 6px; padding: 5px 5px 0px 5px; font-size: 1rem; }
.show_actor_handle_2 { padding: 0px -.3rem; font-size: 1rem; }
.show_actor_ffp_2 { padding: 0.3rem; font-size: 1rem; border-bottom: solid 0px #999999; }

.show_actor_grid_3 { display: grid; grid-template-columns: auto 1fr; grid-template-rows: repeat(10, auto); width: 100%; grid-gap: 0px; border-bottom: solid 1px #999999; margin-top: 0.5rem; padding-bottom: 5px; }
.show_actor_ava_3 { grid-column: 1; grid-row: 1 / span 2; width: 100%; height: auto; padding: 0px 0.3rem; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; z-index: 2; }
.show_actor_ava_3 > img { width: clamp(45px, 12vw, 80px); height: clamp(45px, 12vw, 80px); object-fit: cover; border-radius: 0.5rem; border: solid 2px var(--blue); }
.show_actor_display_name_3 { grid-column: 2; grid-row: 1; padding: 0.3rem 0.4rem 0.1rem; font-size: 1rem; font-weight: bold; }
.display-name-inner { display: flex; align-items: center; width: 100%; }
.display-name-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-shrink: 1; }
.show_actor_handle_3 { grid-column: 2; grid-row: 2; padding: 0.3rem; display: block; font-size: 1rem; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.show_actor_ffp_3 { grid-column: 1 / span 2; grid-row: 3; padding: 0.3rem 0.3rem 0px; font-size: 0.9rem; }
.show_actor_buttons_3 { grid-column: 1 / span 2; grid-row: 4; padding: 0.3rem 0.3rem 0px; }
.show_actor_registered_3 { grid-column: 1 / span 2; grid-row: 5; padding: 0.3rem 0.3rem 0; font-size: 0.9rem; line-height: 1rem; display: flex; }
.show_actor_lastpost_3 { grid-column: 1 / span 2; grid-row: 6; padding: 0.3rem 0.3rem 0; font-size: 0.9rem; line-height: 1rem; display: flex; }
.show_actor_lastpost_3:empty {display: none; }
.show_actor_registered_3 span { display: inline-block; width: 130px; flex-shrink: 0; } 
.show_actor_lastpost_3 span { display: inline-block; width: 130px; flex-shrink: 0; }