.row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.row > div:nth-child(3) {
    margin-left: auto;
}

.header-image-container {
    padding-right: 20px;
}
.header-image {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
}

.pull-right {
    margin-left: auto;
}

.fill {
    flex: 1;
}

ul {
    list-style-position: outside;
}

.post ul {
    margin-left: 1em;
}

/* Mermaid diagram styling */
.mermaid {
    text-align: center;
    margin: 2em 0;
    background-color: transparent;
}

.mermaid svg {
    max-width: 100%;
    height: auto;
}

/* Ensure Mermaid diagrams are readable in dark mode */
@media (prefers-color-scheme: dark) {
    .mermaid {
        filter: brightness(0.9);
    }
}


ul.flat svg {
    max-height: 17px;
}

a svg {
    display: inline-block;
    vertical-align: middle;
}

h4.summary {
    margin-top: 5px;
    margin-bottom: 15px;
}

.search-results .post h4.summary {
    margin-top: 5px;
    margin-bottom: 15px;
    font-weight: 600;
}

.search-results .post h4.summary a b {
    clear:both;background: rgb(255, 231, 92); padding:2px 2px;
}

.search-results .post div span b {
    clear:both;background: rgb(255, 231, 92); padding:2px 2px;
    font-weight: normal;
}

* {
    box-sizing: border-box;
}

div.club {
    width: 180px;
    margin-top: 10px;
}

.club input[type=text] {
    padding: 4px;
    font-size: 16px;
    border: 1px solid rgb(226, 226, 226);
    background: #f8f8f8;
    border-right: 0px;
    float: left;
    width: 85%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    outline: none !important;
    box-shadow: none !important;
}

.club input:focus[type=text] {
    background: #ececec;
}

/*
.club input:hover[type=text] {
    border: 1px solid rgb(155, 155, 155);
    border-right: 0px;
}

.club input:hover[type=text] + button {
    border: 1px solid rgb(155, 155, 155);
    border-left: none;
}
*/

