/* Muddy Boots */
:root { --soil: #3b2f2a; --leaf: #4f7a3a; --leaf-dark: #355428; --cream: #f7f3ea; --paper: #fffdf8; --muted: #7a7064; --line: #e2d9c8; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--cream); color: var(--soil); font: 17px/1.65 Georgia, "Times New Roman", serif; }
a { color: var(--leaf-dark); }
a:hover { color: #8a4b1f; }
#page { max-width: 1060px; margin: 0 auto; padding: 0 20px; }
#masthead { padding: 34px 0 0; border-bottom: 3px double var(--line); }
.brand a { font: italic bold 44px/1 Georgia, serif; color: var(--leaf); text-decoration: none; letter-spacing: -1px; }
.tagline { color: var(--muted); font-style: italic; margin: 6px 0 16px; }
#mainnav { display: flex; gap: 22px; padding: 10px 0; font: 15px/1 "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; }
#mainnav a { text-decoration: none; color: var(--soil); }
#mainnav a:hover { color: var(--leaf); }
#columns { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 48px; padding: 30px 0; }
#content h1, #content h2, #content h3 { color: var(--soil); line-height: 1.25; }
.page-title { margin-top: 0; }
.welcome { background: var(--paper); border-left: 5px solid var(--leaf); padding: 6px 24px; margin-bottom: 30px; }
.welcome h1 { font-size: 26px; }
.card { padding-bottom: 22px; margin-bottom: 26px; border-bottom: 1px solid var(--line); }
.card h2 { margin: 0 0 4px; font-size: 26px; }
.card h2 a { color: var(--soil); text-decoration: none; }
.card h2 a:hover { color: var(--leaf); }
.meta { color: var(--muted); font: 14px/1.4 "Helvetica Neue", Arial, sans-serif; margin-bottom: 10px; }
.meta a { color: var(--muted); }
.more { font: 14px "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; }
.post h1 { font-size: 36px; margin: 0 0 6px; }
.entry h3 { margin-top: 1.6em; }
.entry li { margin-bottom: 4px; }
.tags { margin: 26px 0; }
.tags a { display: inline-block; background: #e8efe0; color: var(--leaf-dark); padding: 2px 10px; border-radius: 12px; font: 13px "Helvetica Neue", Arial, sans-serif; text-decoration: none; margin: 0 4px 4px 0; }
.postnav { display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--line); padding-top: 14px; font-size: 15px; }
.postnav .newer { margin-left: auto; text-align: right; }
#comments { margin-top: 40px; }
.comment { background: var(--paper); border: 1px solid var(--line); border-radius: 4px; padding: 10px 16px; margin-bottom: 12px; }
.comment .who { font-weight: bold; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 15px; }
.comment .who span { font-weight: normal; color: var(--muted); font-size: 13px; margin-left: 8px; }
.comment p { margin: 4px 0 0; }
.comment-form label { display: block; margin-top: 12px; font: 14px "Helvetica Neue", Arial, sans-serif; }
.comment-form input[type=text], .comment-form textarea { width: 100%; padding: 8px; border: 1px solid #cbbfa9; border-radius: 3px; font: inherit; background: #fff; }
.comment-form input[type=submit], .searchform button { margin-top: 14px; background: var(--leaf); color: #fff; border: 0; border-radius: 3px; padding: 8px 18px; font: 15px "Helvetica Neue", Arial, sans-serif; cursor: pointer; }
.comment-form input[type=submit]:hover, .searchform button:hover { background: var(--leaf-dark); }
.errors, .errorMessage { color: #a3341b; list-style: none; padding: 0; margin: 4px 0; font: 14px "Helvetica Neue", Arial, sans-serif; }
.notice { background: #e8efe0; border-left: 4px solid var(--leaf); padding: 8px 14px; }
.pager { display: flex; justify-content: space-between; align-items: center; font: 15px "Helvetica Neue", Arial, sans-serif; color: var(--muted); }
#sidebar .widget { margin-bottom: 30px; }
#sidebar h4 { font: bold 13px "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; letter-spacing: 2px; color: var(--muted); border-bottom: 1px solid var(--line); padding-bottom: 6px; margin: 0 0 10px; }
#sidebar ul { list-style: none; padding: 0; margin: 0; font-size: 15px; }
#sidebar li { padding: 4px 0; }
.count { color: var(--muted); font-size: 13px; }
.count::before { content: "("; } .count::after { content: ")"; }
.searchform input { width: 100%; padding: 7px; border: 1px solid #cbbfa9; border-radius: 3px; font: 15px Georgia, serif; }
.searchform button { margin-top: 8px; padding: 6px 14px; }
.searchform.big { display: flex; gap: 10px; align-items: center; margin-bottom: 20px; }
.searchform.big button { margin-top: 0; }
.weather p { font-size: 15px; font-style: italic; margin: 0; }
.hint { color: var(--muted); font-style: italic; }
.month { border-bottom: 1px solid var(--line); padding-bottom: 4px; }
ul.archive { list-style: none; padding: 0; }
ul.archive li { padding: 5px 0; }
ul.archive .date { display: inline-block; width: 150px; color: var(--muted); font-size: 14px; }
ul.archive .cat { color: var(--muted); font-size: 13px; margin-left: 6px; }
table.harvest { width: 100%; border-collapse: collapse; font-size: 15px; }
table.harvest th, table.harvest td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--line); }
table.harvest thead th { background: var(--leaf); color: #fff; font-family: "Helvetica Neue", Arial, sans-serif; font-weight: normal; }
table.harvest tr.odd td { background: var(--paper); }
table.harvest tfoot td { font-weight: bold; border-top: 2px solid var(--soil); }
table.harvest .num { text-align: right; white-space: nowrap; }
ul.facts li { margin-bottom: 6px; }
#colophon { border-top: 3px double var(--line); padding: 18px 0 30px; color: var(--muted); font: 13px "Helvetica Neue", Arial, sans-serif; text-align: center; }
.errorpage #content { padding: 40px 0; }
@media (max-width: 820px) { #columns { grid-template-columns: 1fr; gap: 10px; } .brand a { font-size: 34px; } }