body{font-family:Arial,sans-serif;font-size:1rem;color:#212529;margin:2rem}.btn{padding:.5rem 1rem;border-radius:4px;text-decoration:none;display:inline-block;cursor:pointer;border:none}.btn--primary{background:#007bff;color:#fff}.btn--secondary{background:#6c757d;color:#fff}.btn--danger{background:#dc3545;color:#fff}.btn--sm{padding:.25rem .5rem;font-size:.875rem}.btn--lg{padding:.75rem 1.5rem}.btn--full{width:100%}.btn--logout{background:none;border:none;color:#007bff;cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}.alert{padding:1rem;border-radius:4px;margin-bottom:1rem;border:1px solid rgba(0,0,0,0)}.alert--danger{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert--success{background:#d4edda;border-color:#c3e6cb;color:#155724}.badge{padding:.2rem .5rem;border-radius:3px;font-size:.85em}.badge--admin{color:#856404;background:#fff3cd}.badge--editor{color:#0c5460;background:#d1ecf1}.badge--user{color:#6c757d}.badge--category{color:#007bff;background:#cce5ff;text-decoration:none;vertical-align:middle}.badge--category:hover{background:#b8daff}.card-list{display:flex;flex-direction:column;gap:1rem}.card-list--contained{background:#f8f9fa;padding:1rem;border-radius:4px}.card{display:flex;flex-direction:row;align-items:flex-start;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.07)}.card__thumb-link{flex-shrink:0;display:block;text-decoration:none}.card__thumb{width:180px;height:120px;object-fit:cover;border-radius:4px;display:block}.card__initials{display:flex;align-items:center;justify-content:center;width:180px;height:120px;border-radius:4px;background:#e9ecef;color:#6c757d;font-size:2rem;font-weight:bold;letter-spacing:.05em;user-select:none}.card__body{flex:1;min-width:0}.card__title{margin:0 0 .4rem;font-size:1.2rem}.card__title a{text-decoration:none;color:inherit}.card__title a:hover{text-decoration:underline}.card__meta{margin-bottom:.5rem;color:#6c757d}.card__excerpt{margin:.5rem 0;color:#444;line-height:1.5}.card__actions{margin-top:.5rem}@media(max-width: 600px){.card{flex-direction:column}.card__thumb,.card__initials{width:100%;height:160px}}.form-container{max-width:420px;margin:0 auto}.form-container__input{width:100%;padding:.5rem;margin-top:.5rem}.form-container__actions{display:flex;gap:.5rem;align-items:center}.form-container--narrow{max-width:400px;margin:2rem auto}.form-inline{display:inline}.input-disabled{background:#f8f9fa;color:#6c757d}.search-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.search-bar__input{flex:1;padding:.5rem 1rem;border:1px solid #dee2e6;border-radius:4px;font-size:1rem;font-family:Arial,sans-serif}.search-bar__input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.15)}.search-bar__btn{padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;white-space:nowrap}.search-bar__btn:hover{background:rgb(0,103.32,214.2)}.search-bar__reset{color:#6c757d;text-decoration:none;font-size:.875rem;padding:.25rem;line-height:1}.search-bar__reset:hover{color:#dc3545}.search-bar__info{margin:-0.5rem 0 1rem;font-size:.875rem;color:#6c757d}.post{border-bottom:1px solid #ccc;padding:1rem 0}.post__meta{margin-bottom:.5rem;color:#6c757d}.post__updated{margin-bottom:.5rem}.post-content img{max-width:100%;height:auto;border-radius:4px;margin:.5rem 0}.site-header{border-bottom:1px solid #ccc;padding:1rem 0;margin-bottom:2rem}.site-header__inner{display:flex;justify-content:space-between;align-items:center}.site-header__logo{margin:0}.site-header__logo a{text-decoration:none;color:inherit}.site-header__nav{display:flex;align-items:center;gap:0}.site-header__user{margin-right:1rem}.site-header__link{margin-right:1rem}.site-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid #ccc;color:#6c757d;font-size:.9rem}.card__actions a{font-size:.875rem;color:#007bff;text-decoration:none}.card__actions a:hover{text-decoration:underline}.category-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #dee2e6}.category-filter__item{padding:.25rem .5rem;border-radius:3px;font-size:.875rem;text-decoration:none;color:#6c757d;border:1px solid #dee2e6;transition:color .15s,border-color .15s}.category-filter__item:hover{color:#007bff;border-color:#007bff}.category-filter__item--active{color:#007bff;border-color:#007bff;font-weight:bold}.admin-nav{margin-bottom:1.5rem}.admin-actions a,.admin-actions form{margin-right:.5rem}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:.5rem;border-bottom:1px solid #dee2e6;text-align:left}.admin-table th{background:#f8f9fa;font-weight:bold}.admin-table__self{color:#666;font-size:.85em}.admin-table__muted{color:#aaa;font-size:.85em}.category-create{margin-bottom:2rem;padding:1rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px}.category-create__title{margin:0 0 1rem;font-size:1rem}.category-create__form{display:flex;align-items:flex-end;gap:.5rem;flex-wrap:wrap}.category-create__label{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem}.category-create__input{min-width:260px}.category-create__hint{margin:.5rem 0 0;font-size:.85em;color:#6c757d}.error-page{text-align:center;padding:2rem 0}.error-page__code{font-size:4rem;margin-bottom:.5rem;color:#6c757d}.error-page__message{font-size:1.2rem;margin-bottom:1.5rem}.trumbowyg-box,.trumbowyg-editor{min-height:300px}.trumbowyg-box{width:100%;box-sizing:border-box}.upload__thumb-link{display:inline-block;line-height:0}.upload__thumb{width:64px;height:64px;object-fit:cover;border-radius:4px;border:1px solid #dee2e6;display:block}.upload__url{display:block;font-size:.875rem;color:#666;margin-bottom:.25rem;word-break:break-all}