.club button {
    float: left;
    width: 15%;
    padding: 4px;
    background: #f8f8f8;
    color: rgb(126, 126, 126);
    font-size: 16px;
    border: 1px solid rgb(226, 226, 226);
    border-left: none;
    cursor: pointer;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.club button:hover {
    color: rgb(54, 54, 54);
}

@media only screen and (max-width: 670px) {
    div.desktop {
      display: none;
    }
}

@media only screen and (min-width: 671px) {
    div.mobile {
      display: none;
    }
}

.tweet-image > .content > a > img {
    border-style: solid;
    border-width: 1px;
    border-color: #dddddf;
}

/* AsciiDoctor*/
table{border-collapse:collapse;border-spacing:0}
.admonitionblock td.content>.title,.audioblock>.title,.exampleblock>.title,.imageblock>.title,.listingblock>.title,.literalblock>.title,.stemblock>.title,.openblock>.title,.paragraph>.title,.quoteblock>.title,table.tableblock>.title,.verseblock>.title,.videoblock>.title,.dlist>.title,.olist>.title,.ulist>.title,.qlist>.title,.hdlist>.title{text-rendering:optimizeLegibility;text-align:left;font-family:"Noto Serif","DejaVu Serif",serif;font-size:1rem;font-style:italic}
table.tableblock.fit-content>caption.title{white-space:nowrap;width:0}
.paragraph.lead>p,#preamble>.sectionbody>[class="paragraph"]:first-of-type p{font-size:1.21875em;line-height:1.6;color:rgba(0,0,0,.85)}
table.tableblock #preamble>.sectionbody>[class="paragraph"]:first-of-type p{font-size:inherit}
.admonitionblock>table{border-collapse:separate;border:0;background:none;width:100%}
.admonitionblock>table td.icon{text-align:center;width:80px}
.admonitionblock>table td.icon img{max-width:none}
.admonitionblock>table td.icon .title{
    font-weight:bold;
    font-family:"Open Sans","DejaVu Sans",sans-serif;text-transform:uppercase;
    font-size:2.0em;
}
.admonitionblock>table td.content{padding-left:1.125em;padding-right:1.25em;border-left:1px solid #dddddf;color:rgba(0,0,0,.6)}
.admonitionblock>table td.content>:last-child>:last-child{margin-bottom:0}
.admonitionblock td.icon [class^="fa icon-"]{font-size:2.5em;text-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:default}
.admonitionblock td.icon .icon-note::before{content:"\f05a";color:#19407c}
.admonitionblock td.icon .icon-tip::before{content:"\f0eb";text-shadow:1px 1px 2px rgba(155,155,0,.8);color:#111}
.admonitionblock td.icon .icon-warning::before{content:"\f071";color:#bf6900}
.admonitionblock td.icon .icon-caution::before{content:"\f06d";color:#bf3400}
.admonitionblock td.icon .icon-important::before{content:"\f06a";color:#bf0000}
.conum[data-value]{display:inline-block;color:#fff!important;background:rgba(115,186,48, 1.0);-webkit-border-radius:100px;border-radius:100px;text-align:center;font-size:.75em;width:1.67em;height:1.67em;line-height:1.67em;font-family:"Open Sans","DejaVu Sans",sans-serif;font-style:normal;font-weight:bold}
.conum[data-value] *{color:#fff!important}
.conum[data-value]+b{display:none}
.conum[data-value]::after{content:attr(data-value)}
pre .conum[data-value]{position:relative;top:-.125em}
b.conum *{color:inherit!important}
.conum:not([data-value]):empty{display:none}

.colist td:not([class]):first-child{padding:.4em .75em 0; line-height:1; vertical-align:top;}
.colist td:not([class]):first-child img{max-width:none}
.colist td:not([class]):last-child{padding:.25em 0}

table.linenotable td.code {
    padding-left: .75em;
}

table.linenotable td.linenos {
    border-right: 1px solid rgba(255,255,255,.35);
    opacity: .35;
    padding-right: .5em;
}

.literalblock pre, .listingblock > .content > pre {
    padding: 0.75em;
}

.highlight pre {
    padding: 0px;
}

/* Enhanced Code Block Styling */
pre {
    border-radius: 8px;
    overflow-x: auto;
    margin: 1.5em 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

code {
    font-family: 'Consolas', 'Monaco', 'Menlo', 'Ubuntu Mono', 'Courier New', monospace;
    font-size: 0.9em;
    line-height: 1.6;
}

/* Inline code */
p code, li code, td code {
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 0.88em;
    color: #c7254e;
}

/* Code blocks */
pre code {
    display: block;
    padding: 1.2em 1.5em;
    background-color: #151515;
    border-radius: 8px;
    overflow-x: auto;
    color: #d0d0d0;
    font-size: 0.9em;
    line-height: 1.7;
}

/* Line number table styling */
.highlight {
    border-radius: 8px;
    margin: 1.5em 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.highlight pre {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

/* Improve readability of code with line numbers */
table.linenotable {
    border-spacing: 0;
    border: none;
    margin: 1.5em 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

table.linenotable td.linenos {
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    opacity: 0.5;
    padding: 1.2em 0.8em;
    background-color: #1a1a1a;
    user-select: none;
    vertical-align: top;
}

table.linenotable td.code {
    padding: 1.2em 1.5em;
    width: 100%;
}

/* Scrollbar styling for code blocks */
pre::-webkit-scrollbar {
    height: 10px;
}

pre::-webkit-scrollbar-track {
    background: #0a0a0a;
    border-radius: 0 0 8px 8px;
}

pre::-webkit-scrollbar-thumb {
    background: #404040;
    border-radius: 4px;
}

pre::-webkit-scrollbar-thumb:hover {
    background: #505050;
}

blockquote {
    font-size: 1.15rem;
}

.halign-left {
    text-align: left;
}

table.stripes-even > tbody > tr:nth-child(even) {
    background-color: #f2f2f2;
}

table.stripes-even > thead > tr {
    background-color: #73ba30;
    color: #f5feee;
    font-weight: 100;
}

p.tableblock {
    margin: 10px;
}

th.tableblock {
    padding: 10px;
}

.text-center {
    text-align: center;
}