.post-meta-tags-categories{margin-top:10px;margin-bottom:10px;display:flex;flex-wrap:wrap}.tag-item,.category-item{display:inline-block;padding:4px 8px;border-radius:4px;margin-right:5px;margin-bottom:5px;font-size:.9em;white-space:nowrap}.tag-item{background-color:#f0f0f0;color:#555;border:1px solid #ddd}.tag-item a{color:#333}.category-item{background-color:#2196f3;color:#fff}.category-item a{color:#fff}.post-dates{margin-top:10px;margin-bottom:10px;font-size:.9em;color:#666}.post-dates p{margin:0;padding:0}.old-article-warning{color:#daa520;font-weight:700;margin-top:10px}.social-links{margin-top:.5em}.social-links a{display:inline-block;margin-right:1em;color:var(--text-color);text-decoration:none}.social-links a:hover{text-decoration:underline}.social-links i{margin-right:.3em}.header-actions{display:flex;align-items:center;margin-left:auto;gap:1em}.language-switcher a{text-decoration:none;color:var(--text-color);padding:.5em .8em;border:1px solid var(--border-color);border-radius:4px}.language-switcher a:hover{background-color:var(--hover-bg-color)}button#theme-toggle{margin-left:0;margin-right:-1.5rem}.header-top-row{display:flex;justify-content:space-between;align-items:center}.copy-code-button{position:absolute;top:.5em;right:.5em;padding:4px 10px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--button-bg);color:var(--button-color);cursor:pointer;font-size:12px;font-family:sans-serif;opacity:1;transition:background-color .2s ease}.highlight{position:relative;background-color:#262626;border-radius:6px;overflow-x:auto;font-size:.9em;width:100%}.copy-code-button:hover{background-color:var(--hover-bg-color)}.copy-code-button.copied{background-color:#28a745;color:#fff}.link-card{display:flex;align-items:center;padding:1em;margin:1em 0;border:1px solid var(--border-color);border-radius:8px;background-color:var(--accent-bg);text-decoration:none;color:var(--text-color);transition:box-shadow .2s ease,background-color .2s ease;position:relative;overflow:hidden;box-sizing:border-box}.link-card:hover{background-color:var(--hover-bg-color);box-shadow:0 4px 12px rgba(0,0,0,.15)}.link-card__anchor{display:block;text-decoration:none;color:inherit;flex-grow:1;min-width:0}.link-card__content{flex-grow:1;min-width:0}.link-card__title{font-weight:700;font-size:1.1em;margin-bottom:.3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--link-color);max-width:100%;display:block;flex-shrink:1}.link-card__site{font-size:.9em;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.link-card:not(.link-card--github)::after{content:"↗";margin-left:.5em;font-size:1.2em;color:var(--link-color)}.link-card--github::after{content:"09b"; /* Font Awesome GitHub icon */
 font-family:"Font Awesome 6 Brands";color:var(--text-color);margin-left:.5em;font-size:1.2em}@media(max-width:600px){.link-card{align-items:center;padding:.8em}.link-card__content{display:flex;flex-direction:column;flex-grow:1;min-width:0}.link-card__title{font-size:1em}.link-card__site{font-size:.85em}.link-card:not(.link-card--github)::after,.link-card--github::after{margin-left:.5em;margin-top:0;position:static;transform:none}}.link-card__anchor:hover{text-decoration:underline;text-decoration-color:#4dff58}.link-card__anchor:hover .link-card__title{color:#4dff58}.link-card{display:flex;align-items:center;padding:1em;margin:1em 0;border:1px solid var(--border-color);border-radius:8px;background-color:var(--accent-bg);text-decoration:none;color:var(--text-color);transition:box-shadow .2s ease,background-color .2s ease;position:relative;overflow:hidden;box-sizing:border-box}.link-card:hover{background-color:var(--hover-bg-color);box-shadow:0 4px 12px rgba(0,0,0,.15)}.link-card__anchor{display:flex;width:100%;text-decoration:none;color:inherit}.link-card__content{display:flex;flex-grow:1;min-width:0}.link-card__image-container{flex-shrink:0;width:120px;height:120px;margin-right:1em;border-radius:4px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0}.link-card__image{width:100%;height:100%;object-fit:cover}.link-card__text-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.link-card__title{font-weight:700;font-size:1.1em;margin-bottom:.3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--link-color);max-width:100%;display:block}.link-card__description{font-size:.9em;color:var(--muted-text-color);margin-bottom:.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.link-card__site{font-size:.8em;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.link-card:not(.link-card--github)::after{content:"↗";margin-left:.5em;font-size:1.2em;color:var(--link-color)}.link-card--github::after{content:"09b"; /* Font Awesome GitHub icon */
 font-family:"Font Awesome 6 Brands";color:var(--text-color);margin-left:.5em;font-size:1.2em}@media(max-width:600px){.link-card{flex-direction:column;align-items:flex-start;padding:.8em}.link-card__anchor{flex-direction:column}.link-card__image-container{width:100%;height:180px;margin-right:0;margin-bottom:.8em}.link-card__text-content{width:100%}.link-card__title{font-size:1em}.link-card__description{font-size:.85em}.link-card__site{font-size:.75em}.link-card:not(.link-card--github)::after,.link-card--github::after{margin-left:0;margin-top:.5em;position:static;transform:none;align-self:flex-end}}.link-card__anchor:hover{text-decoration:underline;text-decoration-color:#4dff58}.link-card__anchor:hover .link-card__title{color:#4dff58}table{width:100%;border-collapse:collapse;margin:2em 0;font-size:.9em;font-family:sans-serif;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}table thead tr{background-color:transparent;color:var(--text-color);text-align:left}table th{padding:8px 15px;font-weight:700;border-bottom:2px solid var(--border-color)}table td{padding:8px 15px;border-bottom:1px solid var(--border-color)}table tbody tr{background-color:var(--bg-color);transition:background-color .2s ease}table tbody tr:nth-of-type(even){background-color:var(--bg-color)}table tbody tr:last-of-type td{border-bottom:none}table tbody tr:hover{background-color:var(--accent-bg)}table td:last-child,table th:last-child{text-align:right}