/* Unified child-page skin for Truong Tieu hoc Phu Trinh */
:root {
    --pt-primary: #293990;
    --pt-secondary: #0e88d1;
    --pt-red: #d71920;
    --pt-ink: #14234a;
    --pt-muted: #65728c;
    --pt-line: #dce9f5;
    --pt-soft: #f3f9ff;
    --pt-card: #fff;
    --pt-radius: 8px;
    --pt-shadow: 0 8px 24px rgba(35, 65, 125, .08);
}

body { color: var(--pt-ink); font-family: "Scoutie Sans", Arial, sans-serif; }
h1, h2, h3, h4, h5, h6, .title, .p-title, .detail-news-title, .title-new-cate {
    font-family: "Inter", Arial, sans-serif;
}

/* Breadcrumb/search strip */
.my-news-breadcum {
    position: relative;
    z-index: 5;
    background: #eef7ff;
    border-bottom: 1px solid var(--pt-line);
}
.my-news-breadcum .container { min-height: 54px; }
.my-news-breadcum .slug, .my-news-breadcum .button-open, .my-news-breadcum .news-search {
    color: var(--pt-primary); font-weight: 650;
}
.my-news-breadcum .button-open, .my-news-breadcum .btn-close, .my-news-breadcum input {
    border-radius: var(--pt-radius) !important;
}

