.page-blogs, .page-blog_detail { background: #f5f8fc; }
.page-blogs, .page-blog_detail,
.page-blogs p, .page-blog_detail p,
.page-blogs a, .page-blog_detail a,
.page-blogs span, .page-blog_detail span,
.page-blogs label, .page-blog_detail label,
.page-blogs li, .page-blog_detail li,
.page-blogs time, .page-blog_detail time,
.page-blogs strong, .page-blog_detail strong,
.page-blogs small, .page-blog_detail small,
.page-blogs input, .page-blog_detail input,
.page-blogs select, .page-blog_detail select,
.page-blogs textarea, .page-blog_detail textarea,
.page-blogs button, .page-blog_detail button { font-family: "Sora", sans-serif !important; }
.page-blogs h1, .page-blog_detail h1,
.page-blogs h2, .page-blog_detail h2,
.page-blogs h3, .page-blog_detail h3,
.page-blogs h4, .page-blog_detail h4,
.page-blogs h5, .page-blog_detail h5,
.page-blogs h6, .page-blog_detail h6 { font-family: "Polymath", sans-serif !important; }
.blogs-page { --blog-blue: #115F52; --blog-blue-dark: #0B4038; --blog-yellow: #EF7F1A; --blog-ink: #1C1B17; --blog-copy: #5F5D58; --blog-pale: #FFF0E2; --blog-border: #E7D8C5; color: var(--blog-ink); background: #FFFDF7; font-family: "Sora", sans-serif !important; }
.blogs-page *, .blogs-page *::before, .blogs-page *::after { box-sizing: border-box; }
.blogs-page h1, .blogs-page h2, .blogs-page p { margin: 0; }
.blogs-page h1, .blogs-page h2, .blogs-page h3, .blogs-page h4, .blogs-page h5, .blogs-page h6 { font-family: "Polymath", sans-serif !important; }
.blogs-page input, .blogs-page select, .blogs-page textarea, .blogs-page button { font-family: "Sora", sans-serif !important; }
.blogs-shell { width: min(1240px, calc(100% - 40px)); margin-inline: auto; }

.blogs-intro { margin-top: var(--site-header-height, 114px); padding: 42px 0 40px; border-top: 4px solid var(--blog-yellow); border-bottom: 1px solid var(--blog-border); background: #fff; }
.blogs-intro__inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.blogs-intro__inner > div:first-child { max-width: 790px; }
.blogs-breadcrumb { margin-bottom: 15px; display: flex; align-items: center; gap: 8px; color: #8190a3; font-size: 13px; }
.blogs-breadcrumb a { color: var(--blog-blue); text-decoration: none; }
.blogs-kicker { display: inline-flex; align-items: center; gap: 9px; color: var(--blog-blue); font-size: 12px; line-height: 1.3; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.blogs-kicker::before { width: 23px; height: 3px; border-radius: 9px; content: ""; background: var(--blog-yellow); }
.blogs-intro h1 { color: #162f55; font-size: clamp(42px, 5vw, 64px); line-height: 1.05; letter-spacing: -.045em; }
.blogs-intro p { max-width: 720px; margin-top: 14px; color: var(--blog-copy); font-size: 14px; line-height: 1.7; }
.blogs-intro__mark { width: 96px; height: 96px; flex: 0 0 96px; display: grid; place-items: center; border: 1px solid #d7e4f1; border-radius: 24px; color: var(--blog-blue); background: var(--blog-pale); }
.blogs-intro__mark svg { width: 43px; height: 43px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.blog-workspace { padding: 34px 0 88px; }
.blog-workspace__layout { display: grid; grid-template-columns: minmax(0, 1fr) 370px; align-items: start; gap: 26px; }
.blog-workspace__main { min-width: 0; }
.blog-browser, .blog-enquiry, .blog-sidebar-categories { border: 1px solid var(--blog-border); border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgba(19,55,96,.055); }
.blog-browser { margin-bottom: 20px; padding: 24px; }
.blog-browser__topline { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.blog-browser h2 { margin-top: 5px; color: #162f55; font-size: clamp(23px, 2.5vw, 31px); line-height: 1.2; letter-spacing: -.035em; }
.blog-browser__count { flex: 0 0 auto; color: #7d8b9d; font-size: 13px; font-weight: 700; }
.blog-search { height: 47px; margin-top: 18px; padding: 0 14px; border: 1px solid var(--blog-border); border-radius: 10px; display: flex; align-items: center; gap: 10px; background: #fff; transition: border-color .2s, box-shadow .2s; }
.blog-search:focus-within { border-color: #74a2d2; box-shadow: 0 0 0 3px rgba(11,79,150,.09); }
.blog-search svg { width: 18px; height: 18px; flex: 0 0 18px; fill: none; stroke: #8391a4; stroke-width: 1.8; stroke-linecap: round; }
.blog-search input { width: 100%; height: 100%; padding: 0; border: 0; outline: 0; color: var(--blog-ink); background: transparent; font: inherit; font-size: 14px; }
.blog-search input::placeholder { color: #a0aaba; }
.blog-categories { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 8px; }
.blog-category-pill { min-height: 38px; padding: 0 14px; border: 1px solid #bfd2e7; border-radius: 8px; display: inline-flex; align-items: center; color: var(--blog-blue); background: #fff; font-size: 13px; font-weight: 750; text-decoration: none; transition: color .2s, border-color .2s, background .2s; }
.blog-category-pill:hover, .blog-category-pill.is-active { border-color: var(--blog-blue); color: #fff; background: var(--blog-blue); }

.blog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.blog-card { min-width: 0; overflow: hidden; border: 1px solid var(--blog-border); border-radius: 16px; display: flex; flex-direction: column; background: #fff; box-shadow: 0 6px 20px rgba(19,55,96,.045); transition: border-color .22s, box-shadow .22s, transform .22s; }
.blog-card:hover { border-color: #b8cde3; box-shadow: 0 14px 32px rgba(19,55,96,.1); transform: translateY(-4px); }
.blog-card[hidden] { display: none; }
.blog-card__media { height: 220px; display: block; overflow: hidden; background: #e4ebf3; }
.blog-card__media img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .45s ease; }
.blog-card:hover .blog-card__media img { transform: scale(1.035); }
.blog-image-placeholder { width: 100%; height: 100%; display: grid; place-items: center; color: var(--blog-blue); background: linear-gradient(135deg, #eaf2fa, #d8e5f2); }
.blog-image-placeholder svg { width: 52px; fill: currentColor; opacity: .4; }
.blog-card__body { padding: 23px 24px 24px; display: flex; flex: 1; flex-direction: column; align-items: flex-start; }
.blog-card__category { padding: 6px 10px; border-radius: 99px; color: #936a00; background: #fbf7ed; font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.blog-meta { margin-top: 13px; display: flex; align-items: center; gap: 17px; color: #74849a; font-size: 12px; }
.blog-meta > * + * { position: relative; }
.blog-meta > * + *::before { position: absolute; top: 50%; left: -9px; width: 3px; height: 3px; border-radius: 50%; content: ""; background: #a5b1c0; }
.blog-card h2 { margin-top: 13px; font-size: clamp(21px, 2vw, 25px); line-height: 1.3; letter-spacing: -.025em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.blog-card h2 a { color: #172e52; text-decoration: none; }
.blog-card h2 a:hover { color: var(--blog-blue); }
.blog-card__body > p { margin-top: 11px; color: var(--blog-copy); font-size: 15px; line-height: 1.7; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.blog-read-link { margin-top: auto; padding-top: 20px; display: inline-flex; align-items: center; gap: 7px; color: var(--blog-blue-dark); font-size: 13px; font-weight: 800; text-decoration: none; }
.blog-read-link span { font-size: 15px; transition: transform .2s; }
.blog-read-link:hover span { transform: translateX(4px); }

.blog-sidebar { position: sticky; top: 92px; display: grid; gap: 18px; }
.blog-enquiry, .blog-sidebar-categories { padding: 20px; }
.blog-sidebar__heading { display: flex; align-items: flex-start; gap: 12px; }
.blog-sidebar__icon { width: 39px; height: 39px; flex: 0 0 39px; display: grid; place-items: center; border-radius: 11px; color: var(--blog-blue); background: #eaf2fb; }
.blog-sidebar__icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.blog-sidebar h2 { color: #162f55; font-size: 21px; line-height: 1.25; letter-spacing: -.025em; }
.blog-sidebar__heading p { margin-top: 5px; color: var(--blog-copy); font-size: 13px; line-height: 1.6; }
.blog-form-message { margin-top: 14px; padding: 10px 11px; border-radius: 8px; font-size: 13px; line-height: 1.5; }
.blog-form-message.is-success { border: 1px solid #b9d4ee; color: #08437d; background: #eff6fd; }
.blog-form-message.is-error { border: 1px solid #f2c2bd; color: #9a3025; background: #fff2f0; }
.blog-enquiry__tabs { margin: 16px 0 14px; padding: 3px; border: 1px solid #cfdeed; border-radius: 8px; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; background: #f5f8fc; }
.blog-enquiry__tabs button { min-height: 38px; padding: 0 8px; border: 0; border-radius: 6px; color: #65758a; background: transparent; font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; }
.blog-enquiry__tabs button[aria-selected="true"] { color: #fff; background: var(--blog-blue); box-shadow: 0 3px 8px rgba(11,79,150,.18); }
.blog-enquiry__form { display: grid; gap: 11px; }
.blog-enquiry__form label { display: grid; gap: 6px; color: #354a66; font-size: 12px; font-weight: 750; }
.blog-enquiry__form input, .blog-enquiry__form select, .blog-enquiry__form textarea { width: 100%; border: 1px solid #dce6f0; border-radius: 7px; outline: 0; color: #203653; background: #fff; font: inherit; font-size: 13px; transition: border-color .2s, box-shadow .2s; }
.blog-enquiry__form input, .blog-enquiry__form select { height: 40px; padding: 0 11px; }
.blog-enquiry__form textarea { min-height: 72px; padding: 10px 11px; resize: vertical; }
.blog-enquiry__form input:focus, .blog-enquiry__form select:focus, .blog-enquiry__form textarea:focus { border-color: #6d9dcd; box-shadow: 0 0 0 3px rgba(11,79,150,.08); }
.blog-enquiry__form input::placeholder, .blog-enquiry__form textarea::placeholder { color: #a5afbd; }
.blog-enquiry__form button { min-height: 45px; margin-top: 2px; padding: 0 13px; border: 0; border-radius: 8px; display: flex; align-items: center; justify-content: center; gap: 9px; color: #172d4f; background: var(--blog-yellow); font: inherit; font-size: 13px; font-weight: 850; cursor: pointer; transition: background .2s, transform .2s; }
.blog-enquiry__form button:hover { background: #e1a716; transform: translateY(-1px); }
.blog-enquiry__links { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--blog-border); display: grid; gap: 7px; }
.blog-enquiry__links a { min-height: 38px; padding: 0 11px; border-radius: 7px; display: flex; align-items: center; justify-content: space-between; color: #315578; background: #f2f6fb; font-size: 12px; font-weight: 750; text-decoration: none; }
.blog-enquiry__links a:hover { color: var(--blog-blue); background: #eaf2fb; }

.blog-sidebar-categories h2 { margin-bottom: 13px; }
.blog-sidebar-categories > a { min-height: 38px; margin-top: 7px; padding: 0 11px; border: 1px solid #bfd2e7; border-radius: 7px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--blog-blue); background: #fff; font-size: 12px; font-weight: 750; text-decoration: none; }
.blog-sidebar-categories > a strong { font-size: 12px; font-weight: 700; }
.blog-sidebar-categories > a:hover, .blog-sidebar-categories > a.is-active { border-color: var(--blog-blue); color: #fff; background: var(--blog-blue); }

.blog-empty-state, .blog-search-empty { padding: 60px 24px; border: 1px dashed #bfd1e5; border-radius: 15px; text-align: center; background: #fff; }
.blog-empty-state h2, .blog-search-empty h2 { font-size: 21px; }
.blog-empty-state p, .blog-search-empty p { margin-top: 7px; color: var(--blog-copy); font-size: 12px; }
.blog-empty-state a { margin-top: 16px; display: inline-block; color: var(--blog-blue); font-size: 11px; font-weight: 800; }
.blog-pagination { margin-top: 38px; }
.blog-pagination ul { margin: 0; padding: 0; display: flex; justify-content: center; flex-wrap: wrap; gap: 7px; list-style: none; }
.blog-pagination li { margin: 0 !important; }
.blog-pagination a { min-width: 38px; height: 38px; padding: 0 11px !important; border: 1px solid var(--blog-border) !important; border-radius: 8px !important; display: grid; place-items: center; color: #415c7a; background: #fff; font-size: 11px; text-decoration: none; }
.blog-pagination a:hover, .blog-pagination li a.bg-blue-500 { border-color: var(--blog-blue) !important; color: #fff !important; background: var(--blog-blue) !important; }

/* Blog detail */
.blog-detail-hero { margin-top: var(--site-header-height, 114px); padding: 52px 0 48px; border-top: 4px solid var(--blog-yellow); border-bottom: 1px solid var(--blog-border); background: #fff; }
.blog-detail-hero .blogs-shell { max-width: 1240px; }
.blog-detail-hero__category { display: inline-flex; min-height: 30px; padding: 0 11px; align-items: center; border-radius: 99px; color: #7e5b00; background: #fff4d3; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.blog-detail-hero h1 { max-width: 930px; margin-top: 15px; color: #162f55; font-size: clamp(36px, 4.4vw, 62px); font-weight: 700; line-height: 1.07; letter-spacing: -.045em; }
.blog-detail-meta { margin-top: 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 18px; color: #74849a; font-size: 13px; }
.blog-detail-meta span { display: inline-flex; align-items: center; gap: 7px; }
.blog-detail-meta svg { width: 16px; height: 16px; fill: none; stroke: var(--blog-blue); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.blog-detail-workspace { padding: 34px 0 88px; }
.blog-detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) 350px; align-items: start; gap: 24px; }
.blog-detail-main { min-width: 0; display: grid; gap: 22px; }
.blog-article, .blog-comments, .blog-recent-posts { overflow: hidden; border: 1px solid var(--blog-border); border-radius: 18px; background: #fff; box-shadow: 0 8px 26px rgba(19,55,96,.06); }
.blog-article__media { height: clamp(330px, 42vw, 540px); margin: 0; overflow: hidden; background: #e3ebf4; }
.blog-article__media img { width: 100%; height: 100%; display: block; object-fit: cover; }
.blog-article__content { padding: clamp(28px, 4vw, 52px); color: #3f5067; font-family: "Sora", sans-serif !important; font-size: 17px; line-height: 1.85 !important; overflow-wrap: anywhere; }
.blog-article__content * { max-width: 100%; font-family: "Sora", sans-serif !important; line-height: inherit !important; }
.blog-article__content > *:first-child { margin-top: 0 !important; }
.blog-article__content > *:last-child { margin-bottom: 0 !important; }
.blog-article__content p { margin: 0 0 1.35em !important; color: #3f5067 !important; font-size: inherit !important; }
.blog-article__content h2, .blog-article__content h3, .blog-article__content h4 { margin: 1.55em 0 .65em !important; color: #172f54 !important; font-family: "Polymath", sans-serif !important; font-weight: 700 !important; line-height: 1.22 !important; }
.blog-article__content h2 { font-size: clamp(26px, 3vw, 36px) !important; }
.blog-article__content h3 { font-size: clamp(21px, 2.3vw, 28px) !important; }
.blog-article__content h4 { font-size: 20px !important; }
.blog-article__content a { color: var(--blog-blue) !important; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.blog-article__content strong, .blog-article__content b { color: #263d5b; font-weight: 700; }
.blog-article__content ul, .blog-article__content ol { margin: 1.2em 0 1.5em !important; padding-left: 1.5em !important; }
.blog-article__content li { margin-bottom: .55em !important; padding-left: .2em; }
.blog-article__content blockquote { margin: 1.7em 0 !important; padding: 20px 24px; border-left: 4px solid var(--blog-yellow); color: #36516f; background: #f3f7fc; font-style: normal; }
.blog-article__content img { width: auto; height: auto; margin: 1.5em auto; border-radius: 12px; display: block; }
.blog-article__content table { width: 100% !important; margin: 1.5em 0; border-collapse: collapse; font-size: 13px; }
.blog-article__content th, .blog-article__content td { padding: 11px; border: 1px solid var(--blog-border); text-align: left; }
.blog-article__content th { color: #173862; background: #eef4fb; }
.blog-article__footer { padding: 22px clamp(28px, 4vw, 52px); border-top: 1px solid var(--blog-border); display: flex; align-items: center; justify-content: space-between; gap: 24px; background: #fbfcfe; }
.blog-article__footer div { display: grid; gap: 2px; }
.blog-article__footer div span { color: #8492a4; font-size: 12px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.blog-article__footer div strong { color: #1b365c; font-size: 14px; }
.blog-article__footer > a { display: inline-flex; align-items: center; gap: 8px; color: var(--blog-blue); font-size: 13px; font-weight: 800; text-decoration: none; }

.blog-comments { padding: clamp(25px, 3.5vw, 40px); }
.blog-comments__header { margin-bottom: 25px; display: flex; align-items: center; gap: 14px; }
.blog-comments__icon { width: 46px; height: 46px; flex: 0 0 46px; display: grid; place-items: center; border-radius: 13px; color: var(--blog-blue); background: #eaf2fb; }
.blog-comments__icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linejoin: round; }
.blog-comments h2 { margin-top: 4px; color: #172f54; font-size: 27px; line-height: 1.2; }
.blog-comment-form { display: grid; gap: 14px; }
.blog-comment-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.blog-comment-form label { display: grid; gap: 7px; color: #354a66; font-size: 13px; font-weight: 750; }
.blog-comment-form em { color: #b87900; font-style: normal; }
.blog-comment-form input, .blog-comment-form textarea { width: 100%; border: 1px solid #d8e3ee; border-radius: 9px; outline: 0; color: #203653; background: #fff; font: 400 14px/1.5 "Sora", sans-serif !important; transition: border-color .2s, box-shadow .2s; }
.blog-comment-form input { height: 46px; padding: 0 13px; }
.blog-comment-form textarea { min-height: 125px; padding: 12px 13px; resize: vertical; }
.blog-comment-form input:focus, .blog-comment-form textarea:focus { border-color: #6d9dcd; box-shadow: 0 0 0 3px rgba(11,79,150,.08); }
.blog-comment-form button { width: fit-content; min-height: 45px; padding: 0 18px; border: 0; border-radius: 8px; display: inline-flex; align-items: center; gap: 10px; color: #172d4f; background: var(--blog-yellow); font-size: 13px; font-weight: 850; cursor: pointer; }
.blog-comment-list { margin-top: 30px; padding-top: 26px; border-top: 1px solid var(--blog-border); display: grid; gap: 13px; }
.blog-comments-empty { min-height: 140px; display: grid; place-items: center; align-content: center; gap: 10px; color: #8a98a9; text-align: center; }
.blog-comments-empty svg { width: 36px; height: 36px; fill: none; stroke: #b6c3d0; stroke-width: 1.5; }
.blog-comments-empty p { font-size: 14px; }
.blog-comment { padding: 17px; border: 1px solid #e0e8f1; border-radius: 12px; display: grid; grid-template-columns: 40px 1fr; align-items: start; gap: 13px; background: #f9fbfd; }
.blog-comment__avatar { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--blog-blue); font-size: 14px; font-weight: 800; }
.blog-comment header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.blog-comment header strong { color: #1e3657; font-size: 14px; }
.blog-comment time { color: #8b98a8; font-size: 12px; }
.blog-comment p { margin-top: 7px; color: #56677c; font-size: 14px; line-height: 1.65; }

.blog-recent-posts { padding: 20px; }
.blog-recent-posts > h2 { margin-bottom: 12px; color: #162f55; font-size: 18px; }
.blog-recent-posts > div { display: grid; }
.blog-recent-posts a { padding: 10px 0; border-top: 1px solid #e7edf4; display: grid; grid-template-columns: 62px 1fr; align-items: center; gap: 11px; color: inherit; text-decoration: none; }
.blog-recent-posts a:first-child { border-top: 0; }
.blog-recent-posts img, .blog-recent-posts__placeholder { width: 62px; height: 55px; border-radius: 8px; display: block; object-fit: cover; background: #e4ebf3; }
.blog-recent-posts a > span:last-child { min-width: 0; display: grid; gap: 5px; }
.blog-recent-posts strong { color: #273c59; font-family: "Sora", sans-serif; font-size: 13px; font-weight: 700; line-height: 1.45; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.blog-recent-posts small { color: #8a97a8; font-size: 11px; }
.blog-recent-posts a:hover strong { color: var(--blog-blue); }

@media (max-width: 1040px) {
    .blog-workspace__layout { grid-template-columns: minmax(0, 1fr) 320px; gap: 18px; }
    .blog-detail-layout { grid-template-columns: minmax(0, 1fr) 320px; gap: 18px; }
    .blog-card__media { height: 190px; }
}

@media (max-width: 860px) {
    .blog-workspace__layout { grid-template-columns: 1fr; }
    .blog-detail-layout { grid-template-columns: 1fr; }
    .blog-sidebar { position: static; grid-template-columns: minmax(0, 1fr) minmax(260px, .7fr); }
    .blog-detail-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .blog-detail-sidebar .blog-enquiry { grid-row: span 2; }
    .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
    .blogs-shell { width: min(100% - 28px, 1240px); }
    .blogs-intro { padding: 39px 0 36px; }
    .blog-detail-hero { padding: 38px 0 36px; }
    .blog-detail-hero h1 { font-size: 36px; }
    .blogs-intro__mark { display: none; }
    .blogs-intro h1 { font-size: 35px; }
    .blogs-intro p { font-size: 13px; }
    .blog-workspace { padding: 22px 0 60px; }
    .blog-browser { padding: 19px 16px; border-radius: 14px; }
    .blog-browser__topline { align-items: flex-start; flex-direction: column; gap: 8px; }
    .blog-search { margin-top: 15px; }
    .blog-categories { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 3px; scrollbar-width: none; }
    .blog-categories::-webkit-scrollbar { display: none; }
    .blog-category-pill { flex: 0 0 auto; }
    .blog-grid { grid-template-columns: 1fr; gap: 16px; }
    .blog-card__media { height: 225px; }
    .blog-sidebar { grid-template-columns: 1fr; }
    .blog-detail-sidebar { grid-template-columns: 1fr; }
    .blog-detail-sidebar .blog-enquiry { grid-row: auto; }
    .blog-enquiry, .blog-sidebar-categories { padding: 18px; border-radius: 14px; }
    .blog-article, .blog-comments, .blog-recent-posts { border-radius: 14px; }
    .blog-article__media { height: 240px; }
    .blog-article__content { padding: 25px 20px; font-size: 16px; }
    .blog-article__footer { padding: 19px 20px; align-items: flex-start; flex-direction: column; }
    .blog-comment-form__row { grid-template-columns: 1fr; }
    .blog-comment header { align-items: flex-start; flex-direction: column; gap: 2px; }
}