.hxh-home, .home-editor {
    color: #5c3c10;
    background: #f5e7c1;
    border: 3px solid #8c6d3f;
    border-radius: 10px;
    padding: clamp(1rem, 3vw, 2rem);
    box-shadow: 0 3px 12px #5c3c1026;
}
.hxh-home h1, .hxh-home h2, .hxh-home h3, .home-editor h1, .home-editor h2 {
    font-family: 'Cinzel', serif;
    color: #5c3c10;
}
.home-welcome { display: flex; gap: 1.5rem; align-items: center; padding-bottom: 1.75rem; border-bottom: 1px solid #b99a68; margin-bottom: 1.75rem; }
.home-seal { flex: 0 0 88px; object-fit: contain; border-radius: 50%; }
.home-welcome h1 { font-size: clamp(1.35rem, 2.3vw, 2rem); margin: 0 0 .75rem; }
.home-welcome p { max-width: 65ch; line-height: 1.6; margin-bottom: 1rem; }
.home-actions { display: flex; gap: .75rem; flex-wrap: wrap; }
.home-button {
    display: inline-flex; justify-content: center; align-items: center; gap: .65rem;
    border: 1px solid #8c6d3f; border-radius: 6px; padding: .65rem 1rem;
    color: #5c3c10; background: #fffcf5; font: inherit; text-decoration: none; cursor: pointer;
}
.home-button:hover { color: #5c3c10; background: #ead7ad; text-decoration: none; }
.home-button-primary { color: #fff3d5; background: #745326; }
.home-button-primary:hover { color: #fff3d5; background: #5c3c10; }
.home-columns { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(260px, 1fr); gap: 1.5rem; align-items: start; }
.home-columns > *, .home-welcome > div { min-width: 0; }
.home-section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: .75rem; flex-wrap: wrap; margin-bottom: 1rem; }
.hxh-home h2 { font-size: 1.2rem; margin: 0; line-height: 1.5; }
.home-update, .home-panel { background: #fffcf5; border: 1px solid #b99a68; border-radius: 8px; margin-bottom: 1rem; overflow: hidden; }
.home-update { padding: 1.25rem; }
.home-update-latest { border-top: 4px solid #8c6d3f; }
.home-update-meta, .home-update-footer { display: flex; flex-wrap: wrap; gap: .5rem 1rem; justify-content: space-between; font-size: .85rem; color: #80663e; }
.home-update-meta { margin-bottom: .75rem; }
.home-update-meta > span { font-weight: bold; }
.home-update h3 { font-size: 1.3rem; margin: 0 0 1rem; line-height: 1.5; }
.home-update-content { line-height: 1.75; overflow-wrap: anywhere; }
.home-update-content p:last-child { margin-bottom: 0; }
.home-update-content img, .home-update-content video, .home-update-content iframe { max-width: 100%; height: auto; }
.home-update-content table { display: block; max-width: 100%; overflow-x: auto; }
.home-update-content h2, .home-update-content h3, .home-update-content h4 { margin: 1.25rem 0 .5rem; font-size: 1.05rem; }
.home-update-content ul, .home-update-content ol { padding-left: 1.5rem; }
.home-update-content li + li { margin-top: .35rem; }
.home-update-footer { margin-top: 1.25rem; padding-top: .75rem; border-top: 1px solid #e0cfb0; align-items: center; }
.home-text-link { color: #5c3c10; text-underline-offset: .2em; }
.home-text-link:hover { color: #89662f; }
.home-update summary { cursor: pointer; font-weight: bold; line-height: 1.6; }
.home-update summary time { display: block; margin-left: 1rem; font-weight: normal; font-size: .8rem; color: #80663e; }
.home-update details[open] summary { margin-bottom: 1rem; }
.home-panel { padding: 1.25rem; }
.home-panel-heading { display: flex; align-items: center; gap: .75rem; }
.home-panel-heading img { border-radius: 50%; border: 2px solid #b99a68; }
.home-features { list-style: none; padding: 0; margin: 1rem 0; }
.home-features li { padding: .75rem 0; border-bottom: 1px solid #e0cfb0; }
.home-features strong, .home-features span { display: block; }
.home-features span { font-size: .95rem; line-height: 1.6; margin-top: .25rem; }
.home-articles { margin: .75rem 0 1rem; }
.home-article { display: flex; align-items: center; gap: .75rem; padding: .75rem 0; color: #5c3c10; border-bottom: 1px solid #e0cfb0; text-decoration: none; }
.home-article:hover { color: #89662f; text-decoration: underline; }
.home-article img { width: 80px; height: 60px; object-fit: cover; border-radius: 4px; flex-shrink: 0; }
.home-article span { flex: 1; overflow-wrap: anywhere; }
.home-pagination .pagination { flex-wrap: wrap; gap: .3rem; }
.home-pagination .page-link { color: #5c3c10; background: #fffcf5; border-color: #b99a68; }
.home-pagination .active .page-link { background: #745326; border-color: #745326; color: #fff3d5; }
.home-editor { max-width: 960px; margin: auto; }
.home-editor h1 { font-size: 1.7rem; margin: 1.25rem 0; }
.home-editor .form-control, .home-editor .form-select { background: #fffcf5; color: #5c3c10; border-color: #b99a68; font: inherit; }
.home-editor .form-label { font-weight: bold; }
.home-editor .home-editor-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.home-editor-toolbar { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1rem 0; }
.home-editor .home-editor-preview { width: 100%; min-height: 350px; border: 1px solid #b99a68; background: #fffcf5; border-radius: 6px; }
.home-editor-note { font-size: .9rem; margin: .75rem 0; }
.home-editor textarea { line-height: 1.6; }
@media (max-width: 900px) { .home-columns { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 480px) {
    .home-welcome { align-items: start; gap: .75rem; }
    .home-seal { width: 48px; height: 48px; flex-basis: 48px; }
    .home-actions .home-button { flex: 1 1 auto; }
    .home-update, .home-panel { padding: 1rem; }
    .home-editor .home-editor-meta { grid-template-columns: 1fr; gap: 0; }
}