*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#333;background:#faf9f6}.container{width:83.333333%;max-width:none;margin-left:auto;margin-right:auto}.topbar{background:#edf2f5;padding:7px 0;font-size:13px;color:#555}.topbar span{float:right}.nav{background:#fff;border-bottom:1px solid #ddd}.navin{display:flex;align-items:center;gap:24px;min-height:78px}.brand{position:relative;color:#8b2027;text-decoration:none;width:205px;padding-left:38px;line-height:1.05}.brand b{position:absolute;left:0;top:4px;font-size:40px}.brand strong{font-family:Georgia;font-size:18px}.brand small{display:block;color:#777;font-size:9px;margin-top:5px}.links{display:flex;gap:18px;flex:1}.links a{color:#222;text-decoration:none;text-transform:uppercase;font-size:12px;padding:29px 0}.links a:hover{color:#8b2027;border-bottom:2px solid #8b2027}.search{display:flex}.search input{width:130px;padding:9px;border:1px solid #ddd}.search button{background:#17618d;color:#fff;border:0;padding:0 12px}.hero{min-height:380px;background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(0,0,0,.05)),url('../img/church-hero.svg') center/cover;display:flex;align-items:center;color:#fff}.hero h1{font:italic 50px Georgia;margin:0 0 10px}.hero p{font:20px Georgia}.btn{display:inline-block;padding:11px 18px;border-radius:5px;background:#8d2229;color:#fff;text-decoration:none;border:0}.quick{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:12px}.quick a{background:#fff;padding:20px 5px;text-align:center;text-decoration:none;color:#222;border:1px solid #eee}.quick b{display:block;font-size:27px;color:#8b2027;margin-bottom:8px}.section{margin:25px 0}.section h2{font:700 24px Georgia;color:#8b2027;border-bottom:1px solid #ddd;padding-bottom:8px}.cols{display:grid;grid-template-columns:1.2fr .9fr .7fr;gap:18px}.card{background:#fff;border:1px solid #e4e0da;border-radius:5px;overflow:hidden}.card .body{padding:15px}.card img{width:100%;height:170px;object-fit:cover}.scripture{background:linear-gradient(135deg,#fff,#f2eadf);padding:25px;min-height:260px}.scripture h2{margin-top:0}.scripture blockquote{font:italic 22px Georgia;line-height:1.5}.lit{padding:20px}.lit h3{color:#17618d}.newsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.newsgrid .card img{height:155px}.albumgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.album-card img{height:170px}.album-card h3{font:700 17px Georgia;color:#8b2027;margin:10px}.album-card p{font-size:13px;margin:10px}.meta{color:#777;font-size:12px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gallery img{width:100%;height:190px;object-fit:cover;border-radius:4px}.footergrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:35px 0}.quote{text-align:center;font:italic 20px Georgia}.copyright{border-top:1px solid #76505a;padding:14px 0;font-size:12px}.footergrid h3{margin-top:0}footer{background:#4d1e24;color:#fff;margin-top:50px}.pagination{margin:25px 0;display:flex;gap:6px}.pagination a{padding:8px 12px;background:#fff;border:1px solid #ddd;text-decoration:none;color:#8b2027}@media(max-width:900px){.container{width:92%}.links{display:none}.cols,.newsgrid{grid-template-columns:1fr}.albumgrid{grid-template-columns:repeat(2,1fr)}.quick{grid-template-columns:repeat(4,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.search{margin-left:auto}.hero h1{font-size:38px}}
figure{margin:0}.gallery figure{background:#fff;padding:5px;border:1px solid #eee}.gallery figcaption{padding:6px;font-size:12px}.gallery img{cursor:pointer}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);display:none;place-items:center;z-index:9999;padding:25px}.lightbox.show{display:grid}.lightbox img{max-width:92vw;max-height:88vh}.lightbox .close{position:absolute;right:25px;top:15px;color:#fff;font-size:34px;cursor:pointer}

.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){.container{width:92%}.page-head,.liturgy-detail,.contact-grid{display:block}.datepick{margin-top:15px}.datepick input{width:100%}.links{overflow:auto;white-space:nowrap}}
/* Logo website */
.brand{display:flex;align-items:center;gap:10px;min-height:64px;padding-left:0;width:235px}
.brand .site-logo{display:block;width:auto;max-width:78px;height:58px;object-fit:contain}
.brand strong{display:block;line-height:1.08}
.brand small{display:block;margin-left:0}
@media(max-width:900px){.brand{width:auto;max-width:230px}.brand .site-logo{height:48px;max-width:64px}}

/* ===== BỐ CỤC TOÀN SITE 1-10-1 ===== */
.container{width:83.333333%;max-width:none;margin-left:auto;margin-right:auto}
.hero{width:100%;}
.hero>.container{width:83.333333%;}
@media(max-width:1200px){.container,.hero>.container{width:90%}}
@media(max-width:768px){.container,.hero>.container{width:calc(100% - 24px)}}

/* ===== CHUYÊN MỤC: đồng bộ layout 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;
}

/* Không dùng bố cục 8–4 cho khung ngoài chuyên mục */
.category-section .category-grid,
.category-page .category-grid,
.category-content .category-grid,
.chuyen-muc .category-grid {
    width: 100%;
    max-width: none;
    margin: 0;
}

/* Các wrapper chuyên mục dạng 8–4 cũ được chuyển thành 1 cột toàn chiều rộng */
.category-section .category-main,
.category-section .category-sidebar,
.category-page .category-main,
.category-page .category-sidebar,
.category-content .category-main,
.category-content .category-sidebar {
    width: 100%;
    max-width: none;
}

@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);
    }
}