.thumbnail
{
    padding: 5px;
    border: solid 1px #EFEFEF;
    margin: 10px;
}

a:hover img.thumbnail
{
    border: solid 1px #CCC;
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
}

code
{
    font-family: monospace;
}

/* Comments */
.comments-section { margin-top: 1.5em; }
.comment-list, .comment-replies { list-style: none; padding-left: 0; margin: 0; }
.comment-replies { padding-left: 1.5em; border-left: 2px solid #eee; margin-top: 0.6em; }
.comment { margin: 0.8em 0; padding: 0.7em 1em; background: #fbfbfb; border: 1px solid #eee; border-radius: 3px; }
.comment-meta { font-size: 0.9em; color: #555; margin-bottom: 0.4em; }
.comment-meta strong { color: #222; }
.comment-date { margin-left: 0.6em; color: #888; }
.comment-reply { margin-left: 0.6em; font-size: 0.9em; }
.comment-body p { margin: 0.4em 0; }

/* Comment form */
.comment-form-wrap { margin-top: 1.5em; padding-top: 1em; border-top: 1px solid #ddd; }
.comment-form label { display: block; margin: 0.5em 0; font-size: 0.9em; color: #444; }
.comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url], .comment-form textarea {
    width: 100%; padding: 0.4em 0.5em; border: 1px solid #ccc; border-radius: 3px; font: inherit; box-sizing: border-box; margin-top: 0.2em;
}
.cf-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.8em; }
.cf-help { font-size: 0.85em; color: #777; margin: 0.4em 0; }
.cf-submit { background: #2c7be5; color: #fff; border: 0; padding: 0.5em 1.1em; border-radius: 3px; cursor: pointer; font: inherit; }
.cf-submit:hover { opacity: 0.92; }
.req { color: #c33; }
.reply-indicator { background: #fffbe6; padding: 0.4em 0.7em; border: 1px solid #f0e0a0; border-radius: 3px; font-size: 0.9em; }

/* Flashes */
.comment-flashes { list-style: none; padding: 0; margin: 0 0 1em; }
.comment-flash { padding: 0.5em 0.8em; border-radius: 3px; margin-bottom: 0.3em; }
.comment-flash.flash-success { background: #e7f6e2; color: #1d5b2c; }
.comment-flash.flash-error { background: #fde2e1; color: #7a1f1c; }

/* Honeypot — off-screen, not display:none (sophisticated bots skip those) */
.honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }