*{box-sizing:border-box}html{font-size:16px}body{margin:0;padding:0;background:#e8e3d8;color:#333;font-family:Georgia,"Times New Roman",serif;line-height:1.6}a{color:#7b2f1d;text-decoration:none}a:hover{color:#a5482d;text-decoration:underline}body>header{background:#3b2f2f;border-bottom:4px solid #b79b64}body>header nav{max-width:960px;margin:0 auto;padding:0 12px}body>header ul{list-style:none;margin:0;padding:0;text-align:center;gap:4px}body>header li{display:inline-block}body>header a{display:block;padding:16px 20px;color:#f5efe3;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:bold;text-transform:uppercase;letter-spacing:.04em}body>header a:hover{background:#4d3d3d;color:#fff;text-decoration:none}.site-nav__dropdown>summary{padding:16px 20px;color:#f5efe3;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:bold;text-transform:uppercase;letter-spacing:.04em}.site-nav__dropdown>summary:hover,.site-nav__dropdown[open]>summary{background:#4d3d3d;color:#fff}.site-nav__dropdown .site-nav__submenu{border-top:3px solid #b79b64}main{max-width:960px;margin:30px auto;padding:0 20px}#blog-hero{background:#fffaf0;border:1px solid #cfc3ad;padding:24px;margin-bottom:30px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,0.12)}#blog-logo{margin:0 0 20px}#blog-logo img{max-width:100%;height:auto;border:1px solid #b8aa94;padding:5px;background:#fff}#blog-name{margin:0;color:#2d2525;font-size:3rem;font-weight:normal;letter-spacing:-0.03em}#blog-motto{margin:8px 0 0;color:#777;font-size:1.1rem}#artikel{background:#f7f3ea;border:1px solid #cfc3ad;padding:24px}#artikel h2{margin:0 0 22px;padding-bottom:10px;border-bottom:1px solid #cfc3ad;color:#3b2f2f;font-size:1.8rem;font-weight:normal}article{background:#fff;border:1px solid #d6cab7;margin-bottom:24px;padding:22px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}article:last-child{margin-bottom:0}article header{margin-bottom:12px;padding-bottom:10px;border-bottom:1px dotted #c6b89f}article h3{margin:0 0 6px;font-size:1.55rem;font-weight:normal}article h3 a{color:#5f2416}article h3 a:hover{color:#9a3d24}article time{display:block;color:#888;font-family:Arial,Helvetica,sans-serif;font-size:.85rem}article p{margin:12px 0}article figure{margin:18px 0 0;padding:14px;background:#f2eadc;border:1px solid #d8c8ad}article figcaption{margin-bottom:8px;color:#5a4a3a;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:bold}audio{width:100%}.pagination{margin:28px 0;padding:16px;background:#fffaf0;border:1px solid #cfc3ad;text-align:center;font-family:Arial,Helvetica,sans-serif}.pagination a,.pagination span{display:inline-block;margin:4px 8px}.pagination a{padding:6px 12px;background:#7b2f1d;color:#fff;border-radius:2px}.pagination a:hover{background:#9a3d24;text-decoration:none}.pagination span{color:#555;font-weight:bold}body>footer{max-width:960px;margin:0 auto 30px;padding:18px 20px;background:#3b2f2f;color:#e8dcc8;border-top:4px solid #b79b64;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:.9rem}body>footer a{color:#f7d891}body>footer a:hover{color:#fff}@media(max-width:700px){body>header li{display:block;border-bottom:1px solid #4d3d3d}body>header a{padding:12px}main{margin:20px auto;padding:0 12px}#blog-hero,#artikel,article{padding:16px}#blog-name{font-size:2.2rem}article h3{font-size:1.3rem}}