/* Category, introduction and notice listings */
.my-news {
    padding: 42px 0 68px !important;
    background: linear-gradient(180deg, #f4faff 0, #fff 260px);
}
.my-news .top-cef-home, .my-news .cate-title-new-child {
    margin: 0 0 24px; text-align: left;
}
.my-news .top-cef-home h3 {
    margin-bottom: 8px; color: var(--pt-secondary) !important; font-size: 14px !important;
    font-weight: 750 !important; letter-spacing: .08em;
}
.my-news .top-cef-home h2, .my-news .title-new-cate {
    margin: 0; color: var(--pt-primary) !important; font-size: clamp(28px, 2.45vw, 40px) !important;
    font-weight: 800 !important; line-height: 1.2 !important; text-transform: none;
}
.my-news .title-new-cate::after, .detail-news-title::after {
    content: ""; display: block; width: 58px; height: 4px; margin-top: 14px;
    border-radius: 4px; background: var(--pt-red);
}
.my-news .my-news-bottom {
    display: grid !important; grid-template-columns: 1fr;
    align-items: start; gap: 30px;
}
.my-news .my-news-bottom:has(> .p-side-left) {
    grid-template-columns: minmax(0, 1fr) 300px;
}
.my-news .bottom-left, .my-news .p-side-left {
    width: auto !important; min-width: 0; float: none !important;
}
.my-news .bottom-right, .my-news .p-side-right {
    width: auto !important; float: none !important;
}
.my-news .bottom-left > .p-news-list__type2 {
    display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px; margin: 0 !important;
}
.my-news .bottom-full-news > .p-news-list__type2 {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px; margin: 0 !important;
}
.my-news .p-news-item__type2 {
    width: auto !important; height: 100%; margin: 0 !important; overflow: hidden;
    border: 1px solid var(--pt-line) !important; border-radius: var(--pt-radius) !important;
    background: var(--pt-card); box-shadow: var(--pt-shadow) !important;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.my-news .p-news-item__type2:hover {
    transform: translateY(-4px); border-color: rgba(14, 136, 209, .45) !important;
    box-shadow: 0 12px 30px rgba(35, 65, 125, .12) !important;
}
.my-news .p-news-link__type2 {
    display: flex !important; height: 100%; flex-direction: column; color: inherit;
}
.my-news .p-news-img__type2 {
    position: relative; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9;
    overflow: hidden; border-radius: 0 !important;
}
.my-news .p-news-img__type2 img {
    width: 100% !important; height: 100% !important; object-fit: cover; transition: transform .35s ease;
}
.my-news .p-news-item__type2:hover .p-news-img__type2 img { transform: scale(1.035); }
.my-news .p-news-img__type2 .cate {
    top: 12px !important; left: 12px !important; right: auto !important; bottom: auto !important;
    padding: 6px 10px !important; border: 0 !important; border-radius: 6px !important;
    background: rgba(41, 57, 144, .94) !important; color: #fff !important;
    font-size: 12px !important; font-weight: 700 !important;
}
.my-news .p-news-content__type2 {
    display: flex; flex: 1; flex-direction: column; padding: 18px 18px 20px !important;
}
.my-news .p-news-date__type2 {
    margin-bottom: 8px; color: var(--pt-secondary) !important; font-size: 13px !important; font-weight: 650;
}
.my-news .p-news-content__type2 .title {
    margin: 0 0 9px !important; color: var(--pt-primary) !important;
    font-size: 19px !important; font-weight: 750 !important; line-height: 1.42 !important;
}
.my-news .p-news-content__type2 .descript {
    display: -webkit-box !important; margin-bottom: 18px; overflow: hidden;
    color: var(--pt-muted) !important; font-size: 15px !important; line-height: 1.65 !important;
    -webkit-box-orient: vertical; -webkit-line-clamp: 3;
}
.my-news .home-news-btn, .my-news .detail-link-new {
    margin-top: auto; color: var(--pt-red) !important; font-weight: 750 !important;
}
.my-news .home-news-btn svg path, .my-news .detail-link-new svg path { fill: var(--pt-red) !important; }

/* Obsolete oversized image-banner stacks were duplicated navigation. */
.my-news .list-mini-banner-l, .detail-news .list-mini-banner-l, .detail-news .my-right > a.link {
    display: none !important;
}
.my-news .p-side-item, .detail-news .p-side-item, .my-news .side-news-item,
.detail-news .side-news-item, .detail-news .list-tag {
    overflow: hidden; border: 1px solid var(--pt-line) !important;
    border-radius: var(--pt-radius) !important; background: #fff !important;
    box-shadow: var(--pt-shadow) !important;
}
.my-news .side-link, .detail-news .side-link { padding: 20px !important; }
.my-news .side-link h5, .my-news .side-thongke h4,
.detail-news .side-link h5, .detail-news .side-thongke h4 {
    color: var(--pt-primary) !important; font-family: "Inter", Arial, sans-serif; font-weight: 750 !important;
}
.my-news .side-link-drop, .detail-news .side-link-drop {
    border: 1px solid var(--pt-line) !important; border-radius: var(--pt-radius) !important;
}

/* Article, introduction detail and document pages */
.detail-news {
    padding: 42px 0 70px !important;
    background: linear-gradient(180deg, #f3f9ff 0, #fff 320px);
}
.detail-news .detail-news-bottom {
    display: grid !important; grid-template-columns: minmax(0, 1fr) 310px;
    align-items: start; gap: 30px;
}
.detail-news .my-left, .detail-news .my-right {
    width: auto !important; min-width: 0; float: none !important;
}
.detail-news .detail-news-wrap {
    padding: clamp(22px, 3vw, 38px) !important; border: 1px solid var(--pt-line) !important;
    border-radius: 12px !important; background: #fff !important; box-shadow: var(--pt-shadow) !important;
}
.detail-news-title {
    margin: 0 0 22px !important; color: var(--pt-primary) !important;
    font-size: clamp(28px, 3vw, 42px) !important; font-weight: 800 !important;
    line-height: 1.2 !important; letter-spacing: -.025em;
}
.detail-news-author, .detail-news .options-bv { margin-bottom: 22px !important; color: var(--pt-muted) !important; }
.detail-news-author .author-img {
    border: 1px solid var(--pt-line); border-radius: 50%; background: var(--pt-soft);
}
.detail-news .descript {
    margin: 18px 0 26px !important; padding: 16px 18px !important;
    border-left: 4px solid var(--pt-red) !important;
    border-radius: 0 var(--pt-radius) var(--pt-radius) 0 !important;
    background: #f5faff !important; color: #33456f !important;
    font-size: 17px !important; font-weight: 600 !important; line-height: 1.7 !important;
}
.detail-news .p-details { color: #263650 !important; font-size: 16px !important; line-height: 1.78 !important; }
.detail-news .p-details h2, .detail-news .p-details h3, .detail-news .p-details h4 {
    margin: 28px 0 13px !important; color: var(--pt-primary) !important;
    font-weight: 760 !important; line-height: 1.35 !important;
}
.detail-news .p-details h2 { font-size: 25px !important; }
.detail-news .p-details h3 { font-size: 21px !important; }
.detail-news .p-details p { margin: 0 0 15px !important; }
.detail-news .p-details img, .detail-news-wrap > .img img {
    max-width: 100% !important; height: auto !important; border-radius: var(--pt-radius) !important;
}
.detail-news-album {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 26px;
}
.detail-news-album .img-item { overflow: hidden; border-radius: var(--pt-radius) !important; }
.detail-news .social {
    margin-top: 28px !important; padding-top: 20px !important; border-top: 1px solid var(--pt-line) !important;
}
.detail-news .social > h3 { color: var(--pt-primary) !important; font-weight: 700 !important; }
.detail-news input, .detail-news textarea, .detail-news select,
.detail-news .btn, .comment-box .form-control { border-radius: var(--pt-radius) !important; }
.detail-news .btn, .comment-box .btn-primary {
    border: 1px solid transparent !important; background: var(--pt-primary) !important;
    color: #fff !important; box-shadow: none !important; font-weight: 700 !important;
}
.detail-news .btn:hover, .comment-box .btn-primary:hover { background: var(--pt-secondary) !important; }

.detail-news .my-side-news { display: grid; gap: 20px; }
.detail-news .side-news-item, .detail-news .list-tag { margin: 0 !important; }
.detail-news .side-news-item > .title, .detail-news .list-tag > h3 {
    margin: 0 !important; padding: 15px 18px !important; border: 0 !important;
    background: var(--pt-primary) !important; color: #fff !important;
    font-size: 17px !important; font-weight: 750 !important; line-height: 1.35 !important;
}
.detail-news .side-news-item > .title::after { display: none !important; }
.detail-news .side-news-item .content, .detail-news .list-tag .list { padding: 14px !important; }
.detail-news .side-news-item .p-news-list__type2 {
    display: grid !important; grid-template-columns: 1fr !important; gap: 12px;
}
.detail-news .side-news-item .p-news-item__type2 {
    width: auto !important; margin: 0 !important; padding: 0 0 12px !important;
    border: 0 !important; border-bottom: 1px solid var(--pt-line) !important; box-shadow: none !important;
}
.detail-news .side-news-item .p-news-item__type2:last-child { padding-bottom: 0 !important; border-bottom: 0 !important; }
.detail-news .side-news-item .p-news-link__type2 {
    display: grid !important; grid-template-columns: 92px minmax(0, 1fr); align-items: start; gap: 11px;
}
.detail-news .side-news-item .p-news-img__type2 {
    width: 92px !important; height: 70px !important; overflow: hidden; border-radius: 6px !important;
}
.detail-news .side-news-item .p-news-img__type2 img {
    width: 100% !important; height: 100% !important; object-fit: cover;
}
.detail-news .side-news-item .p-news-img__type2 .cate,
.detail-news .side-news-item .descript, .detail-news .side-news-item .home-news-btn,
.detail-news .side-news-item .p-news-date__type2 { display: none !important; }
.detail-news .side-news-item .p-news-content__type2 { padding: 0 !important; }
.detail-news .side-news-item .p-news-content__type2 .title {
    margin: 0 !important; color: var(--pt-ink) !important; font-size: 14px !important;
    font-weight: 680 !important; line-height: 1.45 !important;
}
.detail-news .side-news-link { border-bottom-color: var(--pt-line) !important; }
.detail-news .side-news-link .index {
    border-radius: 6px !important; background: #eaf6ff !important; color: var(--pt-secondary) !important;
}

.detail-news .same-cate {
    margin-top: 38px !important; padding: 36px 0 !important; background: #eef7ff !important;
}
.detail-news .same-cate-title {
    color: var(--pt-primary) !important; font-size: 28px !important; font-weight: 800 !important;
}
.detail-news .same-cate .p-news-list__type2 {
    display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px;
}
.detail-news .same-cate .p-news-item__type2 {
    width: auto !important; margin: 0 !important; overflow: hidden;
    border: 1px solid var(--pt-line) !important; border-radius: var(--pt-radius) !important;
    background: #fff; box-shadow: var(--pt-shadow) !important;
}
.detail-news .same-cate .p-news-img__type2 {
    width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden;
}
.detail-news .same-cate .p-news-img__type2 img {
    width: 100% !important; height: 100% !important; object-fit: cover;
}
.detail-news .same-cate .p-news-content__type2 { padding: 16px !important; }
.detail-news .same-cate .p-news-content__type2 .title {
    color: var(--pt-primary) !important; font-size: 17px !important; font-weight: 720 !important; line-height: 1.45 !important;
}

/* Document search/table */
.detail-news .filter-container { gap: 12px !important; }
.detail-news .filter-input, .detail-news .filter-select {
    min-height: 44px; border: 1px solid var(--pt-line) !important; color: var(--pt-ink) !important;
}
.detail-news .btn-reset {
    border-color: var(--pt-line) !important; background: #fff !important; color: var(--pt-primary) !important;
}
.detail-news .p-van-ban {
    overflow: hidden; border: 1px solid var(--pt-line) !important; border-radius: var(--pt-radius) !important;
}
.detail-news .p-van-ban .heading { background: var(--pt-primary) !important; color: #fff !important; }
.detail-news .van-ban-item:nth-child(even) { background: #f6fbff !important; }
.my-news .side-link .p-side-wrap, .detail-news .side-link .p-side-wrap {
    padding: 0 !important; border: 0 !important; background: transparent !important;
}
.my-news .side-thongke .result, .detail-news .side-thongke .result {
    color: var(--pt-primary) !important;
}

/* Cheerful image-library layout */
.pt-gallery-page {
    position: relative; padding: 54px 0 76px !important; background-color: #eef9ff;
    background-image: linear-gradient(rgba(240, 250, 255, .86), rgba(255, 255, 255, .9)), url('/Uploads/images/PhuTrinh/gallery-bg-v2.jpg');
    background-position: center top; background-size: cover;
}
.pt-gallery-heading {
    max-width: 720px; margin: 0 auto 30px; padding: 0 !important;
    background: transparent !important; box-shadow: none !important; text-align: center;
}
.pt-gallery-kicker {
    display: inline-flex; align-items: center; gap: 8px; margin-bottom: 10px; padding: 7px 12px;
    border-radius: var(--pt-radius); background: #fff; color: var(--pt-red);
    box-shadow: var(--pt-shadow); font-weight: 750;
}
.pt-gallery-heading h1 {
    margin: 0; color: var(--pt-primary); font-size: clamp(32px, 4vw, 48px); font-weight: 850; line-height: 1.18;
}
.pt-gallery-heading p { margin: 14px auto 0; color: #4f6281; font-size: 17px; line-height: 1.65; }
.pt-gallery-page .books-boxes {
    padding: 16px !important; border: 1px solid rgba(255, 255, 255, .9); border-radius: 16px;
    background: rgba(255, 255, 255, .74); box-shadow: 0 18px 44px rgba(41, 57, 144, .10);
    backdrop-filter: blur(5px);
}
.pt-gallery-page .grid-gallery > .grid-wrap > .listanh.grid {
    display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-flow: dense; grid-auto-rows: 150px; gap: 14px; height: auto !important;
}
.pt-gallery-page .grid-gallery > .grid-wrap > .listanh.grid > li {
    position: relative !important; top: auto !important; left: auto !important;
    width: auto !important; margin: 0 !important; float: none !important;
    grid-column: span 4; grid-row: span 2; overflow: hidden;
    border: 5px solid #fff; border-radius: 12px; background: #fff;
    box-shadow: 0 7px 18px rgba(35, 65, 125, .10);
}
.pt-gallery-page .grid-gallery > .grid-wrap > .listanh.grid > li:nth-child(5n + 1) { grid-column: span 7; }
.pt-gallery-page .grid-gallery > .grid-wrap > .listanh.grid > li:nth-child(5n + 2) { grid-column: span 5; }
.pt-gallery-page .grid-gallery > .grid-wrap > .listanh.grid > li:nth-child(5n + 4) { grid-column: span 5; }
.pt-gallery-page .grid-gallery > .grid-wrap > .listanh.grid > li:nth-child(5n + 5) { grid-column: span 7; }
.pt-gallery-page .grid-gallery > .grid-wrap figure {
    width: 100%; height: 100%; padding: 0 !important; opacity: 1;
}
.pt-gallery-page .grid-gallery > .grid-wrap img {
    width: 100% !important; height: 100% !important; object-fit: cover;
    transition: transform .35s ease, filter .35s ease;
}
.pt-gallery-page .grid-gallery > .grid-wrap li:hover img { transform: scale(1.045); filter: saturate(1.08); }

@media (max-width: 1100px) {
    .my-news .my-news-bottom:has(> .p-side-left), .detail-news .detail-news-bottom {
        grid-template-columns: minmax(0, 1fr) 270px; gap: 22px;
    }
}
@media (max-width: 900px) {
    .my-news, .detail-news { padding: 30px 0 52px !important; }
    .my-news .my-news-bottom, .detail-news .detail-news-bottom { grid-template-columns: 1fr; }
    .my-news .bottom-right, .my-news .p-side-right, .detail-news .my-right { margin-top: 8px; }
    .detail-news .same-cate .p-news-list__type2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .my-news .bottom-left > .p-news-list__type2,
    .my-news .bottom-full-news > .p-news-list__type2,
    .detail-news .same-cate .p-news-list__type2 { grid-template-columns: 1fr; }
    .detail-news .detail-news-wrap { padding: 20px 16px !important; }
    .detail-news-title { font-size: 27px !important; }
    .detail-news-album { grid-template-columns: 1fr; }
    .pt-gallery-page { padding: 38px 0 52px !important; }
    .pt-gallery-page .books-boxes { padding: 9px !important; }
    .pt-gallery-page .grid-gallery > .grid-wrap > .listanh.grid {
        grid-template-columns: 1fr; grid-auto-rows: 230px; gap: 10px;
    }
    .pt-gallery-page .grid-gallery > .grid-wrap > .listanh.grid > li,
    .pt-gallery-page .grid-gallery > .grid-wrap > .listanh.grid > li:nth-child(n) {
        grid-column: auto; grid-row: auto;
    }
    .detail-news .p-van-ban .heading { display: none !important; }
    .detail-news .van-ban-item {
        display: grid !important; grid-template-columns: 1fr !important; gap: 7px;
        padding: 15px !important; border-bottom: 1px solid var(--pt-line) !important;
    }
}