*{box-sizing:border-box}body{margin:0;font-family:Arial;color:#263238;background:#f2f5f8}.admin-layout{display:flex;min-height:100vh}.sidebar{width:235px;background:#103a5c;color:#fff;flex:none;padding:18px 10px}.adminbrand{padding:8px 12px 20px;font-size:18px}.adminbrand small{display:block;font-size:11px;color:#bcd0df;margin-top:5px}.sidebar a{display:block;color:#dce9f1;text-decoration:none;padding:11px 13px;border-radius:5px;font-size:14px}.sidebar a:hover{background:#185278}.admin-main{flex:1}.admin-top{height:58px;background:#fff;border-bottom:1px solid #ddd;padding:18px 25px;display:flex;justify-content:space-between}.admin-top a{color:#17618d}.admin-content{padding:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#fff;padding:20px;border-radius:7px;border-left:4px solid #17618d}.stat b{font-size:28px;display:block}.panel{background:#fff;padding:20px;border-radius:7px;margin-top:20px}.panel h2{margin-top:0;color:#163e5b}.btn{display:inline-block;padding:9px 14px;background:#17618d;color:#fff;text-decoration:none;border:0;border-radius:4px;cursor:pointer}.btn.red{background:#b52b2b}.btn.gold{background:#9a6a16}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #e3e7ea;padding:10px;text-align:left;font-size:13px}.table th{background:#f4f7f9}.thumb{width:72px;height:48px;object-fit:cover;border-radius:4px}.formgrid{display:grid;grid-template-columns:1fr 320px;gap:20px}.field{margin-bottom:14px}.field label{display:block;font-weight:bold;margin-bottom:6px;font-size:13px}.field input,.field textarea,.field select{width:100%;padding:10px;border:1px solid #ccd5db;border-radius:4px}.field textarea{min-height:150px}.drop{border:2px dashed #9db1bf;padding:30px;text-align:center;border-radius:6px}.gallery-admin{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.gallery-admin .photo{background:#fff;padding:8px;border:1px solid #ddd}.gallery-admin img{width:100%;height:130px;object-fit:cover}.actions{display:flex;gap:5px;flex-wrap:wrap}.alert{padding:12px;background:#eaf6ec;border:1px solid #b7dbbd;border-radius:5px;margin-bottom:15px}@media(max-width:900px){.sidebar{width:70px}.adminbrand b,.adminbrand small,.sidebar a{font-size:0}.sidebar a:first-letter{font-size:18px}.stats{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:1fr}.gallery-admin{grid-template-columns:repeat(2,1fr)}}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.badge{padding:4px 8px;border-radius:20px;background:#eef1f3;font-size:11px}.badge.ok{background:#e5f6e8;color:#187c2b}.editorbar{border:1px solid #ccd5db;background:#f4f7f9;padding:5px}.editorbar button{border:0;background:#fff;padding:7px 10px;margin-right:3px;cursor:pointer}.rich-editor{min-height:330px;border:1px solid #ccd5db;padding:14px;background:#fff;outline:none;line-height:1.7}.rich-editor:focus{border-color:#17618d}.field small{color:#6c7a83}

.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.eyebrow{letter-spacing:.12em;font-size:12px;font-weight:800;opacity:.65}.datepick{display:flex;gap:8px}.liturgy-detail,.contact-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.readings{display:grid;gap:10px;margin-top:18px}.readings div{display:flex;justify-content:space-between;gap:15px;padding:12px;background:#f7f8f9;border-radius:10px}.readings span{font-weight:700}.mass-row{display:flex;gap:14px;border-bottom:1px solid #eee;padding:10px 0}.mass-row small{display:block;opacity:.6}.note{margin-top:18px;padding:15px;background:#fff8e6;border-left:4px solid #c9a13a}.empty{text-align:center;padding:50px}.gallery-admin .photo{cursor:grab}.gallery-admin .photo:active{cursor:grabbing}.unread{font-weight:600;background:#fffdf2}.alert.success{background:#e8f7eb;color:#216b2e}.today-link{font-weight:800}
@media(max-width:800px){.page-head,.liturgy-detail,.contact-grid{display:block}.datepick{margin-top:15px}.datepick input{width:100%}.links{overflow:auto;white-space:nowrap}}
/* Website branding settings */
.settings-brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}
.settings-media-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:10px;padding:18px}
.settings-media-card h3{margin-top:0;color:#8b2027}
.logo-preview{height:150px;background:#fff;border:1px dashed #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;padding:12px}
.logo-preview img{max-width:100%;max-height:125px;object-fit:contain}
.favicon-preview{height:150px;background:#fff;border:1px dashed #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.favicon-preview img{width:96px;height:96px;object-fit:contain}
.media-empty{height:150px;background:#fff;border:1px dashed #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#888;margin-bottom:12px}
.btn-small{font-size:12px;padding:7px 10px;margin-bottom:10px}.btn-danger{background:#a83232}.help{display:block;color:#777;font-size:12px;margin-top:6px}
@media(max-width:800px){.settings-brand-grid{grid-template-columns:1fr}}

/* Chuyên mục / nội dung: đồng bộ khung 1–10–1 */
.category-section,
.category-page,
.category-content,
.category-container,
.chuyen-muc,
.chuyen-muc-container {
    width: 83.333333%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 900px) {
    .category-section,
    .category-page,
    .category-content,
    .category-container,
    .chuyen-muc,
    .chuyen-muc-container { width: 92%; }
}
@media (max-width: 576px) {
    .category-section,
    .category-page,
    .category-content,
    .category-container,
    .chuyen-muc,
    .chuyen-muc-container { width: calc(100% - 24px); }
}