*{box-sizing:border-box}
body{margin:0;font:18px/1.7 Georgia,serif;background:#fbf6ee;color:#3a2e2a}
img{max-width:100%;height:auto}
a{color:#7a1f2b}
header{background:#7a1f2b;color:#fff;text-align:center;padding:34px 20px}
header h1{margin:0;font:700 40px Georgia;letter-spacing:.5px}
header h1 a{color:#fff;text-decoration:none}
header p{margin:6px 0 0;font-style:italic;opacity:.85}
nav{background:#f1e6d3;text-align:center;padding:10px;font:600 14px system-ui;letter-spacing:1px;text-transform:uppercase}
nav a{margin:0 12px;color:#7a1f2b;text-decoration:none}
nav a.on{text-decoration:underline}
main{max-width:760px;margin:0 auto;padding:30px 20px}
.meta{font:13px system-ui;text-transform:uppercase;letter-spacing:1px;color:#a08a74}
.small{font:13px system-ui;color:#a08a74}
.card{display:flex;gap:20px;background:#fff;border:1px solid #e6d8c0;border-radius:6px;margin-bottom:22px;padding:14px;color:inherit;text-decoration:none;transition:.2s}
.card:hover{box-shadow:0 6px 18px #0002;transform:translateY(-2px)}
.card img,.noimg{width:170px;min-width:170px;height:150px;object-fit:cover;border-radius:4px;background:#f1e6d3}
.card h2{margin:2px 0 6px;font-size:23px;color:#7a1f2b}
.card p{margin:0 0 6px;font-size:15px;color:#6b5b53}
.pager{text-align:center;font:15px system-ui;margin:24px 0}
.post h1{font-size:38px;color:#7a1f2b;margin:6px 0 20px;line-height:1.2}
.body figure,.body p img{display:block;margin:20px auto}
.body img{border:8px solid #fff;box-shadow:0 3px 12px #0003}
.body blockquote{border-left:4px solid #d9c7a8;margin:14px 0;padding:0 14px;color:#6b5b53;font-style:italic}
.back{font:14px system-ui}
.src{margin-top:30px}
.coms{margin-top:36px;background:#f1e6d3;padding:18px 22px;border-radius:6px}
.coms h3{margin:0 0 4px;color:#7a1f2b}
.c{border-top:1px solid #d9c7a8;padding-top:8px;margin-top:8px}
.c p{margin:4px 0 8px}
.c span{color:#a08a74;font:13px system-ui}
.arch{list-style:none;padding:0;margin:0 0 20px}
.arch li{padding:4px 0;border-bottom:1px dotted #d9c7a8}
.arch li span{display:inline-block;width:150px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.grid a{display:block;background:#fff;padding:6px;border:1px solid #e6d8c0}
.grid img{width:100%;height:150px;object-fit:cover}
footer{text-align:center;padding:30px;font:13px system-ui;color:#a08a74}
@media(max-width:560px){.card{flex-direction:column}.card img,.noimg{width:100%;height:180px}.post h1{font-size:30px}.arch li span{display:block;width:auto}}
.noimg{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7a1f2b,#a3414e)}.noimg span{font:700 44px Georgia;color:#f1e6d3;letter-spacing:2px;opacity:.85}
.cform label{display:block;margin:0 0 16px;font:600 15px system-ui}
.cform input,.cform textarea{display:block;width:100%;margin-top:5px;padding:10px;font:17px Georgia,serif;border:1px solid #d9c7a8;border-radius:4px;background:#fff}
.cform button{background:#7a1f2b;color:#fff;border:0;padding:12px 26px;font:600 15px system-ui;border-radius:4px;cursor:pointer}
.cform button:disabled{opacity:.5}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}