body{font-family:sans-serif;margin:0;padding:0;background:#f8f9fa;color:#333}
header,footer{background:#e9ecef;text-align:center;padding:15px;border:1px solid #dee2e6;border-width:1px 0}
nav.top-menu,nav.bottom-menu,nav.archive-menu{margin:10px 0;line-height:2}
nav a{margin:0 7px;text-decoration:none;color:#0056b3}
nav a:hover{text-decoration:underline}
.archive-menu span{margin:0 7px;color:#333}
.menu{margin:10px 0}
.menu ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;list-style:none;margin:0;padding:0}
.menu li{margin:0;white-space:nowrap}
.menu a{text-decoration:none;color:#0056b3;padding:2px 4px}
.menu a:hover{text-decoration:underline}
.container{max-width:800px;margin:20px auto;background:#fff;padding:20px;box-shadow:0 0 10px rgba(0,0,0,.05)}
.article-log{border-left:4px solid #0056b3;padding-left:15px;margin-bottom:20px;overflow-wrap:anywhere}
.log-header{font-weight:bold;color:#555;font-size:.9em;margin-bottom:5px}
.log-content{line-height:1.6;overflow-wrap:anywhere}
.copyright{font-size:.85em;color:#6c757d;margin-top:10px}
@media(max-width:840px){.container{margin:12px;padding:14px}}
.pager{text-align:center;margin:16px 0;font-size:1.05em}.pager a,.pager span{display:inline-block;margin:0 4px;padding:4px 10px;border:1px solid #dee2e6;border-radius:4px;text-decoration:none;color:#0056b3;background:#fff}.pager a:hover{background:#e9ecef}.pager [aria-current]{background:#0056b3;color:#fff;border-color:#0056b3}

.pager{text-align:center;margin:16px 0}
.pager a,.pager span{display:inline-block;margin:0 4px;padding:4px 10px;border:1px solid #dee2e6;border-radius:4px;text-decoration:none;color:#0056b3;background:#fff}
.pager span{background:#0056b3;color:#fff;border-color:#0056b3}
.bbs-form{margin:20px 0;padding:14px;background:#f8f9fa;border:1px solid #dee2e6}
.bbs-form input[type=text],.bbs-form input[type=password]{width:100%;max-width:400px;box-sizing:border-box;padding:6px}
.bbs-form textarea{width:100%;height:120px;box-sizing:border-box;padding:6px;font:inherit}
.bbs-form button{padding:8px 24px}
.error{color:#b00020;margin:6px 0}
.msg{color:#198754;font-weight:bold}
.hp{position:absolute;left:-9999px}
table.admin{width:100%;border-collapse:collapse;font-size:.9em}
table.admin th,table.admin td{border:1px solid #dee2e6;padding:6px;vertical-align:top;text-align:left}
.btn-del{color:#b00020;background:none;border:none;text-decoration:underline;cursor:pointer;padding:0}