/* Run 11: the page 121 About hero Figma override was removed (owner: keep the hero as on ics.reika.sg; header overlap). Backup: ics-exact-fb.css.before-run11-about-hero. */
/* Page 126 library card: Figma 2136:6656 = 416x144, photo 192x144 left, text right. Desktop only. */
@media (min-width: 1025px) {
  html body.page-id-126 .nw-card {
    display: flex !important;
    width: 416px !important;
    max-width: 416px !important;
    height: 144px !important;
    min-height: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  html body.page-id-126 .nw-card .ics-torn-photo {
    flex: 0 0 192px !important;
    width: 192px !important;
    height: 144px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  html body.page-id-126 .nw-card .ics-torn-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  html body.page-id-126 .nw-card > .ics-stack {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 144px !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 6px !important;
    overflow: hidden !important;
  }
  html body.page-id-126 .nw-card h2.ics-sub {
    font-size: 24px !important;
    line-height: 28px !important;
    max-height: 56px !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  html body.page-id-126 .nw-card .lib-card-desc {
    font-size: 14px !important;
    line-height: 20px !important;
    max-height: 20px !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  html body.page-id-126 .nw-card .ics-label {
    position: static !important;
    transform: none !important;
    margin: 0 !important;
  }
}
/* Page 126 library grid: Figma 3 cells 416 + gap 32 = 1312. */
@media (min-width: 1025px) {
  html body.page-id-126 .brx-grid.ics-grid--3 {
    width: 1312px !important;
    max-width: 1312px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    grid-template-columns: repeat(3, 416px) !important;
    column-gap: 32px !important;
    justify-content: start !important;
  }
  html body.page-id-126 .nw-card > .ics-stack > .ics-label {
    position: static !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    display: inline-block !important;
    width: auto !important;
  }
}
/* Page 126 card text rows: fixed heights so 2-line title + 1-line desc + chip fit 144. */
@media (min-width: 1025px) {
  html body.page-id-126 .nw-card > .ics-stack > h2.ics-sub {
    flex: 0 0 56px !important;
    height: 56px !important;
    line-height: 28px !important;
  }
  html body.page-id-126 .nw-card > .ics-stack > .lib-card-desc {
    flex: 0 0 20px !important;
    height: 20px !important;
    line-height: 20px !important;
  }
  html body.page-id-126 .nw-card > .ics-stack > .ics-label {
    flex: 0 0 auto !important;
  }
}
/* Run 3: page 126 card gets ĐỌC THÊM span (element nwdr01). Description hidden to keep 144px with chip + link. */
@media (min-width: 1025px) {
  html body.page-id-126 .nw-card > .ics-stack {
    padding: 12px 16px !important;
    gap: 4px !important;
  }
  html body.page-id-126 .nw-card .lib-card-desc {
    display: none !important;
  }
  html body.page-id-126 .nw-card .nw-more {
    display: block !important;
    flex: 0 0 auto !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-decoration: underline !important;
    color: #797467 !important;
    letter-spacing: 0.14px !important;
  }
}
@media (min-width: 1025px) {
  html body.page-id-126 .nw-card > .ics-stack {
    justify-content: flex-start !important;
  }
  html body.page-id-126 .nw-card .nw-more {
    height: 20px !important;
    line-height: 20px !important;
  }
}
@media (min-width: 1025px) {
  html body.page-id-126 .nw-card > .ics-stack > h2.ics-sub {
    margin: 0 !important;
    transform: none !important;
    position: static !important;
  }
}
@media (min-width: 1025px) {
  html body.page-id-126 .nw-card > .brxe-edjdqi.ics-stack {
    justify-content: flex-start !important;
    align-content: flex-start !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
/* Run 3: tear-guard and post-126 rules use #lib-grid ids; match them for the library card stack. */
@media (min-width: 1025px) {
  html body.page-id-126 #lib-grid#lib-grid#lib-grid > a.nw-card > .ics-stack {
    justify-content: flex-start !important;
    padding: 12px 16px !important;
    gap: 4px !important;
  }
  html body.page-id-126 #lib-grid#lib-grid#lib-grid > a.nw-card > .ics-stack > :last-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
/* Run 3: fit title (1 line) + chip + link inside the 96px inner box (card 144, padding 24). */
@media (min-width: 1025px) {
  html body.page-id-126 .nw-card > .ics-stack > h2.ics-sub {
    flex: 0 0 28px !important;
    height: 28px !important;
    max-height: 28px !important;
    -webkit-line-clamp: 1 !important;
  }
}
@media (min-width: 1025px) {
  html body.page-id-126 .nw-card > .ics-stack > .ics-label,
  html body.page-id-126 .nw-card > .ics-stack > .nw-more {
    margin-top: -6px !important;
  }
}
/* Run 3: first month heading on /su-kien/ sits on the filter row (left), selects stay right. Relative shift keeps grid flow unchanged. Desktop only. */
@media (min-width: 1025px) {
  html body #brxe-evsec1 #brxe-evgrid > h2.ics-ev-month:first-child {
    position: relative !important;
    top: -88px !important;
    left: 26px !important;
    text-align: left !important;
    width: max-content !important;
    pointer-events: none !important;
  }
}
/* Run 3: Our People single (template 705) to Figma Biography 2136:3964 at 1440. Left col 224 (photo, name, role, links), text col 752 at +336 (quote, detail), back link full width at bottom. */
@media (min-width: 1025px) {
  html body section.ics-bio-single .ics-bio-wrap {
    display: grid !important;
    grid-template-columns: 224px 752px !important;
    column-gap: 112px !important;
    row-gap: 0 !important;
    align-items: start !important;
    justify-content: start !important;
    width: 1088px !important;
    max-width: 1088px !important;
  }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-photo {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 224px !important;
    height: 236px !important;
    max-width: 224px !important;
    object-fit: cover !important;
    margin: 0 !important;
  }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-title {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin: 16px 0 0 !important;
  }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-role {
    grid-column: 1 !important;
    grid-row: 3 !important;
    margin: 0 !important;
  }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-links {
    grid-column: 1 !important;
    grid-row: 4 !important;
    margin: 24px 0 0 !important;
  }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-quote {
    grid-column: 2 !important;
    grid-row: 1 / span 3 !important;
    margin: 0 !important;
  }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-detail {
    grid-column: 2 !important;
    grid-row: 4 !important;
    margin: 0 !important;
  }
  html body section.ics-bio-single .ics-bio-wrap > .ics-back,
  html body section.ics-bio-single .ics-bio-wrap > a.ics-bio-back {
    grid-column: 1 / -1 !important;
    grid-row: 5 !important;
    justify-self: start !important;
    margin: 36px 0 0 !important;
  }
}
@media (max-width: 1024px) {
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-title { order: 1 !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-role { order: 2 !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-photo { order: 3 !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-quote { order: 4 !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-detail { order: 5 !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-links { order: 6 !important; }
  html body section.ics-bio-single .ics-bio-wrap > a.ics-bio-back { order: 9 !important; }
}
@media (min-width: 1025px) {
  html body section.ics-bio-single .ics-bio-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-detail {
    grid-row: 1 / span 4 !important;
    min-height: 656px !important;
  }
}
@media (min-width: 1025px) {
  html body section.ics-bio-single .ics-bio-wrap {
    grid-template-rows: 236px auto auto 1fr auto !important;
    min-height: 712px !important;
  }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-links {
    align-self: start !important;
  }
  html body section.ics-bio-single .ics-bio-wrap > a.ics-bio-back {
    align-self: start !important;
    margin-top: 36px !important;
  }
}
@media (min-width: 1025px) {
  html body section.ics-bio-single .ics-bio-wrap {
    min-height: 840px !important;
  }
}
/* Run 4: library card follows Figma 2136:6656 exactly (title + DOC THEM only): hide the category chip on desktop. Revert: remove this block. */
@media (min-width: 1025px) {
  html body.page-id-126 .nw-card > .ics-stack > .ics-label {
    display: none !important;
  }
}

/* Run 5 (owner approved, Figma 2149:21160 / 2136:6656): library card shows the short description (1-line clamp) in place of the chip (chip stays hidden). ĐỌC THÊM gets the ArrowSquareOut icon (20px, mask, color = currentColor). Desktop only. Revert: delete this block and restore Bricks meta from the backup folder. */
@media (min-width: 1025px) {
  html body.page-id-126 .nw-card .lib-card-desc {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    overflow: hidden !important;
    flex: 0 0 20px !important;
    height: 20px !important;
    max-height: 20px !important;
    line-height: 20px !important;
    margin: 0 !important;
  }
  html body.page-id-126 .nw-card .nw-more {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
  }
  html body.page-id-126 .nw-card .nw-more::after {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    background-color: currentColor !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M17.5 8.125C17.5 8.29076 17.4342 8.44973 17.3169 8.56694C17.1997 8.68415 17.0408 8.75 16.875 8.75C16.7092 8.75 16.5503 8.68415 16.4331 8.56694C16.3158 8.44973 16.25 8.29076 16.25 8.125V4.63438L11.068 9.81719C10.9507 9.93446 10.7916 10.0003 10.6258 10.0003C10.4599 10.0003 10.3009 9.93446 10.1836 9.81719C10.0663 9.69991 10.0004 9.54085 10.0004 9.375C10.0004 9.20915 10.0663 9.05009 10.1836 8.93281L15.3656 3.75H11.875C11.7092 3.75 11.5503 3.68415 11.4331 3.56694C11.3158 3.44973 11.25 3.29076 11.25 3.125C11.25 2.95924 11.3158 2.80027 11.4331 2.68306C11.5503 2.56585 11.7092 2.5 11.875 2.5H16.875C17.0408 2.5 17.1997 2.56585 17.3169 2.68306C17.4342 2.80027 17.5 2.95924 17.5 3.125V8.125ZM14.375 10C14.2092 10 14.0503 10.0658 13.9331 10.1831C13.8158 10.3003 13.75 10.4592 13.75 10.625V16.25H3.75V6.25H9.375C9.54076 6.25 9.69973 6.18415 9.81694 6.06694C9.93415 5.94973 10 5.79076 10 5.625C10 5.45924 9.93415 5.30027 9.81694 5.18306C9.69973 5.06585 9.54076 5 9.375 5H3.75C3.41848 5 3.10054 5.1317 2.86612 5.36612C2.6317 5.60054 2.5 5.91848 2.5 6.25V16.25C2.5 16.5815 2.6317 16.8995 2.86612 17.1339C3.10054 17.3683 3.41848 17.5 3.75 17.5H13.75C14.0815 17.5 14.3995 17.3683 14.6339 17.1339C14.8683 16.8995 15 16.5815 15 16.25V10.625C15 10.4592 14.9342 10.3003 14.8169 10.1831C14.6997 10.0658 14.5408 10 14.375 10Z' fill='%23000'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M17.5 8.125C17.5 8.29076 17.4342 8.44973 17.3169 8.56694C17.1997 8.68415 17.0408 8.75 16.875 8.75C16.7092 8.75 16.5503 8.68415 16.4331 8.56694C16.3158 8.44973 16.25 8.29076 16.25 8.125V4.63438L11.068 9.81719C10.9507 9.93446 10.7916 10.0003 10.6258 10.0003C10.4599 10.0003 10.3009 9.93446 10.1836 9.81719C10.0663 9.69991 10.0004 9.54085 10.0004 9.375C10.0004 9.20915 10.0663 9.05009 10.1836 8.93281L15.3656 3.75H11.875C11.7092 3.75 11.5503 3.68415 11.4331 3.56694C11.3158 3.44973 11.25 3.29076 11.25 3.125C11.25 2.95924 11.3158 2.80027 11.4331 2.68306C11.5503 2.56585 11.7092 2.5 11.875 2.5H16.875C17.0408 2.5 17.1997 2.56585 17.3169 2.68306C17.4342 2.80027 17.5 2.95924 17.5 3.125V8.125ZM14.375 10C14.2092 10 14.0503 10.0658 13.9331 10.1831C13.8158 10.3003 13.75 10.4592 13.75 10.625V16.25H3.75V6.25H9.375C9.54076 6.25 9.69973 6.18415 9.81694 6.06694C9.93415 5.94973 10 5.79076 10 5.625C10 5.45924 9.93415 5.30027 9.81694 5.18306C9.69973 5.06585 9.54076 5 9.375 5H3.75C3.41848 5 3.10054 5.1317 2.86612 5.36612C2.6317 5.60054 2.5 5.91848 2.5 6.25V16.25C2.5 16.5815 2.6317 16.8995 2.86612 17.1339C3.10054 17.3683 3.41848 17.5 3.75 17.5H13.75C14.0815 17.5 14.3995 17.3683 14.6339 17.1339C14.8683 16.8995 15 16.5815 15 16.25V10.625C15 10.4592 14.9342 10.3003 14.8169 10.1831C14.6997 10.0658 14.5408 10 14.375 10Z' fill='%23000'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
  }
}

/* Run 6: same ArrowSquareOut icon on tablet and mobile (below 1025px). Revert: delete this block. */
@media (max-width: 1024px) {
  html body.page-id-126 .nw-card .nw-more {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
  }
  html body.page-id-126 .nw-card .nw-more::after {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    background-color: currentColor !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M17.5 8.125C17.5 8.29076 17.4342 8.44973 17.3169 8.56694C17.1997 8.68415 17.0408 8.75 16.875 8.75C16.7092 8.75 16.5503 8.68415 16.4331 8.56694C16.3158 8.44973 16.25 8.29076 16.25 8.125V4.63438L11.068 9.81719C10.9507 9.93446 10.7916 10.0003 10.6258 10.0003C10.4599 10.0003 10.3009 9.93446 10.1836 9.81719C10.0663 9.69991 10.0004 9.54085 10.0004 9.375C10.0004 9.20915 10.0663 9.05009 10.1836 8.93281L15.3656 3.75H11.875C11.7092 3.75 11.5503 3.68415 11.4331 3.56694C11.3158 3.44973 11.25 3.29076 11.25 3.125C11.25 2.95924 11.3158 2.80027 11.4331 2.68306C11.5503 2.56585 11.7092 2.5 11.875 2.5H16.875C17.0408 2.5 17.1997 2.56585 17.3169 2.68306C17.4342 2.80027 17.5 2.95924 17.5 3.125V8.125ZM14.375 10C14.2092 10 14.0503 10.0658 13.9331 10.1831C13.8158 10.3003 13.75 10.4592 13.75 10.625V16.25H3.75V6.25H9.375C9.54076 6.25 9.69973 6.18415 9.81694 6.06694C9.93415 5.94973 10 5.79076 10 5.625C10 5.45924 9.93415 5.30027 9.81694 5.18306C9.69973 5.06585 9.54076 5 9.375 5H3.75C3.41848 5 3.10054 5.1317 2.86612 5.36612C2.6317 5.60054 2.5 5.91848 2.5 6.25V16.25C2.5 16.5815 2.6317 16.8995 2.86612 17.1339C3.10054 17.3683 3.41848 17.5 3.75 17.5H13.75C14.0815 17.5 14.3995 17.3683 14.6339 17.1339C14.8683 16.8995 15 16.5815 15 16.25V10.625C15 10.4592 14.9342 10.3003 14.8169 10.1831C14.6997 10.0658 14.5408 10 14.375 10Z' fill='%23000'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M17.5 8.125C17.5 8.29076 17.4342 8.44973 17.3169 8.56694C17.1997 8.68415 17.0408 8.75 16.875 8.75C16.7092 8.75 16.5503 8.68415 16.4331 8.56694C16.3158 8.44973 16.25 8.29076 16.25 8.125V4.63438L11.068 9.81719C10.9507 9.93446 10.7916 10.0003 10.6258 10.0003C10.4599 10.0003 10.3009 9.93446 10.1836 9.81719C10.0663 9.69991 10.0004 9.54085 10.0004 9.375C10.0004 9.20915 10.0663 9.05009 10.1836 8.93281L15.3656 3.75H11.875C11.7092 3.75 11.5503 3.68415 11.4331 3.56694C11.3158 3.44973 11.25 3.29076 11.25 3.125C11.25 2.95924 11.3158 2.80027 11.4331 2.68306C11.5503 2.56585 11.7092 2.5 11.875 2.5H16.875C17.0408 2.5 17.1997 2.56585 17.3169 2.68306C17.4342 2.80027 17.5 2.95924 17.5 3.125V8.125ZM14.375 10C14.2092 10 14.0503 10.0658 13.9331 10.1831C13.8158 10.3003 13.75 10.4592 13.75 10.625V16.25H3.75V6.25H9.375C9.54076 6.25 9.69973 6.18415 9.81694 6.06694C9.93415 5.94973 10 5.79076 10 5.625C10 5.45924 9.93415 5.30027 9.81694 5.18306C9.69973 5.06585 9.54076 5 9.375 5H3.75C3.41848 5 3.10054 5.1317 2.86612 5.36612C2.6317 5.60054 2.5 5.91848 2.5 6.25V16.25C2.5 16.5815 2.6317 16.8995 2.86612 17.1339C3.10054 17.3683 3.41848 17.5 3.75 17.5H13.75C14.0815 17.5 14.3995 17.3683 14.6339 17.1339C14.8683 16.8995 15 16.5815 15 16.25V10.625C15 10.4592 14.9342 10.3003 14.8169 10.1831C14.6997 10.0658 14.5408 10 14.375 10Z' fill='%23000'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
  }
}

/* Task 5 (Figma 2148:19614 / 2174:27601): single post category chip prefix Góc nhìn / for category nguoi-tre-ket-noi only (chip tct001 in template 1170). Revert: delete this block. */
.ics-cat-nguoi-tre-ket-noi #brxe-tct001::before { content: "G\00F3 c nh\00EC n / "; }


/* Task 2 (Figma I2174:30111 label Tai lieu N: Google Sans Code 14 / 16 lh / 1pct tracking / #797467 underline; spans, no link). Revert: delete this block. */
body.page-id-126 .lib-doc-link { font-family: "Google Sans Code", monospace !important; font-size: 14px !important; line-height: 16px !important; letter-spacing: 0.14px !important; color: #797467 !important; text-decoration: underline !important; }
/* Task 2 pitch: Figma label pitch 32px (16px line + 16px gap). Revert: delete this line. */
body.page-id-126 .lib-doc-link + .lib-doc-link { margin-top: 16px !important; }

/* Task 3 (Figma 2136:3964 Biography: text col x336 w752 in wrap x176 w1088): bio detail paragraph max-width 752 (was 528 at ics-about-fb.css:32). Revert: delete this block. */
html body .ics-bio-single .ics-bio-detail { max-width: 752px !important; }

/* Task 3 (Figma 2136:3964 Biography): on desktop the name, role and links start at the top row like the quote and detail (both columns at frame top +64); photo moved below the links in the left column. Revert: delete this block. */
@media (min-width: 1025px) {
  html body section.ics-bio-single .ics-bio-wrap { grid-template-rows: auto auto auto 1fr auto auto !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-title { grid-row: 1 !important; margin: 0 !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-role { grid-row: 2 !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-links { grid-row: 3 !important; margin: 16px 0 0 !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-photo { grid-row: 6 !important; height: auto !important; aspect-ratio: 224 / 236 !important; margin: 24px 0 0 !important; }
}

/* Task 2 (Figma 2166:25579 Contact List / 2166:25580 Contact address: 1312 wide at x64, Contact Info 416 at x0, content block 752 at x560, row pitch 542 = 486 + 56). Page 132 loop rebuilt in Bricks (ctc001/lkc001/cih001/cbk001/cim001); old grid 9507mu hidden via _hideElementFrontend. Revert: delete this block and unset _hideElementFrontend on 9507mu. */
body.page-id-132 .ics-contact-list { padding: 0 64px; box-sizing: border-box; }
body.page-id-132 .ics-contact-row { display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 144px !important; width: 100% !important; }
body.page-id-132 .ics-contact-info { width: 416px !important; flex: 0 0 416px !important; display: flex; flex-direction: column; gap: 16px; }
body.page-id-132 .ics-contact-photo { width: 752px !important; flex: 0 0 752px !important; }
body.page-id-132 .ics-contact-photo img { display: block; width: 752px !important; max-width: 100% !important; height: 486px !important; object-fit: cover; }
body.page-id-132 .ics-contact-info-line:empty { display: none; }
@media (max-width: 1024px) {
  body.page-id-132 .ics-contact-list { padding: 0 16px; }
  body.page-id-132 .ics-contact-row { flex-direction: column !important; gap: 24px !important; }
  body.page-id-132 .ics-contact-info, body.page-id-132 .ics-contact-photo { width: 100% !important; flex: 1 1 auto !important; }
  body.page-id-132 .ics-contact-photo img { width: 100% !important; height: auto !important; aspect-ratio: 752 / 486; }
}
/* Task 2 pitch: list gap 56px (Figma 542 pitch = 486 row + 56). Revert: delete this line. */
body.page-id-132 .ics-contact-list { display: flex !important; flex-direction: column !important; gap: 56px !important; }

/* Task 4 (Figma 2174:27452 / 2136:3925 '[Tac gia / To chuc]' author slot, left column 224 wide): placeholder author line added to template 1170 (element auth01, dummy). Width 224px. Revert: delete this block and remove auth01 from template 1170 ct0001 children. */
html body .ics-single-author { width: 224px; max-width: 100%; box-sizing: border-box; }

/* Task 1 (Figma 2149:20698 row): tile 64x64 right-aligned = ::after (site torn tile, black only: uploads/2026/11/ics-caret-tile.svg). Chevron 33x18 white = row ::before at right 15.5px, vertical centre = row centre + 1.5px closed (Figma CaretDown 32,33.5) / -1.5px open (CaretUp 32,30.5); files ics-caret-down.svg / ics-caret-up.svg (cropped from acc-toggle svgs). Revert: delete this block. */
body.page-id-126 #lib-pkg .accordion-title-wrapper, body.page-id-126 #lib-faq .accordion-title-wrapper { position: relative !important; }
body.page-id-126 #lib-pkg .accordion-title-wrapper::after, body.page-id-126 #lib-faq .accordion-title-wrapper::after { content: "" !important; display: block !important; position: relative !important; flex: 0 0 64px !important; width: 64px !important; min-width: 64px !important; height: 64px !important; min-height: 64px !important; max-height: 64px !important; opacity: 1 !important; background: url("/wp-content/uploads/2026/11/ics-caret-tile.svg") center / 100% 100% no-repeat !important; -webkit-mask: none !important; mask: none !important; }
body.page-id-126 #lib-pkg .accordion-title-wrapper::before, body.page-id-126 #lib-faq .accordion-title-wrapper::before { content: "" !important; display: block !important; position: absolute !important; right: 15.5px !important; top: 50% !important; margin-top: -7.5px !important; width: 33px !important; height: 18px !important; background: url("/wp-content/uploads/2026/11/ics-caret-down.svg") center / 100% 100% no-repeat !important; }
body.page-id-126 #lib-pkg .brx-open > .accordion-title-wrapper::before, body.page-id-126 #lib-faq .brx-open > .accordion-title-wrapper::before { margin-top: -10.5px !important; background-image: url("/wp-content/uploads/2026/11/ics-caret-up.svg") !important; }

/* Task 4b (Figma Library-single 2174:27444 / 2174:27446 Thong tin tai lieu 224 + Chi tiet 1088 at x176; caption items start at 80px): template 1170 top rebuilt as 2 columns (ics-art-cols > ics-art-left 224 caption: author, meta, kicker, tag; ics-art-right 752: title, excerpt, body). Mobile = single column. Revert: delete this block and restore template 1170 from revision 3348 (ct0001 children before tcw001). */
html body .ics-art-cols { display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 112px !important; width: 1088px !important; max-width: 100% !important; margin: 0 auto !important; box-sizing: border-box; }
html body .ics-art-left { flex: 0 0 224px !important; width: 224px !important; padding-top: 80px !important; display: flex !important; flex-direction: column !important; gap: 8px !important; box-sizing: border-box; }
html body .ics-art-right { flex: 0 0 752px !important; width: 752px !important; max-width: 100% !important; box-sizing: border-box; }
html body .ics-art-right img { width: 100% !important; }
@media (max-width: 1024px) {
  html body .ics-art-cols { flex-direction: column !important; gap: 24px !important; width: 100% !important; }
  html body .ics-art-left, html body .ics-art-right { width: 100% !important; flex: 1 1 auto !important; padding-top: 0 !important; }
}
/* Run 7 (owner: ALL CARDS, remove textured torn border): card paper = plain rounded rectangle, the inverse torn overlay is switched off. Cards only (not photos, not buttons, not bands). Revert: delete this block. */
html body :is(.ics-torn-card, .nw-card, .ev-card, .ics-card, .ics-flip, .ics-flip__front, .ics-flip__back)::before {
  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  border-radius: 8px !important;
  clip-path: none !important;
}
html body :is(.ics-torn-card, .nw-card, .ev-card, .ics-card, .ics-flip, .ics-flip__front, .ics-flip__back)::after {
  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  background: transparent !important;
  background-image: none !important;
}
/* Run 7b: form card (mask on the element itself) is a plain rounded rectangle too. Revert: delete this block. */
html body .ics-torn-card:not(.nw-card):not(.ev-card) {
  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  border-radius: 8px !important;
}
/* Run 8 (owner: remove tear from these cards too, everywhere): the white text card of the feature rows (Hoat dong) on tablet and mobile is a plain rounded rectangle. Revert: delete this block. */
html body section.ics-frow .ics-frow__txt::before,
html body section.ics-frow--left .ics-frow__txt::before,
html body section.ics-frow--right .ics-frow__txt::before {
  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  border-radius: 8px !important;
}
/* Run 9 (owner: hand illustration under the photo): home hero group d, the blue hand and the pink burst sit BEHIND the photo. Revert: delete this block. */
html body #hero-grp-d #hc-710-4354,
html body #hero-grp-d #dl-pink {
  z-index: 0 !important;
}
html body #hero-grp-d #hc-690-4591 {
  z-index: 1 !important;
}
/* Run 9b: same, with the specificity of the hero rules (ics-home-hero.css uses 4 ids). Revert: delete this block and Run 9. */
:root:root:root body #ics-hero #ics-hero-stage#ics-hero-stage #hero-grp-d#hero-grp-d #hc-710-4354#hc-710-4354,
:root:root:root body #ics-hero #ics-hero-stage#ics-hero-stage #hero-grp-d#hero-grp-d #dl-pink#dl-pink {
  z-index: 0 !important;
}
:root:root:root body #ics-hero #ics-hero-stage#ics-hero-stage #hero-grp-d#hero-grp-d #hc-690-4591#hc-690-4591 {
  z-index: 1 !important;
}
/* Run 10 (owner: hero labels must stick to their group on big screens): Bricks gives the group-c photo margin-left 75px and the Cong-Ly label margin-top 20px (fixed px) while the labels are placed in percent of the group, so the gap grows on wide screens. Same values at 1440 expressed as percent of the group width. Revert: delete this block. */
:root:root:root body #ics-hero #ics-hero-stage#ics-hero-stage #hero-grp-c #hc-693-4635 {
  margin-left: 13.636% !important;
}
:root:root:root body #ics-hero #ics-hero-stage#ics-hero-stage #hero-grp-a #hc-693-4664 {
  margin-top: 3.64% !important;
}
/* Run 12 (owner: center the advisor cards): between 961px and 1439px the grid keeps 3 columns of the card width but holds only 2 cards, so they sat on the left. Same column width, two tracks, centred. Revert: delete this block. */
@media (min-width: 961px) and (max-width: 1439px) {
  html body #ab-adv-grid#ab-adv-grid {
    grid-template-columns: repeat(2, calc((100% - 32px) / 3)) !important;
    justify-content: center !important;
  }
}
/* Run 13 (owner: excerpt missing on the annual report cards of the About page): the new excerpt line under the card title, 2 lines max. Revert: delete this block and restore post 121 from revision 3349 (backup meta-121.ser). */
html body .nw-card .ab-card-desc {
  margin: 8px 0 0 !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: var(--neutral-700, #49453e) !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}
/* Run 14 (owner: date label of the timeline cards on the About page must fit its content, not stretch). The tag is absolutely placed with left and right insets, so it spans the card; release the right inset and let it hug the text. Revert: delete this block. */
:root:root:root body span.ics-tag[id^="ms-"][id$="-tag"] {
  right: auto !important;
  width: fit-content !important;
  max-width: max-content !important;
  white-space: nowrap !important;
}

/* Run 4 (p-bio): Our People single (template 705) rebuilt on the Library single sidebar pattern. Desktop: wrap grid 224 side, 112 gap, 752 main (1088 total at 1440; Figma 2136:3964). Overrides the Task 3 grid-template-rows and order rules above. Revert: restore this file from the p-bio backup dir. */
@media (min-width: 1025px) {
  html body section.ics-bio-single .ics-bio-wrap {
    display: grid !important;
    grid-template-columns: 224px minmax(0, 752px) !important;
    grid-template-rows: none !important;
    column-gap: 112px !important;
    row-gap: 0 !important;
    align-items: start !important;
    justify-content: start !important;
    width: 100% !important;
    max-width: 1088px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-back { grid-column: 1 / -1 !important; grid-row: auto !important; order: 0 !important; margin: 0 0 24px !important; justify-self: start !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-title { grid-column: 1 / -1 !important; grid-row: auto !important; order: 0 !important; margin: 0 0 16px !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-role { grid-column: 1 / -1 !important; grid-row: auto !important; order: 0 !important; margin: 0 0 96px !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-side { grid-column: 1 !important; grid-row: auto !important; order: 0 !important; margin: 0 !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-main { grid-column: 2 !important; grid-row: auto !important; order: 0 !important; margin: 0 !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-divider-bottom { grid-column: 1 / -1 !important; grid-row: auto !important; order: 0 !important; height: 1px !important; background: #e5e2dc !important; margin: 64px 0 24px !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-bottom-back { grid-column: 1 / -1 !important; grid-row: auto !important; order: 0 !important; margin: 0 !important; justify-self: start !important; }
}
html body .ics-bio-side { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 224px !important; max-width: 100% !important; box-sizing: border-box !important; }
html body .ics-bio-photo-box { position: relative !important; width: 224px !important; height: 236px !important; max-width: 100% !important; overflow: hidden !important; background: #fff5a1 !important; }
html body .ics-bio-photo-box img, html body img.ics-bio-photo { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; margin: 0 !important; }
html body .ics-bio-side-name { font-family: 'EB Garamond', Georgia, serif; font-weight: 500; font-size: 24px; line-height: 28px; letter-spacing: -0.12px; color: #302f29; margin: 16px 0 0 !important; }
html body .ics-bio-side-org { font-family: 'EB Garamond', Georgia, serif; font-size: 16px; line-height: 24px; color: #797467; margin: 0 !important; }
html body .ics-bio-side-org:empty { display: none !important; }
html body .ics-bio-side .ics-bio-divider { width: 100% !important; height: 1px !important; background: #afaba4 !important; margin: 12px 0 16px !important; }
html body .ics-bio-side-info { font-family: Inter, system-ui, sans-serif; font-size: 12px; line-height: 16px; color: #797467; margin: 0 0 16px !important; }
html body .ics-bio-side .ics-bio-links { margin: 8px 0 0 !important; }
html body .ics-bio-main { display: flex !important; flex-direction: column !important; gap: 48px !important; width: 100% !important; max-width: 752px !important; box-sizing: border-box !important; }
html body .ics-bio-bottom-back { font-family: Inter, system-ui, sans-serif; font-size: 14px; line-height: 16px; color: #000; text-decoration: underline; }
@media (max-width: 1024px) {
  html body section.ics-bio-single { padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box !important; }
  html body section.ics-bio-single .ics-bio-wrap { display: flex !important; flex-direction: column !important; grid-template-columns: none !important; grid-template-rows: none !important; column-gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; box-sizing: border-box !important; }
  html body section.ics-bio-single .ics-bio-wrap > * { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; grid-column: auto !important; grid-row: auto !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-back { order: 1 !important; margin: 0 0 24px !important; width: auto !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-title { order: 2 !important; margin: 0 0 12px !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-role { order: 3 !important; margin: 0 0 32px !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-side { order: 4 !important; margin: 0 0 40px !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-main { order: 5 !important; margin: 0 !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-divider-bottom { order: 6 !important; height: 1px !important; background: #e5e2dc !important; margin: 48px 0 24px !important; }
  html body section.ics-bio-single .ics-bio-wrap > .ics-bio-bottom-back { order: 7 !important; width: auto !important; }
  html body .ics-bio-side { width: 100% !important; align-items: flex-start !important; }
  html body .ics-bio-photo-box { width: 100% !important; max-width: 320px !important; height: auto !important; aspect-ratio: 224 / 236 !important; }
  html body .ics-bio-main { gap: 32px !important; max-width: 100% !important; }
}
 /* p-member 2026-11-12: member card per Figma 2136:9185 (tile 304x320 r8 top; info panel 304x120 torn deckle edge with 5px overhang per side; text inset 24px). Back = cream text panel in tile area + same info panel below. Torn mask only on nw-cb. */ :root:root:root body :is(#ab-team-grid#ab-team-grid, #ab-adv-grid#ab-adv-grid) .ics-member .ics-flip__media { border-radius: 8px 8px 0 0 !important; overflow: hidden !important; } :root:root:root body :is(#ab-team-grid#ab-team-grid, #ab-adv-grid#ab-adv-grid) .ics-member .nw-cb.nw-cb { box-sizing: border-box !important; background: #fff !important; width: calc(100% + 10px) !important; margin: 0 -5px !important; padding: 24px 29px !important; -webkit-mask: url(/wp-content/uploads/ics-torn/card-torn-mask-a-r2.svg) center / 100% 100% no-repeat !important; mask: url(/wp-content/uploads/ics-torn/card-torn-mask-a-r2.svg) center / 100% 100% no-repeat !important; } :root:root:root body :is(#ab-team-grid#ab-team-grid, #ab-adv-grid#ab-adv-grid) .ics-member:nth-child(3n+2) .nw-cb.nw-cb { -webkit-mask: url(/wp-content/uploads/ics-torn/card-torn-mask-b-r2.svg) center / 100% 100% no-repeat !important; mask: url(/wp-content/uploads/ics-torn/card-torn-mask-b-r2.svg) center / 100% 100% no-repeat !important; } :root:root:root body :is(#ab-team-grid#ab-team-grid, #ab-adv-grid#ab-adv-grid) .ics-member:nth-child(3n+3) .nw-cb.nw-cb { -webkit-mask: url(/wp-content/uploads/ics-torn/card-torn-mask-c-r2.svg) center / 100% 100% no-repeat !important; mask: url(/wp-content/uploads/ics-torn/card-torn-mask-c-r2.svg) center / 100% 100% no-repeat !important; } :root:root:root body :is(#ab-team-grid#ab-team-grid, #ab-adv-grid#ab-adv-grid) .ics-member .ics-flip__panel { flex: none !important; box-sizing: border-box !important; height: 320px !important; min-height: 0 !important; margin: 0 !important; padding: 12px 24px !important; background: #fffdf0 !important; border-radius: 8px 8px 0 0 !important; overflow: hidden !important; } :root:root:root body :is(#ab-team-grid#ab-team-grid, #ab-adv-grid#ab-adv-grid) .ics-member .ics-flip__panel .ics-flip__text { font-family: Inter, system-ui, sans-serif !important; font-size: 16px !important; line-height: 24px !important; color: #302f29 !important; letter-spacing: -0.08px !important; } :root:root:root body :is(#ab-team-grid#ab-team-grid, #ab-adv-grid#ab-adv-grid) .ics-member .ics-flip__nb { position: absolute !important; left: 24px !important; right: 24px !important; bottom: 132px !important; margin: 0 !important; padding: 0 !important; }/* Run 14b: same with id selectors (other rules use ids). Revert: delete Run 14 and 14b. */
html body #ms-1-tag#ms-1-tag#ms-1-tag, html body #ms-2-tag#ms-2-tag#ms-2-tag, html body #ms-3-tag#ms-3-tag#ms-3-tag, html body #ms-4-tag#ms-4-tag#ms-4-tag, html body #ms-5-tag#ms-5-tag#ms-5-tag {
  right: auto !important;
  width: fit-content !important;
  max-width: max-content !important;
  white-space: nowrap !important;
}
 /* p-member 2026-11-12 (fix): drop max-width cap so the 5px overhang shows. */ :root:root:root body :is(#ab-team-grid#ab-team-grid, #ab-adv-grid#ab-adv-grid) .ics-member .nw-cb.nw-cb { max-width: none !important; }
/* Run 16: the old text hero instance of page 133 (element mia3cy) is hidden by id because the native hide flag has no effect on a component instance; the new hero (mhro01) uses the About hero defaults, no position overrides. */
html body.page-id-133 section.ics-hero.ics-hero--text.ics-hero-c { display: none !important; }