.p-knowledge-center {
    --knowledge-navy: #04324c;
    --knowledge-blue: #006fa8;
    --knowledge-light-blue: #eaf7ff;
    --knowledge-gold: #fdd100;
    --knowledge-muted: #64747b;
    background: linear-gradient(180deg, #ffffff 0%, #f8fcff 40%, #ffffff 100%);
    color: var(--knowledge-navy);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.p-knowledge-hero {
    position: relative;
    overflow: hidden;
    padding: clamp(2.85rem, 4.8vw, 4.35rem) 0 clamp(2.05rem, 3.45vw, 2.85rem);
}

.p-knowledge-hero::before {
    position: absolute;
    inset: 7% auto auto 53%;
    width: min(38rem, 48vw);
    height: min(38rem, 48vw);
    border-radius: 999px;
    background: radial-gradient(circle, rgb(0 111 168 / 7%) 0%, rgb(0 111 168 / 0%) 70%);
    content: "";
    pointer-events: none;
    transform: translateX(-6%);
}

.p-knowledge-hero__grid {
    position: relative;
    display: grid;
    min-height: clamp(29rem, 36vw, 33.25rem);
    align-items: center;
    gap: clamp(2.35rem, 4.6vw, 4.15rem);
}

.p-knowledge-hero__content {
    display: grid;
    gap: clamp(0.95rem, 1.42vw, 1.22rem);
    max-width: 36rem;
}

.p-knowledge-hero__eyebrow {
    margin: 0;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    line-height: 1;
    text-transform: uppercase;
}

.p-knowledge-hero h1 {
    max-width: min(35rem, 100%);
    margin: 0;
    color: var(--knowledge-navy);
    font-family: inherit;
    font-size: clamp(2.45rem, 3.3vw, 3.12rem);
    font-weight: 850;
    line-height: 1.02;
    letter-spacing: -0.05em;
}

.p-knowledge-hero__title span,
.p-knowledge-hero__lead span {
    display: block;
}

.p-knowledge-hero__lead {
    max-width: 33.5rem;
    margin: -0.55rem 0 0;
    color: rgb(68 87 100 / 84%);
    font-size: clamp(0.98rem, 1.08vw, 1.06rem);
    line-height: 1.72;
}
.p-knowledge-search {
    position: relative;
    z-index: 5;
    display: grid;
    width: 100%;
    max-width: 34.5rem;
    margin-top: clamp(0.18rem, 0.5vw, 0.42rem);
    gap: 0.72rem;
}

.p-knowledge-search__form {
    position: relative;
    display: grid;
    grid-template-columns: 2.82rem minmax(0, 1fr) 2.85rem;
    min-height: 4.25rem;
    align-items: center;
    border: 1px solid rgb(0 111 168 / 10%);
    border-radius: 1.02rem;
    background: rgb(255 255 255 / 97%);
    box-shadow: 0 0.95rem 2.25rem rgb(4 50 76 / 8%);
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.p-knowledge-search__form:focus-within {
    border-color: rgb(253 209 0 / 54%);
    box-shadow: 0 1.05rem 2.45rem rgb(4 50 76 / 11%);
}
.p-knowledge-search__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--knowledge-blue);
}

.p-knowledge-search__icon svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: none;
    stroke: currentcolor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.p-knowledge-search__input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--knowledge-navy);
    font: inherit;
    font-size: 1rem;
    font-weight: 650;
}

.p-knowledge-search__input::placeholder {
    color: rgb(64 86 96 / 74%);
    opacity: 1;
    transition: opacity 180ms ease;
}

.p-knowledge-search__input.is-placeholder-fading::placeholder {
    opacity: 0;
}

.p-knowledge-search__clear {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    background: rgb(0 111 168 / 8%);
    color: var(--knowledge-blue);
    cursor: pointer;
    font-size: 1.3rem;
    line-height: 1;
}

.p-knowledge-search__panel {
    position: absolute;
    top: calc(100% + 0.75rem);
    right: 0;
    left: 0;
    z-index: 20;
    display: grid;
    gap: clamp(1.1rem, 2vw, 1.65rem);
    padding: 1rem;
    border: 1px solid rgb(0 111 168 / 13%);
    border-radius: 1.25rem;
    background: #fff;
    box-shadow: 0 1.4rem 3.5rem rgb(4 50 76 / 15%);
    opacity: 1;
    transform: translateY(0);
    transition: opacity 180ms ease, transform 180ms ease;
}

.p-knowledge-search__panel[hidden] {
    display: none;
}

.p-knowledge-search__panel-heading {
    color: var(--knowledge-navy);
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.p-knowledge-search__quick-list,
.p-knowledge-trending__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.p-knowledge-search__results {
    display: grid;
    gap: 0.5rem;
}

.p-knowledge-search__panel.is-result-mode .p-knowledge-search__results {
    order: 1;
}

.p-knowledge-search__panel.is-result-mode .p-knowledge-search__quick-list {
    order: 2;
}

.p-knowledge-search__result {
    display: grid;
    gap: 0.2rem;
    padding: 0.8rem 0.85rem;
    border: 1px solid rgb(0 111 168 / 10%);
    border-radius: 0.875rem;
    color: inherit;
    text-decoration: none;
    transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.p-knowledge-search__result:hover,
.p-knowledge-search__result:focus-visible,
.p-knowledge-search__result.is-active {
    border-color: rgb(253 209 0 / 58%);
    background: #f8fcff;
    outline: 0;
    transform: translateY(-1px);
}

.p-knowledge-search__result-title {
    color: var(--knowledge-navy);
    font-weight: 800;
}

.p-knowledge-search__result-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    color: var(--knowledge-muted);
    font-size: 0.82rem;
}

.p-knowledge-search__result-type {
    color: var(--knowledge-blue);
    font-weight: 800;
}

.p-knowledge-search__empty {
    margin: 0;
    color: var(--knowledge-muted);
    line-height: 1.6;
}

.p-knowledge-trending {
    display: grid;
    max-width: 42.5rem;
    gap: 0.58rem;
    margin-top: 0.05rem;
}

.p-knowledge-trending > span {
    color: var(--knowledge-navy);
    font-size: 0.86rem;
    font-weight: 800;
}

.p-knowledge-pill,
.p-knowledge-category__chip {
    display: inline-flex;
    min-height: 2.25rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(0 111 168 / 15%);
    border-radius: 999px;
    background: rgb(255 255 255 / 82%);
    color: var(--knowledge-navy);
    cursor: pointer;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 750;
    line-height: 1;
    text-decoration: none;
    transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
    white-space: nowrap;
}

.p-knowledge-pill {
    padding: 0.58rem 0.82rem;
}

.p-knowledge-category__chip {
    padding: 0.75rem 1rem;
}

.p-knowledge-pill:hover,
.p-knowledge-pill:focus-visible,
.p-knowledge-category__chip:hover,
.p-knowledge-category__chip:focus-visible,
.p-knowledge-category__chip.is-active {
    border-color: rgb(253 209 0 / 64%);
    background: #fffdf0;
    box-shadow: 0 0.55rem 1.35rem rgb(4 50 76 / 7%);
    color: var(--knowledge-navy);
    outline: 0;
    transform: translateY(-1px);
}

.p-knowledge-hero__visual {
    display: none;
}

.p-knowledge-network {
    --orbit-duration: 46s;
    --orbit-radius: clamp(11.9rem, 17.65vw, 16rem);
    --orbit-card-width: clamp(9.45rem, 12.3vw, 11.55rem);
    position: relative;
    width: min(39rem, 100%);
    min-height: clamp(26.5rem, 34.5vw, 32rem);
    margin-inline: auto;
    overflow: visible;
    isolation: isolate;
}

.p-knowledge-network__orbit-stage {
    position: absolute;
    inset: 0;
    z-index: 1;
    transform-origin: 50% 50%;
    animation: knowledgeOrbitCounterClockwise var(--orbit-duration) linear infinite;
}

.p-knowledge-network::before,
.p-knowledge-network::after,
.p-knowledge-network__orbit {
    position: absolute;
    z-index: 0;
    border: 1px dashed rgb(0 111 168 / 19%);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.p-knowledge-network::before {
    inset: 8% 7%;
    border-color: rgb(0 111 168 / 16%);
}

.p-knowledge-network::after {
    inset: 18% 16%;
    border-color: rgb(0 111 168 / 10%);
}

.p-knowledge-network__orbit--one {
    inset: 8% 7%;
}

.p-knowledge-network__orbit--two {
    inset: 18% 16%;
    transform: rotate(18deg);
}

.p-knowledge-network__dot {
    position: absolute;
    z-index: 2;
    width: 0.58rem;
    aspect-ratio: 1;
    border: 2px solid #1679d8;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0 0.32rem rgb(22 121 216 / 7%);
    transform: translate(-50%, -50%);
}

.p-knowledge-network__dot--one { top: 8%; left: 50%; }
.p-knowledge-network__dot--two { top: 29%; left: 84%; }
.p-knowledge-network__dot--three { top: 72%; left: 84%; }
.p-knowledge-network__dot--four { top: 92%; left: 50%; }
.p-knowledge-network__dot--five { top: 72%; left: 16%; }
.p-knowledge-network__dot--six { top: 29%; left: 16%; }

.p-knowledge-network__core {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    display: grid;
    width: clamp(7.15rem, 10.4vw, 8.95rem);
    aspect-ratio: 1;
    place-items: center;
    border: 1px solid rgb(0 111 168 / 8%);
    border-radius: 1.28rem;
    background: linear-gradient(145deg, #ffffff 0%, #ffffff 58%, #f4fbff 100%);
    box-shadow: 0 1.15rem 2.4rem rgb(4 50 76 / 12%), inset 0 1px 0 rgb(255 255 255 / 90%);
    color: #146ed7;
    isolation: isolate;
    transform: translate(-50%, -50%);
}

.p-knowledge-network__core::before {
    position: absolute;
    inset: -1.45rem;
    z-index: -1;
    border-radius: 1.8rem;
    background: radial-gradient(circle, rgb(0 143 215 / 22%) 0%, rgb(0 143 215 / 9%) 42%, transparent 70%);
    content: "";
    filter: blur(0.22rem);
    opacity: 0.42;
    animation: knowledgeCenterGlow 7s ease-in-out infinite;
}

.p-knowledge-network__core::after {
    position: absolute;
    inset: 0.55rem;
    z-index: 0;
    border-radius: 0.95rem;
    background: linear-gradient(145deg, rgb(255 255 255 / 52%), rgb(255 255 255 / 0%) 58%);
    content: "";
    pointer-events: none;
}
.p-knowledge-network__core img {
    position: relative;
    z-index: 1;
    display: block;
    width: 82%;
    height: 82%;
    object-fit: contain;
    filter: drop-shadow(0 0.34rem 0.58rem rgb(4 50 76 / 8%));
}
.p-knowledge-network__card {
    --angle: 0deg;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    width: var(--orbit-card-width);
    transform: translate(-50%, -50%) rotate(var(--angle)) translateX(calc(var(--orbit-radius) + var(--orbit-radius-shift, 0rem))) translate(var(--orbit-nudge-x, 0rem), var(--orbit-nudge-y, 0rem));
    transform-origin: center;
}

.p-knowledge-network__card-inner {
    display: grid;
    grid-template-columns: 1.95rem minmax(0, 1fr);
    align-items: center;
    column-gap: 0.62rem;
    padding: 0.72rem 0.82rem;
    border: 1px solid rgb(0 111 168 / 9%);
    border-radius: 0.9rem;
    background: rgb(255 255 255 / 96%);
    box-shadow: 0 0.78rem 1.95rem rgb(4 50 76 / 9%);
    transform: rotate(calc(-1 * var(--angle)));
    animation: knowledgeCardUpright var(--orbit-duration) linear infinite;
    will-change: transform;
}

.p-knowledge-network__card-inner span {
    grid-row: span 2;
    display: grid;
    width: 2.05rem;
    aspect-ratio: 1;
    place-items: center;
    border-radius: 0.68rem;
    background: rgb(0 111 168 / 8%);
    color: #146ed7;
}

.p-knowledge-network__card-inner svg {
    width: 1.08rem;
    height: 1.08rem;
    fill: none;
    stroke: currentcolor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.25;
}

.p-knowledge-network__card-inner strong {
    overflow: hidden;
    color: var(--knowledge-navy);
    font-size: clamp(0.86rem, 0.95vw, 0.96rem);
    font-weight: 850;
    letter-spacing: -0.02em;
    line-height: 1.12;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p-knowledge-network__card-inner small {
    overflow: hidden;
    color: rgb(68 87 100 / 84%);
    font-size: 0.64rem;
    font-weight: 650;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p-knowledge-network__card--bpom { --angle: 126deg; --orbit-radius-shift: 0.05rem; --orbit-nudge-x: -0.55rem; --orbit-nudge-y: 0.22rem; }
.p-knowledge-network__card--formula { --angle: 181deg; --orbit-radius-shift: -0.12rem; --orbit-nudge-x: -0.3rem; --orbit-nudge-y: -0.05rem; }
.p-knowledge-network__card--halal { --angle: -118deg; --orbit-radius-shift: 0.08rem; --orbit-nudge-x: -0.18rem; --orbit-nudge-y: -0.5rem; }
.p-knowledge-network__card--packaging { --angle: -56deg; --orbit-radius-shift: -0.05rem; --orbit-nudge-x: 0.52rem; --orbit-nudge-y: -0.34rem; }
.p-knowledge-network__card--timeline { --angle: 1deg; --orbit-radius-shift: 0.15rem; --orbit-nudge-x: 0.42rem; --orbit-nudge-y: 0.02rem; }
.p-knowledge-network__card--moq { --angle: 57deg; --orbit-radius-shift: -0.04rem; --orbit-nudge-x: 0.4rem; --orbit-nudge-y: 0.42rem; }
.p-knowledge-category {
    padding: clamp(0rem, 0.18vw, 0.18rem) 0 clamp(4rem, 7vw, 6rem);
}

.p-knowledge-category__heading {
    display: grid;
    max-width: 48rem;
    gap: 0.55rem;
    margin-bottom: 1.35rem;
}

.p-knowledge-category__heading h2 {
    margin: 0;
    color: var(--knowledge-navy);
    font-family: inherit;
    font-size: clamp(2rem, 4vw, 3.4rem);
    font-weight: 850;
    line-height: 1;
    letter-spacing: -0.05em;
}

.p-knowledge-category__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.p-knowledge-start {
    position: relative;
    overflow: hidden;
    padding: clamp(3rem, 4.6vw, 4.25rem) 0 clamp(1.2rem, 2.2vw, 1.9rem);
    background: linear-gradient(135deg, #ffffff 0%, #f7fbff 42%, #e9f4ff 100%);
}

.p-knowledge-start::before {
    position: absolute;
    inset: -20% -12% auto auto;
    width: min(56rem, 62vw);
    height: min(36rem, 40vw);
    border-radius: 0 0 0 999px;
    background: radial-gradient(circle at 62% 28%, rgb(33 104 216 / 20%) 0%, rgb(33 104 216 / 8%) 42%, transparent 72%);
    content: "";
    pointer-events: none;
}

.p-knowledge-start::after {
    position: absolute;
    right: -12%;
    bottom: -44%;
    width: 82%;
    height: 48%;
    border-radius: 50% 0 0 0;
    background: rgb(255 255 255 / 86%);
    content: "";
    pointer-events: none;
}

.p-knowledge-start__grid {
    position: relative;
    z-index: 1;
    display: grid;
    align-items: center;
    gap: clamp(2rem, 5vw, 5.4rem);
}

.p-knowledge-start__eyebrow {
    margin: 0;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    line-height: 1;
    text-transform: uppercase;
}

.p-knowledge-start__content {
    display: grid;
    max-width: 35rem;
    gap: 1rem;
}

.p-knowledge-start__content h2 {
    max-width: min(35rem, 100%);
    margin: 0;
    color: var(--knowledge-navy);
    font-family: inherit;
    font-size: clamp(2.45rem, 3.3vw, 3.12rem);
    font-weight: 850;
    line-height: 1.02;
    letter-spacing: -0.05em;
}

.p-knowledge-start__content > p:not(.c-eyebrow) {
    max-width: 33.5rem;
    margin: 0;
    color: rgb(68 87 100 / 84%);
    font-size: clamp(0.98rem, 1.08vw, 1.06rem);
    line-height: 1.72;
}

.p-knowledge-start__visual {
    display: none;
}

.p-learning-journey {
    position: relative;
    min-height: clamp(22rem, 28vw, 27rem);
    isolation: isolate;
}

.p-learning-journey__glow,
.p-learning-journey__path {
    z-index: 1;
    border: 1px solid rgb(255 255 255 / 72%);
    box-shadow: inset 0 0 0 1px rgb(0 111 168 / 10%), 0 0 0 1px rgb(255 255 255 / 44%);
    transform: rotate(-8deg);
}

.p-learning-journey__glow {
    z-index: 0;
    background: radial-gradient(circle at 55% 60%, rgb(253 209 0 / 26%) 0%, rgb(0 111 168 / 14%) 38%, transparent 72%);
    filter: blur(0.65rem);
}

.p-learning-journey__path {
    z-index: 1;
    border: 1px solid rgb(255 255 255 / 72%);
    box-shadow: inset 0 0 0 1px rgb(0 111 168 / 10%), 0 0 0 1px rgb(255 255 255 / 44%);
    transform: rotate(-8deg);
}

.p-learning-journey__route {
    position: absolute;
    top: 31%;
    left: 47%;
    z-index: 5;
    width: 24%;
    height: 43%;
    border-right: 0.28rem solid rgb(253 209 0 / 78%);
    border-bottom: 0.28rem solid rgb(253 209 0 / 72%);
    border-radius: 0 999px 999px 0;
    filter: drop-shadow(0 0.45rem 0.95rem rgb(253 209 0 / 32%));
    transform: rotate(10deg);
    pointer-events: none;
}

.p-learning-journey__route::before {
    position: absolute;
    top: -0.7rem;
    right: -0.72rem;
    width: 1.45rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 1.15rem rgb(255 255 255 / 82%), 0 0 1.5rem rgb(253 209 0 / 50%);
    content: "";
}

.p-learning-journey__spark {
    position: absolute;
    z-index: 6;
    width: 0.42rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0.9rem rgb(255 255 255 / 88%), 0 0 1.35rem rgb(253 209 0 / 42%);
    pointer-events: none;
}

.p-learning-journey__spark--one { top: 17%; left: 45%; }
.p-learning-journey__spark--two { top: 24%; right: 23%; }
.p-learning-journey__spark--three { right: 15%; bottom: 33%; }
.p-learning-journey__book {
    position: absolute;
    right: 8%;
    bottom: 5%;
    z-index: 3;
    width: min(31rem, 78%);
    height: 10rem;
    filter: drop-shadow(0 1.35rem 1.9rem rgb(4 50 76 / 16%));
    transform: perspective(32rem) rotateX(58deg) rotateZ(-4deg);
    transform-origin: center bottom;
}

.p-learning-journey__page {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 52%;
    border: 1px solid rgb(0 111 168 / 8%);
    background: repeating-linear-gradient(180deg, rgb(255 255 255 / 96%) 0 0.68rem, rgb(239 247 255 / 78%) 0.74rem 0.78rem), linear-gradient(160deg, #ffffff 0%, #f5fbff 72%);
    box-shadow: 0 1rem 2rem rgb(4 50 76 / 10%);
}

.p-learning-journey__page--left {
    left: 0;
    border-radius: 1.2rem 0.35rem 1rem 1.2rem;
    border-bottom: 0.22rem solid rgb(4 50 76 / 38%);
    transform: skewY(-8deg);
}

.p-learning-journey__page--right {
    right: 0;
    border-radius: 0.35rem 1.2rem 1.2rem 1rem;
    border-bottom: 0.22rem solid rgb(253 209 0 / 66%);
    transform: skewY(8deg);
}

.p-learning-journey__pin,
.p-learning-journey__badge {
    width: clamp(4.45rem, 6.4vw, 5.75rem);
    border-radius: 1.08rem;
}

.p-learning-journey__pin {
    top: 0;
    left: 58%;
    width: clamp(5.2rem, 7.4vw, 6.7rem);
    border-radius: 1.55rem;
    background: linear-gradient(145deg, #0a2fb8, #0877db);
    color: #fff;
    transform: translate(-50%, 0);
}

.p-learning-journey__badge {
    width: clamp(4.45rem, 6.4vw, 5.75rem);
    border-radius: 1.08rem;
}

.p-learning-journey__pin svg,
.p-learning-journey__badge svg {
    width: 52%;
    height: 52%;
    fill: none;
    stroke: currentcolor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
}

.p-learning-journey__badge--one { top: 17%; left: 25%; }
.p-learning-journey__badge--two { top: 22%; right: 6%; }
.p-learning-journey__badge--three { right: 10%; bottom: 12%; }

.p-knowledge-learning {
    position: relative;
    overflow: hidden;
    padding: clamp(1.2rem, 2.1vw, 2rem) 0 clamp(4.6rem, 7.8vw, 6.8rem);
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

.p-knowledge-learning::before {
    position: absolute;
    inset: 18% auto auto -12%;
    width: 32rem;
    height: 32rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgb(0 111 168 / 10%) 0%, transparent 68%);
    content: "";
    pointer-events: none;
}

.p-knowledge-learning::after {
    position: absolute;
    right: 2rem;
    bottom: 4rem;
    width: 9rem;
    height: 9rem;
    background-image: radial-gradient(rgb(0 111 168 / 18%) 1px, transparent 1px);
    background-size: 0.65rem 0.65rem;
    content: "";
    opacity: 0.36;
    pointer-events: none;
}

.p-knowledge-learning__heading {
    display: grid;
    grid-template-columns: minmax(2rem, 1fr) auto minmax(2rem, 1fr);
    align-items: center;
    gap: 1rem;
    max-width: 46rem;
    margin: 0 auto clamp(1.8rem, 3vw, 2.5rem);
    text-align: center;
}

.p-knowledge-learning__heading span {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgb(253 209 0 / 64%), transparent);
}

.p-knowledge-learning__heading p {
    margin: 0;
    color: var(--knowledge-blue);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    line-height: 1;
    text-transform: uppercase;
}

.p-knowledge-learning__grid {
    position: relative;
    z-index: 1;
    display: grid;
    gap: clamp(1.4rem, 2.4vw, 2.35rem);
}

.c-card--learning-journey {
    position: relative;
    min-height: 23.2rem;
    padding: clamp(1.55rem, 2.15vw, 1.95rem);
    overflow: visible;
    flex-direction: column;
    align-items: center;
    border: 1px solid rgb(253 209 0 / 42%);
    border-radius: 1.35rem;
    background: radial-gradient(circle at 50% 20%, rgb(0 111 168 / 8%) 0%, transparent 35%), linear-gradient(180deg, rgb(255 255 255 / 98%), rgb(255 255 255 / 94%));
    box-shadow: 0 1.35rem 3.3rem rgb(4 50 76 / 10%);
    text-align: center;
}

.c-card--learning-journey::before {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-image: radial-gradient(rgb(253 209 0 / 36%) 1px, transparent 1px);
    background-position: 16% 28%;
    background-size: 2.1rem 2.1rem;
    content: "";
    opacity: 0.45;
    pointer-events: none;
}

.p-knowledge-learning-card:first-child::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 4.9rem;
    height: 4.9rem;
    border-radius: 0 1.35rem 0 100%;
    background: linear-gradient(135deg, transparent 0 49%, rgb(185 132 0 / 96%) 50%, rgb(253 209 0 / 92%) 100%);
    box-shadow: -0.45rem 0.45rem 1.25rem rgb(253 209 0 / 18%);
    content: "";
    pointer-events: none;
}

@media (min-width: 64rem) {
    .p-knowledge-learning-card + .p-knowledge-learning-card::after {
        position: absolute;
        top: 50%;
        left: calc(-1 * clamp(1.4rem, 2.4vw, 2.35rem) / 2);
        z-index: 3;
        display: grid;
        width: 2.6rem;
        aspect-ratio: 1;
        place-items: center;
        border: 1px solid rgb(253 209 0 / 72%);
        border-radius: 999px;
        background: linear-gradient(145deg, #d7a000, #fdd100);
        box-shadow: 0 0.8rem 1.4rem rgb(185 132 0 / 18%);
        color: #fff;
        content: ">";
        font-size: 1.05rem;
        font-weight: 900;
        line-height: 1;
        transform: translate(-50%, -50%);
    }
}

.c-card--learning-journey:hover,
.c-card--learning-journey:focus-within {
    border-color: rgb(253 209 0 / 74%);
    box-shadow: 0 1.65rem 3.7rem rgb(4 50 76 / 15%);
    transform: translateY(-2px);
}

.p-knowledge-learning-card__number {
    align-self: flex-start;
    color: #b88900;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    line-height: 1;
}

.p-knowledge-learning-card__icon {
    position: relative;
    z-index: 1;
    display: grid;
    width: 6.05rem;
    margin: 0.35rem auto 1.35rem;
    aspect-ratio: 1;
    place-items: center;
    border: 1px solid rgb(0 111 168 / 9%);
    border-radius: 50%;
    background: linear-gradient(145deg, #ffffff, #eef7ff);
    box-shadow: 0 0.95rem 1.7rem rgb(4 50 76 / 12%), inset 0 0 0 0.55rem rgb(255 255 255 / 68%);
    color: #0b55c8;
}

.p-knowledge-learning-card__icon svg {
    width: 56%;
    height: 56%;
    fill: none;
    stroke: currentcolor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.95;
}

.p-knowledge-learning-card h3 {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--knowledge-navy);
    font-size: clamp(0.98rem, 1.08vw, 1.06rem);
    font-weight: 850;
    line-height: 1.02;
    letter-spacing: -0.05em;
}

.p-knowledge-learning-card p {
    position: relative;
    z-index: 1;
    margin: 0.75rem 0 0;
    color: rgb(68 87 100 / 84%);
    font-size: clamp(0.98rem, 1.08vw, 1.06rem);
    line-height: 1.72;
}

.p-knowledge-learning-card__link {
    position: relative;
    z-index: 1;
    display: inline-flex;
    margin-top: auto;
    padding-top: 1.3rem;
    align-items: center;
    gap: 0.42rem;
    color: #0a48bf;
    font-size: 0.86rem;
    font-weight: 750;
    line-height: 1;
    text-decoration: none;
}

.p-knowledge-learning-card__link::after {
    position: absolute;
    right: 1.1rem;
    bottom: 0.7rem;
    left: 0;
    height: 2px;
    background: rgb(253 209 0 / 72%);
    content: "";
    transform: scaleX(0.42);
    transform-origin: left;
    transition: transform 180ms ease;
}

.p-knowledge-learning-card__link span {
    transition: transform 180ms ease;
}

.c-card--learning-journey:hover .p-knowledge-learning-card__link::after,
.c-card--learning-journey:focus-within .p-knowledge-learning-card__link::after {
    transform: scaleX(1);
}

.c-card--learning-journey:hover .p-knowledge-learning-card__link span,
.c-card--learning-journey:focus-within .p-knowledge-learning-card__link span {
    transform: translateX(3px);
}
.p-knowledge-learning__trust {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    max-width: 58rem;
    margin: clamp(1.8rem, 3vw, 2.5rem) auto 0;
    padding: 1rem 1.35rem;
    border: 1px solid rgb(0 111 168 / 8%);
    border-radius: 999px;
    background: rgb(255 255 255 / 84%);
    box-shadow: 0 1.15rem 2.6rem rgb(4 50 76 / 9%);
    backdrop-filter: blur(12px);
}

.p-knowledge-learning__trust div {
    display: grid;
    grid-template-columns: 2.6rem minmax(0, 1fr);
    column-gap: 0.75rem;
    align-items: center;
    padding: 0 1rem;
}

.p-knowledge-learning__trust div + div {
    border-left: 1px solid rgb(0 111 168 / 12%);
}

.p-knowledge-learning__trust span {
    grid-row: span 2;
    display: grid;
    width: 2.6rem;
    aspect-ratio: 1;
    place-items: center;
    border-radius: 50%;
    background: #eef7ff;
    color: #0b55c8;
    box-shadow: inset 0 0 0 0.35rem rgb(255 255 255 / 72%);
}

.p-knowledge-learning__trust svg {
    width: 55%;
    height: 55%;
    fill: none;
    stroke: currentcolor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.p-knowledge-learning__trust strong {
    color: var(--knowledge-navy);
    font-size: 0.86rem;
    font-weight: 750;
    line-height: 1;
}

.p-knowledge-learning__trust small {
    color: rgb(68 87 100 / 84%);
    font-size: 0.78rem;
    font-weight: 650;
    line-height: 1.25;
}
[data-knowledge-reveal] {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 620ms ease, transform 620ms ease;
}

[data-knowledge-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}

@keyframes knowledgeFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-2px); }
}

@keyframes knowledgeOrbitCounterClockwise {
    to { transform: rotate(-360deg); }
}

@keyframes knowledgeCardUpright {
    to { transform: rotate(calc(360deg - var(--angle))); }
}

@keyframes knowledgeCenterGlow {
    0%, 100% { opacity: 0.36; transform: scale(0.96); }
    50% { opacity: 0.52; transform: scale(1.035); }
}

@media (min-width: 64rem) {
    .p-knowledge-hero__grid {
        grid-template-columns: minmax(0, 1.38fr) minmax(25rem, 1fr);
        align-items: center;
    }

    .p-knowledge-hero h1 {
        max-width: min(35rem, 100%);
    }

    .p-knowledge-hero__visual {
        display: flex;
        min-height: clamp(24.5rem, 31vw, 29.5rem);
        align-items: center;
        justify-content: center;
        transform: translateY(0.65rem);
    }

    .p-knowledge-start::after {
    position: absolute;
    right: -12%;
    bottom: -44%;
    width: 82%;
    height: 48%;
    border-radius: 50% 0 0 0;
    background: rgb(255 255 255 / 86%);
    content: "";
    pointer-events: none;
}

.p-knowledge-start__grid {
    position: relative;
    z-index: 1;
    display: grid;
    align-items: center;
    gap: clamp(2rem, 5vw, 5.4rem);
}

    .p-knowledge-start__visual {
        display: block;
    }

    .p-knowledge-learning__grid {
    position: relative;
    z-index: 1;
    display: grid;
    gap: clamp(1.4rem, 2.4vw, 2.35rem);
}
}

@media (max-width: 63.9375rem) {
    .p-knowledge-hero__grid {
        min-height: auto;
        gap: clamp(1.35rem, 4vw, 2rem);
    }

    .p-knowledge-hero__content {
        max-width: 100%;
    }

    .p-knowledge-hero h1 {
        max-width: min(38rem, 100%);
    }

    .p-knowledge-hero__visual,
    .p-knowledge-start__visual {
        display: block;
    }

    .p-knowledge-network {
        --orbit-radius: clamp(9.55rem, 29.7vw, 12.55rem);
        --orbit-card-width: clamp(8.55rem, 28vw, 10.05rem);
        width: min(34rem, 100%);
        min-height: 25rem;
    }

    .p-knowledge-start {
    position: relative;
    overflow: hidden;
    padding: clamp(3rem, 4.6vw, 4.25rem) 0 clamp(1.2rem, 2.2vw, 1.9rem);
    background: linear-gradient(135deg, #ffffff 0%, #f7fbff 42%, #e9f4ff 100%);
}

    .p-learning-journey {
    position: relative;
    min-height: clamp(22rem, 28vw, 27rem);
    isolation: isolate;
}

    .p-knowledge-learning__grid {
    position: relative;
    z-index: 1;
    display: grid;
    gap: clamp(1.4rem, 2.4vw, 2.35rem);
}
}

@media (max-width: 40rem) {
    .p-knowledge-hero {
        padding-top: 2.55rem;
        padding-bottom: 2.3rem;
    }

    .p-knowledge-hero h1 {
        max-width: min(25rem, 100%);
        font-size: clamp(2.15rem, 8.2vw, 2.7rem);
        line-height: 1.06;
    }

    .p-knowledge-hero__lead {
        max-width: 100%;
        margin-top: -0.35rem;
        font-size: 1rem;
        line-height: 1.7;
    }

    .p-knowledge-search {
        max-width: 100%;
    }

    .p-knowledge-search__form {
        grid-template-columns: 2.35rem minmax(0, 1fr) 2.45rem;
        min-height: 3.95rem;
    }

    .p-knowledge-search__input {
        font-size: 0.95rem;
    }

    .p-knowledge-search__panel {
        position: static;
        margin-top: 0.4rem;
    }

    .p-knowledge-category__nav {
        flex-wrap: nowrap;
        gap: 0.85rem;
        margin-inline: -1.5rem;
        padding: 0.65rem 1.5rem 0.9rem;
        overflow-x: auto;
        scroll-padding-inline: 1.5rem;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 1.5rem, #000 calc(100% - 1.5rem), transparent 100%);
        mask-image: linear-gradient(90deg, transparent 0, #000 1.5rem, #000 calc(100% - 1.5rem), transparent 100%);
    }

    .p-knowledge-category__nav::-webkit-scrollbar,
    .p-knowledge-learning__grid::-webkit-scrollbar {
        display: none;
    }

    .p-knowledge-category__chip {
        flex: 0 0 auto;
        min-height: 3.15rem;
        padding: 0.9rem 1.3rem;
        border-color: rgb(0 111 168 / 18%);
        background: rgb(255 255 255 / 92%);
        box-shadow: 0 0.65rem 1.6rem rgb(4 50 76 / 7%);
        font-size: 0.95rem;
        scroll-snap-align: start;
    }

    .p-knowledge-category__chip.is-active {
        background: #fffdf0;
        box-shadow: 0 0.85rem 1.85rem rgb(253 209 0 / 12%), 0 0.65rem 1.6rem rgb(4 50 76 / 7%);
    }

    .p-knowledge-network {
        --orbit-radius: clamp(7.9rem, 36.4vw, 9.55rem);
        --orbit-card-width: clamp(7.2rem, 34vw, 8.45rem);
        width: min(28rem, 100%);
        min-height: 25rem;
    }

    .p-knowledge-network__core {
        width: 8.15rem;
    }

    .p-knowledge-network__card-inner {
        grid-template-columns: 1.65rem minmax(0, 1fr);
        column-gap: 0.48rem;
        padding: 0.58rem 0.62rem;
    }

    .p-knowledge-network__card-inner span {
        width: 1.65rem;
        border-radius: 0.52rem;
    }

    .p-knowledge-network__card-inner strong {
        font-size: 0.74rem;
    }

    .p-knowledge-network__card-inner small {
        font-size: 0.56rem;
    }

    .p-knowledge-hero__grid {
        gap: 1.2rem;
    }

    .p-knowledge-start {
    position: relative;
    overflow: hidden;
    padding: clamp(3rem, 4.6vw, 4.25rem) 0 clamp(1.2rem, 2.2vw, 1.9rem);
    background: linear-gradient(135deg, #ffffff 0%, #f7fbff 42%, #e9f4ff 100%);
}

    .p-knowledge-start__content h2 {
    max-width: min(35rem, 100%);
    margin: 0;
    color: var(--knowledge-navy);
    font-family: inherit;
    font-size: clamp(2.45rem, 3.3vw, 3.12rem);
    font-weight: 850;
    line-height: 1.02;
    letter-spacing: -0.05em;
}

    .p-knowledge-start__content > p:not(.c-eyebrow) {
    max-width: 33.5rem;
    margin: 0;
    color: rgb(68 87 100 / 84%);
    font-size: clamp(0.98rem, 1.08vw, 1.06rem);
    line-height: 1.72;
}

    .p-learning-journey {
    position: relative;
    min-height: clamp(22rem, 28vw, 27rem);
    isolation: isolate;
}

    .p-learning-journey__route {
    position: absolute;
    top: 31%;
    left: 47%;
    z-index: 5;
    width: 24%;
    height: 43%;
    border-right: 0.28rem solid rgb(253 209 0 / 78%);
    border-bottom: 0.28rem solid rgb(253 209 0 / 72%);
    border-radius: 0 999px 999px 0;
    filter: drop-shadow(0 0.45rem 0.95rem rgb(253 209 0 / 32%));
    transform: rotate(10deg);
    pointer-events: none;
}

.p-learning-journey__route::before {
    position: absolute;
    top: -0.7rem;
    right: -0.72rem;
    width: 1.45rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 1.15rem rgb(255 255 255 / 82%), 0 0 1.5rem rgb(253 209 0 / 50%);
    content: "";
}

.p-learning-journey__spark {
    position: absolute;
    z-index: 6;
    width: 0.42rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0.9rem rgb(255 255 255 / 88%), 0 0 1.35rem rgb(253 209 0 / 42%);
    pointer-events: none;
}

.p-learning-journey__spark--one { top: 17%; left: 45%; }
.p-learning-journey__spark--two { top: 24%; right: 23%; }
.p-learning-journey__spark--three { right: 15%; bottom: 33%; }
.p-learning-journey__book {
    position: absolute;
    right: 8%;
    bottom: 5%;
    z-index: 3;
    width: min(31rem, 78%);
    height: 10rem;
    filter: drop-shadow(0 1.35rem 1.9rem rgb(4 50 76 / 16%));
    transform: perspective(32rem) rotateX(58deg) rotateZ(-4deg);
    transform-origin: center bottom;
}

    .p-learning-journey__pin {
    top: 0;
    left: 58%;
    width: clamp(5.2rem, 7.4vw, 6.7rem);
    border-radius: 1.55rem;
    background: linear-gradient(145deg, #0a2fb8, #0877db);
    color: #fff;
    transform: translate(-50%, 0);
}

    .p-learning-journey__badge {
    width: clamp(4.45rem, 6.4vw, 5.75rem);
    border-radius: 1.08rem;
}

    .p-knowledge-learning::before {
    position: absolute;
    inset: 18% auto auto -12%;
    width: 32rem;
    height: 32rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgb(0 111 168 / 10%) 0%, transparent 68%);
    content: "";
    pointer-events: none;
}

.p-knowledge-learning::after {
    position: absolute;
    right: 2rem;
    bottom: 4rem;
    width: 9rem;
    height: 9rem;
    background-image: radial-gradient(rgb(0 111 168 / 18%) 1px, transparent 1px);
    background-size: 0.65rem 0.65rem;
    content: "";
    opacity: 0.36;
    pointer-events: none;
}

.p-knowledge-learning__heading {
        grid-template-columns: 1fr;
        gap: 0.55rem;
        margin-bottom: 1.15rem;
        text-align: left;
    }

    .p-knowledge-learning__heading span {
        display: none;
    }

    .p-knowledge-learning__grid {
    position: relative;
    z-index: 1;
    display: grid;
    gap: clamp(1.4rem, 2.4vw, 2.35rem);
}

    .c-card--learning-journey {
    position: relative;
    min-height: 23.2rem;
    padding: clamp(1.55rem, 2.15vw, 1.95rem);
    overflow: visible;
    flex-direction: column;
    align-items: center;
    border: 1px solid rgb(253 209 0 / 42%);
    border-radius: 1.35rem;
    background: radial-gradient(circle at 50% 20%, rgb(0 111 168 / 8%) 0%, transparent 35%), linear-gradient(180deg, rgb(255 255 255 / 98%), rgb(255 255 255 / 94%));
    box-shadow: 0 1.35rem 3.3rem rgb(4 50 76 / 10%);
    text-align: center;
}
}

@media (prefers-reduced-motion: reduce) {
    .p-knowledge-network,
    .p-knowledge-network__orbit-stage,
    .p-knowledge-network__card-inner,
    .p-knowledge-network__core::before,
    .p-learning-journey__glow,
    [data-knowledge-reveal],
    .p-knowledge-search__form,
    .p-knowledge-search__result,
    .p-knowledge-pill,
    .p-knowledge-category__chip,
    .c-card--learning-journey,
    .p-knowledge-learning-card__link::after,
    .p-knowledge-learning-card__link span {
        animation: none;
        transition: none;
    }

    .p-knowledge-learning__trust {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    max-width: 58rem;
    margin: clamp(1.8rem, 3vw, 2.5rem) auto 0;
    padding: 1rem 1.35rem;
    border: 1px solid rgb(0 111 168 / 8%);
    border-radius: 999px;
    background: rgb(255 255 255 / 84%);
    box-shadow: 0 1.15rem 2.6rem rgb(4 50 76 / 9%);
    backdrop-filter: blur(12px);
}

.p-knowledge-learning__trust div {
    display: grid;
    grid-template-columns: 2.6rem minmax(0, 1fr);
    column-gap: 0.75rem;
    align-items: center;
    padding: 0 1rem;
}

.p-knowledge-learning__trust div + div {
    border-left: 1px solid rgb(0 111 168 / 12%);
}

.p-knowledge-learning__trust span {
    grid-row: span 2;
    display: grid;
    width: 2.6rem;
    aspect-ratio: 1;
    place-items: center;
    border-radius: 50%;
    background: #eef7ff;
    color: #0b55c8;
    box-shadow: inset 0 0 0 0.35rem rgb(255 255 255 / 72%);
}

.p-knowledge-learning__trust svg {
    width: 55%;
    height: 55%;
    fill: none;
    stroke: currentcolor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.p-knowledge-learning__trust strong {
    color: var(--knowledge-navy);
    font-size: 0.86rem;
    font-weight: 750;
    line-height: 1;
}

.p-knowledge-learning__trust small {
    color: rgb(68 87 100 / 84%);
    font-size: 0.78rem;
    font-weight: 650;
    line-height: 1.25;
}
[data-knowledge-reveal] {
        opacity: 1;
        transform: none;
    }
}
/* KC-02 visual refinement overrides */
.p-knowledge-learning__heading p {
    position: relative;
}

.p-knowledge-learning__heading p::before,
.p-knowledge-learning__heading p::after {
    position: absolute;
    top: 50%;
    width: 0.45rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--knowledge-gold);
    box-shadow: 0 0 0.9rem rgb(253 209 0 / 45%);
    content: "";
    transform: translateY(-50%);
}

.p-knowledge-learning__heading p::before {
    left: -2.2rem;
}

.p-knowledge-learning__heading p::after {
    right: -2.2rem;
}

@media (max-width: 63.9375rem) {
    .p-knowledge-learning__trust {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-radius: 1.5rem;
    }

    .p-knowledge-learning__trust div:nth-child(odd) {
        border-left: 0;
    }

    .p-knowledge-learning__trust div:nth-child(n+3) {
        padding-top: 0.9rem;
        border-top: 1px solid rgb(0 111 168 / 12%);
    }
}

@media (max-width: 40rem) {
    .p-knowledge-learning__heading p::before,
    .p-knowledge-learning__heading p::after {
        display: none;
    }

    .p-knowledge-learning-card:first-child::after,
    .p-knowledge-learning-card + .p-knowledge-learning-card::after {
        display: none;
    }

    .p-knowledge-learning__trust {
        display: flex;
        gap: 0.85rem;
        margin-inline: -1.5rem;
        padding: 0.55rem 1.5rem 0.9rem;
        overflow-x: auto;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        scrollbar-width: none;
    }

    .p-knowledge-learning__trust::-webkit-scrollbar {
        display: none;
    }

    .p-knowledge-learning__trust div {
        flex: 0 0 14.5rem;
        padding: 0.75rem;
        border: 1px solid rgb(0 111 168 / 10%);
        border-radius: 1.1rem;
        background: rgb(255 255 255 / 88%);
        box-shadow: 0 0.85rem 1.7rem rgb(4 50 76 / 8%);
    }

    .p-knowledge-learning__trust div + div,
    .p-knowledge-learning__trust div:nth-child(n+3) {
        padding-top: 0.75rem;
        border-top: 1px solid rgb(0 111 168 / 10%);
        border-left: 1px solid rgb(0 111 168 / 10%);
    }
}
/* KC-02 Final Visual Source of Truth */
.p-knowledge-start {
  position: relative;
  overflow: hidden;
  padding: clamp(3.1rem, 4.4vw, 4.5rem) 0 clamp(1.35rem, 2.1vw, 2rem);
  background: linear-gradient(135deg, #ffffff 0%, #f7fbff 46%, #eaf4ff 100%);
}

.p-knowledge-start::before {
  inset: -18% -10% auto auto;
  width: min(58rem, 64vw);
  height: min(34rem, 38vw);
  border-radius: 0 0 0 999px;
  background: radial-gradient(circle at 62% 30%, rgb(33 104 216 / 17%) 0%, rgb(33 104 216 / 7%) 44%, transparent 74%);
}

.p-knowledge-start::after {
  right: -10%;
  bottom: -42%;
  width: 86%;
  height: 46%;
  background: rgb(255 255 255 / 88%);
}

.p-knowledge-start__grid {
  position: relative;
  z-index: 1;
  display: grid;
  align-items: center;
  gap: clamp(2.3rem, 5vw, 5.5rem);
}

.p-knowledge-start__content {
  gap: 1rem;
}

.p-knowledge-start__eyebrow {
  color: #b88900;
}

.p-knowledge-start__content h2 {
  max-width: min(35rem, 100%);
  margin: 0;
  color: var(--knowledge-navy);
  font-family: inherit;
  font-size: clamp(2.45rem, 3.3vw, 3.12rem);
  font-weight: 850;
  line-height: 1.02;
  letter-spacing: -0.05em;
}

.p-knowledge-start__content h2::after {
  display: block;
  width: 2.2rem;
  height: 2px;
  margin-top: 1rem;
  background: var(--knowledge-gold);
  content: "";
}

.p-knowledge-start__content > p:not(.c-eyebrow) {
  max-width: 34rem;
  color: rgb(68 87 100 / 84%);
  font-size: clamp(0.98rem, 1.08vw, 1.06rem);
  line-height: 1.72;
}

.p-learning-journey {
  min-height: clamp(20rem, 25vw, 25rem);
}

.p-learning-journey__path {
  inset: 11% 4% 11%;
  border-color: rgb(255 255 255 / 70%);
  box-shadow: inset 0 0 0 1px rgb(0 111 168 / 8%);
  transform: rotate(-6deg);
}

.p-learning-journey__glow {
  background: radial-gradient(circle at 56% 55%, rgb(253 209 0 / 25%) 0%, rgb(0 111 168 / 11%) 40%, transparent 72%);
}

.p-learning-journey__route {
  top: 31%;
  left: 44%;
  width: 31%;
  height: 38%;
  border-right-width: 0.2rem;
  border-bottom-width: 0.2rem;
  border-color: rgb(253 209 0 / 70%);
  filter: drop-shadow(0 0.45rem 0.95rem rgb(253 209 0 / 28%));
  transform: rotate(7deg);
}

.p-learning-journey__book {
  right: 9%;
  bottom: 8%;
  width: min(30rem, 78%);
  height: 9.4rem;
  filter: drop-shadow(0 1.2rem 1.8rem rgb(4 50 76 / 14%));
}

.p-learning-journey__pin {
  top: 1%;
  left: 58%;
  width: clamp(5rem, 7vw, 6.25rem);
  border-radius: 1.5rem;
}

.p-learning-journey__badge {
  width: clamp(4.25rem, 5.8vw, 5.4rem);
  border-radius: 1.1rem;
}

.p-learning-journey__badge--one {
  top: 19%;
  left: 24%;
}

.p-learning-journey__badge--two {
  top: 23%;
  right: 8%;
}

.p-learning-journey__badge--three {
  right: 13%;
  bottom: 15%;
}

.p-knowledge-learning {
  padding: clamp(1.3rem, 2.2vw, 2rem) 0 clamp(4.4rem, 7vw, 6.2rem);
  background: linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
}

.p-knowledge-learning__heading {
  max-width: 48rem;
  margin-bottom: clamp(2.4rem, 3.6vw, 3.15rem);
}

.p-knowledge-learning__heading p {
  color: #0a48bf;
}

.p-knowledge-learning__heading span {
  background: linear-gradient(90deg, transparent, rgb(253 209 0 / 56%), transparent);
}

.p-knowledge-learning__grid {
  position: relative;
  z-index: 1;
  gap: clamp(1.65rem, 3vw, 3.1rem);
}

.c-card--learning-journey {
  min-height: clamp(16.8rem, 19vw, 18rem);
  padding: 3.05rem clamp(1.25rem, 1.65vw, 1.55rem) 1.3rem;
  overflow: visible;
  border: 1px solid rgb(253 209 0 / 42%);
  border-radius: 1.2rem;
  background: radial-gradient(circle at 50% 23%, rgb(253 209 0 / 7%) 0%, transparent 34%), linear-gradient(180deg, rgb(255 255 255 / 98%), rgb(255 255 255 / 95%));
  box-shadow: 0 1.25rem 3rem rgb(4 50 76 / 10%);
}

.c-card--learning-journey::before {
  background-image: none;
  opacity: 1;
}

.p-knowledge-learning-card__number {
  position: absolute;
  top: -1.45rem;
  left: 50%;
  z-index: 5;
  display: grid;
  width: 3.4rem;
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgb(253 209 0 / 34%);
  border-radius: 50%;
  background: rgb(255 255 255 / 94%);
  box-shadow: 0 0.95rem 1.8rem rgb(185 132 0 / 10%);
  color: #b88900;
  font-size: 0.86rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
  transform: translateX(-50%);
}

.p-knowledge-learning-card:first-child::after {
  display: none !important;
}

.p-knowledge-learning-card__icon {
  width: 5.1rem;
  margin: 0 auto 1.25rem;
  border-color: rgb(253 209 0 / 14%);
  background: linear-gradient(145deg, #ffffff, #f4fbff);
  box-shadow: 0 0.95rem 1.75rem rgb(4 50 76 / 10%), inset 0 0 0 0.52rem rgb(255 255 255 / 70%);
}

.p-knowledge-learning-card h3 {
  font-size: clamp(0.98rem, 1.08vw, 1.06rem);
  line-height: 1.02;
}

.p-knowledge-learning-card p {
  max-width: 14.5rem;
  margin-inline: auto;
  font-size: clamp(0.98rem, 1.08vw, 1.06rem);
  line-height: 1.72;
}

.p-knowledge-learning-card__link {
  align-self: flex-start;
  margin-left: 0.35rem;
  padding-top: 1.25rem;
  color: #0a48bf;
}

.p-knowledge-learning__trust {
  max-width: 62rem;
  margin-top: clamp(1.9rem, 3.2vw, 2.65rem);
  border-color: rgb(0 111 168 / 7%);
  background: rgb(255 255 255 / 86%);
  box-shadow: 0 1.1rem 2.45rem rgb(4 50 76 / 8%);
}

.p-knowledge-learning__trust span {
  background: #fff8d7;
  color: #0a48bf;
}

@media (min-width: 64rem) {
  .p-knowledge-start__grid {
    grid-template-columns: minmax(0, 0.72fr) minmax(29rem, 1.08fr);
  }

  .p-knowledge-learning__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .p-knowledge-learning-card + .p-knowledge-learning-card::after {
    position: absolute;
    top: 36%;
    left: calc(-1 * clamp(1.65rem, 3vw, 3.1rem) / 2);
    z-index: 3;
    display: block;
    width: clamp(1.65rem, 3vw, 3.1rem);
    height: 1px;
    border: 0;
    border-radius: 0;
    background: rgb(185 132 0 / 42%);
    box-shadow: none;
    color: transparent;
    content: "";
    transform: translateX(-50%);
  }

  .p-knowledge-learning-card + .p-knowledge-learning-card::before {
    position: absolute;
    top: 36%;
    left: calc(-1 * clamp(1.65rem, 3vw, 3.1rem) / 2);
    z-index: 4;
    width: 0.55rem;
    aspect-ratio: 1;
    border: 2px solid rgb(185 132 0 / 72%);
    border-radius: 50%;
    background: #ffffff;
    content: "";
    transform: translate(-50%, -50%);
  }
}

@media (max-width: 63.9375rem) {
  .p-knowledge-learning-card + .p-knowledge-learning-card::after,
  .p-knowledge-learning-card + .p-knowledge-learning-card::before {
    display: none;
  }

  .p-knowledge-learning__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.4rem 1.2rem;
  }
}

@media (max-width: 40rem) {
  .p-knowledge-start {
    padding-top: 2.7rem;
  }

  .p-knowledge-start__content h2 {
    font-size: clamp(2.15rem, 8.2vw, 2.7rem);
    line-height: 1.06;
  }

  .p-learning-journey {
    min-height: 16.5rem;
  }

  .p-learning-journey__book {
    right: 5%;
    width: min(21rem, 80%);
    height: 7rem;
  }

  .p-learning-journey__pin,
  .p-learning-journey__badge {
    width: 3.65rem;
    border-radius: 0.95rem;
  }

  .p-knowledge-learning__heading {
    grid-template-columns: 1fr;
    text-align: left;
  }

  .p-knowledge-learning__heading span,
  .p-knowledge-learning__heading p::before,
  .p-knowledge-learning__heading p::after {
    display: none;
  }

  .p-knowledge-learning__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.35rem;
    margin-inline: 0;
    padding: 0;
    overflow: visible;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .c-card--learning-journey {
    flex: initial;
    width: 100%;
    min-height: 17.8rem;
    padding-top: 2.9rem;
  }

  .p-knowledge-learning__trust {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.7rem;
    margin-inline: 0;
    padding: 0;
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .p-knowledge-learning__trust div,
  .p-knowledge-learning__trust div + div,
  .p-knowledge-learning__trust div:nth-child(n+3) {
    flex: initial;
    padding: 0.85rem;
    border: 1px solid rgb(0 111 168 / 10%);
    border-radius: 1.1rem;
    background: rgb(255 255 255 / 88%);
    box-shadow: 0 0.85rem 1.7rem rgb(4 50 76 / 8%);
  }
}
/* KC-02 Final Illustration Lock */
.p-knowledge-start__visual {
  position: relative;
  min-width: 0;
  overflow: hidden;
}

.p-knowledge-start__visual .p-learning-journey {
  position: relative;
  width: 100%;
  max-width: 46rem;
  min-height: clamp(17rem, 24vw, 23rem);
  margin-inline: auto;
  overflow: hidden;
  isolation: isolate;
}

.p-knowledge-start__visual .p-learning-journey__glow,
.p-knowledge-start__visual .p-learning-journey__path {
  position: absolute;
  display: block;
  pointer-events: none;
}

.p-knowledge-start__visual .p-learning-journey__glow {
  inset: 10% 2% 4% 10%;
  z-index: 0;
  border: 0;
  border-radius: 999px;
  background: radial-gradient(circle at 55% 56%, rgb(253 209 0 / 18%) 0%, rgb(0 111 168 / 11%) 38%, transparent 72%);
  filter: blur(0.25rem);
  box-shadow: none;
  transform: rotate(-5deg);
}

.p-knowledge-start__visual .p-learning-journey__path {
  inset: 9% 3% 9% 8%;
  z-index: 1;
  border: 1px solid rgb(255 255 255 / 70%);
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgb(0 111 168 / 8%), 0 0 0 1px rgb(255 255 255 / 44%);
  transform: rotate(-6deg);
}

.p-knowledge-start__visual .p-learning-journey__route {
  position: absolute;
  top: 28%;
  left: 42%;
  z-index: 4;
  width: 34%;
  height: 37%;
  border-right: 0.16rem solid rgb(253 209 0 / 62%);
  border-bottom: 0.16rem solid rgb(253 209 0 / 58%);
  border-radius: 0 999px 999px 0;
  filter: drop-shadow(0 0.35rem 0.75rem rgb(253 209 0 / 22%));
  transform: rotate(6deg);
}

.p-knowledge-start__visual .p-learning-journey__route::before {
  width: 0.82rem;
  box-shadow: 0 0 0.8rem rgb(255 255 255 / 72%), 0 0 1rem rgb(253 209 0 / 32%);
}

.p-knowledge-start__visual .p-learning-journey__spark {
  position: absolute;
  z-index: 6;
  display: block;
  width: 0.36rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 0.65rem rgb(255 255 255 / 72%), 0 0 1rem rgb(253 209 0 / 28%);
}

.p-knowledge-start__visual .p-learning-journey__book {
  position: absolute;
  right: 7%;
  bottom: 10%;
  z-index: 3;
  width: min(28rem, 76%);
  height: clamp(6.2rem, 9vw, 8.6rem);
  filter: drop-shadow(0 1rem 1.55rem rgb(4 50 76 / 13%));
  transform: perspective(34rem) rotateX(58deg) rotateZ(-4deg);
  transform-origin: center bottom;
}

.p-knowledge-start__visual .p-learning-journey__page {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 52%;
  border: 1px solid rgb(0 111 168 / 8%);
  background: linear-gradient(160deg, rgb(255 255 255 / 96%) 0%, rgb(245 251 255 / 88%) 72%);
  box-shadow: 0 0.8rem 1.7rem rgb(4 50 76 / 9%);
}

.p-knowledge-start__visual .p-learning-journey__pin,
.p-knowledge-start__visual .p-learning-journey__badge {
  position: absolute;
  z-index: 7;
  display: grid;
  width: clamp(3.75rem, 5.4vw, 5.25rem);
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgb(255 255 255 / 74%);
  border-radius: 1.05rem;
  background: rgb(255 255 255 / 82%);
  box-shadow: 0 0.95rem 2rem rgb(4 50 76 / 10%);
  color: #0a48bf;
}

.p-knowledge-start__visual .p-learning-journey__pin {
  top: 3%;
  left: 58%;
  width: clamp(4.5rem, 6.3vw, 6rem);
  border-radius: 1.45rem;
  background: linear-gradient(145deg, #0a2fb8, #0877db);
  color: #ffffff;
  transform: translateX(-50%);
}

.p-knowledge-start__visual .p-learning-journey__badge--one {
  top: 22%;
  left: 24%;
}

.p-knowledge-start__visual .p-learning-journey__badge--two {
  top: 22%;
  right: 8%;
}

.p-knowledge-start__visual .p-learning-journey__badge--three {
  right: 13%;
  bottom: 18%;
}

.p-knowledge-start__visual .p-learning-journey__pin svg,
.p-knowledge-start__visual .p-learning-journey__badge svg {
  display: block;
  width: 52%;
  height: 52%;
  max-width: 2.55rem;
  max-height: 2.55rem;
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.9;
}

.p-knowledge-start__visual .p-learning-journey__pin svg {
  max-width: 2.85rem;
  max-height: 2.85rem;
}

@media (max-width: 63.9375rem) {
  .p-knowledge-start__visual .p-learning-journey {
    max-width: 38rem;
    min-height: 19rem;
  }
}

@media (max-width: 40rem) {
  .p-knowledge-start__visual .p-learning-journey {
    max-width: 100%;
    min-height: 16rem;
  }

  .p-knowledge-start__visual .p-learning-journey__book {
    right: 4%;
    width: min(21rem, 76%);
    height: 6.4rem;
  }

  .p-knowledge-start__visual .p-learning-journey__pin,
  .p-knowledge-start__visual .p-learning-journey__badge {
    width: 3.55rem;
    border-radius: 0.95rem;
  }
}
/* KC-02 Final Rhythm Tightening */
.p-knowledge-start {
  padding-bottom: clamp(0.8rem, 1.35vw, 1.25rem);
}

.p-knowledge-start::after {
  display: none;
}

.p-knowledge-start__visual .p-learning-journey {
  min-height: clamp(16.5rem, 21vw, 20rem);
}

.p-knowledge-start__visual .p-learning-journey__book {
  bottom: 8%;
  width: min(25rem, 72%);
  height: clamp(5.6rem, 7.6vw, 7.5rem);
}

.p-knowledge-learning {
  padding-top: clamp(0.85rem, 1.55vw, 1.35rem);
}

@media (max-width: 63.9375rem) {
  .p-knowledge-start__visual .p-learning-journey {
    min-height: 17.5rem;
  }
}

@media (max-width: 40rem) {
  .p-knowledge-start {
    padding-bottom: 1rem;
  }

  .p-knowledge-start__visual .p-learning-journey {
    min-height: 14.5rem;
  }
}
/* KC-02 Final Visual Polish */
.p-knowledge-start {
  padding-top: clamp(2.35rem, 3.45vw, 3.35rem);
  padding-bottom: clamp(0.2rem, 0.85vw, 0.7rem);
}

.p-knowledge-start__grid {
  gap: clamp(1.6rem, 3.8vw, 4.25rem);
}

.p-knowledge-start__visual .p-learning-journey {
  min-height: clamp(14.4rem, 18.2vw, 18.1rem);
  transform: translateY(-2.5rem);
}

.p-knowledge-start__visual .p-learning-journey__book {
  bottom: 13%;
}

.p-knowledge-learning {
  padding-top: clamp(0.35rem, 0.9vw, 0.8rem);
}

.p-knowledge-learning__heading {
  display: grid;
  grid-template-columns: minmax(2rem, 1fr) auto minmax(2rem, 1fr);
  align-items: center;
  gap: clamp(0.9rem, 1.6vw, 1.45rem);
  margin-bottom: clamp(2rem, 3vw, 2.7rem);
}

.p-knowledge-learning__heading span {
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgb(253 209 0 / 46%), rgb(10 72 191 / 16%), transparent);
}

.p-knowledge-learning__heading span::after {
  position: absolute;
  top: 50%;
  width: 0.38rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgb(253 209 0 / 88%);
  box-shadow: 0 0 0 0.25rem rgb(253 209 0 / 9%);
  content: "";
  transform: translateY(-50%);
}

.p-knowledge-learning__heading span:first-child::after {
  right: -0.2rem;
}

.p-knowledge-learning__heading span:last-child::after {
  left: -0.2rem;
}

.c-card--learning-journey {
  min-height: clamp(14.3rem, 16.2vw, 15.35rem);
  padding-top: 2.55rem;
  padding-bottom: 1.05rem;
}

.p-knowledge-learning-card__icon {
  width: 4.65rem;
  margin-bottom: 0.95rem;
}

.p-knowledge-learning-card p {
  margin-top: 0.55rem;
}

.p-knowledge-learning-card__link {
  padding-top: 0.5rem;
  transform: translateY(-0.75rem);
}

@media (max-width: 63.9375rem) {
  .p-knowledge-start__visual .p-learning-journey {
    min-height: 15.75rem;
    transform: translateY(-1.75rem);
  }

  .c-card--learning-journey {
    min-height: 14.9rem;
  }
}

@media (max-width: 40rem) {
  .p-knowledge-start {
    padding-top: 2.25rem;
    padding-bottom: 0.8rem;
  }

  .p-knowledge-start__visual .p-learning-journey {
    min-height: 13.4rem;
    transform: translateY(-1.1rem);
  }

  .p-knowledge-learning__heading {
    gap: 0.85rem;
    margin-bottom: 1.95rem;
  }

  .p-knowledge-learning__heading span,
  .p-knowledge-learning__heading p::before,
  .p-knowledge-learning__heading p::after {
    display: block;
  }

  .c-card--learning-journey {
    min-height: 15.1rem;
  }
}
/* KC-02 Final Polish Cleanup */
.p-knowledge-start__content,
.p-knowledge-start__content h2 {
  overflow: visible;
}

.p-knowledge-start__content h2 {
  padding-top: 0.06em;
}

.p-knowledge-learning__heading span::after {
  display: none;
}

.p-knowledge-learning__heading p::before,
.p-knowledge-learning__heading p::after {
  display: block;
}
/* KC-02 Mini Journey Carousel */
.p-knowledge-start__grid {
  grid-template-columns: minmax(0, 0.4fr) minmax(0, 0.6fr);
}

.p-knowledge-start__visual {
  overflow: visible;
}

.p-kc-mini-journey {
  position: relative;
  width: 100%;
  padding: clamp(1rem, 1.8vw, 1.45rem) 0;
  isolation: isolate;
}

.p-kc-mini-journey::before {
  position: absolute;
  inset: 8% 3% 6%;
  z-index: -1;
  border-radius: 999px;
  background: radial-gradient(circle at 50% 50%, rgb(10 72 191 / 10%) 0%, rgb(253 209 0 / 8%) 38%, transparent 72%);
  content: "";
  filter: blur(0.2rem);
}

.p-kc-mini-journey__viewport {
  width: 100%;
  overflow: hidden;
  border-radius: 1.25rem;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%);
}

.p-kc-mini-journey__track {
  display: flex;
  width: max-content;
  gap: clamp(0.85rem, 1.35vw, 1.15rem);
  padding: 0.85rem clamp(0.6rem, 1vw, 0.9rem);
  animation: srKcMiniJourneyLoop 20s linear infinite;
  will-change: transform;
}

.p-kc-mini-journey__card {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    "icon title"
    "icon text";
  align-items: center;
  column-gap: 0.78rem;
  width: clamp(12.6rem, 17vw, 15.35rem);
  min-height: 5.85rem;
  padding: 0.95rem 1rem;
  border: 1px solid rgb(0 111 168 / 10%);
  border-radius: 1.05rem;
  background: rgb(255 255 255 / 88%);
  box-shadow: 0 1rem 2.2rem rgb(4 50 76 / 9%);
  scroll-snap-align: start;
}

.p-kc-mini-journey__number {
  position: absolute;
  top: 0.68rem;
  right: 0.8rem;
  color: rgb(10 72 191 / 34%);
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.12em;
  line-height: 1;
}

.p-kc-mini-journey__icon {
  grid-area: icon;
  display: grid;
  width: 2.65rem;
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgb(0 111 168 / 8%);
  border-radius: 0.78rem;
  background: linear-gradient(145deg, #ffffff, #f4fbff);
  color: #0a48bf;
  box-shadow: 0 0.75rem 1.35rem rgb(10 72 191 / 9%), inset 0 0 0 0.38rem rgb(255 255 255 / 62%);
}

.p-kc-mini-journey__icon svg {
  display: block;
  width: 1.32rem;
  height: 1.32rem;
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.65;
}

.p-kc-mini-journey__card strong {
  grid-area: title;
  padding-right: 1.75rem;
  color: var(--knowledge-navy);
  font: inherit;
  font-size: 0.94rem;
  font-weight: 850;
  line-height: 1.12;
  letter-spacing: -0.03em;
}

.p-kc-mini-journey__card small {
  grid-area: text;
  margin-top: 0.25rem;
  color: rgb(68 87 100 / 74%);
  font: inherit;
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.35;
}

@keyframes srKcMiniJourneyLoop {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (max-width: 63.9375rem) {
  .p-knowledge-start__grid {
    grid-template-columns: minmax(0, 0.42fr) minmax(0, 0.58fr);
  }

  .p-kc-mini-journey__track {
    animation-duration: 24s;
  }

  .p-kc-mini-journey__card {
    width: clamp(12rem, 24vw, 13.5rem);
  }
}

@media (max-width: 40rem) {
  .p-knowledge-start__grid {
    grid-template-columns: 1fr;
  }

  .p-knowledge-start__visual {
    margin-top: 0.25rem;
  }

  .p-kc-mini-journey {
    padding: 0.35rem 0 0;
  }

  .p-kc-mini-journey::before {
    inset: 18% 0 10%;
  }

  .p-kc-mini-journey__viewport {
    overflow-x: auto;
    border-radius: 0;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .p-kc-mini-journey__viewport::-webkit-scrollbar {
    display: none;
  }

  .p-kc-mini-journey__track {
    width: max-content;
    gap: 0.85rem;
    padding: 0.85rem 0.1rem 1rem;
    animation: none;
  }

  .p-kc-mini-journey__card {
    width: min(76vw, 16rem);
  }

  .p-kc-mini-journey__card.is-duplicate {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .p-kc-mini-journey__track {
    animation: none !important;
  }

  .p-kc-mini-journey__card.is-duplicate {
    display: none;
  }
}
/* KC-02 Mini Journey Track Carousel Revision */
.p-knowledge-start__grid {
  align-items: stretch;
  grid-template-columns: minmax(0, 0.4fr) minmax(0, 0.6fr);
}

.p-knowledge-start__content {
  justify-content: center;
}

.p-knowledge-start__visual {
  display: flex;
  align-items: center;
  min-width: 0;
  overflow: hidden;
}

.p-kc-mini-journey {
  display: flex;
  width: 100%;
  min-height: 100%;
  padding: 0;
  align-items: center;
}

.p-kc-mini-journey::before {
  inset: 5% 2% 4%;
  border-radius: 1.5rem;
  background: radial-gradient(circle at 50% 50%, rgb(10 72 191 / 8%) 0%, rgb(253 209 0 / 6%) 42%, transparent 76%);
}

.p-kc-mini-journey__viewport {
  width: 100%;
  overflow: hidden;
  border-radius: 1.25rem;
  -webkit-mask-image: none;
  mask-image: none;
}

.p-kc-mini-journey__track {
  display: flex;
  width: max-content;
  gap: clamp(0.65rem, 1vw, 0.9rem);
  padding: 0.8rem 0;
  animation: srKcMiniJourneyTrack 22s linear infinite;
  will-change: transform;
}

.p-kc-mini-journey__card {
  width: clamp(9.7rem, 10.8vw, 10.8rem);
  min-height: clamp(5.65rem, 6.2vw, 6.35rem);
  padding: 0.9rem 0.82rem;
  column-gap: 0.66rem;
  border-color: rgb(0 111 168 / 9%);
  border-radius: 1rem;
  background: rgb(255 255 255 / 92%);
  box-shadow: 0 0.9rem 1.9rem rgb(4 50 76 / 8%);
}

.p-kc-mini-journey__icon {
  width: 2.38rem;
  border-radius: 0.72rem;
}

.p-kc-mini-journey__icon svg {
  width: 1.18rem;
  height: 1.18rem;
  stroke-width: 1.6;
}

.p-kc-mini-journey__card strong {
  padding-right: 1.35rem;
  font-size: 0.84rem;
  line-height: 1.13;
}

.p-kc-mini-journey__card small {
  font-size: 0.7rem;
  line-height: 1.32;
}

.p-kc-mini-journey__number {
  top: 0.58rem;
  right: 0.66rem;
  font-size: 0.62rem;
}

@keyframes srKcMiniJourneyTrack {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (max-width: 63.9375rem) {
  .p-knowledge-start__grid {
    grid-template-columns: minmax(0, 0.4fr) minmax(0, 0.6fr);
  }

  .p-kc-mini-journey__track {
    animation-duration: 26s;
  }

  .p-kc-mini-journey__card {
    width: clamp(8.5rem, 14vw, 9.5rem);
    min-height: 5.55rem;
  }
}

@media (max-width: 48rem) {
  .p-knowledge-start__grid {
    grid-template-columns: 1fr;
  }

  .p-knowledge-start__visual {
    overflow: visible;
  }

  .p-kc-mini-journey {
    display: block;
    min-height: 0;
    padding: 0.35rem 0 0;
  }

  .p-kc-mini-journey__viewport {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .p-kc-mini-journey__viewport::-webkit-scrollbar {
    display: none;
  }

  .p-kc-mini-journey__track {
    gap: 0.85rem;
    padding: 0.85rem 0.05rem 1rem;
    animation: none;
  }

  .p-kc-mini-journey__card {
    width: min(76vw, 16rem);
    min-height: 5.9rem;
    scroll-snap-align: start;
  }

  .p-kc-mini-journey__card.is-duplicate {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .p-kc-mini-journey__track {
    animation: none !important;
  }
}
/* KC-02 Mini Journey Sequential Carousel Revision */
.p-knowledge-start__grid {
  align-items: center;
  grid-template-columns: minmax(0, 0.4fr) minmax(0, 0.6fr);
}

.p-knowledge-start__visual {
  display: flex;
  align-items: center;
  min-width: 0;
  overflow: hidden;
}

.p-kc-mini-journey {
  display: flex;
  width: 100%;
  min-height: 100%;
  padding: 0;
  align-items: center;
}

.p-kc-mini-journey__viewport {
  width: 100%;
  overflow: hidden;
  border-radius: 1.25rem;
  -webkit-mask-image: none;
  mask-image: none;
}

.p-kc-mini-journey__track {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.55rem, 0.85vw, 0.78rem);
  padding: 0.8rem 0.05rem;
  animation: none;
}

.p-kc-mini-journey__card {
  width: auto;
  min-width: 0;
  min-height: clamp(5.85rem, 6.5vw, 6.55rem);
  padding: 0.86rem 0.72rem;
  column-gap: 0.58rem;
  border: 1px solid rgb(0 111 168 / 9%);
  border-radius: 1rem;
  background: rgb(255 255 255 / 93%);
  box-shadow: 0 0.85rem 1.8rem rgb(4 50 76 / 8%);
  opacity: 1;
  transform: translateX(0);
  animation-duration: 22s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  will-change: transform, opacity;
}

.p-kc-mini-journey__card.is-duplicate {
  display: none;
}

.p-kc-mini-journey__track .p-kc-mini-journey__card:nth-child(1) {
  animation-name: srKcMiniSequentialOne;
}

.p-kc-mini-journey__track .p-kc-mini-journey__card:nth-child(2) {
  animation-name: srKcMiniSequentialTwo;
}

.p-kc-mini-journey__track .p-kc-mini-journey__card:nth-child(3) {
  animation-name: srKcMiniSequentialThree;
}

.p-kc-mini-journey__track .p-kc-mini-journey__card:nth-child(4) {
  animation-name: srKcMiniSequentialFour;
}

.p-kc-mini-journey__icon {
  width: 2.34rem;
  border-radius: 0.72rem;
}

.p-kc-mini-journey__icon svg {
  width: 1.15rem;
  height: 1.15rem;
  stroke-width: 1.6;
}

.p-kc-mini-journey__card strong {
  padding-right: 1.2rem;
  font-size: clamp(0.72rem, 0.78vw, 0.84rem);
  line-height: 1.13;
}

.p-kc-mini-journey__card small {
  font-size: clamp(0.62rem, 0.66vw, 0.7rem);
  line-height: 1.32;
}

.p-kc-mini-journey__number {
  top: 0.56rem;
  right: 0.62rem;
  font-size: 0.6rem;
}

@keyframes srKcMiniSequentialOne {
  0%, 22% { opacity: 1; transform: translateX(0); }
  32%, 41% { opacity: 0; transform: translateX(-118%); }
  42% { opacity: 0; transform: translateX(118%); }
  51%, 100% { opacity: 1; transform: translateX(0); }
}

@keyframes srKcMiniSequentialTwo {
  0%, 22% { opacity: 1; transform: translateX(0); }
  32%, 46% { opacity: 0; transform: translateX(-118%); }
  47% { opacity: 0; transform: translateX(118%); }
  56%, 100% { opacity: 1; transform: translateX(0); }
}

@keyframes srKcMiniSequentialThree {
  0%, 22% { opacity: 1; transform: translateX(0); }
  32%, 51% { opacity: 0; transform: translateX(-118%); }
  52% { opacity: 0; transform: translateX(118%); }
  61%, 100% { opacity: 1; transform: translateX(0); }
}

@keyframes srKcMiniSequentialFour {
  0%, 22% { opacity: 1; transform: translateX(0); }
  32%, 56% { opacity: 0; transform: translateX(-118%); }
  57% { opacity: 0; transform: translateX(118%); }
  66%, 100% { opacity: 1; transform: translateX(0); }
}

@media (max-width: 63.9375rem) and (min-width: 48.001rem) {
  .p-kc-mini-journey__track {
    gap: 0.52rem;
  }

  .p-kc-mini-journey__card {
    min-height: 5.7rem;
    padding: 0.78rem 0.62rem;
    animation-duration: 26s;
  }

  .p-kc-mini-journey__icon {
    width: 2.15rem;
  }
}

@media (max-width: 48rem) {
  .p-knowledge-start__grid {
    grid-template-columns: 1fr;
  }

  .p-knowledge-start__visual {
    overflow: visible;
  }

  .p-kc-mini-journey {
    display: block;
    min-height: 0;
    padding: 0.35rem 0 0;
  }

  .p-kc-mini-journey__viewport {
    overflow-x: auto;
    border-radius: 0;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .p-kc-mini-journey__viewport::-webkit-scrollbar {
    display: none;
  }

  .p-kc-mini-journey__track {
    display: flex;
    width: max-content;
    gap: 0.85rem;
    padding: 0.85rem 0.05rem 1rem;
  }

  .p-kc-mini-journey__card {
    width: min(76vw, 16rem);
    min-height: 5.9rem;
    animation: none;
    scroll-snap-align: start;
  }

  .p-kc-mini-journey__card.is-duplicate {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .p-kc-mini-journey__card {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .p-kc-mini-journey__card.is-duplicate {
    display: none !important;
  }
}
/* KC-02 Visual Alignment - Learning Journey Intro */
.p-knowledge-start {
  padding-top: clamp(3.25rem, 4.4vw, 4.45rem);
  padding-bottom: clamp(2.25rem, 3.2vw, 3.25rem);
  background: linear-gradient(115deg, #ffffff 0%, #f7fbff 44%, #e8f3ff 100%);
}

.p-knowledge-start__grid {
  grid-template-columns: minmax(0, 0.4fr) minmax(0, 0.6fr);
  align-items: center;
  gap: clamp(2.3rem, 4.2vw, 4.7rem);
}

.p-knowledge-start__content {
  display: flex;
  min-height: clamp(13.8rem, 16.6vw, 16.2rem);
  justify-content: center;
  padding-block: 0.45rem;
}

.p-knowledge-start__visual {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: clamp(13.8rem, 16.6vw, 16.2rem);
  align-items: center;
  overflow: hidden;
}

.p-knowledge-start__visual::before {
  position: absolute;
  top: 0.5rem;
  bottom: 0.5rem;
  left: 0;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgb(4 50 76 / 10%), transparent);
  content: "";
}

.p-kc-mini-journey {
  position: relative;
  display: flex;
  width: 100%;
  min-height: clamp(13rem, 15vw, 15rem);
  padding: 0 0 0 clamp(1.15rem, 2vw, 1.85rem);
  align-items: center;
  overflow: hidden;
  isolation: isolate;
}

.p-kc-mini-journey::before {
  position: absolute;
  inset: 3% 0 2% clamp(1.15rem, 2vw, 1.85rem);
  z-index: -1;
  border-radius: 999px;
  background:
    radial-gradient(circle at 52% 48%, rgb(255 255 255 / 86%) 0%, rgb(255 255 255 / 36%) 36%, transparent 68%),
    radial-gradient(circle at 78% 20%, rgb(10 72 191 / 13%) 0%, transparent 34%),
    radial-gradient(circle at 32% 76%, rgb(253 209 0 / 10%) 0%, transparent 34%);
  content: "";
  filter: blur(0.05rem);
}

.p-kc-mini-journey::after {
  position: absolute;
  inset: 11% 3% 12% clamp(2rem, 3.4vw, 3rem);
  z-index: -1;
  border: 1px solid rgb(255 255 255 / 64%);
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgb(10 72 191 / 7%);
  content: "";
  transform: rotate(-5deg);
}

.p-kc-mini-journey__viewport {
  width: 100%;
  overflow: hidden;
  border-radius: 1.35rem;
  -webkit-mask-image: none;
  mask-image: none;
}

.p-kc-mini-journey__track {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.72rem, 1.05vw, 1rem);
  padding: clamp(0.72rem, 1.2vw, 1rem) clamp(0.5rem, 0.8vw, 0.75rem);
  animation: none;
}

.p-kc-mini-journey__card {
  display: grid;
  min-width: 0;
  min-height: clamp(10.6rem, 11.8vw, 12rem);
  padding: clamp(1rem, 1.25vw, 1.18rem) clamp(0.82rem, 1.05vw, 1rem) 0.95rem;
  grid-template-columns: 1fr;
  grid-template-areas:
    "number"
    "icon"
    "title"
    "text";
  align-content: start;
  justify-items: start;
  border: 1px solid rgb(0 111 168 / 10%);
  border-radius: 1rem;
  background: rgb(255 255 255 / 92%);
  box-shadow: 0 1.05rem 2.25rem rgb(4 50 76 / 9%);
  opacity: 1;
  transform: translateX(0);
  animation-duration: 22s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  will-change: transform, opacity;
}

.p-kc-mini-journey__card.is-duplicate {
  display: none;
}

.p-kc-mini-journey__track .p-kc-mini-journey__card:nth-child(1) { animation-name: srKcMiniSequentialOne; }
.p-kc-mini-journey__track .p-kc-mini-journey__card:nth-child(2) { animation-name: srKcMiniSequentialTwo; }
.p-kc-mini-journey__track .p-kc-mini-journey__card:nth-child(3) { animation-name: srKcMiniSequentialThree; }
.p-kc-mini-journey__track .p-kc-mini-journey__card:nth-child(4) { animation-name: srKcMiniSequentialFour; }

.p-kc-mini-journey__number {
  position: static;
  grid-area: number;
  margin-bottom: 0.8rem;
  color: #0a48bf;
  font-size: clamp(0.9rem, 1.08vw, 1.05rem);
  font-weight: 850;
  letter-spacing: 0.02em;
  line-height: 1;
}

.p-kc-mini-journey__icon {
  grid-area: icon;
  display: grid;
  width: clamp(2.9rem, 3.25vw, 3.35rem);
  aspect-ratio: 1;
  margin: 0 auto 0.85rem;
  place-items: center;
  border: 1px solid rgb(0 111 168 / 8%);
  border-radius: 50%;
  background: linear-gradient(145deg, #ffffff, #f5fbff);
  color: #0a48bf;
  box-shadow: 0 0.8rem 1.5rem rgb(4 50 76 / 8%), inset 0 0 0 0.42rem rgb(255 255 255 / 64%);
}

.p-kc-mini-journey__icon svg {
  display: block;
  width: 1.45rem;
  height: 1.45rem;
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.6;
}

.p-kc-mini-journey__card strong {
  grid-area: title;
  width: 100%;
  padding-right: 0;
  color: var(--knowledge-navy);
  font: inherit;
  font-size: clamp(0.86rem, 0.98vw, 0.98rem);
  font-weight: 850;
  line-height: 1.14;
  letter-spacing: -0.035em;
  text-align: center;
}

.p-kc-mini-journey__card small {
  grid-area: text;
  width: 100%;
  margin-top: 0.6rem;
  color: rgb(68 87 100 / 76%);
  font: inherit;
  font-size: clamp(0.72rem, 0.78vw, 0.8rem);
  font-weight: 650;
  line-height: 1.45;
  text-align: center;
}

.p-kc-mini-journey__card small::after {
  display: block;
  width: 0.9rem;
  height: 2px;
  margin: 0.95rem auto 0;
  border-radius: 999px;
  background: #0a48bf;
  content: "";
}

@keyframes srKcMiniSequentialOne {
  0%, 24% { opacity: 1; transform: translateX(0); }
  34%, 42% { opacity: 0; transform: translateX(-112%); }
  43% { opacity: 0; transform: translateX(112%); }
  52%, 100% { opacity: 1; transform: translateX(0); }
}

@keyframes srKcMiniSequentialTwo {
  0%, 24% { opacity: 1; transform: translateX(0); }
  34%, 47% { opacity: 0; transform: translateX(-112%); }
  48% { opacity: 0; transform: translateX(112%); }
  57%, 100% { opacity: 1; transform: translateX(0); }
}

@keyframes srKcMiniSequentialThree {
  0%, 24% { opacity: 1; transform: translateX(0); }
  34%, 52% { opacity: 0; transform: translateX(-112%); }
  53% { opacity: 0; transform: translateX(112%); }
  62%, 100% { opacity: 1; transform: translateX(0); }
}

@keyframes srKcMiniSequentialFour {
  0%, 24% { opacity: 1; transform: translateX(0); }
  34%, 57% { opacity: 0; transform: translateX(-112%); }
  58% { opacity: 0; transform: translateX(112%); }
  67%, 100% { opacity: 1; transform: translateX(0); }
}

@media (max-width: 63.9375rem) and (min-width: 48.001rem) {
  .p-knowledge-start__grid {
    grid-template-columns: minmax(0, 0.4fr) minmax(0, 0.6fr);
    gap: 1.6rem;
  }

  .p-kc-mini-journey {
    padding-left: 1rem;
  }

  .p-kc-mini-journey__track {
    gap: 0.55rem;
  }

  .p-kc-mini-journey__card {
    min-height: 10rem;
    padding-inline: 0.62rem;
    animation-duration: 26s;
  }
}

@media (max-width: 48rem) {
  .p-knowledge-start__grid {
    grid-template-columns: 1fr;
  }

  .p-knowledge-start__content,
  .p-knowledge-start__visual {
    min-height: 0;
  }

  .p-knowledge-start__visual::before {
    display: none;
  }

  .p-kc-mini-journey {
    display: block;
    min-height: 0;
    padding: 0.35rem 0 0;
  }

  .p-kc-mini-journey::after {
    display: none;
  }

  .p-kc-mini-journey__viewport {
    overflow-x: auto;
    border-radius: 0;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .p-kc-mini-journey__viewport::-webkit-scrollbar {
    display: none;
  }

  .p-kc-mini-journey__track {
    display: flex;
    width: max-content;
    gap: 0.85rem;
    padding: 0.85rem 0.05rem 1rem;
  }

  .p-kc-mini-journey__card {
    width: min(76vw, 16rem);
    min-height: 10.25rem;
    animation: none;
    scroll-snap-align: start;
  }

  .p-kc-mini-journey__card.is-duplicate {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .p-kc-mini-journey__card {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .p-kc-mini-journey__card.is-duplicate {
    display: none !important;
  }
}
/* KC-02 Intro Left Column Direction Fix */
.p-knowledge-start__content {
  flex-direction: column;
  align-items: flex-start;
}

.p-knowledge-start__content h2 {
  max-width: min(29rem, 100%);
}

.p-knowledge-start__content > p:not(.c-eyebrow) {
  max-width: min(31rem, 100%);
}
/* KC-02 Mini Journey Hold Timing Polish */
@keyframes srKcMiniSequentialOne {
  0%, 14% { opacity: 1; transform: translateX(0); }
  24%, 32% { opacity: 0; transform: translateX(-112%); }
  33% { opacity: 0; transform: translateX(112%); }
  42%, 100% { opacity: 1; transform: translateX(0); }
}

@keyframes srKcMiniSequentialTwo {
  0%, 14% { opacity: 1; transform: translateX(0); }
  24%, 37% { opacity: 0; transform: translateX(-112%); }
  38% { opacity: 0; transform: translateX(112%); }
  47%, 100% { opacity: 1; transform: translateX(0); }
}

@keyframes srKcMiniSequentialThree {
  0%, 14% { opacity: 1; transform: translateX(0); }
  24%, 42% { opacity: 0; transform: translateX(-112%); }
  43% { opacity: 0; transform: translateX(112%); }
  52%, 100% { opacity: 1; transform: translateX(0); }
}

@keyframes srKcMiniSequentialFour {
  0%, 14% { opacity: 1; transform: translateX(0); }
  24%, 47% { opacity: 0; transform: translateX(-112%); }
  48% { opacity: 0; transform: translateX(112%); }
  57%, 100% { opacity: 1; transform: translateX(0); }
}
/* KC-02 Mini Journey Hold Timing Final */
.p-kc-mini-journey__card {
  animation-duration: 13s;
}

@media (max-width: 63.9375rem) and (min-width: 48.001rem) {
  .p-kc-mini-journey__card {
    animation-duration: 15s;
  }
}

@keyframes srKcMiniSequentialOne {
  0%, 10% { opacity: 1; transform: translateX(0); }
  27%, 40% { opacity: 0; transform: translateX(-112%); }
  41% { opacity: 0; transform: translateX(112%); }
  58%, 100% { opacity: 1; transform: translateX(0); }
}

@keyframes srKcMiniSequentialTwo {
  0%, 10% { opacity: 1; transform: translateX(0); }
  27%, 50% { opacity: 0; transform: translateX(-112%); }
  51% { opacity: 0; transform: translateX(112%); }
  68%, 100% { opacity: 1; transform: translateX(0); }
}

@keyframes srKcMiniSequentialThree {
  0%, 10% { opacity: 1; transform: translateX(0); }
  27%, 60% { opacity: 0; transform: translateX(-112%); }
  61% { opacity: 0; transform: translateX(112%); }
  78%, 100% { opacity: 1; transform: translateX(0); }
}

@keyframes srKcMiniSequentialFour {
  0%, 10% { opacity: 1; transform: translateX(0); }
  27%, 70% { opacity: 0; transform: translateX(-112%); }
  71% { opacity: 0; transform: translateX(112%); }
  88%, 100% { opacity: 1; transform: translateX(0); }
}
/* KC-02 Final Card Polish */
.p-knowledge-learning__grid {
  gap: clamp(1.95rem, 3.4vw, 3.7rem);
}

.c-card--learning-journey {
  min-height: clamp(12.9rem, 14.6vw, 14.25rem);
  padding: 2.38rem clamp(1.18rem, 1.5vw, 1.42rem) 0.95rem;
  justify-content: flex-start;
}

.p-knowledge-learning-card__icon {
  width: 4.35rem;
  margin-bottom: 1.02rem;
  transform: translateY(0.28rem);
}

.p-knowledge-learning-card h3 {
  margin-top: 0.38rem;
  margin-bottom: 0;
}

.p-knowledge-learning-card p {
  max-width: 14.75rem;
  margin-top: 0.62rem;
  line-height: 1.58;
  transform: translateY(-0.12rem);
}

.p-knowledge-learning-card__link {
  margin-top: auto;
  margin-left: 0;
  padding-top: 0.22rem;
  padding-bottom: 0.7rem;
  transform: translateY(-1.35rem);
}

@media (min-width: 64rem) {
  .p-knowledge-learning-card + .p-knowledge-learning-card::after {
    top: 43%;
    left: calc(-1 * clamp(1.95rem, 3.4vw, 3.7rem) / 2);
    width: calc(clamp(1.95rem, 3.4vw, 3.7rem) + 0.9rem);
    height: 1px;
    background: linear-gradient(90deg, rgb(185 132 0 / 24%), rgb(185 132 0 / 58%), rgb(10 72 191 / 18%));
    transform: translateX(-50%);
  }

  .p-knowledge-learning-card + .p-knowledge-learning-card::before {
    top: 43%;
    left: calc(-1 * clamp(1.95rem, 3.4vw, 3.7rem) / 2);
    width: 0.58rem;
    border-color: rgb(185 132 0 / 78%);
    transform: translate(-50%, -50%);
  }
}

@media (max-width: 63.9375rem) {
  .c-card--learning-journey {
    min-height: 14rem;
  }

  .p-knowledge-learning-card__link {
    transform: translateY(-0.95rem);
  }
}

@media (max-width: 40rem) {
  .c-card--learning-journey {
    min-height: 14.7rem;
    padding-top: 2.35rem;
  }

  .p-knowledge-learning-card__link {
    padding-bottom: 0.65rem;
    transform: translateY(-0.75rem);
  }
}
/* KC-02 Card Polish Overlap Fix */
.c-card--learning-journey {
  min-height: clamp(14.7rem, 15.8vw, 15.8rem);
  padding-top: 2.32rem;
  padding-bottom: 1rem;
}

.p-knowledge-learning-card__icon {
  width: 4.25rem;
  margin-bottom: 0.9rem;
  transform: translateY(0.22rem);
}

.p-knowledge-learning-card h3 {
  margin-top: 0.28rem;
}

.p-knowledge-learning-card p {
  max-width: 14.25rem;
  margin-top: 0.55rem;
  line-height: 1.5;
  transform: none;
}

.p-knowledge-learning-card__link {
  margin-top: 0.7rem;
  padding-top: 0;
  padding-bottom: 0.45rem;
  transform: translateY(-0.55rem);
}

@media (min-width: 64rem) {
  .p-knowledge-learning-card + .p-knowledge-learning-card::after {
    width: calc(clamp(1.95rem, 3.4vw, 3.7rem) + 1.35rem);
  }
}

@media (max-width: 63.9375rem) {
  .c-card--learning-journey {
    min-height: 15.1rem;
  }

  .p-knowledge-learning-card__link {
    transform: translateY(-0.35rem);
  }
}

@media (max-width: 40rem) {
  .c-card--learning-journey {
    min-height: 15.5rem;
  }

  .p-knowledge-learning-card__link {
    transform: none;
  }
}
/* KC-02 Final Micro Polish - Connector CTA Description */
.p-knowledge-learning-card p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.p-knowledge-learning-card__link {
  display: inline-flex;
  align-items: baseline;
  gap: 0.48rem;
  line-height: 1;
}

.p-knowledge-learning-card__link span {
  display: inline-block;
  line-height: 1;
}

@media (min-width: 64rem) {
  .p-knowledge-learning-card + .p-knowledge-learning-card::after {
    top: 43%;
    left: calc(-1 * clamp(1.95rem, 3.4vw, 3.7rem) / 2);
    width: calc(clamp(1.95rem, 3.4vw, 3.7rem) + 1.8rem);
    height: 1px;
    background: linear-gradient(90deg, rgb(10 72 191 / 12%), rgb(185 132 0 / 52%) 48%, rgb(185 132 0 / 52%) 52%, rgb(10 72 191 / 12%));
    transform: translateX(-50%);
  }

  .p-knowledge-learning-card + .p-knowledge-learning-card::before {
    top: 43%;
    left: calc(-1 * clamp(1.95rem, 3.4vw, 3.7rem) / 2);
    z-index: 5;
    width: 0.6rem;
    border: 2px solid rgb(185 132 0 / 78%);
    background: #ffffff;
    box-shadow: 0 0 0 0.22rem rgb(255 255 255 / 86%);
    transform: translate(-50%, -50%);
  }
}
/* KC-02 Final CTA Footer Polish */
.c-card--learning-journey {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.p-knowledge-learning-card p {
  margin-bottom: 0;
}

.p-knowledge-learning-card__link {
  margin-top: auto;
}

.p-knowledge-learning-card__link::after {
  display: none !important;
  content: none !important;
}
/* KC-02 Journey Cards Premium Polish */
.p-knowledge-learning__grid {
  isolation: isolate;
}

.c-card--learning-journey {
  min-height: clamp(15.45rem, 16.55vw, 16.35rem);
  padding-bottom: 1.18rem;
  position: relative;
  z-index: 2;
}

.p-knowledge-learning-card__icon svg {
  stroke-width: 1.5;
}

.p-knowledge-learning-card h3 {
  font-weight: 800;
}

.p-knowledge-learning-card p {
  margin-bottom: 1.15rem;
}

.p-knowledge-learning-card__link {
  margin-top: auto;
  padding-top: 1.05rem;
  padding-bottom: 0.35rem;
  transform: none;
}

@media (min-width: 64rem) {
  .p-knowledge-learning-card + .p-knowledge-learning-card::after,
  .p-knowledge-learning-card + .p-knowledge-learning-card::before {
    z-index: -1;
    pointer-events: none;
  }

  .p-knowledge-learning-card + .p-knowledge-learning-card::after {
    width: calc(clamp(1.95rem, 3.4vw, 3.7rem) + 0.55rem);
  }
}

@media (max-width: 63.9375rem) {
  .c-card--learning-journey {
    min-height: 15.75rem;
  }

  .p-knowledge-learning-card__link {
    transform: none;
  }
}

@media (max-width: 40rem) {
  .c-card--learning-journey {
    min-height: 15.95rem;
  }
}
/* KC-03 Topic Explorer */
.p-knowledge-topic-explorer {
  position: relative;
  overflow: hidden;
  padding: clamp(4rem, 6.5vw, 6rem) 0 clamp(4.4rem, 7vw, 6.4rem);
  background:
    radial-gradient(circle at 0 8%, rgb(0 111 168 / 6%) 0 0.12rem, transparent 0.13rem) 0 0 / 0.72rem 0.72rem,
    radial-gradient(circle at 98% 88%, rgb(0 111 168 / 6%) 0 0.12rem, transparent 0.13rem) 0 0 / 0.72rem 0.72rem,
    linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
}

.p-knowledge-topic-explorer::before {
  position: absolute;
  inset: 10% auto auto -12%;
  width: 34rem;
  height: 34rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgb(0 111 168 / 8%) 0%, transparent 68%);
  content: "";
  pointer-events: none;
}

.p-knowledge-topic-explorer::after {
  position: absolute;
  right: -10%;
  bottom: 2%;
  width: 34rem;
  height: 34rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgb(253 209 0 / 8%) 0%, transparent 70%);
  content: "";
  pointer-events: none;
}

.p-knowledge-topic-explorer .srcosme-container {
  position: relative;
  z-index: 1;
}

.p-knowledge-topic-explorer__header {
  max-width: 48rem;
  margin: 0 auto clamp(2rem, 3.2vw, 2.85rem);
  text-align: center;
}

.p-knowledge-topic-explorer__eyebrow {
  display: grid;
  grid-template-columns: minmax(2rem, 1fr) auto minmax(2rem, 1fr);
  align-items: center;
  gap: clamp(0.85rem, 1.5vw, 1.35rem);
  margin-bottom: 1.35rem;
}

.p-knowledge-topic-explorer__eyebrow span {
  display: block;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgb(253 209 0 / 56%), transparent);
}

.p-knowledge-topic-explorer__eyebrow p {
  color: #0a48bf;
}

.p-knowledge-topic-explorer__header h2 {
  margin: 0;
  color: var(--knowledge-navy);
  font-family: inherit;
  font-size: clamp(2.45rem, 4vw, 4rem);
  font-weight: 850;
  line-height: 1.02;
  letter-spacing: -0.05em;
}

.p-knowledge-topic-explorer__header h2::after {
  display: block;
  width: 2.9rem;
  height: 2px;
  margin: 1rem auto 1.1rem;
  border-radius: 999px;
  background: var(--knowledge-gold);
  content: "";
}

.p-knowledge-topic-explorer__header > p {
  margin: 0;
  color: rgb(68 87 100 / 78%);
  font-size: clamp(0.98rem, 1.08vw, 1.06rem);
  line-height: 1.7;
}

.p-knowledge-topic-explorer__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(1rem, 1.8vw, 1.45rem);
}

.c-card--explorer {
  position: relative;
  display: flex;
  min-height: clamp(13rem, 15vw, 14.35rem);
  padding: clamp(1.3rem, 1.8vw, 1.65rem) clamp(1rem, 1.5vw, 1.35rem) 1.25rem;
  flex-direction: column;
  align-items: center;
  border: 1px solid rgb(253 209 0 / 48%);
  border-radius: 1.1rem;
  background: rgb(255 255 255 / 94%);
  box-shadow: 0 1.2rem 2.6rem rgb(4 50 76 / 9%);
  text-align: center;
  transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease;
}

.p-knowledge-explorer-card__icon {
  display: grid;
  width: clamp(4.5rem, 5.8vw, 5.35rem);
  aspect-ratio: 1;
  margin-bottom: 1rem;
  place-items: center;
  border: 1px solid rgb(253 209 0 / 22%);
  border-radius: 50%;
  background: linear-gradient(145deg, #ffffff, #f6fbff);
  color: #0a48bf;
  box-shadow: 0 1rem 1.8rem rgb(4 50 76 / 8%), inset 0 0 0 0.56rem rgb(255 255 255 / 66%);
  transition: box-shadow 240ms ease, transform 240ms ease;
}

.p-knowledge-explorer-card__icon svg {
  display: block;
  width: 2.15rem;
  height: 2.15rem;
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.55;
}

.p-knowledge-explorer-card h3 {
  margin: 0;
  color: var(--knowledge-navy);
  font-size: clamp(0.98rem, 1.08vw, 1.08rem);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.035em;
}

.p-knowledge-explorer-card__meta {
  display: inline-flex;
  margin: 0.72rem 0 0;
  align-items: center;
  gap: 0.4rem;
  color: rgb(68 87 100 / 76%);
  font-size: clamp(0.84rem, 0.92vw, 0.94rem);
  font-weight: 650;
  line-height: 1.3;
}

.p-knowledge-explorer-card__meta svg {
  width: 0.88rem;
  height: 0.88rem;
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.55;
}

.p-knowledge-explorer-card__link {
  display: inline-flex;
  width: 100%;
  margin-top: auto;
  padding-top: 1.1rem;
  border-top: 1px solid rgb(253 209 0 / 42%);
  align-items: baseline;
  justify-content: center;
  gap: 0.72rem;
  color: #0a48bf;
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  transition: color 200ms ease;
}

.p-knowledge-explorer-card__link span {
  display: inline-block;
  line-height: 1;
  transition: transform 200ms ease;
}

.c-card--explorer:hover,
.c-card--explorer:focus-within {
  border-color: rgb(253 209 0 / 76%);
  box-shadow: 0 1.55rem 3.2rem rgb(4 50 76 / 13%);
  transform: translateY(-4px);
}

.c-card--explorer:hover .p-knowledge-explorer-card__icon,
.c-card--explorer:focus-within .p-knowledge-explorer-card__icon {
  box-shadow: 0 1.05rem 2rem rgb(10 72 191 / 12%), 0 0 1.4rem rgb(253 209 0 / 18%), inset 0 0 0 0.56rem rgb(255 255 255 / 72%);
  transform: translateY(-1px);
}

.c-card--explorer:hover .p-knowledge-explorer-card__link,
.c-card--explorer:focus-within .p-knowledge-explorer-card__link {
  color: #003c9f;
}

.c-card--explorer:hover .p-knowledge-explorer-card__link span,
.c-card--explorer:focus-within .p-knowledge-explorer-card__link span {
  transform: translateX(0.18rem);
}

.p-knowledge-explorer-card__link:focus-visible {
  outline: 2px solid rgb(10 72 191 / 54%);
  outline-offset: 0.35rem;
  border-radius: 0.35rem;
}

@media (max-width: 63.9375rem) {
  .p-knowledge-topic-explorer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 40rem) {
  .p-knowledge-topic-explorer {
    padding: 3rem 0 4rem;
  }

  .p-knowledge-topic-explorer__header {
    margin-bottom: 1.7rem;
    text-align: left;
  }

  .p-knowledge-topic-explorer__eyebrow {
    grid-template-columns: auto minmax(2rem, 1fr);
    gap: 0.8rem;
    margin-bottom: 1rem;
  }

  .p-knowledge-topic-explorer__eyebrow span:first-child {
    display: none;
  }

  .p-knowledge-topic-explorer__header h2 {
    font-size: clamp(2.15rem, 9vw, 2.85rem);
  }

  .p-knowledge-topic-explorer__header h2::after {
    margin-inline: 0;
  }

  .p-knowledge-topic-explorer__grid {
    gap: 0.8rem;
  }

  .c-card--explorer {
    min-height: 12.6rem;
    padding: 1.05rem 0.78rem 1rem;
    border-radius: 1rem;
  }

  .p-knowledge-explorer-card__icon {
    width: 3.8rem;
    margin-bottom: 0.78rem;
  }

  .p-knowledge-explorer-card__icon svg {
    width: 1.75rem;
    height: 1.75rem;
  }

  .p-knowledge-explorer-card h3 {
    font-size: 0.92rem;
  }

  .p-knowledge-explorer-card__meta {
    font-size: 0.78rem;
  }

  .p-knowledge-explorer-card__link {
    padding-top: 0.9rem;
    font-size: 0.8rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .c-card--explorer,
  .p-knowledge-explorer-card__icon,
  .p-knowledge-explorer-card__link,
  .p-knowledge-explorer-card__link span {
    transition: none !important;
  }

  .c-card--explorer:hover,
  .c-card--explorer:focus-within,
  .c-card--explorer:hover .p-knowledge-explorer-card__icon,
  .c-card--explorer:focus-within .p-knowledge-explorer-card__icon,
  .c-card--explorer:hover .p-knowledge-explorer-card__link span,
  .c-card--explorer:focus-within .p-knowledge-explorer-card__link span {
    transform: none !important;
  }
}
/* KC-03 Final Visual Polish */
.p-knowledge-topic-explorer {
  background:
    radial-gradient(circle at 0 8%, rgb(0 111 168 / 4.8%) 0 0.12rem, transparent 0.13rem) 0 0 / 0.72rem 0.72rem,
    radial-gradient(circle at 98% 88%, rgb(0 111 168 / 4.8%) 0 0.12rem, transparent 0.13rem) 0 0 / 0.72rem 0.72rem,
    linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
}

.p-knowledge-explorer-card__icon {
  width: clamp(4.05rem, 5.22vw, 4.82rem);
}

.p-knowledge-explorer-card__link {
  width: 70%;
  transition: color 200ms ease, box-shadow 200ms ease;
}

.c-card--explorer:hover .p-knowledge-explorer-card__link,
.c-card--explorer:focus-within .p-knowledge-explorer-card__link {
  color: #1267d8;
  box-shadow: inset 0 -1px 0 rgb(253 209 0 / 72%);
}

.c-card--explorer:hover .p-knowledge-explorer-card__link span,
.c-card--explorer:focus-within .p-knowledge-explorer-card__link span {
  transform: translateX(0.22rem);
}

@media (max-width: 40rem) {
  .p-knowledge-explorer-card__icon {
    width: 3.42rem;
  }

  .p-knowledge-explorer-card__link {
    width: 72%;
  }
}
/* KC-03 Topic Explorer Divider Match */
.p-knowledge-topic-explorer__eyebrow {
  grid-template-columns: minmax(2rem, 1fr) auto minmax(2rem, 1fr);
  gap: 1rem;
  max-width: 46rem;
  margin-inline: auto;
  text-align: center;
}

.p-knowledge-topic-explorer__eyebrow span {
  height: 1px;
  border-radius: 0;
  background: linear-gradient(90deg, transparent, rgb(253 209 0 / 64%), transparent);
}

.p-knowledge-topic-explorer__eyebrow p {
  position: relative;
  margin: 0;
  color: var(--knowledge-blue);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  line-height: 1;
  text-transform: uppercase;
}

.p-knowledge-topic-explorer__eyebrow p::before,
.p-knowledge-topic-explorer__eyebrow p::after {
  position: absolute;
  top: 50%;
  width: 0.45rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--knowledge-gold);
  box-shadow: 0 0 0.9rem rgb(253 209 0 / 45%);
  content: "";
  transform: translateY(-50%);
}

.p-knowledge-topic-explorer__eyebrow p::before {
  left: -2.2rem;
}

.p-knowledge-topic-explorer__eyebrow p::after {
  right: -2.2rem;
}

@media (max-width: 40rem) {
  .p-knowledge-topic-explorer__eyebrow p::before,
  .p-knowledge-topic-explorer__eyebrow p::after {
    display: none;
  }
}

/* Knowledge Center phase 1 polish: hero, search, and topic tabs only. */
.p-knowledge-center,
.p-knowledge-center * {
  font-family: Inter, var(--font-inter, ui-sans-serif), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.p-knowledge-center {
  --knowledge-gold-soft: rgb(214 171 68 / 34%);
  --knowledge-gold-strong: rgb(242 201 76 / 68%);
  overflow-x: clip;
}

.p-knowledge-center :is(h1, h2, h3, h4) {
  letter-spacing: 0;
}

.p-knowledge-center :is(p, li, input, button, a, span, small, strong) {
  letter-spacing: normal;
}

.p-knowledge-center :is(
  .p-knowledge-hero__title span,
  .p-knowledge-trending > span,
  .p-knowledge-pill,
  .p-knowledge-start__content h2,
  .p-knowledge-learning-card h3,
  .p-knowledge-learning__trust strong,
  .p-knowledge-topic-explorer__header h2,
  .p-knowledge-explorer-card h3,
  .p-knowledge-explorer-card__link
) {
  letter-spacing: 0;
}

.p-knowledge-center :is(
  .p-knowledge-hero__eyebrow,
  .p-knowledge-category__heading .c-eyebrow,
  .p-knowledge-start__eyebrow,
  .p-knowledge-learning__heading p,
  .p-knowledge-topic-explorer__eyebrow p,
  .p-knowledge-search__panel-heading
) {
  letter-spacing: 0.08em;
}

.p-knowledge-center :is(.p-knowledge-hero__eyebrow, .p-knowledge-category__heading .c-eyebrow) {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--knowledge-blue);
  font-size: clamp(0.76rem, 1.05vw, 0.86rem);
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
}

.p-knowledge-center :is(.p-knowledge-hero__eyebrow, .p-knowledge-category__heading .c-eyebrow)::before {
  display: inline-block;
  width: clamp(0.42rem, 1.4vw, 0.54rem);
  height: clamp(0.42rem, 1.4vw, 0.54rem);
  border: 0.15rem solid rgb(229 57 53 / 18%);
  border-radius: 999px;
  background: #e53935;
  box-shadow: 0 0 0 0.22rem rgb(229 57 53 / 8%);
  content: "";
  flex: 0 0 auto;
  transform: translateY(-0.01rem);
}

.p-knowledge-center .p-knowledge-hero {
  padding-block: clamp(2.55rem, 4.3vw, 4rem) clamp(1.75rem, 3.1vw, 2.55rem);
}

.p-knowledge-center .p-knowledge-hero__grid {
  min-height: clamp(27rem, 34vw, 31.5rem);
  gap: clamp(1.7rem, 4vw, 3.65rem);
}

.p-knowledge-center .p-knowledge-hero__content {
  gap: clamp(0.78rem, 1.25vw, 1.05rem);
}

.p-knowledge-center .p-knowledge-hero h1 {
  max-width: min(36rem, 100%);
  font-size: clamp(2.55rem, 3.55vw, 3.35rem);
  line-height: 1.02;
  letter-spacing: 0;
}

.p-knowledge-center .p-knowledge-hero__title span {
  white-space: nowrap;
}

.p-knowledge-center .p-knowledge-hero__lead {
  max-width: 32rem;
  margin-top: clamp(-0.22rem, -0.4vw, -0.08rem);
  font-size: clamp(0.96rem, 1.05vw, 1.04rem);
  line-height: 1.58;
}

.p-knowledge-center .p-knowledge-search {
  max-width: 35.25rem;
  margin-top: clamp(0.08rem, 0.3vw, 0.28rem);
}

.p-knowledge-center .p-knowledge-search__form {
  grid-template-columns: 2.78rem minmax(0, 1fr) 2.78rem;
  min-height: clamp(3.7rem, 5.1vw, 4.15rem);
  border-color: var(--knowledge-gold-soft);
  border-radius: 1.15rem;
  background:
    linear-gradient(135deg, rgb(255 255 255 / 98%) 0%, rgb(248 252 255 / 96%) 100%);
  box-shadow:
    0 0.85rem 1.95rem rgb(4 50 76 / 9%),
    inset 0 1px 0 rgb(255 255 255 / 86%);
}

.p-knowledge-center .p-knowledge-search__form:focus-within {
  border-color: var(--knowledge-gold-strong);
  box-shadow:
    0 1rem 2.25rem rgb(4 50 76 / 12%),
    0 0 0 0.2rem rgb(242 201 76 / 14%),
    inset 0 1px 0 rgb(255 255 255 / 92%);
}

.p-knowledge-center .p-knowledge-search__input {
  font-size: clamp(0.94rem, 1vw, 1rem);
  font-weight: 700;
  letter-spacing: normal;
}

.p-knowledge-center .p-knowledge-search__input::placeholder {
  color: rgb(64 86 96 / 70%);
}

.p-knowledge-center .p-knowledge-search__icon {
  color: var(--knowledge-blue);
}

.p-knowledge-center .p-knowledge-search__clear {
  min-width: 2rem;
  color: var(--knowledge-blue);
}

.p-knowledge-center .p-knowledge-search__panel {
  border-color: var(--knowledge-gold-soft);
  box-shadow: 0 1.15rem 2.75rem rgb(4 50 76 / 14%);
}

.p-knowledge-center .p-knowledge-trending {
  width: min(34rem, 100%);
  max-width: 100%;
  gap: clamp(0.44rem, 1vw, 0.58rem);
  justify-items: center;
}

.p-knowledge-center .p-knowledge-trending__list {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(0.38rem, 1.4vw, 0.62rem);
  align-items: center;
}

.p-knowledge-center .p-knowledge-pill {
  box-sizing: border-box;
  inline-size: 100%;
  min-width: 0;
  min-height: 2.22rem;
  justify-content: center;
  padding: 0.55rem clamp(0.34rem, 0.95vw, 0.64rem);
  font-size: clamp(0.8rem, 1vw, 0.86rem);
  letter-spacing: normal;
  text-align: center;
  white-space: nowrap;
}

.p-knowledge-center .p-knowledge-category {
  position: relative;
  isolation: isolate;
  padding-block: clamp(2.35rem, 4.5vw, 3.45rem) clamp(3rem, 5.5vw, 4.75rem);
  border-block: 1px solid rgb(0 111 168 / 7%);
  background:
    radial-gradient(circle at 14% 12%, rgb(0 111 168 / 7%) 0%, transparent 34%),
    linear-gradient(180deg, rgb(247 252 255 / 72%) 0%, rgb(255 255 255 / 92%) 48%, rgb(248 251 253 / 78%) 100%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 86%);
}

.p-knowledge-center .p-knowledge-category__heading {
  gap: clamp(0.48rem, 0.9vw, 0.62rem);
  margin-bottom: clamp(0.92rem, 1.7vw, 1.18rem);
}

.p-knowledge-center .p-knowledge-category__heading h2 {
  font-size: clamp(2rem, 3.65vw, 3.1rem);
  line-height: 1.04;
  letter-spacing: 0;
}

.p-knowledge-center .p-knowledge-category__nav {
  position: relative;
  gap: clamp(0.48rem, 1vw, 0.65rem);
  padding: 0.38rem;
  border: 1px solid rgb(214 171 68 / 16%);
  border-radius: 999px;
  background: rgb(255 255 255 / 62%);
  box-shadow:
    0 0.9rem 2.2rem rgb(4 50 76 / 7%),
    inset 0 1px 0 rgb(255 255 255 / 82%);
}

.p-knowledge-center .p-knowledge-category__chip {
  min-height: 2.64rem;
  padding: 0.72rem 1.04rem;
  border-color: rgb(214 171 68 / 26%);
  border-radius: 999px;
  background: linear-gradient(180deg, rgb(255 255 255 / 94%) 0%, rgb(248 252 255 / 92%) 100%);
  box-shadow: 0 0.38rem 0.95rem rgb(4 50 76 / 5%);
  color: var(--knowledge-navy);
  font-size: clamp(0.84rem, 0.95vw, 0.92rem);
  font-weight: 800;
  letter-spacing: normal;
  white-space: nowrap;
  scroll-snap-align: start;
}

.p-knowledge-center .p-knowledge-category__chip:hover,
.p-knowledge-center .p-knowledge-category__chip:focus-visible {
  border-color: rgb(242 201 76 / 58%);
  background: #fffdf3;
  box-shadow: 0 0.55rem 1.2rem rgb(4 50 76 / 7%);
}

.p-knowledge-center .p-knowledge-category__chip:focus-visible {
  outline: 3px solid rgb(242 201 76 / 32%);
  outline-offset: 3px;
}

.p-knowledge-center .p-knowledge-category__chip.is-active {
  border-color: rgb(0 111 168 / 34%);
  background: linear-gradient(135deg, #06425d 0%, #0a78ad 100%);
  box-shadow: 0 0.62rem 1.35rem rgb(4 50 76 / 12%);
  color: #fff;
}

.p-knowledge-center .p-knowledge-network {
  --orbit-card-width: clamp(9rem, 11.75vw, 11.05rem);
}

.p-knowledge-center .p-knowledge-network::before,
.p-knowledge-center .p-knowledge-network::after,
.p-knowledge-center .p-knowledge-network__orbit {
  border-color: rgb(0 111 168 / 14%);
}

.p-knowledge-center .p-knowledge-network__core::before {
  inset: -0.72rem;
  border-radius: 1.55rem;
  background: radial-gradient(circle, rgb(0 111 168 / 10%) 0%, rgb(0 111 168 / 4%) 42%, transparent 72%);
  filter: blur(0.38rem);
  opacity: 0.28;
}

.p-knowledge-center .p-knowledge-network__core {
  border-color: rgb(214 171 68 / 18%);
  background: #fff;
  box-shadow:
    0 0.95rem 1.85rem rgb(4 50 76 / 10%),
    inset 0 1px 0 rgb(255 255 255 / 88%);
}

.p-knowledge-center .p-knowledge-network__core::after {
  display: block;
  inset: 0.58rem;
  border-radius: 0.9rem;
  background: transparent;
}

.p-knowledge-center .p-knowledge-network__core img {
  width: 82%;
  height: 82%;
  filter: drop-shadow(0 0.35rem 0.58rem rgb(4 50 76 / 10%));
}

.p-knowledge-center .p-knowledge-network__card-inner {
  border-color: rgb(214 171 68 / 22%);
  box-shadow: 0 0.72rem 1.65rem rgb(4 50 76 / 8%);
}

@media (max-width: 63.9375rem) {
  .p-knowledge-center .p-knowledge-hero__content {
    max-width: 42rem;
  }

  .p-knowledge-center .p-knowledge-network {
    min-height: clamp(23rem, 50vw, 26.5rem);
  }
}

@media (max-width: 40rem) {
  .p-knowledge-center .p-knowledge-hero {
    padding-block: clamp(2.15rem, 8vw, 2.65rem) clamp(1.65rem, 6vw, 2rem);
  }

  .p-knowledge-center .p-knowledge-hero__content {
    gap: clamp(0.64rem, 2.6vw, 0.82rem);
  }

  .p-knowledge-center .p-knowledge-hero h1 {
    max-width: min(27rem, 100%);
    font-size: clamp(1.9rem, 8.45vw, 2.34rem);
    line-height: 1.04;
  }

  .p-knowledge-center .p-knowledge-hero__lead {
    margin-top: 0;
    font-size: clamp(0.92rem, 3.8vw, 0.98rem);
    line-height: 1.5;
  }

  .p-knowledge-center .p-knowledge-search {
    gap: 0.58rem;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  .p-knowledge-center .p-knowledge-search__form {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    grid-template-columns: 2.42rem minmax(0, 1fr) 2.42rem;
    min-height: 3.55rem;
    border-radius: 1rem;
  }

  .p-knowledge-center .p-knowledge-search__input {
    font-size: 16px;
  }

  .p-knowledge-center .p-knowledge-search__panel,
  .p-knowledge-center .p-knowledge-search__results,
  .p-knowledge-center .p-knowledge-search__quick-list {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  .p-knowledge-center .p-knowledge-trending {
    max-width: 100%;
    overflow: hidden;
  }

  .p-knowledge-center .p-knowledge-trending__list {
    gap: clamp(0.26rem, 1.25vw, 0.44rem);
    margin-inline: 0;
    padding: 0.08rem 0 0.24rem;
  }

  .p-knowledge-center .p-knowledge-pill {
    inline-size: 100%;
    min-width: 0;
    min-height: 2.16rem;
    padding: 0.52rem clamp(0.18rem, 1.25vw, 0.32rem);
    font-size: clamp(0.68rem, 3vw, 0.84rem);
  }

  .p-knowledge-center .p-knowledge-category {
    padding-block: clamp(2rem, 8vw, 2.55rem) clamp(2.38rem, 9vw, 3rem);
  }

  .p-knowledge-center .p-knowledge-category__nav {
    flex-wrap: nowrap;
    gap: clamp(0.46rem, 1.7vw, 0.58rem);
    width: calc(100% + 1.8rem);
    margin-inline: -0.9rem;
    padding: 0.52rem 0.9rem 0.68rem;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 0.9rem;
    scroll-snap-type: x proximity;
    border-radius: 1.35rem;
    background:
      linear-gradient(90deg, rgb(255 255 255 / 92%) 0%, rgb(255 255 255 / 0%) 1.05rem, rgb(255 255 255 / 0%) calc(100% - 1.05rem), rgb(255 255 255 / 92%) 100%),
      rgb(255 255 255 / 58%);
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .p-knowledge-center .p-knowledge-category__nav::-webkit-scrollbar {
    display: none;
  }

  .p-knowledge-center .p-knowledge-category__chip {
    flex: 0 0 auto;
    min-height: 2.72rem;
    padding: 0.72rem 1rem;
    font-size: clamp(0.82rem, 3.35vw, 0.9rem);
  }

  .p-knowledge-center .p-knowledge-network {
    --orbit-radius: clamp(7.25rem, 34vw, 8.95rem);
    --orbit-card-width: clamp(6.9rem, 31vw, 8rem);
    min-height: clamp(21.5rem, 76vw, 24rem);
  }

  .p-knowledge-center .p-knowledge-network__core {
    width: clamp(6.65rem, 29vw, 7.6rem);
  }
}

/* KC-04 Knowledge Articles */
.p-knowledge-article {
  --knowledge-navy: #04324c;
  --knowledge-blue: #006fa8;
  --knowledge-light-blue: #eaf7ff;
  --knowledge-gold: #fdd100;
  --knowledge-muted: #64747b;
  --knowledge-card-border: rgb(0 111 168 / 12%);
  background: linear-gradient(180deg, #ffffff 0%, #f8fcff 42%, #ffffff 100%);
  color: var(--knowledge-navy);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.p-knowledge-reading-progress {
  position: sticky;
  top: 0;
  z-index: 60;
  height: 3px;
  background: rgb(0 111 168 / 8%);
}

.p-knowledge-reading-progress span {
  display: block;
  width: 0%;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--knowledge-gold), rgb(0 111 168 / 72%));
  transition: width 120ms linear;
}

.p-knowledge-article-hero {
  padding: clamp(2.8rem, 5vw, 5rem) 0 clamp(1.8rem, 3.6vw, 3rem);
}

.p-knowledge-article-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 0.48rem;
  align-items: center;
  margin-bottom: clamp(1.55rem, 2.4vw, 2.2rem);
  color: rgb(68 87 100 / 76%);
  font-size: 0.78rem;
  font-weight: 650;
}

.p-knowledge-article-breadcrumb a {
  color: inherit;
  text-decoration: none;
  transition: color 180ms ease;
}

.p-knowledge-article-breadcrumb a:hover,
.p-knowledge-article-breadcrumb a:focus-visible {
  color: var(--knowledge-blue);
  outline: 0;
}

.p-knowledge-article-hero__content {
  max-width: 46.25rem;
}

.p-knowledge-article__badge {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  margin: 0 0 1rem;
  padding: 0.32rem 0.68rem;
  border: 1px solid rgb(253 209 0 / 42%);
  border-radius: 999px;
  background: rgb(253 209 0 / 14%);
  color: #b98200;
  font-size: 0.74rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.p-knowledge-article-hero h1 {
  max-width: 44rem;
  margin: 0;
  color: var(--knowledge-navy);
  font-family: inherit;
  font-size: clamp(2.35rem, 4vw, 4.1rem);
  font-weight: 850;
  line-height: 1.06;
  letter-spacing: -0.045em;
}

.p-knowledge-article-hero__content > p:not(.p-knowledge-article__badge) {
  max-width: 42rem;
  margin: clamp(1rem, 1.7vw, 1.35rem) 0 0;
  color: rgb(68 87 100 / 84%);
  font-size: clamp(1rem, 1.08vw, 1.08rem);
  line-height: 1.72;
}

.p-knowledge-article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1.05rem;
  align-items: center;
  margin: clamp(1.45rem, 2.5vw, 2rem) 0 0;
  padding: 0;
  color: rgb(68 87 100 / 78%);
  font-size: 0.82rem;
  font-weight: 650;
  list-style: none;
}

.p-knowledge-article-meta li {
  display: inline-flex;
  gap: 0.42rem;
  align-items: center;
}

.p-knowledge-article-meta span {
  display: inline-flex;
  width: 1.28rem;
  height: 1.28rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(253 209 0 / 48%);
  border-radius: 50%;
  color: #c28a00;
  font-size: 0.72rem;
  line-height: 1;
}

.p-knowledge-article-body {
  padding: 0 0 clamp(4rem, 7vw, 6.5rem);
}

.p-knowledge-article-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.7fr) minmax(17rem, 0.3fr);
  gap: clamp(2rem, 4vw, 4.5rem);
  align-items: start;
}

.p-knowledge-article-content {
  width: 100%;
  max-width: 46.25rem;
}

.p-knowledge-article-section {
  padding: clamp(1.65rem, 3vw, 2.55rem) 0;
  border-top: 1px solid rgb(0 111 168 / 10%);
  scroll-margin-top: 5rem;
}

.p-knowledge-article-section:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.p-knowledge-article-section h2 {
  margin: 0 0 1rem;
  color: var(--knowledge-navy);
  font-family: inherit;
  font-size: clamp(1.28rem, 2vw, 1.72rem);
  font-weight: 820;
  line-height: 1.22;
  letter-spacing: -0.025em;
}

.p-knowledge-article-prose {
  color: rgb(24 44 58 / 88%);
  font-size: 1rem;
  line-height: 1.78;
}

.p-knowledge-article-prose > *:first-child {
  margin-top: 0;
}

.p-knowledge-article-prose > *:last-child {
  margin-bottom: 0;
}

.p-knowledge-article-prose ul {
  display: grid;
  gap: 0.65rem;
  padding-left: 0;
  list-style: none;
}

.p-knowledge-article-prose li {
  position: relative;
  padding-left: 1.45rem;
}

.p-knowledge-article-prose li::before {
  position: absolute;
  top: 0.68em;
  left: 0;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: var(--knowledge-gold);
  box-shadow: 0 0 0 0.18rem rgb(253 209 0 / 14%);
  content: "";
}

.p-knowledge-article-media {
  overflow: hidden;
  margin: clamp(1.25rem, 2.4vw, 1.8rem) 0;
  border: 1px solid rgb(0 111 168 / 10%);
  border-radius: 1rem;
  box-shadow: 0 1.2rem 2.8rem rgb(4 50 76 / 9%);
}

.p-knowledge-article-media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 7;
  object-fit: cover;
}

.p-knowledge-article-media--fallback {
  position: relative;
  min-height: clamp(11rem, 21vw, 14.5rem);
  background:
    radial-gradient(circle at 26% 34%, rgb(253 209 0 / 22%) 0 0.22rem, transparent 0.24rem),
    radial-gradient(circle at 72% 28%, rgb(0 111 168 / 18%) 0 0.2rem, transparent 0.22rem),
    linear-gradient(135deg, #f8fcff 0%, #eaf7ff 100%);
}

.p-knowledge-article-media--fallback span {
  position: absolute;
  border-radius: 1rem;
  background: rgb(255 255 255 / 82%);
  box-shadow: 0 0.9rem 2rem rgb(4 50 76 / 10%);
}

.p-knowledge-article-media--fallback span:nth-child(1) { inset: auto auto 20% 10%; width: 30%; height: 30%; }
.p-knowledge-article-media--fallback span:nth-child(2) { inset: 20% 34% auto auto; width: 18%; height: 48%; }
.p-knowledge-article-media--fallback span:nth-child(3) { inset: auto 10% 22% auto; width: 28%; height: 24%; }

.p-knowledge-callout {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.9rem;
  margin-top: clamp(1.1rem, 2vw, 1.5rem);
  padding: 1rem 1.1rem;
  border: 1px solid rgb(0 111 168 / 12%);
  border-radius: 0.9rem;
  background: #f8fcff;
  box-shadow: 0 0.7rem 1.8rem rgb(4 50 76 / 5%);
}

.p-knowledge-callout__icon {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.86rem;
  font-weight: 900;
}

.p-knowledge-callout strong {
  display: block;
  margin-bottom: 0.25rem;
  color: var(--knowledge-navy);
  font-size: 0.9rem;
}

.p-knowledge-callout p {
  margin: 0;
  color: rgb(68 87 100 / 82%);
  font-size: 0.86rem;
  line-height: 1.65;
}

.p-knowledge-callout--tips { border-color: rgb(0 111 168 / 18%); background: rgb(234 247 255 / 72%); }
.p-knowledge-callout--tips .p-knowledge-callout__icon { background: rgb(0 111 168 / 10%); color: var(--knowledge-blue); }
.p-knowledge-callout--info { border-color: rgb(92 132 48 / 20%); background: rgb(242 249 235 / 78%); }
.p-knowledge-callout--info .p-knowledge-callout__icon { background: rgb(92 132 48 / 12%); color: #5c8430; }
.p-knowledge-callout--warning { border-color: rgb(218 154 0 / 24%); background: rgb(255 247 226 / 78%); }
.p-knowledge-callout--warning .p-knowledge-callout__icon { background: rgb(253 209 0 / 18%); color: #b98200; }
.p-knowledge-callout--note { border-color: rgb(88 70 150 / 18%); background: rgb(247 244 255 / 72%); }
.p-knowledge-callout--note .p-knowledge-callout__icon { background: rgb(88 70 150 / 10%); color: #584696; }

.p-knowledge-article-sidebar {
  position: sticky;
  top: 5rem;
  display: grid;
  gap: 1.05rem;
}

.p-knowledge-sidebar-card,
.p-knowledge-continue,
.p-knowledge-continue-card {
  border: 1px solid var(--knowledge-card-border);
  border-radius: 1rem;
  background: rgb(255 255 255 / 94%);
  box-shadow: 0 1rem 2.6rem rgb(4 50 76 / 7%);
}

.p-knowledge-sidebar-card {
  padding: clamp(1.1rem, 2vw, 1.35rem);
}

.p-knowledge-sidebar-card h2,
.p-knowledge-continue h2 {
  margin: 0;
  color: var(--knowledge-navy);
  font-family: inherit;
  font-size: 1rem;
  font-weight: 850;
  letter-spacing: -0.015em;
}

.p-knowledge-sidebar-card--toc ol {
  position: relative;
  display: grid;
  gap: 0.85rem;
  margin: 1.05rem 0 0;
  padding: 0 0 0 0.1rem;
  list-style: none;
}

.p-knowledge-sidebar-card--toc ol::before {
  position: absolute;
  top: 0.55rem;
  bottom: 0.55rem;
  left: 0.28rem;
  width: 1px;
  background: linear-gradient(180deg, rgb(253 209 0 / 68%), rgb(0 111 168 / 18%));
  content: "";
}

.p-knowledge-sidebar-card--toc a {
  position: relative;
  display: block;
  padding-left: 1.35rem;
  color: rgb(68 87 100 / 84%);
  font-size: 0.86rem;
  font-weight: 680;
  line-height: 1.5;
  text-decoration: none;
  transition: color 180ms ease;
}

.p-knowledge-sidebar-card--toc a::before {
  position: absolute;
  top: 0.55em;
  left: 0;
  width: 0.58rem;
  height: 0.58rem;
  border: 1px solid rgb(253 209 0 / 54%);
  border-radius: 50%;
  background: #fff;
  content: "";
  transform: translateY(-50%);
}

.p-knowledge-sidebar-card--toc a.is-active,
.p-knowledge-sidebar-card--toc a[aria-current="true"] {
  color: var(--knowledge-navy);
  font-weight: 850;
}

.p-knowledge-sidebar-card--toc a.is-active::before,
.p-knowledge-sidebar-card--toc a[aria-current="true"]::before {
  border-color: var(--knowledge-gold);
  background: var(--knowledge-gold);
  box-shadow: 0 0 0.75rem rgb(253 209 0 / 42%);
}

.p-knowledge-sidebar-progress {
  overflow: hidden;
  height: 3px;
  margin: 1rem 0 0.75rem;
  border-radius: 999px;
  background: rgb(0 111 168 / 10%);
}

.p-knowledge-sidebar-progress span {
  display: block;
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg, var(--knowledge-gold), var(--knowledge-blue));
}

.p-knowledge-sidebar-card--progress p {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin: 0;
  color: rgb(68 87 100 / 78%);
  font-size: 0.82rem;
}

.p-knowledge-related-list {
  display: grid;
  gap: 0.95rem;
  margin-top: 1rem;
}

.p-knowledge-related-card {
  display: grid;
  grid-template-columns: 4.45rem minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
  color: inherit;
  text-decoration: none;
}

.p-knowledge-related-card__thumb {
  display: block;
  overflow: hidden;
  aspect-ratio: 1.25 / 1;
  border-radius: 0.62rem;
  background: linear-gradient(135deg, #f8fcff, #eaf7ff);
}

.p-knowledge-related-card__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-knowledge-related-card strong {
  display: block;
  color: var(--knowledge-navy);
  font-size: 0.82rem;
  font-weight: 820;
  line-height: 1.35;
}

.p-knowledge-related-card small {
  display: block;
  margin-top: 0.28rem;
  color: rgb(68 87 100 / 70%);
  font-size: 0.72rem;
  line-height: 1.35;
}

.p-knowledge-related-more {
  display: inline-flex;
  gap: 0.45rem;
  align-items: center;
  margin-top: 1.15rem;
  color: var(--knowledge-blue);
  font-size: 0.86rem;
  font-weight: 850;
  text-decoration: none;
}

.p-knowledge-continue {
  margin-top: clamp(2.2rem, 4vw, 3.4rem);
  padding: clamp(1.25rem, 2.5vw, 1.7rem);
  text-align: center;
}

.p-knowledge-continue h2::after {
  display: block;
  width: 2.6rem;
  height: 2px;
  margin: 0.7rem auto 1.25rem;
  border-radius: 999px;
  background: var(--knowledge-gold);
  content: "";
}

.p-knowledge-continue__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  text-align: left;
}

.p-knowledge-continue-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.9rem;
  align-items: center;
  padding: 1rem;
  color: inherit;
  text-decoration: none;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.p-knowledge-continue-card:hover,
.p-knowledge-continue-card:focus-visible {
  border-color: rgb(253 209 0 / 70%);
  box-shadow: 0 1.2rem 2.8rem rgb(4 50 76 / 10%);
  outline: 0;
  transform: translateY(-2px);
}

.p-knowledge-continue-card__icon {
  display: inline-flex;
  width: 2.45rem;
  height: 2.45rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(253 209 0 / 42%);
  border-radius: 0.75rem;
  background: rgb(253 209 0 / 9%);
  color: #c28a00;
  font-size: 1.25rem;
  line-height: 1;
}

.p-knowledge-continue-card strong,
.p-knowledge-continue-card small {
  display: block;
}

.p-knowledge-continue-card strong {
  color: var(--knowledge-navy);
  font-size: 0.92rem;
  font-weight: 850;
  line-height: 1.35;
}

.p-knowledge-continue-card small {
  margin-top: 0.2rem;
  color: rgb(68 87 100 / 70%);
  font-size: 0.78rem;
  line-height: 1.35;
}

.p-knowledge-mobile-toc {
  display: none;
}

@media (max-width: 63.9375rem) {
  .p-knowledge-article-layout {
    grid-template-columns: 1fr;
  }

  .p-knowledge-article-content {
    max-width: none;
  }

  .p-knowledge-article-sidebar {
    position: static;
  }

  .p-knowledge-sidebar-card--toc,
  .p-knowledge-sidebar-card--progress {
    display: none;
  }

  .p-knowledge-mobile-toc {
    display: block;
    margin-bottom: 1.45rem;
    border: 1px solid var(--knowledge-card-border);
    border-radius: 0.9rem;
    background: #fff;
    box-shadow: 0 0.75rem 2rem rgb(4 50 76 / 6%);
  }

  .p-knowledge-mobile-toc summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.1rem;
    color: var(--knowledge-navy);
    cursor: pointer;
    font-weight: 850;
    list-style: none;
  }

  .p-knowledge-mobile-toc summary::-webkit-details-marker {
    display: none;
  }

  .p-knowledge-mobile-toc summary::after {
    color: var(--knowledge-blue);
    content: "+";
  }

  .p-knowledge-mobile-toc[open] summary::after {
    content: "-";
  }

  .p-knowledge-mobile-toc ol {
    display: grid;
    gap: 0.65rem;
    margin: 0;
    padding: 0 1.1rem 1.1rem 2rem;
  }

  .p-knowledge-mobile-toc a {
    color: rgb(68 87 100 / 86%);
    font-size: 0.9rem;
    font-weight: 720;
    text-decoration: none;
  }
}

@media (max-width: 40rem) {
  .p-knowledge-article-hero {
    padding: 2.4rem 0 1.5rem;
  }

  .p-knowledge-article-hero h1 {
    font-size: clamp(2rem, 9vw, 2.85rem);
    letter-spacing: -0.04em;
  }

  .p-knowledge-article-meta {
    display: grid;
    gap: 0.72rem;
  }

  .p-knowledge-article-section {
    padding: 1.65rem 0;
  }

  .p-knowledge-callout {
    grid-template-columns: 1fr;
  }

  .p-knowledge-continue__grid {
    grid-template-columns: 1fr;
  }

  .p-knowledge-related-card {
    grid-template-columns: 4rem minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .p-knowledge-reading-progress span,
  .p-knowledge-continue-card {
    transition: none !important;
  }
}
/* KC-04 Mobile Overflow Guard */
.p-knowledge-article {
  overflow-x: clip;
}

.p-knowledge-article *,
.p-knowledge-article *::before,
.p-knowledge-article *::after {
  min-width: 0;
}

.p-knowledge-article-hero__content,
.p-knowledge-article-content,
.p-knowledge-article-prose,
.p-knowledge-callout,
.p-knowledge-continue,
.p-knowledge-continue-card {
  max-width: 100%;
}

.p-knowledge-article-hero h1,
.p-knowledge-article-hero__content > p,
.p-knowledge-article-prose,
.p-knowledge-callout p,
.p-knowledge-continue-card strong,
.p-knowledge-continue-card small {
  overflow-wrap: anywhere;
}

@media (max-width: 40rem) {
  .p-knowledge-article-body .srcosme-container,
  .p-knowledge-article-hero .srcosme-container {
    width: min(100% - 1.875rem, var(--sr-container, 72rem));
  }

  .p-knowledge-article-media {
    margin-inline: 0;
  }

  .p-knowledge-continue-card {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
}
/* KC-04 Mobile Viewport Clamp */
@media (max-width: 40rem) {
  .p-knowledge-article .srcosme-container {
    width: calc(100vw - 3rem) !important;
    max-width: calc(100vw - 3rem) !important;
    margin-inline: auto;
  }

  .p-knowledge-article-section,
  .p-knowledge-article-media,
  .p-knowledge-callout,
  .p-knowledge-mobile-toc,
  .p-knowledge-continue,
  .p-knowledge-continue-card {
    box-sizing: border-box;
    width: 100%;
  }

  .p-knowledge-article-hero h1,
  .p-knowledge-article-hero__content > p,
  .p-knowledge-article-prose p,
  .p-knowledge-article-prose li,
  .p-knowledge-callout p,
  .p-knowledge-continue-card strong,
  .p-knowledge-continue-card small {
    word-break: normal;
    overflow-wrap: break-word;
  }
}
/* KC-04 Visual Polish */
.p-knowledge-article-hero {
  padding-top: clamp(2.65rem, 4.6vw, 4.65rem);
  padding-bottom: clamp(1.65rem, 3.15vw, 2.65rem);
}

.p-knowledge-article-breadcrumb {
  margin-bottom: clamp(1.35rem, 2.1vw, 1.95rem);
}

.p-knowledge-article__badge {
  margin-bottom: 0.82rem;
}

.p-knowledge-article-hero h1 {
  max-width: 45rem;
  line-height: 1.055;
}

.p-knowledge-article-hero__content > p:not(.p-knowledge-article__badge) {
  margin-top: clamp(0.82rem, 1.35vw, 1.05rem);
  max-width: 41.5rem;
  line-height: 1.74;
}

.p-knowledge-article-meta {
  margin-top: clamp(1.05rem, 1.85vw, 1.45rem);
  gap: 0.72rem 0.95rem;
}

.p-knowledge-article-section {
  padding: clamp(1.45rem, 2.65vw, 2.18rem) 0;
}

.p-knowledge-article-section h2 {
  margin-bottom: 0.82rem;
}

.p-knowledge-article-prose {
  font-size: clamp(1.02rem, 1.05vw, 1.07rem);
  line-height: 1.84;
}

.p-knowledge-article-prose p {
  margin-top: 0;
  margin-bottom: 0.88rem;
}

.p-knowledge-article-prose ul {
  gap: 0.58rem;
  margin-block: 0.85rem;
}

.p-knowledge-article-media {
  margin: clamp(1.08rem, 2vw, 1.45rem) 0;
}

.p-knowledge-callout {
  margin-top: clamp(0.98rem, 1.75vw, 1.28rem);
  padding: 0.95rem 1.05rem;
}

.p-knowledge-callout p {
  line-height: 1.68;
}

.p-knowledge-continue {
  margin-top: clamp(2.35rem, 4.2vw, 3.55rem);
  padding: clamp(1.35rem, 2.65vw, 1.9rem);
  border-color: rgb(253 209 0 / 24%);
  background:
    radial-gradient(circle at 50% 0%, rgb(253 209 0 / 8%) 0%, transparent 42%),
    rgb(255 255 255 / 96%);
  box-shadow: 0 1.25rem 3.1rem rgb(4 50 76 / 9%);
}

.p-knowledge-continue h2 {
  font-size: clamp(1.02rem, 1.15vw, 1.14rem);
}

.p-knowledge-continue h2::after {
  margin-top: 0.65rem;
  margin-bottom: 1.18rem;
}

.p-knowledge-continue-card {
  border-color: rgb(0 111 168 / 13%);
  background: #fff;
  box-shadow: 0 0.72rem 1.85rem rgb(4 50 76 / 6%);
}

.p-knowledge-continue-card__icon {
  box-shadow: 0 0.65rem 1.3rem rgb(253 209 0 / 12%);
}

@media (max-width: 40rem) {
  .p-knowledge-article-hero {
    padding-top: 2.25rem;
    padding-bottom: 1.35rem;
  }

  .p-knowledge-article__badge {
    margin-bottom: 0.72rem;
  }

  .p-knowledge-article-hero__content > p:not(.p-knowledge-article__badge) {
    margin-top: 0.72rem;
  }

  .p-knowledge-article-meta {
    margin-top: 1rem;
  }

  .p-knowledge-article-prose {
    font-size: 1rem;
    line-height: 1.76;
  }

  .p-knowledge-article-section {
    padding: 1.45rem 0;
  }

  .p-knowledge-continue {
    margin-top: 2.15rem;
    padding: 1.15rem;
  }
}
/* KC-05 Continue Learning Experience */
.p-knowledge-continue--experience {
  display: grid;
  gap: clamp(1.25rem, 2.2vw, 1.75rem);
  margin-top: clamp(2.55rem, 4.6vw, 3.85rem);
  padding: clamp(1.45rem, 2.8vw, 2rem);
  border-color: rgb(0 111 168 / 11%);
  background:
    radial-gradient(circle at 50% 0%, rgb(253 209 0 / 6%) 0%, transparent 38%),
    rgb(255 255 255 / 96%);
  text-align: center;
}

.p-knowledge-continue--experience h2 {
  margin: 0;
  color: var(--knowledge-navy);
  font-size: clamp(1.25rem, 2vw, 1.72rem);
  font-weight: 850;
  line-height: 1.18;
  letter-spacing: -0.025em;
}

.p-knowledge-continue--experience h2::after {
  display: block;
  width: 2.65rem;
  height: 2px;
  margin: 0.72rem auto 0;
  border-radius: 999px;
  background: var(--knowledge-gold);
  content: "";
}

.p-knowledge-continue__header {
  display: grid;
  justify-items: center;
  gap: 0.72rem;
}

.p-knowledge-continue__header p {
  max-width: 34rem;
  margin: 0;
  color: rgb(68 87 100 / 78%);
  font-size: clamp(0.95rem, 1.03vw, 1.02rem);
  line-height: 1.68;
}

.p-knowledge-recommendations {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(0.88rem, 1.55vw, 1.15rem);
  align-items: stretch;
  text-align: left;
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation {
  display: flex;
  min-width: 0;
}

.p-knowledge-recommendation-card {
  display: flex;
  min-height: 100%;
  overflow: hidden;
  flex-direction: column;
  border: 1px solid rgb(0 111 168 / 12%);
  border-radius: 1rem;
  background: #fff;
  color: inherit;
  box-shadow: 0 1rem 2.55rem rgb(4 50 76 / 7%);
  text-decoration: none;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.p-knowledge-recommendation-card:hover,
.p-knowledge-recommendation-card:focus-visible {
  border-color: rgb(253 209 0 / 64%);
  box-shadow: 0 1.35rem 3rem rgb(4 50 76 / 11%);
  transform: translateY(-4px);
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card:focus-visible {
  outline: 2px solid rgb(0 111 168 / 42%);
  outline-offset: 3px;
}

.p-knowledge-recommendation-card__thumb {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 1.55 / 1;
  background:
    radial-gradient(circle at 26% 36%, rgb(253 209 0 / 20%) 0 0.18rem, transparent 0.2rem),
    radial-gradient(circle at 72% 30%, rgb(0 111 168 / 18%) 0 0.16rem, transparent 0.18rem),
    linear-gradient(135deg, #f8fcff 0%, #eaf7ff 100%);
}

.p-knowledge-recommendation-card__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 220ms ease;
}

.p-knowledge-recommendation-card:hover .p-knowledge-recommendation-card__thumb img,
.p-knowledge-recommendation-card:focus-visible .p-knowledge-recommendation-card__thumb img {
  transform: scale(1.03);
}

.p-knowledge-recommendation-card__thumb > span {
  position: absolute;
  border-radius: 0.8rem;
  background: rgb(255 255 255 / 78%);
  box-shadow: 0 0.7rem 1.5rem rgb(4 50 76 / 8%);
}

.p-knowledge-recommendation-card__thumb > span:nth-child(1) { left: 12%; bottom: 24%; width: 34%; height: 23%; }
.p-knowledge-recommendation-card__thumb > span:nth-child(2) { top: 18%; left: 48%; width: 22%; height: 42%; }
.p-knowledge-recommendation-card__thumb > span:nth-child(3) { right: 12%; bottom: 20%; width: 31%; height: 24%; }

.p-knowledge-recommendation-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: clamp(0.95rem, 1.65vw, 1.15rem);
}

.p-knowledge-recommendation-card__badge {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 0.6rem;
  padding: 0.26rem 0.5rem;
  border-radius: 999px;
  background: rgb(253 209 0 / 14%);
  color: #b98200;
  font-size: 0.66rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.p-knowledge-recommendation-card strong {
  margin: 0;
  color: var(--knowledge-navy);
  font-size: clamp(0.96rem, 1.15vw, 1.08rem);
  font-weight: 850;
  line-height: 1.28;
  letter-spacing: -0.015em;
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__title {
  margin: 0;
  color: var(--knowledge-navy);
  font-weight: 850;
  letter-spacing: 0;
}

.p-knowledge-recommendation-card__time {
  display: inline-flex;
  gap: 0.35rem;
  align-items: center;
  margin-top: 0.72rem;
  color: rgb(68 87 100 / 76%);
  font-size: 0.8rem;
  font-weight: 650;
}

.p-knowledge-recommendation-card__time::before {
  width: 0.55rem;
  aspect-ratio: 1;
  border: 1.5px solid currentcolor;
  border-radius: 50%;
  content: "";
}

.p-knowledge-recommendation-card__cta {
  display: inline-flex;
  gap: 0.38rem;
  align-items: center;
  margin-top: auto;
  padding-top: clamp(1.05rem, 2vw, 1.4rem);
  color: var(--knowledge-blue);
  font-size: 0.84rem;
  font-weight: 850;
  transition: color 180ms ease;
}

.p-knowledge-recommendation-card__cta span {
  color: #c28a00;
  transition: transform 180ms ease;
}

.p-knowledge-recommendation-card:hover .p-knowledge-recommendation-card__cta,
.p-knowledge-recommendation-card:focus-visible .p-knowledge-recommendation-card__cta {
  color: #0a48bf;
}

.p-knowledge-recommendation-card:hover .p-knowledge-recommendation-card__cta span,
.p-knowledge-recommendation-card:focus-visible .p-knowledge-recommendation-card__cta span {
  transform: translateX(0.18rem);
}

.p-knowledge-consultation-banner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: clamp(0.9rem, 1.8vw, 1.25rem);
  align-items: center;
  padding: clamp(1rem, 1.85vw, 1.25rem);
  border: 1px solid rgb(253 209 0 / 26%);
  border-radius: 0.95rem;
  background: linear-gradient(135deg, rgb(255 250 232 / 92%), rgb(255 255 255 / 96%));
  text-align: left;
}

.p-knowledge-consultation-banner__icon {
  display: inline-flex;
  width: 2.75rem;
  height: 2.75rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(253 209 0 / 36%);
  border-radius: 50%;
  background: rgb(253 209 0 / 10%);
  color: #c28a00;
  box-shadow: 0 0.8rem 1.6rem rgb(253 209 0 / 13%);
}

.p-knowledge-consultation-banner__icon svg {
  width: 1.35rem;
  height: 1.35rem;
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.75;
}

.p-knowledge-consultation-banner__copy {
  display: grid;
  gap: 0.22rem;
}

.p-knowledge-consultation-banner__copy strong {
  color: var(--knowledge-navy);
  font-size: 0.98rem;
  font-weight: 850;
  line-height: 1.25;
}

.p-knowledge-consultation-banner__copy span {
  color: rgb(68 87 100 / 78%);
  font-size: 0.84rem;
  line-height: 1.55;
}

.p-knowledge-consultation-banner__button {
  min-height: 2.85rem;
  padding-inline: 1.25rem;
  border-radius: 0.75rem;
  white-space: nowrap;
}

.p-knowledge-consultation-banner__button span {
  transition: transform 180ms ease;
}

.p-knowledge-consultation-banner__button:hover span,
.p-knowledge-consultation-banner__button:focus-visible span {
  transform: translateX(0.18rem);
}

@media (max-width: 63.9375rem) {
  .p-knowledge-recommendations {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .p-knowledge-consultation-banner {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .p-knowledge-consultation-banner__button {
    grid-column: 2;
    width: fit-content;
  }
}

@media (max-width: 40rem) {
  .p-knowledge-continue--experience {
    padding: 1.05rem;
  }

  .p-knowledge-recommendations {
    display: grid;
    grid-auto-columns: minmax(14.5rem, 86%);
    grid-auto-flow: column;
    grid-template-columns: none;
    gap: 0.85rem;
    overflow-x: auto;
    padding: 0.1rem 0.15rem 0.85rem;
    margin-inline: -0.15rem;
    scroll-padding-inline: 0.15rem;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
  }

  .p-knowledge-recommendation-card {
    scroll-snap-align: start;
  }

  .p-knowledge-consultation-banner {
    grid-template-columns: 1fr;
    justify-items: start;
    text-align: left;
  }

  .p-knowledge-consultation-banner__button {
    grid-column: auto;
    width: 100%;
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .p-knowledge-recommendation-card,
  .p-knowledge-recommendation-card__thumb img,
  .p-knowledge-recommendation-card__cta,
  .p-knowledge-recommendation-card__cta span,
  .p-knowledge-consultation-banner__button span {
    transition: none !important;
  }

  .p-knowledge-recommendation-card:hover,
  .p-knowledge-recommendation-card:focus-visible {
    transform: none;
  }
}
/* KC-05 Final Mobile Swipe Polish */
@media (max-width: 40rem) {
  .p-knowledge-recommendations {
    grid-auto-columns: minmax(15.5rem, 90%);
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .p-knowledge-recommendations::-webkit-scrollbar {
    display: none;
  }
}
/* KC-05 Mobile Carousel Indicator */
@media (max-width: 40rem) {
  .p-knowledge-recommendations {
    position: relative;
    padding-bottom: 1.15rem;
  }

  .p-knowledge-recommendations::after {
    position: absolute;
    right: 0;
    bottom: 0.18rem;
    left: 0;
    width: 2.05rem;
    height: 0.28rem;
    margin-inline: auto;
    border-radius: 999px;
    background:
      radial-gradient(circle at 0.14rem 50%, rgb(253 209 0 / 78%) 0 0.14rem, transparent 0.15rem),
      radial-gradient(circle at 50% 50%, rgb(4 50 76 / 18%) 0 0.12rem, transparent 0.13rem),
      radial-gradient(circle at calc(100% - 0.14rem) 50%, rgb(4 50 76 / 18%) 0 0.12rem, transparent 0.13rem);
    content: "";
    pointer-events: none;
  }
}
/* KC-05 Mobile Fixed Carousel Indicator */
.p-knowledge-recommendations-indicator {
  display: none;
}

@media (max-width: 40rem) {
  .p-knowledge-recommendations::after {
    content: none;
  }

  .p-knowledge-recommendations-indicator {
    display: flex;
    justify-content: center;
    gap: 0.36rem;
    align-items: center;
    margin: -0.52rem 0 0.18rem;
  }

  .p-knowledge-recommendations-indicator span {
    width: 0.26rem;
    height: 0.26rem;
    border-radius: 999px;
    background: rgb(4 50 76 / 18%);
  }

  .p-knowledge-recommendations-indicator span:first-child {
    background: rgb(253 209 0 / 78%);
  }
}
/* KC-05 Mobile Dot Active State */
@media (max-width: 40rem) {
  .p-knowledge-recommendations-indicator span {
    background: rgb(4 50 76 / 18%);
    transition: background-color 240ms ease, opacity 240ms ease, transform 240ms ease;
  }

  .p-knowledge-recommendations-indicator span:first-child {
    background: rgb(4 50 76 / 18%);
  }

  .p-knowledge-recommendations-indicator span.is-active {
    background: rgb(253 209 0 / 82%);
    opacity: 1;
    transform: scale(1.08);
  }
}
/* KC-06 Final CTA */
.p-knowledge-final-cta {
  position: relative;
  overflow: hidden;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  padding: clamp(2.4rem, 5vw, 4.25rem) 0 clamp(2.8rem, 5.6vw, 4.8rem);
  background:
    radial-gradient(circle at 50% 12%, rgb(253 209 0 / 9%), transparent 28rem),
    linear-gradient(180deg, rgb(248 252 255 / 88%), rgb(255 255 255 / 98%));
}

.p-knowledge-final-cta::before,
.p-knowledge-final-cta::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 999px;
  filter: blur(8px);
}

.p-knowledge-final-cta::before {
  inset: 8% auto auto 50%;
  width: min(34rem, 70vw);
  height: min(14rem, 28vw);
  background: radial-gradient(circle, rgb(0 111 168 / 9%), transparent 68%);
  transform: translateX(-50%);
}

.p-knowledge-final-cta::after {
  inset: auto auto 4% 50%;
  width: min(32rem, 74vw);
  height: min(10rem, 24vw);
  background: radial-gradient(circle, rgb(253 209 0 / 10%), transparent 70%);
  transform: translateX(-50%);
}

.p-knowledge-final-cta :where(h2, p, a, strong, small, span) {
  font-family: inherit;
}

.p-knowledge-final-cta .srcosme-container {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
}

.p-knowledge-final-cta__card {
  position: relative;
  width: min(100%, 66.5rem);
  overflow: hidden;
  padding: clamp(1.55rem, 3.6vw, 2.75rem);
  border: 1px solid rgb(253 209 0 / 25%);
  border-radius: 1.15rem;
  background:
    radial-gradient(circle at 50% 1%, rgb(253 209 0 / 12%), transparent 18rem),
    radial-gradient(circle at 15% 24%, rgb(0 111 168 / 7%), transparent 16rem),
    radial-gradient(circle at 82% 16%, rgb(253 209 0 / 6%), transparent 17rem),
    rgb(255 255 255 / 96%);
  box-shadow: 0 1.45rem 3.8rem rgb(4 50 76 / 8%), 0 1rem 3rem rgb(253 209 0 / 9%);
  text-align: center;
}

.p-knowledge-final-cta__card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgb(255 255 255 / 48%), transparent 43%);
}

.p-knowledge-final-cta__card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.24;
  background:
    repeating-radial-gradient(ellipse at -8% 50%, transparent 0 0.82rem, rgb(213 154 9 / 34%) 0.86rem 0.9rem, transparent 0.94rem 1.42rem),
    repeating-radial-gradient(ellipse at 108% 54%, transparent 0 0.82rem, rgb(213 154 9 / 30%) 0.86rem 0.9rem, transparent 0.94rem 1.42rem);
  mask-image: linear-gradient(90deg, #000 0%, transparent 25%, transparent 75%, #000 100%);
}

.p-knowledge-final-cta__content,
.p-knowledge-final-cta__trust {
  position: relative;
  z-index: 1;
}

.p-knowledge-final-cta__content {
  display: grid;
  justify-items: center;
  gap: clamp(0.78rem, 1.6vw, 1.08rem);
  font-family: inherit;
}

.p-knowledge-final-cta__icon {
  position: relative;
  display: inline-flex;
  width: clamp(3.75rem, 5.4vw, 5rem);
  height: clamp(3.75rem, 5.4vw, 5rem);
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(213 154 9 / 30%);
  border-radius: 999px;
  background:
    radial-gradient(circle at 35% 25%, rgb(255 255 255 / 98%), rgb(255 255 255 / 78%) 36%, rgb(255 248 226 / 76%) 100%);
  box-shadow: 0 1.05rem 2.3rem rgb(4 50 76 / 8%), 0 0 0 0.58rem rgb(253 209 0 / 8%), 0 0 2rem rgb(253 209 0 / 22%);
  color: #c89108;
}

.p-knowledge-final-cta__icon::before,
.p-knowledge-final-cta__icon::after {
  content: "";
  position: absolute;
  width: 0.62rem;
  height: 0.62rem;
  border-radius: 999px;
  background:
    linear-gradient(90deg, transparent 43%, rgb(213 154 9 / 72%) 43% 57%, transparent 57%),
    linear-gradient(0deg, transparent 43%, rgb(213 154 9 / 72%) 43% 57%, transparent 57%);
  box-shadow: 0 0 0.65rem rgb(253 209 0 / 32%);
}

.p-knowledge-final-cta__icon::before {
  right: calc(100% + 2.1rem);
  top: 52%;
}

.p-knowledge-final-cta__icon::after {
  left: calc(100% + 2.1rem);
  top: 52%;
}

.p-knowledge-final-cta__icon svg {
  width: 58%;
  height: 58%;
  overflow: visible;
}

.p-knowledge-final-cta__content h2 {
  margin: 0;
  max-width: min(100%, 42rem);
  color: var(--knowledge-navy);
  font-family: inherit;
  font-size: clamp(2.08rem, 3.35vw, 3.12rem);
  font-weight: 850;
  line-height: 1.04;
  letter-spacing: -0.04em;
}

.p-knowledge-final-cta__content p {
  max-width: 43rem;
  margin: 0;
  color: rgb(68 87 100 / 78%);
  font-family: inherit;
  font-size: clamp(0.98rem, 1.18vw, 1.08rem);
  line-height: 1.7;
}

.p-knowledge-final-cta__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.78rem;
  margin-top: 0.22rem;
}

.p-knowledge-final-cta__button {
  min-height: 3.2rem;
  border-radius: 999px;
  font-family: inherit;
  font-weight: 800;
}

.p-knowledge-final-cta__button--primary {
  box-shadow: 0 0.85rem 1.9rem rgb(0 111 168 / 18%);
}

.p-knowledge-final-cta__button--primary span {
  display: inline-block;
  transition: transform 220ms ease;
}

.p-knowledge-final-cta__button--primary:hover,
.p-knowledge-final-cta__button--primary:focus-visible {
  box-shadow: 0 1rem 2.35rem rgb(0 111 168 / 23%), 0 0 0.85rem rgb(253 209 0 / 18%);
}

.p-knowledge-final-cta__button--primary:hover span,
.p-knowledge-final-cta__button--primary:focus-visible span {
  transform: translateX(3px);
}

.p-knowledge-final-cta__button--secondary {
  border: 1px solid rgb(253 209 0 / 42%);
  background: rgb(255 255 255 / 78%);
  color: var(--knowledge-navy);
}

.p-knowledge-final-cta__button--secondary:hover,
.p-knowledge-final-cta__button--secondary:focus-visible {
  border-color: rgb(253 209 0 / 72%);
  background: rgb(253 209 0 / 8%);
  color: var(--knowledge-navy);
}

.p-knowledge-final-cta__trust {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.7rem, 1.25vw, 0.95rem);
  margin-top: clamp(1.45rem, 2.7vw, 2rem);
}

.p-knowledge-final-cta__badge {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.68rem;
  padding: 0.86rem 0.82rem;
  border: 1px solid rgb(0 111 168 / 12%);
  border-radius: 0.92rem;
  background: rgb(255 255 255 / 72%);
  box-shadow: 0 0.72rem 1.7rem rgb(4 50 76 / 5%);
  text-align: left;
}

.p-knowledge-final-cta__badge-icon {
  display: inline-flex;
  width: 2.72rem;
  height: 2.72rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(253 209 0 / 22%);
  border-radius: 50%;
  background: rgb(253 209 0 / 8%);
  box-shadow: 0 0.65rem 1.3rem rgb(253 209 0 / 10%);
}

.p-knowledge-final-cta__badge-icon img {
  display: block;
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}

.p-knowledge-final-cta__badge-icon svg {
  width: 1.42rem;
  height: 1.42rem;
  fill: none;
  stroke: var(--knowledge-blue);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.65;
}

.p-knowledge-final-cta__badge strong,
.p-knowledge-final-cta__badge small {
  display: block;
}

.p-knowledge-final-cta__badge strong {
  color: var(--knowledge-navy);
  font-family: inherit;
  font-size: 0.88rem;
  font-weight: 820;
  line-height: 1.25;
}

.p-knowledge-final-cta__badge small {
  margin-top: 0.2rem;
  color: rgb(68 87 100 / 68%);
  font-family: inherit;
  font-size: 0.75rem;
  line-height: 1.45;
}

@media (max-width: 64rem) {
  .p-knowledge-final-cta__trust {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 40rem) {
  .p-knowledge-final-cta {
    padding: 2rem 0 2.6rem;
  }

  .p-knowledge-final-cta__card {
    width: 100%;
    padding: 1.25rem;
    border-radius: 1rem;
  }

  .p-knowledge-final-cta__icon::before {
    right: calc(100% + 1.1rem);
  }

  .p-knowledge-final-cta__icon::after {
    left: calc(100% + 1.1rem);
  }

  body:is(.single-faq, .single-post) .p-knowledge-final-cta__content h2 {
    max-width: min(100%, 23rem);
    font-size: clamp(1.68rem, 7.05vw, 2rem);
    line-height: 1.06;
    letter-spacing: -0.028em;
    white-space: nowrap;
  }

  .p-knowledge-final-cta__actions,
  .p-knowledge-final-cta__button {
    width: 100%;
  }

  .p-knowledge-final-cta__button {
    justify-content: center;
  }

  .p-knowledge-final-cta__trust {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-knowledge-final-cta__button--primary,
  .p-knowledge-final-cta__button--primary span,
  .p-knowledge-final-cta__button--secondary {
    transition: none !important;
  }
}

/* FAQ Start Here 5-step polish */
.p-knowledge-center .p-knowledge-start {
  padding-block: clamp(2.8rem, 5vw, 4.1rem) clamp(1.5rem, 2.8vw, 2.25rem);
  background:
    radial-gradient(circle at 82% 18%, rgb(0 111 168 / 8%) 0%, transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f8fcff 44%, #eef7ff 100%);
}

.p-knowledge-center .p-knowledge-start__grid {
  gap: clamp(1.65rem, 4vw, 4.45rem);
}

.p-knowledge-center .p-knowledge-start__content {
  gap: clamp(0.62rem, 1.1vw, 0.9rem);
}

.p-knowledge-center .p-knowledge-start__eyebrow {
  letter-spacing: 0.08em;
}

.p-knowledge-center .p-knowledge-start__content h2 {
  line-height: 1.03;
  letter-spacing: 0;
}

.p-knowledge-center .p-knowledge-start__content h2::after {
  width: 3.5rem;
  height: 2px;
  margin-top: clamp(0.66rem, 1.2vw, 0.84rem);
  border-radius: 999px;
  background: linear-gradient(90deg, rgb(214 171 68 / 28%), rgb(253 209 0 / 82%), rgb(214 171 68 / 28%));
}

.p-knowledge-center .p-knowledge-start__content > p:not(.c-eyebrow) {
  max-width: 32rem;
  font-size: clamp(0.95rem, 1.02vw, 1.04rem);
  line-height: 1.58;
}

.p-knowledge-center .p-kc-mini-journey__track {
  gap: clamp(0.78rem, 1.3vw, 0.95rem);
}

.p-knowledge-center .p-kc-mini-journey__card {
  border-color: rgb(214 171 68 / 28%);
  background: linear-gradient(180deg, rgb(255 255 255 / 96%), rgb(249 252 255 / 92%));
  box-shadow: 0 0.9rem 2rem rgb(4 50 76 / 8%);
}

.p-knowledge-center .p-kc-mini-journey__icon--launch,
.p-knowledge-center .p-knowledge-learning-card__icon--launch {
  color: #0a6fa8;
}

.p-knowledge-center .p-knowledge-learning {
  padding-block: clamp(1.15rem, 2vw, 1.75rem) clamp(3.7rem, 6.4vw, 5.75rem);
}

.p-knowledge-center .p-knowledge-learning__heading {
  gap: clamp(0.72rem, 1.3vw, 1rem);
  margin-bottom: clamp(1.25rem, 2.4vw, 2rem);
}

.p-knowledge-center .p-knowledge-learning__heading span {
  background: linear-gradient(90deg, transparent, rgb(214 171 68 / 58%), rgb(253 209 0 / 76%), rgb(214 171 68 / 58%), transparent);
}

.p-knowledge-center .p-knowledge-learning__heading p {
  letter-spacing: 0.08em;
}

.p-knowledge-center .p-knowledge-learning__grid {
  gap: clamp(0.95rem, 1.7vw, 1.3rem);
}

.p-knowledge-center .c-card--learning-journey {
  min-height: clamp(13.25rem, 15vw, 14.7rem);
  padding: clamp(1.15rem, 1.65vw, 1.45rem);
  border-color: rgb(214 171 68 / 30%);
  border-radius: 1.08rem;
  background:
    radial-gradient(circle at 50% 13%, rgb(0 111 168 / 6%) 0%, transparent 34%),
    linear-gradient(180deg, rgb(255 255 255 / 98%), rgb(250 253 255 / 94%));
  box-shadow: 0 0.92rem 2.1rem rgb(4 50 76 / 8%);
}

.p-knowledge-center .p-knowledge-learning-card:first-child {
  border-color: rgb(214 171 68 / 46%);
  box-shadow: 0 1.05rem 2.35rem rgb(4 50 76 / 10%), 0 0 0 1px rgb(253 209 0 / 10%);
}

.p-knowledge-center .p-knowledge-learning-card:first-child::after {
  width: 3.6rem;
  height: 3.6rem;
  opacity: 0.78;
}

.p-knowledge-center .p-knowledge-learning-card__number {
  letter-spacing: 0.08em;
}

.p-knowledge-center .p-knowledge-learning-card__icon {
  width: clamp(3.85rem, 5vw, 4.55rem);
  margin: 0.3rem auto 0.9rem;
  border-color: rgb(0 111 168 / 11%);
  box-shadow: 0 0.68rem 1.35rem rgb(4 50 76 / 9%), inset 0 0 0 0.42rem rgb(255 255 255 / 72%);
}

.p-knowledge-center .p-knowledge-learning-card__icon svg {
  stroke-width: 1.7;
}

.p-knowledge-center .p-knowledge-learning-card h3 {
  font-size: clamp(0.98rem, 1.05vw, 1.06rem);
  line-height: 1.12;
  letter-spacing: 0;
}

.p-knowledge-center .p-knowledge-learning-card p {
  max-width: 13.2rem;
  margin-top: 0.52rem;
  margin-bottom: 0.8rem;
  color: rgb(68 87 100 / 78%);
  font-size: clamp(0.86rem, 0.98vw, 0.94rem);
  line-height: 1.48;
  -webkit-line-clamp: 3;
}

.p-knowledge-center .p-knowledge-learning-card__link {
  padding-top: 0.65rem;
  padding-bottom: 0.1rem;
  color: var(--knowledge-blue);
}

@media (min-width: 64rem) {
  .p-knowledge-center .p-knowledge-learning__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .p-knowledge-center .p-knowledge-learning-card + .p-knowledge-learning-card::after {
    width: calc(clamp(0.95rem, 1.7vw, 1.3rem) + 0.35rem);
  }

  .p-knowledge-center .p-knowledge-learning-card + .p-knowledge-learning-card::before {
    top: 42%;
  }
}

@media (max-width: 63.9375rem) {
  .p-knowledge-center .p-knowledge-learning {
    overflow: hidden;
  }

  .p-knowledge-center .p-knowledge-learning__grid {
    display: flex;
    gap: clamp(0.82rem, 2.4vw, 1.05rem);
    margin-inline: calc(-1 * clamp(1rem, 4vw, 1.75rem));
    padding: 0.12rem clamp(1rem, 4vw, 1.75rem) 0.82rem;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: clamp(1rem, 4vw, 1.75rem);
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .p-knowledge-center .p-knowledge-learning__grid::-webkit-scrollbar {
    display: none;
  }

  .p-knowledge-center .c-card--learning-journey {
    flex: 0 0 min(20.5rem, 78vw);
    min-height: 13.8rem;
    scroll-snap-align: start;
  }
}

@media (max-width: 40rem) {
  .p-knowledge-center .p-knowledge-start {
    padding-block: clamp(2.32rem, 8vw, 2.8rem) clamp(1.12rem, 4vw, 1.45rem);
  }

  .p-knowledge-center .p-knowledge-start__grid {
    gap: clamp(1.2rem, 5vw, 1.65rem);
  }

  .p-knowledge-center .p-knowledge-start__content {
    gap: 0.58rem;
  }

  .p-knowledge-center .p-knowledge-start__content h2 {
    font-size: clamp(2.02rem, 8vw, 2.42rem);
  }

  .p-knowledge-center .p-knowledge-start__content > p:not(.c-eyebrow) {
    font-size: clamp(0.9rem, 3.75vw, 0.98rem);
    line-height: 1.52;
  }

  .p-knowledge-center .p-knowledge-learning {
    padding-block: clamp(1rem, 4vw, 1.3rem) clamp(3rem, 10vw, 3.7rem);
  }

  .p-knowledge-center .p-knowledge-learning__heading {
    margin-bottom: 1rem;
  }

  .p-knowledge-center .p-knowledge-learning__grid {
    margin-inline: -1rem;
    padding-inline: 1rem;
  }

  .p-knowledge-center .c-card--learning-journey {
    flex-basis: min(18.9rem, 80vw);
    min-height: 13.35rem;
    padding: 1.1rem;
  }

  .p-knowledge-center .p-knowledge-learning-card__icon {
    width: 3.72rem;
    margin-bottom: 0.76rem;
  }

  .p-knowledge-center .p-knowledge-learning-card p {
    margin-bottom: 0.62rem;
  }
}

/* FAQ Learning Journey final polish */
.p-knowledge-center .p-knowledge-learning__heading {
  grid-template-columns: minmax(2.2rem, 7.5rem) auto minmax(2.2rem, 7.5rem);
  max-width: min(30rem, 100%);
  gap: clamp(0.68rem, 1.15vw, 0.9rem);
  margin-bottom: clamp(1.05rem, 2vw, 1.65rem);
}

.p-knowledge-center .p-knowledge-learning__heading span {
  position: relative;
  height: 1px;
  overflow: visible;
  background: linear-gradient(90deg, transparent, rgb(214 171 68 / 54%) 16%, rgb(253 209 0 / 74%) 50%, rgb(214 171 68 / 54%) 84%, transparent);
}

.p-knowledge-center .p-knowledge-learning__heading span:first-child::after,
.p-knowledge-center .p-knowledge-learning__heading span:last-child::before {
  position: absolute;
  top: 50%;
  width: 0.36rem;
  aspect-ratio: 1;
  border-radius: 999px;
  background: rgb(253 209 0 / 88%);
  box-shadow: 0 0 0 0.18rem rgb(253 209 0 / 12%);
  content: "";
  transform: translateY(-50%);
}

.p-knowledge-center .p-knowledge-learning__heading span:first-child::after {
  right: -0.18rem;
}

.p-knowledge-center .p-knowledge-learning__heading span:last-child::before {
  left: -0.18rem;
}

.p-knowledge-center .p-knowledge-learning__heading p::before,
.p-knowledge-center .p-knowledge-learning__heading p::after {
  display: none;
}

.p-knowledge-center .c-card--learning-journey {
  min-height: clamp(11.65rem, 13.2vw, 12.85rem);
  padding: clamp(0.92rem, 1.32vw, 1.12rem);
  border-radius: 1rem;
}

.p-knowledge-center .p-knowledge-learning-card:first-child::after {
  width: 2.9rem;
  height: 2.9rem;
}

.p-knowledge-center .p-knowledge-learning-card__number {
  font-size: 0.72rem;
  letter-spacing: 0.08em;
}

.p-knowledge-center .p-knowledge-learning-card__icon {
  width: clamp(3.28rem, 4.2vw, 3.86rem);
  margin: 0.2rem auto 0.62rem;
}

.p-knowledge-center .p-knowledge-learning-card__icon svg {
  width: 54%;
  height: 54%;
}

.p-knowledge-center .p-knowledge-learning-card h3 {
  font-size: clamp(0.94rem, 1vw, 1.02rem);
  line-height: 1.12;
}

.p-knowledge-center .p-knowledge-learning-card p {
  max-width: 12rem;
  margin-top: 0.38rem;
  margin-bottom: 0.5rem;
  font-size: clamp(0.82rem, 0.92vw, 0.9rem);
  line-height: 1.38;
}

.p-knowledge-center .p-knowledge-learning-card__link {
  display: inline-flex;
  min-height: 2.42rem;
  margin-top: auto;
  padding: 0.58rem 0.82rem;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  border: 1px solid rgb(214 171 68 / 26%);
  border-radius: 999px;
  background: rgb(255 255 255 / 78%);
  box-shadow: 0 0.5rem 1.05rem rgb(4 50 76 / 5%);
  color: var(--knowledge-blue);
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
}

.p-knowledge-center .p-knowledge-learning-card__link:hover,
.p-knowledge-center .p-knowledge-learning-card__link:focus-visible {
  border-color: rgb(253 209 0 / 58%);
  background: #fffdf3;
  box-shadow: 0 0.62rem 1.25rem rgb(4 50 76 / 7%);
  outline: 0;
}

.p-knowledge-center .p-knowledge-learning-card__link:focus-visible {
  box-shadow:
    0 0.62rem 1.25rem rgb(4 50 76 / 7%),
    0 0 0 0.18rem rgb(253 209 0 / 22%);
}

.p-knowledge-center .p-knowledge-learning-card__link span {
  transform: translateY(-0.01rem);
}

.p-knowledge-center .c-card--learning-journey:hover .p-knowledge-learning-card__link span,
.p-knowledge-center .c-card--learning-journey:focus-within .p-knowledge-learning-card__link span,
.p-knowledge-center .p-knowledge-learning-card__link:hover span,
.p-knowledge-center .p-knowledge-learning-card__link:focus-visible span {
  transform: translate(0.16rem, -0.01rem);
}

@media (max-width: 63.9375rem) {
  .p-knowledge-center .p-knowledge-learning__grid {
    gap: clamp(0.72rem, 2vw, 0.9rem);
    margin-inline: calc(-1 * clamp(1rem, 4vw, 1.75rem));
    padding: 0.12rem clamp(1rem, 4vw, 1.75rem) 0.7rem;
    scroll-padding-inline: clamp(1rem, 4vw, 1.75rem);
  }

  .p-knowledge-center .p-knowledge-learning__grid::after {
    flex: 0 0 clamp(0.7rem, 4vw, 1.3rem);
    content: "";
  }

  .p-knowledge-center .c-card--learning-journey {
    flex-basis: min(17.75rem, 76vw);
    min-height: 12.05rem;
    scroll-snap-align: start;
  }
}

@media (max-width: 40rem) {
  .p-knowledge-center .p-knowledge-learning__heading {
    grid-template-columns: minmax(2.1rem, 1fr) auto minmax(2.1rem, 1fr);
    gap: 0.55rem;
    max-width: min(20rem, 100%);
    margin-bottom: 0.86rem;
    text-align: center;
  }

  .p-knowledge-center .p-knowledge-learning__heading span {
    display: block;
  }

  .p-knowledge-center .p-knowledge-learning__heading p {
    font-size: 0.72rem;
  }

  .p-knowledge-center .p-knowledge-learning__grid {
    gap: 0.72rem;
    margin-inline: -1rem;
    padding: 0.08rem 1rem 0.62rem;
  }

  .p-knowledge-center .c-card--learning-journey {
    flex-basis: min(17.05rem, 75.5vw);
    min-height: 11.85rem;
    padding: 0.92rem;
  }

  .p-knowledge-center .p-knowledge-learning-card__icon {
    width: 3.2rem;
    margin-bottom: 0.54rem;
  }

  .p-knowledge-center .p-knowledge-learning-card p {
    max-width: 11.4rem;
    margin-top: 0.34rem;
    margin-bottom: 0.45rem;
  }

  .p-knowledge-center .p-knowledge-learning-card__link {
    min-height: 2.36rem;
    padding: 0.56rem 0.78rem;
  }
}

/* FAQ Learning Journey number/icon separation */
.p-knowledge-center .p-knowledge-learning-card__number {
  top: -1.08rem;
  width: 2.75rem;
  height: 2.75rem;
  font-size: 0.68rem;
}

.p-knowledge-center .p-knowledge-learning-card__icon {
  margin-top: 0.98rem;
}

@media (max-width: 40rem) {
  .p-knowledge-center .p-knowledge-learning-card__number {
    top: -1rem;
    width: 2.64rem;
    height: 2.64rem;
  }

  .p-knowledge-center .p-knowledge-learning-card__icon {
    margin-top: 0.92rem;
  }
}

/* FAQ trust benefits premium polish */
.p-knowledge-center .p-knowledge-learning__trust {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(0.86rem, 1.35vw, 1.08rem);
  max-width: min(46rem, 100%);
  margin-top: clamp(1.45rem, 2.6vw, 2.15rem);
  margin-inline: auto;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.p-knowledge-center .p-knowledge-learning__trust-card,
.p-knowledge-center .p-knowledge-learning__trust div,
.p-knowledge-center .p-knowledge-learning__trust div + div,
.p-knowledge-center .p-knowledge-learning__trust div:nth-child(n+3) {
  position: relative;
  display: grid;
  grid-template-columns: clamp(4.25rem, 6vw, 4.9rem) minmax(0, 1fr);
  column-gap: clamp(0.92rem, 1.45vw, 1.14rem);
  row-gap: 0.18rem;
  align-items: center;
  min-height: clamp(6rem, 8vw, 6.7rem);
  padding: clamp(0.82rem, 1.15vw, 0.98rem) clamp(0.96rem, 1.5vw, 1.18rem);
  overflow: hidden;
  border: 1px solid rgb(214 171 68 / 24%);
  border-radius: clamp(1.15rem, 1.9vw, 1.42rem);
  background:
    linear-gradient(145deg, rgb(255 255 255 / 98%) 0%, rgb(255 253 248 / 94%) 45%, rgb(248 252 255 / 96%) 100%);
  box-shadow: 0 0.82rem 1.85rem rgb(4 50 76 / 6.5%), inset 0 1px 0 rgb(255 255 255 / 88%);
}

.p-knowledge-center .p-knowledge-learning__trust-card::before {
  position: absolute;
  top: 0.72rem;
  bottom: 0.72rem;
  left: 0;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgb(253 209 0 / 18%), rgb(214 171 68 / 58%), rgb(253 209 0 / 18%));
  content: "";
}

.p-knowledge-center .p-knowledge-learning__trust-card:hover,
.p-knowledge-center .p-knowledge-learning__trust-card:focus-within {
  border-color: rgb(214 171 68 / 38%);
  box-shadow: 0 0.92rem 1.95rem rgb(4 50 76 / 8%);
}

.p-knowledge-center .p-knowledge-learning__trust .p-knowledge-learning__trust-mark {
  grid-row: span 2;
  display: grid;
  width: clamp(4.25rem, 6vw, 4.9rem);
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgb(214 171 68 / 24%);
  border-radius: clamp(0.92rem, 1.45vw, 1.08rem);
  background: linear-gradient(145deg, #ffffff 0%, #fffdf8 100%);
  box-shadow:
    0 0.52rem 1.08rem rgb(4 50 76 / 5.6%),
    inset 0 1px 0 rgb(255 255 255 / 90%);
  color: var(--knowledge-blue);
}

.p-knowledge-center .p-knowledge-learning__trust-mark img {
  display: block;
  width: 82%;
  height: 82%;
  object-fit: contain;
}

.p-knowledge-center .p-knowledge-learning__trust-card--halal .p-knowledge-learning__trust-mark img {
  width: 88%;
  height: 88%;
}

.p-knowledge-center .p-knowledge-learning__trust-mark svg {
  display: block;
  width: 62%;
  height: 62%;
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.95;
}

.p-knowledge-center .p-knowledge-learning__trust strong {
  align-self: end;
  color: var(--knowledge-navy);
  font-size: clamp(1.02rem, 1.28vw, 1.16rem);
  font-weight: 880;
  line-height: 1.18;
  letter-spacing: 0;
}

.p-knowledge-center .p-knowledge-learning__trust small {
  align-self: start;
  color: rgb(68 87 100 / 78%);
  font-size: clamp(0.9rem, 1.04vw, 1rem);
  font-weight: 680;
  line-height: 1.28;
}

@media (max-width: 63.9375rem) {
  .p-knowledge-center .p-knowledge-learning__trust {
    grid-template-columns: minmax(0, 1fr);
    max-width: min(40rem, 100%);
  }
}

@media (max-width: 40rem) {
  .p-knowledge-center .p-knowledge-learning__trust {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.72rem;
    margin-inline: 0;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .p-knowledge-center .p-knowledge-learning__trust-card,
  .p-knowledge-center .p-knowledge-learning__trust div,
  .p-knowledge-center .p-knowledge-learning__trust div + div,
  .p-knowledge-center .p-knowledge-learning__trust div:nth-child(n+3) {
    grid-template-columns: clamp(4.12rem, 18vw, 4.72rem) minmax(0, 1fr);
    column-gap: clamp(0.88rem, 4vw, 1.02rem);
    row-gap: 0.16rem;
    min-width: 0;
    min-height: clamp(5.65rem, 24vw, 6.2rem);
    padding: clamp(0.74rem, 3.3vw, 0.86rem) clamp(0.9rem, 4.1vw, 1.02rem);
    border: 1px solid rgb(214 171 68 / 24%);
  }

  .p-knowledge-center .p-knowledge-learning__trust .p-knowledge-learning__trust-mark {
    width: clamp(4.12rem, 18vw, 4.72rem);
  }

  .p-knowledge-center .p-knowledge-learning__trust-mark img {
    width: 82%;
    height: 82%;
  }

  .p-knowledge-center .p-knowledge-learning__trust-card--halal .p-knowledge-learning__trust-mark img {
    width: 86%;
    height: 86%;
  }

  .p-knowledge-center .p-knowledge-learning__trust strong {
    font-size: clamp(1rem, 4.75vw, 1.16rem);
  }

  .p-knowledge-center .p-knowledge-learning__trust small {
    font-size: clamp(0.88rem, 4.05vw, 1rem);
  }
}

/* FAQ Explore Topics premium polish */
.p-knowledge-center .p-knowledge-topic-explorer {
  position: relative;
  padding: clamp(3.35rem, 5.4vw, 5rem) 0 clamp(3.55rem, 5.8vw, 5.25rem);
  background:
    radial-gradient(circle at 50% 58%, rgb(10 103 216 / 7%) 0%, transparent 42%),
    radial-gradient(circle at 0 8%, rgb(0 111 168 / 2.5%) 0 0.1rem, transparent 0.11rem) 0 0 / 0.78rem 0.78rem,
    radial-gradient(circle at 100% 90%, rgb(0 111 168 / 2%) 0 0.1rem, transparent 0.11rem) 0 0 / 0.78rem 0.78rem,
    linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
}

.p-knowledge-center .p-knowledge-topic-explorer::before {
  inset: auto 8% 10% auto;
  width: min(34rem, 78vw);
  height: min(34rem, 78vw);
  background: radial-gradient(circle, rgb(10 103 216 / 9%) 0%, rgb(10 103 216 / 3%) 38%, transparent 68%);
}

.p-knowledge-center .p-knowledge-topic-explorer::after {
  opacity: 0.34;
  background: radial-gradient(circle, rgb(214 171 68 / 8%) 0%, transparent 66%);
}

.p-knowledge-center .p-knowledge-topic-explorer__header {
  max-width: 40rem;
  margin-bottom: clamp(1.35rem, 2.4vw, 2.05rem);
}

.p-knowledge-center .p-knowledge-topic-explorer__eyebrow {
  display: inline-flex;
  grid-template-columns: none;
  width: max-content;
  max-width: 100%;
  margin: 0 auto 0.68rem;
  align-items: center;
  justify-content: center;
  gap: 0;
  text-align: center;
}

.p-knowledge-center .p-knowledge-topic-explorer__eyebrow span {
  display: none;
}

.p-knowledge-center .p-knowledge-topic-explorer__eyebrow p {
  display: inline-flex;
  margin: 0;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--knowledge-blue);
  font-size: clamp(0.76rem, 1vw, 0.86rem);
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
}

.p-knowledge-center .p-knowledge-topic-explorer__eyebrow p::before {
  display: inline-block;
  position: static;
  top: auto;
  left: auto;
  width: clamp(0.42rem, 1.3vw, 0.52rem);
  height: clamp(0.42rem, 1.3vw, 0.52rem);
  border: 0.14rem solid rgb(229 57 53 / 18%);
  border-radius: 999px;
  background: #e53935;
  box-shadow: 0 0 0 0.2rem rgb(229 57 53 / 8%);
  content: "";
  flex: 0 0 auto;
  transform: none;
}

.p-knowledge-center .p-knowledge-topic-explorer__eyebrow p::after {
  display: none;
  content: none;
}

.p-knowledge-center .p-knowledge-topic-explorer__header h2 {
  color: var(--knowledge-navy);
  font-size: clamp(2rem, 3.25vw, 3.25rem);
  font-weight: 850;
  line-height: 1.04;
  letter-spacing: 0;
}

.p-knowledge-center .p-knowledge-topic-explorer__header h2::after {
  width: 2.65rem;
  height: 1px;
  margin: 0.78rem auto 0.8rem;
  background: rgb(214 171 68 / 58%);
}

.p-knowledge-center .p-knowledge-topic-explorer__header > p {
  max-width: 28rem;
  margin: 0 auto;
  color: rgb(68 87 100 / 74%);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 560;
  line-height: 1.56;
}

.p-knowledge-center .p-knowledge-topic-explorer__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.82rem, 1.35vw, 1.1rem);
  align-items: stretch;
}

.p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer {
  display: flex;
  height: 100%;
  min-height: clamp(11.45rem, 13vw, 12.85rem);
  padding: clamp(1rem, 1.45vw, 1.22rem) clamp(0.82rem, 1.2vw, 1.05rem) 0.9rem;
  align-items: center;
  border: 1px solid rgb(214 171 68 / 28%);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgb(255 255 255 / 96%) 0%, rgb(250 253 255 / 96%) 100%);
  box-shadow: 0 1rem 2.2rem rgb(4 50 76 / 8%);
  text-align: center;
}

.p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer::before {
  position: absolute;
  top: 0.72rem;
  left: 50%;
  width: 2.15rem;
  height: 1px;
  border-radius: 999px;
  background: rgb(214 171 68 / 48%);
  content: "";
  transform: translateX(-50%);
}

.p-knowledge-center .p-knowledge-explorer-card__icon {
  width: clamp(3.42rem, 4.7vw, 4.24rem);
  margin: 0.25rem auto 0.72rem;
  border: 1px solid rgb(214 171 68 / 30%);
  background: linear-gradient(145deg, #ffffff 0%, #fffdf6 100%);
  color: #0a5fbb;
  box-shadow: 0 0.72rem 1.45rem rgb(4 50 76 / 7%), 0 0 1rem rgb(214 171 68 / 10%);
}

.p-knowledge-center .p-knowledge-explorer-card__icon svg {
  width: 50%;
  height: 50%;
  stroke-width: 1.72;
}

.p-knowledge-center .p-knowledge-explorer-card h3 {
  margin: 0;
  color: var(--knowledge-navy);
  font-size: clamp(0.92rem, 1vw, 1.02rem);
  font-weight: 850;
  line-height: 1.15;
  letter-spacing: 0;
}

.p-knowledge-center .p-knowledge-explorer-card__meta {
  justify-content: center;
  margin: 0.52rem 0 0;
  color: rgb(68 87 100 / 74%);
  font-size: clamp(0.76rem, 0.86vw, 0.86rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.25;
}

.p-knowledge-center .p-knowledge-explorer-card__meta svg {
  width: 0.78rem;
  height: 0.78rem;
  stroke-width: 1.7;
}

.p-knowledge-center .p-knowledge-explorer-card__link {
  position: relative;
  display: inline-flex;
  width: auto;
  min-height: 2.2rem;
  margin-top: auto;
  padding: 0.54rem 0.78rem;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  border: 1px solid rgb(214 171 68 / 26%);
  border-radius: 999px;
  background: rgb(255 255 255 / 78%);
  color: #0a5fbb;
  font-size: clamp(0.78rem, 0.86vw, 0.86rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-decoration: none;
  box-shadow: 0 0.38rem 0.9rem rgb(4 50 76 / 5%);
  transition: color 200ms ease, border-color 200ms ease, background-color 200ms ease, box-shadow 200ms ease;
}

.p-knowledge-center .p-knowledge-explorer-card__link::before {
  position: absolute;
  top: -0.55rem;
  left: 50%;
  width: 2.35rem;
  height: 1px;
  border-radius: 999px;
  background: rgb(214 171 68 / 44%);
  content: "";
  transform: translateX(-50%);
}

.p-knowledge-center .p-knowledge-explorer-card__link span {
  transform: translateY(-0.01rem);
}

.p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer:hover,
.p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer:focus-within {
  border-color: rgb(214 171 68 / 48%);
  box-shadow: 0 1.35rem 2.7rem rgb(4 50 76 / 11%);
  transform: translateY(-2px);
}

.p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer:hover .p-knowledge-explorer-card__icon,
.p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer:focus-within .p-knowledge-explorer-card__icon {
  box-shadow: 0 0.78rem 1.55rem rgb(10 95 187 / 9%), 0 0 1.2rem rgb(214 171 68 / 14%);
}

.p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer:hover .p-knowledge-explorer-card__link,
.p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer:focus-within .p-knowledge-explorer-card__link {
  border-color: rgb(214 171 68 / 46%);
  background: rgb(255 252 242 / 88%);
  color: #083f93;
  box-shadow: 0 0.52rem 1rem rgb(4 50 76 / 7%);
}

.p-knowledge-center .p-knowledge-explorer-card__link:focus-visible {
  outline: 2px solid rgb(214 171 68 / 68%);
  outline-offset: 0.22rem;
}

.p-knowledge-center .p-knowledge-topic-explorer__footer {
  display: grid;
  width: 100%;
  max-width: 100%;
  margin-top: clamp(1.55rem, 2.4vw, 2.15rem);
}

.p-knowledge-center .p-knowledge-topic-explorer__cta {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  max-width: 100%;
  min-height: 3.12rem;
  padding: 0.42rem 0.48rem 0.42rem 1.25rem;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid rgb(214 171 68 / 38%);
  border-radius: 999px;
  background: linear-gradient(180deg, rgb(255 255 255 / 96%) 0%, rgb(250 253 255 / 96%) 100%);
  color: #083f93;
  font-size: clamp(0.92rem, 1vw, 0.98rem);
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0;
  text-decoration: none;
  box-shadow: 0 0.9rem 1.85rem rgb(4 50 76 / 7%);
  transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease, background-color 200ms ease;
}

.p-knowledge-center .p-knowledge-topic-explorer__cta-label {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 0.58rem;
}

.p-knowledge-center .p-knowledge-topic-explorer__cta-grid-icon {
  display: inline-flex;
  width: 1.12rem;
  height: 1.12rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: currentcolor;
}

.p-knowledge-center .p-knowledge-topic-explorer__cta-grid-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentcolor;
  stroke-linejoin: round;
  stroke-width: 2;
}

.p-knowledge-center .p-knowledge-topic-explorer__cta-icon {
  display: grid;
  width: 2.18rem;
  height: 2.18rem;
  place-items: center;
  border: 1px solid rgb(214 171 68 / 34%);
  border-radius: 999px;
  background: linear-gradient(145deg, #fffaf0 0%, #ffffff 100%);
  color: #083f93;
  font-size: 1rem;
  line-height: 1;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 72%);
  transition: transform 200ms ease, border-color 200ms ease, background-color 200ms ease;
}

.p-knowledge-center .p-knowledge-topic-explorer__cta:hover,
.p-knowledge-center .p-knowledge-topic-explorer__cta:focus-visible {
  border-color: rgb(214 171 68 / 56%);
  background: rgb(255 255 255 / 98%);
  box-shadow: 0 1.05rem 2.1rem rgb(4 50 76 / 9%);
  transform: translateY(-1px);
}

.p-knowledge-center .p-knowledge-topic-explorer__cta:hover .p-knowledge-topic-explorer__cta-icon,
.p-knowledge-center .p-knowledge-topic-explorer__cta:focus-visible .p-knowledge-topic-explorer__cta-icon {
  border-color: rgb(214 171 68 / 52%);
  background: #fff8e6;
  transform: translateX(0.12rem);
}

.p-knowledge-center .p-knowledge-topic-explorer__cta:focus-visible {
  outline: 2px solid rgb(214 171 68 / 68%);
  outline-offset: 0.24rem;
}

@media (max-width: 63.9375rem) {
  .p-knowledge-center .p-knowledge-topic-explorer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 40rem) {
  .p-knowledge-center .p-knowledge-topic-explorer {
    padding: 2.7rem 0 3.15rem;
  }

  .p-knowledge-center .p-knowledge-topic-explorer__header {
    max-width: 22rem;
    margin-bottom: 1.25rem;
    text-align: center;
  }

  .p-knowledge-center .p-knowledge-topic-explorer__eyebrow {
    margin-bottom: 0.58rem;
  }

  .p-knowledge-center .p-knowledge-topic-explorer__eyebrow p {
    font-size: clamp(0.72rem, 2.45vw, 0.78rem);
    letter-spacing: 0.075em;
  }

  .p-knowledge-center .p-knowledge-topic-explorer__header h2 {
    font-size: clamp(1.72rem, 7.15vw, 2.08rem);
    line-height: 1.05;
  }

  .p-knowledge-center .p-knowledge-topic-explorer__header h2::after {
    margin: 0.62rem auto 0.66rem;
  }

  .p-knowledge-center .p-knowledge-topic-explorer__header > p {
    max-width: 18rem;
    font-size: 0.88rem;
    line-height: 1.48;
  }

  .p-knowledge-center .p-knowledge-topic-explorer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.68rem;
  }

  .p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer {
    min-height: 10.85rem;
    padding: 0.88rem 0.58rem 0.72rem;
    border-radius: 0.9rem;
  }

  .p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer::before {
    top: 0.56rem;
    width: 1.8rem;
  }

  .p-knowledge-center .p-knowledge-explorer-card__icon {
    width: clamp(3rem, 15.2vw, 3.28rem);
    margin-top: 0.16rem;
    margin-bottom: 0.58rem;
  }

  .p-knowledge-center .p-knowledge-explorer-card h3 {
    font-size: clamp(0.82rem, 3.55vw, 0.9rem);
    line-height: 1.12;
  }

  .p-knowledge-center .p-knowledge-explorer-card__meta {
    margin-top: 0.42rem;
    gap: 0.28rem;
    font-size: clamp(0.7rem, 3.1vw, 0.76rem);
  }

  .p-knowledge-center .p-knowledge-explorer-card__meta svg {
    width: 0.7rem;
    height: 0.7rem;
  }

  .p-knowledge-center .p-knowledge-explorer-card__link {
    min-height: 2rem;
    padding: 0.46rem 0.58rem;
    gap: 0.34rem;
    font-size: clamp(0.72rem, 3.1vw, 0.78rem);
  }

  .p-knowledge-center .p-knowledge-explorer-card__link::before {
    top: -0.45rem;
    width: 2rem;
  }

  .p-knowledge-center .p-knowledge-topic-explorer__footer {
    margin-top: clamp(1.38rem, 6vw, 1.75rem);
  }

  .p-knowledge-center .p-knowledge-topic-explorer__cta {
    width: 100%;
    max-width: 100%;
    min-height: 3.05rem;
    padding-left: 1.12rem;
    font-size: 0.92rem;
  }

  .p-knowledge-center .p-knowledge-topic-explorer__cta-label {
    gap: 0.5rem;
  }

  .p-knowledge-center .p-knowledge-topic-explorer__cta-grid-icon {
    width: 1.05rem;
    height: 1.05rem;
  }

  .p-knowledge-center .p-knowledge-topic-explorer__cta-icon {
    width: 2.08rem;
    height: 2.08rem;
  }
}

@media (hover: none) {
  .p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer:hover {
    box-shadow: 0 1rem 2.2rem rgb(4 50 76 / 8%);
    transform: none;
  }

  .p-knowledge-center .p-knowledge-topic-explorer__cta:hover,
  .p-knowledge-center .p-knowledge-topic-explorer__cta:hover .p-knowledge-topic-explorer__cta-icon {
    transform: none;
  }
}

/* FAQ vertical rhythm audit polish */
.p-knowledge-center .p-knowledge-category__heading .c-eyebrow,
.p-knowledge-center .p-knowledge-start__eyebrow,
.p-knowledge-center .p-knowledge-learning__heading p,
.p-knowledge-center .p-knowledge-topic-explorer__eyebrow p {
  margin-block: 0;
}

.p-knowledge-center .p-knowledge-category__heading h2,
.p-knowledge-center .p-knowledge-start__content h2,
.p-knowledge-center .p-knowledge-topic-explorer__header h2 {
  margin-top: 0;
}

.p-knowledge-center .p-knowledge-category {
  padding-block: clamp(2.05rem, 4vw, 3rem) clamp(2.6rem, 4.7vw, 4.2rem);
}

.p-knowledge-center .p-knowledge-start {
  padding-block: clamp(2.45rem, 4.3vw, 3.7rem) clamp(1.25rem, 2.4vw, 2rem);
}

.p-knowledge-center .p-knowledge-learning {
  padding-block: clamp(1rem, 1.7vw, 1.55rem) clamp(3.25rem, 5.6vw, 5.05rem);
}

.p-knowledge-center .p-knowledge-learning__trust {
  margin-top: clamp(1.22rem, 2.2vw, 1.85rem);
}

.p-knowledge-center .p-knowledge-topic-explorer {
  padding-block: clamp(3rem, 4.9vw, 4.6rem) clamp(3.2rem, 5.1vw, 4.8rem);
}

@media (max-width: 63.9375rem) {
  .p-knowledge-center .p-knowledge-network {
    min-height: clamp(21.7rem, 46vw, 24.8rem);
  }

  .p-knowledge-center .p-knowledge-learning {
    padding-bottom: clamp(2.85rem, 6.2vw, 3.7rem);
  }
}

@media (max-width: 40rem) {
  .p-knowledge-center .p-knowledge-hero {
    padding-block: clamp(1.85rem, 7vw, 2.28rem) clamp(1.25rem, 5vw, 1.6rem);
  }

  .p-knowledge-center .p-knowledge-hero__content {
    gap: clamp(0.54rem, 2.2vw, 0.72rem);
  }

  .p-knowledge-center .p-knowledge-hero__grid {
    gap: clamp(1.85rem, 7vw, 2.18rem);
  }

  .p-knowledge-center .p-knowledge-hero__lead {
    max-width: min(20.75rem, 100%);
    margin: 1rem auto 0;
    text-align: center;
    letter-spacing: normal;
    line-height: 1.58;
  }

  .p-knowledge-center .p-knowledge-network {
    min-height: clamp(20.15rem, 71vw, 22.55rem);
  }

  .p-knowledge-center .p-knowledge-category {
    padding-block: clamp(1.68rem, 6.6vw, 2.08rem) clamp(2rem, 7.7vw, 2.48rem);
  }

  .p-knowledge-center .p-knowledge-category__heading {
    gap: 0.68rem;
    margin-bottom: clamp(0.72rem, 3vw, 0.92rem);
  }

  .p-knowledge-center .p-knowledge-category__nav {
    padding-top: 0.48rem;
    padding-bottom: 0.58rem;
  }

  .p-knowledge-center .p-knowledge-start {
    padding-block: clamp(2.02rem, 7vw, 2.42rem) clamp(0.95rem, 3.4vw, 1.2rem);
  }

  .p-knowledge-center .p-knowledge-start__grid {
    gap: clamp(1rem, 4.2vw, 1.38rem);
  }

  .p-knowledge-center .p-knowledge-start__content {
    gap: 0.58rem;
  }

  .p-knowledge-center .p-knowledge-learning {
    padding-block: clamp(0.82rem, 3.2vw, 1.08rem) clamp(2.55rem, 8.6vw, 3.08rem);
  }

  .p-knowledge-center .p-knowledge-learning__heading {
    margin-bottom: 0.74rem;
  }

  .p-knowledge-center .p-knowledge-learning__grid {
    padding-bottom: 0.48rem;
  }

  .p-knowledge-center .p-knowledge-learning__trust {
    gap: 0.62rem;
    margin-top: clamp(1rem, 4vw, 1.28rem);
  }

  .p-knowledge-center .p-knowledge-topic-explorer {
    padding-block: clamp(2.38rem, 8vw, 2.8rem) clamp(2.72rem, 9vw, 3.2rem);
  }

  .p-knowledge-center .p-knowledge-topic-explorer__header {
    margin-bottom: 1.08rem;
  }

  .p-knowledge-center .p-knowledge-topic-explorer__header > p {
    line-height: 1.44;
  }
}

/* FAQ desktop final visual polish */
@media (min-width: 75rem) {
  .p-knowledge-center .p-knowledge-hero {
    padding-block: clamp(2.85rem, 4vw, 4.1rem) clamp(2rem, 3.2vw, 2.85rem);
  }

  body.post-type-archive-faq .p-knowledge-center .p-knowledge-hero {
    overflow: visible;
    z-index: 30;
  }

  .p-knowledge-center .p-knowledge-hero__grid {
    min-height: clamp(28.5rem, 34vw, 32.5rem);
    gap: clamp(2.35rem, 4.25vw, 4.6rem);
  }

  .p-knowledge-center .p-knowledge-hero__content {
    max-width: 36rem;
    gap: clamp(0.86rem, 1.18vw, 1.08rem);
  }

  .p-knowledge-center .p-knowledge-hero h1 {
    max-width: 35rem;
    line-height: 1.03;
  }

  .p-knowledge-center .p-knowledge-hero__lead {
    max-width: 31.5rem;
    line-height: 1.6;
  }

  .p-knowledge-center .p-knowledge-search {
    max-width: 34.25rem;
    margin-top: clamp(0.12rem, 0.32vw, 0.3rem);
  }

  body.post-type-archive-faq .p-knowledge-center .p-knowledge-search {
    z-index: 80;
  }

  .p-knowledge-center .p-knowledge-search__form {
    min-height: clamp(3.72rem, 4.65vw, 4.05rem);
  }

  body.post-type-archive-faq .p-knowledge-center .p-knowledge-search__panel {
    z-index: 90;
  }

  body.post-type-archive-faq .p-knowledge-center .p-knowledge-search__input {
    padding-right: 0.75rem;
    -webkit-appearance: none;
    appearance: none;
  }

  body.post-type-archive-faq .p-knowledge-center .p-knowledge-search__input::-webkit-search-cancel-button,
  body.post-type-archive-faq .p-knowledge-center .p-knowledge-search__input::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
  }

  .p-knowledge-center .p-knowledge-trending {
    gap: clamp(0.5rem, 0.85vw, 0.62rem);
  }

  .p-knowledge-center .p-knowledge-pill {
    min-height: 2.18rem;
    padding-block: 0.52rem;
  }

  .p-knowledge-center .p-knowledge-category {
    padding-block: clamp(1.95rem, 3.15vw, 2.75rem) clamp(2.35rem, 3.8vw, 3.55rem);
  }

  .p-knowledge-center .p-knowledge-category__heading {
    gap: clamp(0.46rem, 0.78vw, 0.58rem);
    margin-bottom: clamp(0.82rem, 1.32vw, 1.08rem);
  }

  .p-knowledge-center .p-knowledge-category__nav {
    gap: clamp(0.44rem, 0.75vw, 0.58rem);
    padding: 0.34rem;
  }

  .p-knowledge-center .p-knowledge-category__chip {
    min-height: 2.54rem;
    padding: 0.66rem 0.96rem;
  }

  .p-knowledge-center .p-knowledge-learning {
    padding-block: clamp(0.95rem, 1.45vw, 1.35rem) clamp(2.9rem, 4.45vw, 4.25rem);
  }

  .p-knowledge-center .p-knowledge-learning__heading {
    margin-bottom: clamp(1.08rem, 1.7vw, 1.48rem);
  }

  .p-knowledge-center .p-knowledge-learning__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(0.78rem, 1.15vw, 1rem);
  }

  .p-knowledge-center .c-card--learning-journey {
    display: flex;
    min-height: clamp(12.65rem, 13.5vw, 13.9rem);
    padding: clamp(1.06rem, 1.35vw, 1.28rem);
    flex-direction: column;
  }

  .p-knowledge-center .p-knowledge-learning-card p {
    flex: 1 1 auto;
    margin-top: 0.48rem;
    margin-bottom: 0.72rem;
    line-height: 1.46;
  }

  .p-knowledge-center .p-knowledge-learning-card__link {
    margin-top: auto;
  }

  .p-knowledge-center .p-knowledge-learning__trust {
    margin-top: clamp(1.1rem, 1.75vw, 1.52rem);
  }

  .p-knowledge-center .p-knowledge-topic-explorer {
    padding-block: clamp(2.75rem, 4.15vw, 3.9rem) clamp(3rem, 4.45vw, 4.25rem);
  }

  .p-knowledge-center .p-knowledge-topic-explorer__header {
    margin-bottom: clamp(1.16rem, 1.72vw, 1.55rem);
  }

  .p-knowledge-center .p-knowledge-topic-explorer__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(0.7rem, 1vw, 0.92rem);
  }

  .p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer {
    min-height: clamp(11.9rem, 11.8vw, 12.8rem);
    padding: clamp(0.98rem, 1.12vw, 1.12rem) clamp(0.64rem, 0.82vw, 0.86rem) 0.82rem;
    flex-direction: column;
  }

  .p-knowledge-center .p-knowledge-explorer-card__icon {
    width: clamp(3.22rem, 3.2vw, 3.78rem);
    margin-top: 0.24rem;
    margin-bottom: 0.66rem;
  }

  .p-knowledge-center .p-knowledge-explorer-card h3 {
    font-size: clamp(0.88rem, 0.82vw, 0.98rem);
    line-height: 1.16;
  }

  .p-knowledge-center .p-knowledge-explorer-card__meta {
    margin-top: 0.46rem;
    font-size: clamp(0.74rem, 0.76vw, 0.82rem);
  }

  .p-knowledge-center .p-knowledge-explorer-card__link {
    min-height: 2.12rem;
    padding: 0.52rem 0.68rem;
    font-size: clamp(0.76rem, 0.76vw, 0.82rem);
  }

  .p-knowledge-center .p-knowledge-topic-explorer__footer {
    margin-top: clamp(1.28rem, 1.85vw, 1.72rem);
  }
}

@media (min-width: 75rem) and (prefers-reduced-motion: reduce) {
  .p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer,
  .p-knowledge-center .p-knowledge-topic-explorer__cta,
  .p-knowledge-center .p-knowledge-topic-explorer__cta-icon {
    transition: none;
    transform: none;
  }
}

/* SINGLE KNOWLEDGE ARTICLE - VISUAL CORRECTION PASS
   Scope: hero, typography, article layout, sidebar, TOC, callout, recommendations, CTA hierarchy, responsive, and motion. */
/* FAQ Start Here / Learning Journey vertical process rework */
.p-knowledge-center .p-knowledge-start__grid {
  grid-template-columns: minmax(0, 1fr);
  max-width: min(54rem, 100%);
  margin-inline: auto;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.p-knowledge-center .p-knowledge-start__content {
  max-width: min(46rem, 100%);
  margin-inline: auto;
  align-items: center;
  text-align: center;
}

.p-knowledge-center .p-knowledge-start__content h2,
.p-knowledge-center .p-knowledge-start__content > p:not(.c-eyebrow) {
  margin-inline: auto;
}

.p-knowledge-center .p-knowledge-start__content h2::after {
  margin-inline: auto;
}

.p-knowledge-center .p-knowledge-start__visual,
.p-knowledge-center .p-kc-mini-journey,
.p-knowledge-center .p-kc-mini-journey__viewport,
.p-knowledge-center .p-kc-mini-journey__track {
  display: none;
}

.p-knowledge-center .p-knowledge-learning {
  overflow: visible;
  padding-block: clamp(1.15rem, 2vw, 1.75rem) clamp(3.35rem, 5.4vw, 5rem);
}

.p-knowledge-center .p-knowledge-learning__heading {
  display: none;
  max-width: min(58rem, 100%);
  margin: 0 auto clamp(1.28rem, 2.2vw, 1.9rem);
  align-items: center;
  justify-content: center;
  gap: 0;
  text-align: center;
}

.p-knowledge-center .p-knowledge-learning__heading span,
.p-knowledge-center .p-knowledge-learning__heading span::before,
.p-knowledge-center .p-knowledge-learning__heading span::after,
.p-knowledge-center .p-knowledge-learning__heading p::after {
  display: none;
  content: none;
}

.p-knowledge-center .p-knowledge-learning__heading p {
  display: inline-flex;
  margin: 0;
  align-items: center;
  gap: 0.52rem;
  color: #006fa8;
  font-size: clamp(0.72rem, 0.92vw, 0.82rem);
  font-weight: 850;
  letter-spacing: 0.085em;
  line-height: 1;
}

.p-knowledge-center .p-knowledge-learning__heading p::before {
  display: inline-block;
  position: static;
  width: clamp(0.4rem, 1.1vw, 0.48rem);
  height: clamp(0.4rem, 1.1vw, 0.48rem);
  border: 0.12rem solid rgb(229 57 53 / 16%);
  border-radius: 999px;
  background: #e53935;
  box-shadow: 0 0 0 0.18rem rgb(229 57 53 / 7%);
  content: "";
  flex: 0 0 auto;
  transform: none;
}

.p-knowledge-center .p-knowledge-learning__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  max-width: min(58rem, 100%);
  margin-inline: auto;
  padding: 0;
  gap: clamp(1.18rem, 2vw, 1.55rem);
  overflow: visible;
  overscroll-behavior-inline: auto;
  scroll-padding-inline: 0;
  scroll-snap-type: none;
  scrollbar-width: auto;
}

.p-knowledge-center .p-knowledge-learning__grid::after {
  display: none;
  content: none;
}

.p-knowledge-center .p-knowledge-learning-card:first-child::after,
.p-knowledge-center .p-knowledge-learning-card + .p-knowledge-learning-card::before,
.p-knowledge-center .p-knowledge-learning-card + .p-knowledge-learning-card::after,
.p-knowledge-center .c-card--learning-journey::before {
  display: none;
  content: none;
}

.p-knowledge-center .c-card--learning-journey,
.p-knowledge-center .p-knowledge-learning .c-card--learning-journey {
  display: grid;
  grid-template-columns: 3.25rem 4.2rem minmax(0, 1fr) auto;
  grid-template-areas:
    "number icon title cta"
    "number icon text cta";
  min-width: 0;
  min-height: 0;
  padding: clamp(1.08rem, 1.65vw, 1.34rem);
  align-items: center;
  column-gap: clamp(0.88rem, 1.45vw, 1.18rem);
  row-gap: 0.26rem;
  overflow: hidden;
  border: 1px solid rgb(214 171 68 / 24%);
  border-radius: clamp(1.35rem, 2vw, 1.65rem);
  background:
    linear-gradient(145deg, rgb(255 255 255 / 98%) 0%, rgb(255 253 248 / 94%) 44%, rgb(247 252 255 / 96%) 100%);
  box-shadow: 0 1rem 2.25rem rgb(4 50 76 / 7.2%), inset 0 1px 0 rgb(255 255 255 / 88%);
  text-align: left;
  transform: none;
  scroll-snap-align: none;
  transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}

.p-knowledge-center .c-card--learning-journey:hover,
.p-knowledge-center .c-card--learning-journey:focus-within {
  border-color: rgb(214 171 68 / 38%);
  box-shadow: 0 1.18rem 2.55rem rgb(4 50 76 / 9%), inset 0 1px 0 rgb(255 255 255 / 88%);
  transform: translateY(-1px);
}

.p-knowledge-center .p-knowledge-learning-card__number {
  position: static;
  grid-area: number;
  display: grid;
  width: 3.05rem;
  height: 3.05rem;
  place-items: center;
  border: 1px solid rgb(214 171 68 / 30%);
  border-radius: 999px;
  background: linear-gradient(145deg, #fffdf8 0%, #ffffff 100%);
  color: #083f63;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  box-shadow: 0 0.54rem 1.1rem rgb(4 50 76 / 5.5%);
  transform: none;
}

.p-knowledge-center .p-knowledge-learning-card__icon {
  grid-area: icon;
  display: grid;
  width: 3.72rem;
  margin: 0;
  place-items: center;
  border-color: rgb(214 171 68 / 22%);
  background: linear-gradient(145deg, #ffffff 0%, #fffdf7 100%);
  color: #006fa8;
  box-shadow: 0 0.68rem 1.28rem rgb(4 50 76 / 6%), 0 0 0 0.36rem rgb(255 255 255 / 50%);
  transform: none;
}

.p-knowledge-center .p-knowledge-learning-card__icon svg {
  width: 54%;
  height: 54%;
  stroke-width: 1.9;
}

.p-knowledge-center .p-knowledge-learning-card h3 {
  grid-area: title;
  margin: 0;
  color: #05314a;
  font-size: clamp(0.98rem, 1.1vw, 1.08rem);
  font-weight: 830;
  line-height: 1.18;
  letter-spacing: 0;
}

.p-knowledge-center .p-knowledge-learning-card p {
  display: block;
  grid-area: text;
  max-width: none;
  margin: 0;
  overflow: visible;
  color: rgb(68 87 100 / 68%);
  font-size: clamp(0.84rem, 0.94vw, 0.92rem);
  font-weight: 560;
  line-height: 1.44;
  text-align: left;
  transform: none;
  -webkit-line-clamp: unset;
  -webkit-box-orient: initial;
}

.p-knowledge-center .p-knowledge-learning-card__link {
  grid-area: cta;
  display: inline-flex;
  min-width: 6.7rem;
  min-height: 2.46rem;
  margin: 0;
  padding: 0.58rem 0.88rem;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  border: 1px solid rgb(214 171 68 / 30%);
  border-radius: 999px;
  background: rgb(255 255 255 / 86%);
  box-shadow: 0 0.45rem 1rem rgb(4 50 76 / 4.8%), inset 0 1px 0 rgb(255 255 255 / 86%);
  color: #006fa8;
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  transform: none;
}

.p-knowledge-center .p-knowledge-learning-card__link:hover,
.p-knowledge-center .p-knowledge-learning-card__link:focus-visible {
  border-color: rgb(10 103 216 / 28%);
  background: rgb(246 251 255 / 94%);
  box-shadow: 0 0.62rem 1.18rem rgb(4 50 76 / 6.5%), inset 0 1px 0 rgb(255 255 255 / 88%);
}

.p-knowledge-center .p-knowledge-learning-card__link:focus-visible {
  outline: 2px solid rgb(214 171 68 / 58%);
  outline-offset: 0.2rem;
}

.p-knowledge-center .p-knowledge-learning-card__link span {
  display: inline-block;
  transform: none;
  transition: transform 200ms ease;
}

.p-knowledge-center .c-card--learning-journey:hover .p-knowledge-learning-card__link span,
.p-knowledge-center .c-card--learning-journey:focus-within .p-knowledge-learning-card__link span,
.p-knowledge-center .p-knowledge-learning-card__link:hover span,
.p-knowledge-center .p-knowledge-learning-card__link:focus-visible span {
  transform: translateX(0.16rem);
}

@media (max-width: 63.9375rem) {
  .p-knowledge-center .p-knowledge-learning {
    overflow: visible;
  }

  .p-knowledge-center .p-knowledge-learning__grid {
    display: grid;
    margin-inline: auto;
    padding: 0;
    gap: clamp(1rem, 2.8vw, 1.28rem);
    overflow-x: visible;
    scroll-snap-type: none;
  }

  .p-knowledge-center .p-knowledge-learning__grid::-webkit-scrollbar {
    display: none;
  }

  .p-knowledge-center .c-card--learning-journey,
  .p-knowledge-center .p-knowledge-learning .c-card--learning-journey {
    flex: initial;
    scroll-snap-align: none;
  }
}

@media (max-width: 47.9375rem) {
  .p-knowledge-center .p-knowledge-start {
    padding-block: clamp(2.05rem, 7vw, 2.5rem) clamp(0.8rem, 3vw, 1rem);
  }

  .p-knowledge-center .p-knowledge-start__content {
    max-width: min(22rem, 100%);
  }

  .p-knowledge-center .p-knowledge-learning {
    padding-block: clamp(0.82rem, 3vw, 1.08rem) clamp(2.55rem, 8.6vw, 3.12rem);
  }

  .p-knowledge-center .p-knowledge-learning__heading {
    margin-bottom: clamp(0.92rem, 3.8vw, 1.14rem);
  }

  .p-knowledge-center .p-knowledge-learning__heading p {
    font-size: clamp(0.68rem, 2.85vw, 0.75rem);
    letter-spacing: 0.08em;
  }

  .p-knowledge-center .p-knowledge-learning__grid {
    gap: clamp(0.9rem, 3.8vw, 1.08rem);
  }

  .p-knowledge-center .c-card--learning-journey,
  .p-knowledge-center .p-knowledge-learning .c-card--learning-journey {
    grid-template-columns: 2.68rem minmax(0, 1fr);
    grid-template-areas:
      "number title"
      "icon text"
      "cta cta";
    padding: clamp(0.98rem, 4.3vw, 1.16rem);
    column-gap: clamp(0.74rem, 3.6vw, 0.92rem);
    row-gap: 0.5rem;
    border-radius: clamp(1.2rem, 5.2vw, 1.45rem);
  }

  .p-knowledge-center .p-knowledge-learning-card__number {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.68rem;
    transform: none;
  }

  .p-knowledge-center .p-knowledge-learning-card__icon {
    width: 2.9rem;
    align-self: start;
  }

  .p-knowledge-center .p-knowledge-learning-card h3 {
    align-self: center;
    font-size: clamp(0.94rem, 4vw, 1.02rem);
  }

  .p-knowledge-center .p-knowledge-learning-card p {
    font-size: clamp(0.8rem, 3.45vw, 0.88rem);
    line-height: 1.42;
  }

  .p-knowledge-center .p-knowledge-learning-card__link {
    width: 100%;
    min-height: 2.48rem;
    margin-top: 0.16rem;
  }
}

.p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer.is-active {
  grid-column: span 2;
  height: auto;
  align-items: center;
  box-shadow: 0 1.45rem 2.9rem rgb(4 50 76 / 12%);
}

.p-knowledge-center .p-knowledge-topic-explorer .p-knowledge-explorer-card__link {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  font-family: inherit;
}

.p-knowledge-center .p-knowledge-topic-explorer .p-knowledge-explorer-card__link:disabled {
  cursor: not-allowed;
  opacity: 0.56;
}

.p-knowledge-center .p-knowledge-topic-explorer .p-knowledge-explorer-card__link:disabled:hover {
  border-color: rgb(214 171 68 / 26%);
  background: rgb(255 255 255 / 78%);
  color: #0a5fbb;
  box-shadow: 0 0.38rem 0.9rem rgb(4 50 76 / 5%);
}

.p-knowledge-center .p-knowledge-topic-explorer .p-knowledge-explorer-card__arrow {
  display: inline-block;
  flex: 0 0 auto;
  transform-origin: center;
  transition: transform 220ms ease;
}

.p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer.is-active .p-knowledge-explorer-card__arrow {
  transform: rotate(90deg);
}

.p-knowledge-center .p-knowledge-explorer-card__panel {
  width: 100%;
  margin-top: 0.92rem;
  padding-top: 0.9rem;
  border-top: 1px solid rgb(214 171 68 / 30%);
  text-align: left;
  animation: knowledgeTopicPanelIn 240ms ease both;
}

.p-knowledge-center .p-knowledge-explorer-card__panel[hidden] {
  display: none;
}

.p-knowledge-center .p-knowledge-explorer-card__list {
  display: grid;
  margin: 0;
  padding: 0;
  gap: 0.72rem;
  list-style: none;
}

.p-knowledge-center .p-knowledge-explorer-card__item {
  margin: 0;
  padding: 0;
}

.p-knowledge-center .p-knowledge-explorer-card__item-link {
  display: grid;
  min-width: 0;
  padding: 0.78rem 0.84rem;
  gap: 0.38rem;
  border: 1px solid rgb(10 103 216 / 13%);
  border-radius: 0.78rem;
  background: rgb(247 252 255 / 76%);
  color: var(--knowledge-navy);
  text-decoration: none;
  box-shadow: 0 0.48rem 1rem rgb(4 50 76 / 4%);
  transition: border-color 200ms ease, background-color 200ms ease, box-shadow 200ms ease;
}

.p-knowledge-center .p-knowledge-explorer-card__item-link:hover,
.p-knowledge-center .p-knowledge-explorer-card__item-link:focus-visible {
  border-color: rgb(10 103 216 / 24%);
  background: #ffffff;
  box-shadow: 0 0.62rem 1.25rem rgb(4 50 76 / 6%);
}

.p-knowledge-center .p-knowledge-explorer-card__item-link:focus-visible {
  outline: 2px solid rgb(10 103 216 / 34%);
  outline-offset: 0.18rem;
}

.p-knowledge-center .p-knowledge-explorer-card__item-title {
  display: block;
  color: var(--knowledge-navy);
  font-size: clamp(0.86rem, 0.92vw, 0.95rem);
  font-weight: 790;
  line-height: 1.35;
  letter-spacing: 0;
}

.p-knowledge-center .p-knowledge-explorer-card__item-meta {
  display: inline-flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.32rem;
  color: rgb(68 87 100 / 72%);
  font-size: clamp(0.7rem, 0.76vw, 0.76rem);
  font-weight: 740;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.p-knowledge-center .p-knowledge-explorer-card__item-meta span:first-child {
  color: #0a5fbb;
}

@keyframes knowledgeTopicPanelIn {
  from {
    opacity: 0;
    transform: translateY(0.35rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 63.9375rem) {
  .p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer.is-active {
    grid-column: 1 / -1;
  }
}

@media (max-width: 40rem) {
  .p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer.is-active {
    padding-inline: 0.74rem;
  }

  .p-knowledge-center .p-knowledge-explorer-card__panel {
    margin-top: 0.76rem;
    padding-top: 0.74rem;
  }

  .p-knowledge-center .p-knowledge-explorer-card__list {
    gap: 0.62rem;
  }

  .p-knowledge-center .p-knowledge-explorer-card__item-link {
    padding: 0.7rem 0.72rem;
    border-radius: 0.72rem;
  }

  .p-knowledge-center .p-knowledge-explorer-card__item-title {
    font-size: clamp(0.82rem, 3.65vw, 0.9rem);
    line-height: 1.34;
  }

  .p-knowledge-center .p-knowledge-explorer-card__item-meta {
    font-size: clamp(0.66rem, 2.95vw, 0.72rem);
  }
}

@media (max-width: 47.9375rem) {
  .p-knowledge-center .p-knowledge-topic-explorer__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(0.88rem, 3.8vw, 1.08rem);
  }

  .p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer,
  .p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer.is-active {
    display: grid;
    grid-column: auto;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
    min-height: 0;
    padding: clamp(1rem, 4.5vw, 1.22rem);
    align-items: center;
    column-gap: clamp(0.82rem, 3.7vw, 1rem);
    row-gap: 0;
    text-align: left;
  }

  .p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer::before {
    top: 0.74rem;
    left: 1.18rem;
    width: 2rem;
    transform: none;
  }

  .p-knowledge-center .p-knowledge-explorer-card__icon {
    grid-column: 1;
    grid-row: 1 / 3;
    width: clamp(3.08rem, 13.8vw, 3.54rem);
    margin: 0;
  }

  .p-knowledge-center .p-knowledge-explorer-card h3 {
    grid-column: 2;
    align-self: end;
    font-size: clamp(0.94rem, 4.05vw, 1.06rem);
    line-height: 1.12;
  }

  .p-knowledge-center .p-knowledge-explorer-card__meta {
    grid-column: 2;
    align-self: start;
    justify-content: flex-start;
    margin-top: 0.32rem;
    font-size: clamp(0.74rem, 3.25vw, 0.82rem);
  }

  .p-knowledge-center .p-knowledge-explorer-card__link {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 2.75rem;
    margin-top: clamp(0.88rem, 3.8vw, 1.08rem);
    padding: 0.58rem 0.86rem 0.58rem 1rem;
    justify-content: space-between;
    gap: 1rem;
    text-align: left;
  }

  .p-knowledge-center .p-knowledge-explorer-card__link::before {
    display: none;
  }

  .p-knowledge-center .p-knowledge-explorer-card__panel {
    grid-column: 1 / -1;
    margin-top: clamp(0.78rem, 3.5vw, 0.98rem);
    padding: clamp(0.88rem, 4vw, 1rem);
    border: 1px solid rgb(214 171 68 / 16%);
    border-top-color: rgb(214 171 68 / 28%);
    border-radius: 0.92rem;
    background: rgb(248 252 255 / 70%);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 72%);
  }

  .p-knowledge-center .p-knowledge-explorer-card__list {
    gap: clamp(0.62rem, 3vw, 0.74rem);
  }

  .p-knowledge-center .p-knowledge-explorer-card__item-link {
    padding: clamp(0.78rem, 3.7vw, 0.94rem);
    border-color: rgb(10 103 216 / 10%);
    border-radius: 0.9rem;
    background: rgb(255 255 255 / 86%);
    box-shadow: 0 0.42rem 0.95rem rgb(4 50 76 / 3.5%);
  }

  .p-knowledge-center .p-knowledge-explorer-card__item-title {
    font-size: clamp(0.86rem, 3.8vw, 0.94rem);
    line-height: 1.36;
  }

  .p-knowledge-center .p-knowledge-topic-explorer__footer {
    margin-top: clamp(1.75rem, 7vw, 2.16rem);
  }

  .p-knowledge-center .p-knowledge-topic-explorer__cta {
    width: 100%;
    justify-content: space-between;
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .p-knowledge-center .p-knowledge-topic-explorer .p-knowledge-explorer-card__arrow,
  .p-knowledge-center .p-knowledge-explorer-card__panel,
  .p-knowledge-center .p-knowledge-explorer-card__item-link {
    animation: none;
    transition: none;
  }
}

/* FAQ Topic Explorer final visual polish */
.p-knowledge-center .p-knowledge-topic-explorer {
  background:
    radial-gradient(circle at 50% 54%, rgb(10 103 216 / 4.6%) 0%, transparent 39%),
    radial-gradient(circle at 8% 16%, rgb(214 171 68 / 3.2%) 0%, transparent 24rem),
    radial-gradient(circle at 0 8%, rgb(0 111 168 / 1.35%) 0 0.1rem, transparent 0.11rem) 0 0 / 0.82rem 0.82rem,
    radial-gradient(circle at 100% 90%, rgb(0 111 168 / 1.1%) 0 0.1rem, transparent 0.11rem) 0 0 / 0.82rem 0.82rem,
    linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
}

.p-knowledge-center .p-knowledge-topic-explorer::before {
  opacity: 0.68;
}

.p-knowledge-center .p-knowledge-topic-explorer::after {
  opacity: 0.22;
}

.p-knowledge-center .p-knowledge-topic-explorer__header {
  margin-bottom: clamp(1.25rem, 2.05vw, 1.82rem);
}

.p-knowledge-center .p-knowledge-topic-explorer__eyebrow {
  margin-bottom: 0.52rem;
}

.p-knowledge-center .p-knowledge-topic-explorer__eyebrow p {
  color: #006fa8;
  font-size: clamp(0.72rem, 0.92vw, 0.82rem);
  font-weight: 850;
  letter-spacing: 0.085em;
}

.p-knowledge-center .p-knowledge-topic-explorer__eyebrow p::before {
  width: clamp(0.4rem, 1.1vw, 0.48rem);
  height: clamp(0.4rem, 1.1vw, 0.48rem);
  border-width: 0.12rem;
  box-shadow: 0 0 0 0.18rem rgb(229 57 53 / 7%);
}

.p-knowledge-center .p-knowledge-topic-explorer__header h2 {
  font-weight: 820;
  letter-spacing: 0;
}

.p-knowledge-center .p-knowledge-topic-explorer__header h2::after {
  width: clamp(2.15rem, 4vw, 2.55rem);
  height: 1px;
  margin: 0.66rem auto 0.72rem;
  background: linear-gradient(90deg, transparent, rgb(214 171 68 / 62%), transparent);
}

.p-knowledge-center .p-knowledge-topic-explorer__header > p {
  color: rgb(68 87 100 / 66%);
  font-size: clamp(0.86rem, 0.96vw, 0.96rem);
  font-weight: 520;
  line-height: 1.52;
}

.p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer {
  overflow: hidden;
  border-color: rgb(214 171 68 / 22%);
  border-radius: 1.28rem;
  background:
    linear-gradient(145deg, rgb(255 255 255 / 98%) 0%, rgb(255 253 248 / 94%) 42%, rgb(247 252 255 / 96%) 100%);
  box-shadow: 0 1.05rem 2.45rem rgb(4 50 76 / 7%), inset 0 1px 0 rgb(255 255 255 / 86%);
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease, background-color 220ms ease;
}

.p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer::before {
  display: none;
  content: none;
}

.p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer:hover,
.p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer:focus-within,
.p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer.is-active {
  border-color: rgb(214 171 68 / 38%);
  box-shadow: 0 1.35rem 2.95rem rgb(4 50 76 / 9.5%), inset 0 1px 0 rgb(255 255 255 / 88%);
}

.p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer.is-active {
  background:
    linear-gradient(145deg, rgb(255 255 255 / 99%) 0%, rgb(255 253 247 / 96%) 45%, rgb(246 251 255 / 98%) 100%);
}

.p-knowledge-center .p-knowledge-explorer-card__icon {
  display: grid;
  place-items: center;
  border-color: rgb(214 171 68 / 22%);
  background: linear-gradient(145deg, #ffffff 0%, #fffdf7 100%);
  color: #006fa8;
  box-shadow: 0 0.74rem 1.42rem rgb(4 50 76 / 6%), 0 0 0 0.42rem rgb(255 255 255 / 50%);
}

.p-knowledge-center .p-knowledge-explorer-card__icon svg {
  stroke-width: 1.95;
}

.p-knowledge-center .p-knowledge-explorer-card h3 {
  color: #05314a;
  font-weight: 830;
}

.p-knowledge-center .p-knowledge-explorer-card__meta {
  color: rgb(68 87 100 / 62%);
  font-weight: 690;
}

.p-knowledge-center .p-knowledge-explorer-card__meta svg {
  color: rgb(68 87 100 / 52%);
  stroke-width: 1.85;
}

.p-knowledge-center .p-knowledge-topic-explorer .p-knowledge-explorer-card__link {
  border-color: rgb(214 171 68 / 30%);
  background: rgb(255 255 255 / 86%);
  color: #006fa8;
  font-weight: 850;
  box-shadow: 0 0.42rem 0.95rem rgb(4 50 76 / 4.8%), inset 0 1px 0 rgb(255 255 255 / 86%);
  transition: color 200ms ease, border-color 200ms ease, background-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}

.p-knowledge-center .p-knowledge-topic-explorer .p-knowledge-explorer-card__link span {
  transform: none;
}

.p-knowledge-center .p-knowledge-topic-explorer .p-knowledge-explorer-card__link:hover,
.p-knowledge-center .p-knowledge-topic-explorer .p-knowledge-explorer-card__link:focus-visible {
  border-color: rgb(10 103 216 / 28%);
  background: rgb(246 251 255 / 94%);
  color: #053f86;
  box-shadow: 0 0.62rem 1.18rem rgb(4 50 76 / 6.5%), inset 0 1px 0 rgb(255 255 255 / 88%);
}

.p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer.is-active .p-knowledge-explorer-card__link {
  border-color: rgb(10 103 216 / 24%);
  background: linear-gradient(180deg, rgb(247 252 255 / 96%) 0%, rgb(255 253 246 / 92%) 100%);
  color: #053f86;
}

.p-knowledge-center .p-knowledge-topic-explorer .p-knowledge-explorer-card__link:hover .p-knowledge-explorer-card__arrow,
.p-knowledge-center .p-knowledge-topic-explorer .p-knowledge-explorer-card__link:focus-visible .p-knowledge-explorer-card__arrow {
  transform: translateX(0.18rem);
}

.p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer.is-active .p-knowledge-explorer-card__arrow {
  transform: rotate(90deg);
}

.p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer.is-active .p-knowledge-explorer-card__link:hover .p-knowledge-explorer-card__arrow,
.p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer.is-active .p-knowledge-explorer-card__link:focus-visible .p-knowledge-explorer-card__arrow {
  transform: rotate(90deg) translateX(0.12rem);
}

.p-knowledge-center .p-knowledge-explorer-card__panel {
  border-top-color: rgb(214 171 68 / 24%);
}

.p-knowledge-center .p-knowledge-explorer-card__item-link {
  border-color: rgb(10 103 216 / 9%);
  border-radius: 0.92rem;
  background: rgb(255 255 255 / 88%);
  box-shadow: 0 0.46rem 1rem rgb(4 50 76 / 3.8%);
}

.p-knowledge-center .p-knowledge-explorer-card__item-title {
  color: #05314a;
  font-weight: 780;
}

.p-knowledge-center .p-knowledge-explorer-card__item-meta {
  color: rgb(68 87 100 / 62%);
}

@media (max-width: 47.9375rem) {
  .p-knowledge-center .p-knowledge-topic-explorer {
    padding: clamp(2.45rem, 8vw, 2.8rem) 0 clamp(2.85rem, 9vw, 3.25rem);
  }

  .p-knowledge-center .p-knowledge-topic-explorer__header {
    max-width: 21rem;
    margin-bottom: clamp(1.04rem, 4.4vw, 1.24rem);
  }

  .p-knowledge-center .p-knowledge-topic-explorer__eyebrow {
    margin-bottom: 0.44rem;
  }

  .p-knowledge-center .p-knowledge-topic-explorer__eyebrow p {
    gap: 0.46rem;
    font-size: clamp(0.68rem, 2.85vw, 0.75rem);
    font-weight: 850;
    letter-spacing: 0.08em;
  }

  .p-knowledge-center .p-knowledge-topic-explorer__header h2 {
    font-size: clamp(1.86rem, 7.4vw, 2.12rem);
    font-weight: 800;
    line-height: 1.04;
  }

  .p-knowledge-center .p-knowledge-topic-explorer__header h2::after {
    width: 2.22rem;
    margin: 0.56rem auto 0.56rem;
  }

  .p-knowledge-center .p-knowledge-topic-explorer__header > p {
    max-width: 17.5rem;
    font-size: clamp(0.82rem, 3.35vw, 0.9rem);
    font-weight: 500;
    line-height: 1.46;
  }

  .p-knowledge-center .p-knowledge-topic-explorer__grid {
    gap: clamp(0.82rem, 3.75vw, 1rem);
  }

  .p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer,
  .p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer.is-active {
    border-radius: clamp(1.18rem, 5.2vw, 1.42rem);
    padding: clamp(0.94rem, 4.2vw, 1.1rem);
    column-gap: clamp(0.74rem, 3.6vw, 0.92rem);
    box-shadow: 0 0.86rem 2.05rem rgb(4 50 76 / 7.2%), inset 0 1px 0 rgb(255 255 255 / 88%);
  }

  .p-knowledge-center .p-knowledge-topic-explorer .c-card--explorer::before {
    display: none;
  }

  .p-knowledge-center .p-knowledge-explorer-card__icon {
    width: clamp(3rem, 12.8vw, 3.36rem);
    box-shadow: 0 0.56rem 1.05rem rgb(4 50 76 / 5.5%), 0 0 0 0.34rem rgb(255 255 255 / 48%);
  }

  .p-knowledge-center .p-knowledge-explorer-card h3 {
    font-size: clamp(0.9rem, 3.85vw, 1rem);
    line-height: 1.12;
  }

  .p-knowledge-center .p-knowledge-explorer-card__meta {
    margin-top: 0.2rem;
    gap: 0.28rem;
    font-size: clamp(0.68rem, 2.95vw, 0.76rem);
    line-height: 1.18;
  }

  .p-knowledge-center .p-knowledge-explorer-card__meta svg {
    width: 0.68rem;
    height: 0.68rem;
  }

  .p-knowledge-center .p-knowledge-explorer-card__link {
    min-height: 2.72rem;
    margin-top: clamp(0.74rem, 3.35vw, 0.9rem);
    padding: 0.54rem 0.92rem 0.54rem 1rem;
    font-size: clamp(0.76rem, 3.2vw, 0.84rem);
  }

  .p-knowledge-center .p-knowledge-explorer-card__arrow {
    font-size: 0.96rem;
    margin-right: 0.08rem;
  }

  .p-knowledge-center .p-knowledge-explorer-card__panel {
    margin-top: clamp(0.72rem, 3.25vw, 0.9rem);
    padding: clamp(0.82rem, 3.8vw, 0.98rem);
    border-color: rgb(214 171 68 / 14%);
    border-top-color: rgb(214 171 68 / 24%);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgb(248 252 255 / 72%) 0%, rgb(255 253 248 / 68%) 100%);
  }

  .p-knowledge-center .p-knowledge-explorer-card__list {
    gap: clamp(0.58rem, 2.9vw, 0.7rem);
  }

  .p-knowledge-center .p-knowledge-explorer-card__item-link {
    padding: clamp(0.74rem, 3.45vw, 0.9rem);
    border-radius: 0.88rem;
  }

  .p-knowledge-center .p-knowledge-explorer-card__item-title {
    font-size: clamp(0.82rem, 3.55vw, 0.9rem);
    line-height: 1.34;
  }

  .p-knowledge-center .p-knowledge-explorer-card__item-meta {
    font-size: clamp(0.64rem, 2.75vw, 0.7rem);
    letter-spacing: 0.035em;
  }

  .p-knowledge-center .p-knowledge-topic-explorer__footer {
    margin-top: clamp(1.65rem, 6.6vw, 2rem);
  }

  .p-knowledge-center .p-knowledge-topic-explorer__cta {
    min-height: 3rem;
    padding: 0.4rem 0.48rem 0.4rem 1.12rem;
    border-color: rgb(214 171 68 / 32%);
    box-shadow: 0 0.76rem 1.65rem rgb(4 50 76 / 6.5%);
  }
}

body:is(.single-faq, .single-post) .p-knowledge-article {
  --knowledge-ink: #05314a;
  --knowledge-copy: #25465a;
  --knowledge-soft: #f6fbff;
  --knowledge-line: rgb(0 111 168 / 13%);
  --knowledge-gold-line: rgb(213 154 9 / 28%);
  overflow-x: clip;
  background:
    radial-gradient(circle at 12% 8%, rgb(253 209 0 / 8%), transparent 20rem),
    radial-gradient(circle at 88% 6%, rgb(0 111 168 / 8%), transparent 22rem),
    linear-gradient(180deg, #ffffff 0%, #f7fbff 38%, #ffffff 100%);
  color: var(--knowledge-ink);
}

body:is(.single-faq, .single-post) .p-knowledge-article :where(a, button, summary):focus-visible {
  outline: 2px solid rgb(0 111 168 / 72%);
  outline-offset: 4px;
}

body:is(.single-faq, .single-post) .p-knowledge-reading-progress {
  height: 2px;
  background: rgb(4 50 76 / 7%);
}

body:is(.single-faq, .single-post) .p-knowledge-reading-progress span {
  background: linear-gradient(90deg, #f4c322, #006fa8);
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(3rem, 5.2vw, 5.35rem) 0 clamp(2.05rem, 4vw, 3.45rem);
  border-bottom: 1px solid rgb(0 111 168 / 8%);
  background:
    linear-gradient(115deg, rgb(255 255 255 / 96%) 0%, rgb(246 251 255 / 94%) 58%, rgb(255 250 232 / 62%) 100%);
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero::before,
body:is(.single-faq, .single-post) .p-knowledge-article-hero::after {
  position: absolute;
  content: "";
  pointer-events: none;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero::before {
  inset: 0;
  opacity: 0.35;
  background:
    linear-gradient(90deg, transparent 0 96%, rgb(0 111 168 / 9%) 96% 96.4%, transparent 96.4%),
    linear-gradient(0deg, transparent 0 95%, rgb(253 209 0 / 16%) 95% 95.35%, transparent 95.35%);
  background-size: 3.4rem 3.4rem;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero::after {
  right: max(-7rem, -10vw);
  bottom: -9rem;
  width: min(38rem, 72vw);
  height: min(24rem, 44vw);
  border-radius: 999px;
  background: radial-gradient(circle, rgb(253 209 0 / 16%), transparent 68%);
  filter: blur(10px);
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero .srcosme-container {
  position: relative;
  z-index: 1;
}

body:is(.single-faq, .single-post) .p-knowledge-article-breadcrumb {
  display: flex;
  max-width: 100%;
  flex-wrap: nowrap;
  gap: 0.5rem;
  align-items: center;
  overflow: hidden;
  margin-bottom: clamp(1.45rem, 2.4vw, 2.1rem);
  color: rgb(37 70 90 / 68%);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0;
}

body:is(.single-faq, .single-post) .p-knowledge-article-breadcrumb a,
body:is(.single-faq, .single-post) .p-knowledge-article-breadcrumb span {
  flex: 0 0 auto;
}

body:is(.single-faq, .single-post) .p-knowledge-article-breadcrumb [aria-current="page"] {
  min-width: 5rem;
  overflow: hidden;
  flex: 1 1 auto;
  color: rgb(37 70 90 / 54%);
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(18rem, 0.82fr);
  gap: clamp(2rem, 4.2vw, 4.6rem);
  align-items: center;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__content {
  max-width: 48rem;
}

body:is(.single-faq, .single-post) .p-knowledge-article__badge {
  gap: 0.5rem;
  margin-bottom: clamp(0.9rem, 1.4vw, 1.15rem);
  padding: 0.42rem 0.76rem;
  border-color: var(--knowledge-gold-line);
  background: rgb(255 248 222 / 82%);
  color: #9a6b00;
  font-size: 0.73rem;
  font-weight: 850;
  letter-spacing: 0;
  box-shadow: 0 0.65rem 1.25rem rgb(213 154 9 / 8%);
}

body:is(.single-faq, .single-post) .p-knowledge-article__badge::before {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  background: #f5c400;
  box-shadow: 0 0 0 0.22rem rgb(253 209 0 / 20%);
  content: "";
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero h1 {
  max-width: 46rem;
  color: var(--knowledge-ink);
  font-size: clamp(2.45rem, 4.7vw, 4.75rem);
  font-weight: 850;
  line-height: 1.04;
  letter-spacing: 0;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__content > p:not(.p-knowledge-article__badge) {
  max-width: 43.5rem;
  margin-top: clamp(1.05rem, 1.7vw, 1.35rem);
  color: rgb(37 70 90 / 82%);
  font-size: clamp(1.02rem, 1.16vw, 1.14rem);
  line-height: 1.76;
}

body:is(.single-faq, .single-post) .p-knowledge-article-meta {
  gap: 0.68rem 0.82rem;
  margin-top: clamp(1.25rem, 2.1vw, 1.7rem);
}

body:is(.single-faq, .single-post) .p-knowledge-article-meta li {
  min-height: 2.15rem;
  padding: 0.34rem 0.58rem 0.34rem 0.38rem;
  border: 1px solid rgb(0 111 168 / 10%);
  border-radius: 999px;
  background: rgb(255 255 255 / 72%);
  color: rgb(37 70 90 / 72%);
  font-size: 0.8rem;
  font-weight: 720;
  box-shadow: 0 0.45rem 1.2rem rgb(4 50 76 / 4%);
}

body:is(.single-faq, .single-post) .p-knowledge-article-meta li > span {
  position: relative;
  flex: 0 0 auto;
  width: 1.45rem;
  height: 1.45rem;
  border-color: rgb(0 111 168 / 16%);
  background: rgb(234 247 255 / 64%);
  color: transparent;
  font-size: 0;
}

body:is(.single-faq, .single-post) .p-knowledge-article-meta li > span::before,
body:is(.single-faq, .single-post) .p-knowledge-article-meta li > span::after {
  position: absolute;
  inset: 50% auto auto 50%;
  content: "";
  transform: translate(-50%, -50%);
}

body:is(.single-faq, .single-post) .p-knowledge-article-meta li:nth-child(1) > span::before {
  width: 0.74rem;
  height: 0.74rem;
  border: 1.5px solid #006fa8;
  border-radius: 999px;
}

body:is(.single-faq, .single-post) .p-knowledge-article-meta li:nth-child(1) > span::after {
  width: 0.28rem;
  height: 0.38rem;
  border-right: 1.5px solid #006fa8;
  border-bottom: 1.5px solid #006fa8;
  transform: translate(-35%, -58%);
}

body:is(.single-faq, .single-post) .p-knowledge-article-meta li:nth-child(2) > span::before {
  width: 0.78rem;
  height: 0.68rem;
  border: 1.5px solid #006fa8;
  border-top-width: 2.5px;
  border-radius: 0.16rem;
}

body:is(.single-faq, .single-post) .p-knowledge-article-meta li:nth-child(3) > span::before {
  width: 0.72rem;
  height: 0.72rem;
  border: 1.5px solid #006fa8;
  border-radius: 0.18rem;
  transform: translate(-50%, -50%) rotate(45deg);
}

body:is(.single-faq, .single-post) .p-knowledge-article-meta li:nth-child(4) > span::before {
  width: 0.48rem;
  height: 0.48rem;
  border: 1.5px solid #006fa8;
  border-radius: 999px;
  transform: translate(-50%, -78%);
}

body:is(.single-faq, .single-post) .p-knowledge-article-meta li:nth-child(4) > span::after {
  width: 0.82rem;
  height: 0.46rem;
  border: 1.5px solid #006fa8;
  border-top: 0;
  border-radius: 0 0 999px 999px;
  transform: translate(-50%, 2%);
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual {
  position: relative;
  min-height: clamp(19rem, 32vw, 28rem);
  overflow: hidden;
  margin: 0;
  border: 1px solid rgb(213 154 9 / 26%);
  border-radius: 1.15rem;
  background:
    radial-gradient(circle at 30% 22%, rgb(253 209 0 / 22%), transparent 12rem),
    radial-gradient(circle at 78% 18%, rgb(0 111 168 / 16%), transparent 13rem),
    linear-gradient(135deg, #ffffff, #eef8ff 58%, #fff8df);
  box-shadow: 0 1.4rem 3.5rem rgb(4 50 76 / 10%), 0 0.8rem 2rem rgb(213 154 9 / 8%);
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual::before {
  position: absolute;
  inset: 0;
  opacity: 0.5;
  background:
    linear-gradient(90deg, transparent 0 94%, rgb(0 111 168 / 8%) 94% 94.5%, transparent 94.5%),
    linear-gradient(0deg, transparent 0 94%, rgb(213 154 9 / 12%) 94% 94.5%, transparent 94.5%);
  background-size: 2.8rem 2.8rem;
  content: "";
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual--image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-mark {
  position: absolute;
  inset: 18% auto auto 50%;
  width: clamp(6rem, 12vw, 9rem);
  height: clamp(6rem, 12vw, 9rem);
  border: 1px solid rgb(0 111 168 / 14%);
  border-radius: 999px;
  background:
    radial-gradient(circle at 50% 50%, rgb(255 255 255 / 94%) 0 37%, transparent 38%),
    conic-gradient(from 35deg, rgb(253 209 0 / 78%), rgb(0 111 168 / 62%), rgb(253 209 0 / 78%));
  box-shadow: 0 1rem 2.4rem rgb(4 50 76 / 10%);
  transform: translateX(-50%);
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-card {
  position: absolute;
  display: block;
  border: 1px solid rgb(0 111 168 / 12%);
  border-radius: 0.9rem;
  background: rgb(255 255 255 / 78%);
  box-shadow: 0 1rem 2.4rem rgb(4 50 76 / 10%);
  backdrop-filter: blur(10px);
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-card::before,
body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-card::after {
  position: absolute;
  left: 1rem;
  height: 0.38rem;
  border-radius: 999px;
  background: rgb(0 111 168 / 16%);
  content: "";
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-card::before {
  top: 1rem;
  width: 42%;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-card::after {
  top: 1.8rem;
  width: 64%;
  background: rgb(213 154 9 / 18%);
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-card--one {
  right: 10%;
  bottom: 12%;
  width: 48%;
  height: 24%;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-card--two {
  top: 20%;
  left: 8%;
  width: 36%;
  height: 22%;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-card--three {
  bottom: 18%;
  left: 13%;
  width: 28%;
  height: 18%;
}

body:is(.single-faq, .single-post) .p-knowledge-article-body {
  padding-top: clamp(2.25rem, 4vw, 3.65rem);
}

body:is(.single-faq, .single-post) .p-knowledge-article-layout {
  grid-template-columns: minmax(0, 45.5rem) minmax(17.5rem, 20rem);
  gap: clamp(2.35rem, 4.6vw, 4.75rem);
  justify-content: center;
}

body:is(.single-faq, .single-post) .p-knowledge-article-content {
  max-width: 45.5rem;
}

body:is(.single-faq, .single-post) .p-knowledge-article-section {
  padding: clamp(1.55rem, 2.7vw, 2.3rem) 0;
  border-top-color: rgb(0 111 168 / 9%);
  scroll-margin-top: 6.5rem;
}

body:is(.single-faq, .single-post) .p-knowledge-article-section h2 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.72rem;
  align-items: center;
  margin-bottom: 0.95rem;
  color: var(--knowledge-ink);
  font-size: clamp(1.32rem, 2.1vw, 1.82rem);
  line-height: 1.22;
  letter-spacing: 0;
}

body:is(.single-faq, .single-post) .p-knowledge-article-section h2::after {
  height: 1px;
  background: linear-gradient(90deg, rgb(253 209 0 / 62%), transparent);
  content: "";
}

body:is(.single-faq, .single-post) .p-knowledge-article-prose {
  color: rgb(37 70 90 / 91%);
  font-size: clamp(1.02rem, 1.08vw, 1.08rem);
  line-height: 1.82;
}

body:is(.single-faq, .single-post) .p-knowledge-article-prose :where(p, li) {
  color: inherit;
}

body:is(.single-faq, .single-post) .p-knowledge-article-prose :where(h3, h4, h5, h6) {
  margin: 1.65em 0 0.6em;
  color: var(--knowledge-ink);
  font-weight: 820;
  line-height: 1.25;
  letter-spacing: 0;
  scroll-margin-top: 6.5rem;
}

body:is(.single-faq, .single-post) .p-knowledge-article-prose h3 {
  font-size: clamp(1.12rem, 1.45vw, 1.32rem);
}

body:is(.single-faq, .single-post) .p-knowledge-article-prose h4 {
  font-size: 1.04rem;
}

body:is(.single-faq, .single-post) .p-knowledge-article-prose :where(ul, ol) {
  gap: 0.68rem;
  margin: 1rem 0;
}

body:is(.single-faq, .single-post) .p-knowledge-article-prose ol {
  display: grid;
  padding-left: 1.35rem;
}

body:is(.single-faq, .single-post) .p-knowledge-article-prose a {
  color: #006fa8;
  font-weight: 720;
  text-decoration-color: rgb(0 111 168 / 35%);
  text-underline-offset: 0.2em;
}

body:is(.single-faq, .single-post) .p-knowledge-article-prose blockquote {
  margin: 1.35rem 0;
  padding: 1rem 1.1rem;
  border-left: 3px solid #f5c400;
  border-radius: 0.75rem;
  background: rgb(255 250 232 / 58%);
  color: rgb(37 70 90 / 86%);
}

body:is(.single-faq, .single-post) .p-knowledge-article-prose :where(table) {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}

body:is(.single-faq, .single-post) .p-knowledge-article-prose :where(code, pre) {
  border-radius: 0.5rem;
  background: rgb(4 50 76 / 6%);
  color: var(--knowledge-ink);
}

body:is(.single-faq, .single-post) .p-knowledge-callout {
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.9rem;
  margin-top: clamp(1.05rem, 1.8vw, 1.38rem);
  padding: clamp(1rem, 1.6vw, 1.18rem);
  border-radius: 0.95rem;
  box-shadow: 0 0.85rem 2rem rgb(4 50 76 / 6%);
}

body:is(.single-faq, .single-post) .p-knowledge-callout__icon {
  display: inline-flex;
  width: 2.15rem;
  height: 2.15rem;
  align-items: center;
  align-self: start;
  justify-content: center;
  flex: 0 0 2.15rem;
  box-sizing: border-box;
  line-height: 1;
}

body:is(.single-faq, .single-post) .p-knowledge-callout__icon svg {
  width: 1.12rem;
  height: 1.12rem;
  display: block;
  flex: none;
  fill: none;
  max-width: none;
  max-height: none;
  overflow: visible;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  transform-origin: center;
}

body:is(.single-faq, .single-post) .p-knowledge-callout strong {
  margin-bottom: 0.3rem;
  font-size: 0.9rem;
  letter-spacing: 0;
  text-transform: uppercase;
}

body:is(.single-faq, .single-post) .p-knowledge-callout p {
  color: rgb(37 70 90 / 78%);
  font-size: 0.9rem;
  line-height: 1.66;
}

body:is(.single-faq, .single-post) .p-knowledge-callout--tips {
  border-color: rgb(92 132 48 / 22%);
  background: linear-gradient(135deg, rgb(246 251 237 / 86%), rgb(255 255 255 / 94%));
}

body:is(.single-faq, .single-post) .p-knowledge-callout--warning {
  border-color: rgb(213 154 9 / 26%);
  background: linear-gradient(135deg, rgb(255 249 226 / 90%), rgb(255 255 255 / 94%));
}

body:is(.single-faq, .single-post) .p-knowledge-callout--info {
  border-color: rgb(0 111 168 / 20%);
  background: linear-gradient(135deg, rgb(234 247 255 / 86%), rgb(255 255 255 / 94%));
}

body:is(.single-faq, .single-post) .p-knowledge-callout--note {
  border-color: rgb(88 70 150 / 18%);
  background: linear-gradient(135deg, rgb(248 246 255 / 86%), rgb(255 255 255 / 94%));
}

body:is(.single-faq, .single-post) .p-knowledge-callout--tips .p-knowledge-callout__icon {
  background: rgb(92 132 48 / 12%);
  color: #5c8430;
}

body:is(.single-faq, .single-post) .p-knowledge-callout--warning .p-knowledge-callout__icon {
  background: rgb(253 209 0 / 16%);
  color: #a87600;
}

body:is(.single-faq, .single-post) .p-knowledge-callout--info .p-knowledge-callout__icon {
  background: rgb(0 111 168 / 10%);
  color: #006fa8;
}

body:is(.single-faq, .single-post) .p-knowledge-callout--note .p-knowledge-callout__icon {
  background: rgb(88 70 150 / 10%);
  color: #584696;
}

body:is(.single-faq, .single-post) .p-knowledge-article-sidebar {
  top: clamp(4.75rem, 7vw, 6rem);
  gap: 0.95rem;
  max-height: calc(100vh - 7rem);
  overflow: auto;
  padding-right: 0.15rem;
  scrollbar-width: thin;
}

body:is(.single-faq, .single-post) .p-knowledge-sidebar-card {
  border-color: rgb(0 111 168 / 11%);
  border-radius: 0.95rem;
  background:
    linear-gradient(180deg, rgb(255 255 255 / 96%), rgb(249 253 255 / 92%));
  box-shadow: 0 0.9rem 2.15rem rgb(4 50 76 / 6%);
}

body:is(.single-faq, .single-post) .p-knowledge-sidebar-card h2 {
  font-size: 0.95rem;
  letter-spacing: 0;
}

body:is(.single-faq, .single-post) .p-knowledge-sidebar-card--toc a {
  border-radius: 0.5rem;
  transition: color 180ms ease, transform 180ms ease;
}

body:is(.single-faq, .single-post) .p-knowledge-sidebar-card--toc a:hover,
body:is(.single-faq, .single-post) .p-knowledge-sidebar-card--toc a:focus-visible {
  color: #006fa8;
  outline: 0;
  transform: translateX(0.12rem);
}

body:is(.single-faq, .single-post) .p-knowledge-related-card {
  grid-template-columns: minmax(0, 1fr);
  gap: 0.35rem;
  padding: 0.72rem 0;
  border-top: 1px solid rgb(0 111 168 / 8%);
}

body:is(.single-faq, .single-post) .p-knowledge-related-card:first-child {
  border-top: 0;
  padding-top: 0;
}

body:is(.single-faq, .single-post) .p-knowledge-related-card__thumb {
  display: none;
}

body:is(.single-faq, .single-post) .p-knowledge-related-card strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 0.86rem;
  line-height: 1.42;
}

body:is(.single-faq, .single-post) .p-knowledge-related-card:hover strong,
body:is(.single-faq, .single-post) .p-knowledge-related-card:focus-visible strong {
  color: #006fa8;
}

body:is(.single-faq, .single-post) .p-knowledge-continue--experience {
  margin-top: clamp(2.65rem, 4.8vw, 4rem);
  padding: clamp(1.6rem, 3vw, 2.15rem) 0 0;
  border: 0;
  border-top: 1px solid rgb(0 111 168 / 10%);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body:is(.single-faq, .single-post) .p-knowledge-continue--experience h2 {
  letter-spacing: 0;
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card {
  width: 100%;
  border-color: rgb(213 154 9 / 18%);
  border-radius: 0.88rem;
  background: rgb(255 255 255 / 98%);
  box-shadow: 0 0.75rem 1.85rem rgb(4 50 76 / 6%);
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__thumb {
  background:
    radial-gradient(circle at 28% 34%, rgb(253 209 0 / 24%) 0 0.22rem, transparent 0.24rem),
    radial-gradient(circle at 74% 28%, rgb(0 111 168 / 18%) 0 0.2rem, transparent 0.22rem),
    linear-gradient(135deg, #ffffff 0%, #eaf7ff 60%, #fff5cf 100%);
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__badge,
body:is(.single-faq, .single-post) .p-knowledge-recommendation-card strong,
body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__title,
body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__time,
body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__cta {
  letter-spacing: 0;
}

body:is(.single-faq, .single-post) .p-knowledge-consultation-banner {
  border-color: rgb(0 111 168 / 12%);
  background: linear-gradient(135deg, rgb(234 247 255 / 64%), rgb(255 250 232 / 58%), #fff);
}

body:is(.single-faq, .single-post) .p-knowledge-final-cta {
  padding-top: clamp(2.25rem, 4.6vw, 3.8rem);
}

@media (max-width: 63.9375rem) {
  body:is(.single-faq, .single-post) .p-knowledge-article-hero__grid,
  body:is(.single-faq, .single-post) .p-knowledge-article-layout {
    grid-template-columns: 1fr;
  }

  body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual {
    min-height: clamp(15rem, 44vw, 21rem);
  }

  body:is(.single-faq, .single-post) .p-knowledge-article-sidebar {
    position: static;
    max-height: none;
    overflow: visible;
    padding-right: 0;
  }

  body:is(.single-faq, .single-post) .p-knowledge-sidebar-card--related {
    display: block;
  }
}

@media (max-width: 40rem) {
  body:is(.single-faq, .single-post) .p-knowledge-article .srcosme-container {
    width: min(100% - 2rem, var(--sr-container, 72rem)) !important;
    max-width: min(100% - 2rem, var(--sr-container, 72rem)) !important;
  }

  body:is(.single-faq, .single-post) .p-knowledge-article-hero {
    padding: 2.05rem 0 1.45rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-article-breadcrumb {
    gap: 0.42rem;
    margin-bottom: 1.12rem;
    font-size: 0.74rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-article-hero__grid {
    gap: 1.35rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-article-hero h1 {
    font-size: clamp(2rem, 8vw, 2.58rem);
    line-height: 1.08;
  }

  body:is(.single-faq, .single-post) .p-knowledge-article-hero__content > p:not(.p-knowledge-article__badge) {
    font-size: 1rem;
    line-height: 1.68;
  }

  body:is(.single-faq, .single-post) .p-knowledge-article-meta {
    display: flex;
    gap: 0.55rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-article-meta li {
    max-width: 100%;
    font-size: 0.76rem;
    line-height: 1.35;
  }

  body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual {
    min-height: clamp(13rem, 58vw, 16rem);
    border-radius: 0.95rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-article-body {
    padding-top: 1.55rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-mobile-toc {
    border-color: rgb(213 154 9 / 20%);
    border-radius: 0.95rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-mobile-toc summary {
    min-height: 3.15rem;
    padding: 0.95rem 1rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-mobile-toc ol {
    gap: 0.7rem;
    list-style: none;
    padding: 0 1rem 1rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-mobile-toc a {
    display: block;
    min-height: 2rem;
    padding-block: 0.22rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-article-section h2 {
    grid-template-columns: 1fr;
    gap: 0.48rem;
    font-size: clamp(1.22rem, 5.6vw, 1.5rem);
  }

  body:is(.single-faq, .single-post) .p-knowledge-article-section h2::after {
    width: 3.4rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-article-prose {
    font-size: 1rem;
    line-height: 1.76;
  }

  body:is(.single-faq, .single-post) .p-knowledge-callout {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.78rem;
    padding: 0.95rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-callout__icon {
    width: 2rem;
    height: 2rem;
    flex-basis: 2rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-recommendations {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    gap: 0.85rem;
    overflow: visible;
    padding: 0;
    margin-inline: 0;
    scroll-snap-type: none;
  }

  body:is(.single-faq, .single-post) .p-knowledge-recommendations-indicator {
    display: none;
  }

  body:is(.single-faq, .single-post) .p-knowledge-consultation-banner {
    grid-template-columns: auto minmax(0, 1fr);
    padding: 1rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__icon {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
  }

  body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__copy {
    display: contents;
  }

  body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__copy strong {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
  }

  body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__copy span {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__button {
    grid-column: 1 / -1;
    grid-row: 3;
    width: 100%;
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:is(.single-faq, .single-post) .p-knowledge-article *,
  body:is(.single-faq, .single-post) .p-knowledge-article *::before,
  body:is(.single-faq, .single-post) .p-knowledge-article *::after {
    animation-duration: 1ms !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
  }
}

/* Single Knowledge Article - final owner correction pass, pending visual approval. */
body:is(.single-faq, .single-post) .p-knowledge-article-hero__grid {
  grid-template-columns: minmax(0, 1.34fr) minmax(17rem, 0.66fr);
  gap: clamp(2rem, 3.8vw, 4rem);
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__content {
  max-width: 54rem;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero h1 {
  max-width: 52rem;
  font-size: clamp(2.45rem, 3.25vw, 3.55rem);
  line-height: 1.08;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual {
  min-height: clamp(18rem, 27vw, 25rem);
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-illustration {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-illustration :where(path, circle) {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-sheet {
  fill: rgb(255 255 255 / 78%);
  stroke: rgb(0 111 168 / 16%);
  stroke-width: 2;
  filter: drop-shadow(0 1.1rem 1.6rem rgb(4 50 76 / 10%));
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-sheet-fold {
  fill: rgb(234 247 255 / 72%);
  stroke: rgb(0 111 168 / 18%);
  stroke-width: 2;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-line,
body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-flow {
  stroke: rgb(0 111 168 / 36%);
  stroke-width: 7;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-line--gold {
  stroke: rgb(213 154 9 / 42%);
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-node {
  fill: rgb(255 255 255 / 82%);
  stroke: rgb(213 154 9 / 38%);
  stroke-width: 2;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-orbit {
  fill: rgb(253 209 0 / 16%);
  stroke: rgb(0 111 168 / 22%);
  stroke-width: 16;
  stroke-dasharray: 88 52;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-spark {
  stroke: rgb(213 154 9 / 46%);
  stroke-width: 5;
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card {
  min-height: 0;
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__thumb {
  aspect-ratio: 1.82 / 1;
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__thumb--fallback {
  background:
    radial-gradient(circle at 80% 20%, rgb(253 209 0 / 18%), transparent 4.8rem),
    linear-gradient(135deg, #ffffff 0%, #eef8ff 62%, #fff8df 100%);
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__thumb--branding {
  background:
    radial-gradient(circle at 78% 24%, rgb(253 209 0 / 20%), transparent 4.5rem),
    linear-gradient(135deg, #ffffff 0%, #f2fbff 56%, #fff8df 100%);
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__thumb--formulasi {
  background:
    radial-gradient(circle at 78% 24%, rgb(0 111 168 / 17%), transparent 4.5rem),
    linear-gradient(135deg, #ffffff 0%, #eaf7ff 56%, #f8fff1 100%);
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__thumb--legalitas,
body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__thumb--produksi,
body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__thumb--moq {
  background:
    radial-gradient(circle at 78% 24%, rgb(213 154 9 / 18%), transparent 4.5rem),
    linear-gradient(135deg, #ffffff 0%, #fff9e8 52%, #eef8ff 100%);
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__thumb svg {
  display: block;
  width: 100%;
  height: 100%;
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__thumb svg :where(path, circle) {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__paper {
  fill: rgb(255 255 255 / 78%);
  stroke: rgb(0 111 168 / 18%);
  stroke-width: 2;
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__fold {
  fill: rgb(234 247 255 / 72%);
  stroke: rgb(0 111 168 / 16%);
  stroke-width: 2;
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__mark {
  stroke: rgb(213 154 9 / 44%);
  stroke-width: 6;
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__line {
  stroke: rgb(0 111 168 / 30%);
  stroke-width: 5;
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__badge-mark {
  fill: rgb(253 209 0 / 16%);
  stroke: rgb(213 154 9 / 32%);
  stroke-width: 2;
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__badge-line {
  stroke: rgb(0 111 168 / 48%);
  stroke-width: 4;
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__body {
  padding: clamp(0.76rem, 1.15vw, 0.92rem);
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__badge {
  margin-bottom: 0.46rem;
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card strong,
body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__title {
  font-size: clamp(0.92rem, 1.02vw, 1rem);
  line-height: 1.3;
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__time {
  margin-top: 0.5rem;
  font-size: 0.76rem;
}

body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__cta {
  padding-top: 0.78rem;
}

body:is(.single-faq, .single-post) .p-knowledge-consultation-banner {
  padding: clamp(0.82rem, 1.35vw, 1rem);
  border-color: rgb(0 111 168 / 10%);
  background: rgb(255 255 255 / 76%);
  box-shadow: 0 0.55rem 1.25rem rgb(4 50 76 / 4%);
}

body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__icon {
  width: 2.35rem;
  height: 2.35rem;
  box-shadow: none;
}

body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__button {
  min-height: 2.45rem;
  padding-inline: 1rem;
  border-radius: 0.68rem;
  font-size: 0.82rem;
}

@media (max-width: 63.9375rem) {
  body:is(.single-faq, .single-post) .p-knowledge-article-hero__grid {
    grid-template-columns: 1fr;
  }

  body:is(.single-faq, .single-post) .p-knowledge-recommendations {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(0.62rem, 1.35vw, 0.88rem);
  }

  body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__body {
    padding: clamp(0.66rem, 1.45vw, 0.82rem);
  }

  body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__badge {
    margin-bottom: 0.42rem;
    font-size: 0.58rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__title {
    font-size: clamp(0.78rem, 1.42vw, 0.9rem);
    line-height: 1.28;
  }

  body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__time {
    margin-top: 0.46rem;
    font-size: 0.68rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__cta {
    padding-top: 0.7rem;
    font-size: 0.76rem;
  }
}

@media (max-width: 40rem) {
  body:is(.single-faq, .single-post) .p-knowledge-article-hero h1 {
    font-size: clamp(1.82rem, 7.25vw, 2.32rem);
    line-height: 1.1;
  }

  body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual {
    min-height: clamp(12rem, 52vw, 15rem);
  }

  body:is(.single-faq, .single-post) .p-knowledge-recommendations {
    grid-template-columns: 1fr;
  }

  body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__thumb {
    aspect-ratio: 1.75 / 1;
  }

  body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__body {
    padding: 0.82rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__badge {
    font-size: 0.62rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__title {
    font-size: 0.96rem;
    line-height: 1.3;
  }

  body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__time {
    font-size: 0.76rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-recommendation-card__cta {
    font-size: 0.84rem;
  }
}

/* Single Knowledge Article - Hero-only polish, pending Owner visual approval. */
body:is(.single-faq, .single-post) .p-knowledge-article-hero {
  padding-block: clamp(2.55rem, 4.55vw, 4.7rem) clamp(1.85rem, 3.35vw, 2.85rem);
  background:
    radial-gradient(circle at 76% 46%, rgb(0 143 211 / 8%), transparent 19rem),
    radial-gradient(circle at 91% 78%, rgb(213 154 9 / 10%), transparent 15rem),
    linear-gradient(115deg, rgb(255 255 255 / 98%) 0%, rgb(248 252 255 / 95%) 62%, rgb(255 251 235 / 48%) 100%);
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero::before {
  opacity: 0.18;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero::after {
  right: max(-5rem, -7vw);
  bottom: -6rem;
  width: min(30rem, 56vw);
  height: min(18rem, 34vw);
  background: radial-gradient(circle, rgb(213 154 9 / 10%), transparent 70%);
  filter: blur(12px);
}

body:is(.single-faq, .single-post) .p-knowledge-article-breadcrumb {
  gap: 0.43rem;
  margin-bottom: clamp(1.2rem, 2vw, 1.72rem);
  color: rgb(37 70 90 / 72%);
  font-size: 0.76rem;
  line-height: 1.35;
}

body:is(.single-faq, .single-post) .p-knowledge-article-breadcrumb > span[aria-hidden="true"] {
  color: rgb(0 111 168 / 45%);
  font-weight: 800;
}

body:is(.single-faq, .single-post) .p-knowledge-article-breadcrumb [aria-current="page"] {
  max-width: min(24rem, 38vw);
  color: rgb(37 70 90 / 56%);
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero .p-knowledge-article__badge {
  margin-bottom: clamp(0.78rem, 1.15vw, 1rem);
  border-color: rgb(213 154 9 / 34%);
  background: rgb(255 250 230 / 88%);
  box-shadow: 0 0.45rem 1rem rgb(213 154 9 / 7%);
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero h1 {
  line-height: 1.065;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__content > p:not(.p-knowledge-article__badge) {
  max-width: 42rem;
  margin-top: clamp(0.82rem, 1.35vw, 1.05rem);
  color: rgb(37 70 90 / 76%);
  line-height: 1.68;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero .p-knowledge-article-meta {
  gap: 0.52rem 0.62rem;
  margin-top: clamp(1.02rem, 1.7vw, 1.35rem);
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero .p-knowledge-article-meta li {
  min-height: 1.95rem;
  padding: 0.28rem 0.48rem 0.28rem 0.3rem;
  border-color: rgb(0 111 168 / 7%);
  background: rgb(255 255 255 / 52%);
  color: rgb(37 70 90 / 68%);
  font-size: 0.76rem;
  box-shadow: none;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero .p-knowledge-article-meta li > span {
  width: 1.28rem;
  height: 1.28rem;
  border-color: rgb(0 111 168 / 12%);
  background: rgb(234 247 255 / 48%);
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual {
  border-color: rgb(213 154 9 / 34%);
  background:
    radial-gradient(circle at 34% 24%, rgb(253 209 0 / 15%), transparent 10.5rem),
    radial-gradient(circle at 78% 22%, rgb(0 143 211 / 12%), transparent 11rem),
    linear-gradient(135deg, #ffffff 0%, #f3fbff 58%, #fff9e6 100%);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 86%),
    0 1rem 2.35rem rgb(4 50 76 / 8%),
    0 0.6rem 1.55rem rgb(213 154 9 / 6%);
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual::before {
  opacity: 0.34;
  background:
    linear-gradient(90deg, transparent 0 94%, rgb(0 111 168 / 9%) 94% 94.45%, transparent 94.45%),
    linear-gradient(0deg, transparent 0 94%, rgb(213 154 9 / 13%) 94% 94.45%, transparent 94.45%);
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-illustration {
  filter: none;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-sheet {
  fill: rgb(255 255 255 / 88%);
  stroke: rgb(0 111 168 / 30%);
  stroke-width: 2.45;
  filter: drop-shadow(0 0.85rem 1.2rem rgb(4 50 76 / 10%));
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-sheet-fold {
  fill: rgb(234 247 255 / 82%);
  stroke: rgb(0 111 168 / 30%);
  stroke-width: 2.25;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-line,
body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-flow {
  stroke: rgb(0 143 211 / 52%);
  stroke-width: 7.5;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-line--gold {
  stroke: rgb(213 154 9 / 58%);
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-node {
  fill: rgb(255 255 255 / 92%);
  stroke: rgb(213 154 9 / 52%);
  stroke-width: 2.35;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-orbit {
  fill: rgb(253 209 0 / 18%);
  stroke: rgb(0 143 211 / 36%);
  stroke-width: 16;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual-spark {
  stroke: rgb(213 154 9 / 62%);
  stroke-width: 5.25;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual--photo {
  min-height: 0;
  aspect-ratio: 3 / 2;
  background: #fff;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual--photo::before {
  opacity: 0;
}

body:is(.single-faq, .single-post) .p-knowledge-article-hero__visual--photo img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: 50% 50%;
}

body:is(.single-faq, .single-post) .p-knowledge-continue .p-knowledge-recommendation-card__thumb {
  aspect-ratio: 3 / 2;
}

body:is(.single-faq, .single-post) .p-knowledge-continue .p-knowledge-recommendation-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

@media (max-width: 63.9375rem) {
  body:is(.single-faq, .single-post) .p-knowledge-article-breadcrumb [aria-current="page"] {
    max-width: min(28rem, 58vw);
  }
}

@media (max-width: 40rem) {
  body:is(.single-faq, .single-post) .p-knowledge-article-hero {
    padding-block: 2.05rem 1.75rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-article-breadcrumb {
    gap: 0.34rem;
    margin-bottom: 1rem;
    font-size: 0.73rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-article-breadcrumb [aria-current="page"] {
    max-width: min(11.5rem, 43vw);
  }

  body:is(.single-faq, .single-post) main.p-knowledge-article .p-knowledge-article-hero .p-knowledge-article-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.625rem 0.75rem;
    align-items: stretch;
    margin-top: 1rem;
    width: 100%;
  }

  body:is(.single-faq, .single-post) main.p-knowledge-article .p-knowledge-article-hero .p-knowledge-article-meta li {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 3.35rem;
    align-items: center;
    gap: 0.5rem;
    box-sizing: border-box;
    padding: 0.56rem 0.68rem;
    font-size: clamp(0.78rem, 3.4vw, 0.86rem);
    font-weight: 650;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  body:is(.single-faq, .single-post) main.p-knowledge-article .p-knowledge-article-hero .p-knowledge-article-meta li > span {
    flex: 0 0 auto;
    width: 1.55rem;
    height: 1.55rem;
  }
}

/* Single Knowledge Article - related article photos, mobile order, and reading progress offset. */
body:is(.single-faq, .single-post) .p-knowledge-mobile-related {
  display: none;
}

body:is(.single-faq, .single-post) .p-knowledge-related-card {
  grid-template-columns: 5.2rem minmax(0, 1fr);
  gap: 0.72rem;
  align-items: start;
}

body:is(.single-faq, .single-post) .p-knowledge-related-card__thumb {
  display: block;
  overflow: hidden;
  aspect-ratio: 3 / 2;
  border: 1px solid rgb(0 111 168 / 8%);
  border-radius: 0.62rem;
  background:
    radial-gradient(circle at 76% 24%, rgb(253 209 0 / 18%), transparent 4rem),
    linear-gradient(135deg, #ffffff 0%, #eef8ff 58%, #fff8df 100%);
}

body:is(.single-faq, .single-post) .p-knowledge-related-card__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

body:is(.single-faq, .single-post) .p-knowledge-related-card__body {
  display: grid;
  min-width: 0;
  gap: 0.22rem;
}

body:is(.single-faq, .single-post) .p-knowledge-related-card__badge {
  color: #006fa8;
  font-size: 0.64rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  line-height: 1.15;
  text-transform: uppercase;
}

body:is(.single-faq, .single-post) .p-knowledge-related-card small {
  letter-spacing: 0;
}

body:is(.single-faq, .single-post) .p-knowledge-related-card__cta {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  align-items: center;
  gap: 0.28rem;
  margin-top: 0.12rem;
  color: #006fa8;
  font-size: 0.74rem;
  font-weight: 800;
  line-height: 1.2;
}

body:is(.single-faq, .single-post) .p-knowledge-sidebar-card--related > h2 {
  display: inline-flex;
  align-items: center;
  gap: 0.72rem;
}

body:is(.single-faq, .single-post) .p-knowledge-sidebar-card--related > h2::before {
  flex: 0 0 auto;
  width: 0.56rem;
  height: 0.56rem;
  border-radius: 999px;
  background: var(--knowledge-gold, #fdd100);
  box-shadow: 0 0 0 0.18rem rgb(253 209 0 / 14%);
  content: "";
}

@media (max-width: 40rem) {
  body:is(.single-faq, .single-post) .p-knowledge-reading-progress {
    top: var(--knowledge-reading-progress-top, 4.5rem);
    z-index: 8990;
    height: 4px;
    background: rgb(4 50 76 / 9%);
    box-shadow: 0 0.35rem 0.9rem rgb(4 50 76 / 8%);
  }

  body:is(.single-faq, .single-post) .p-knowledge-reading-progress span {
    transition: width 160ms ease;
  }

  body:is(.single-faq, .single-post) .p-knowledge-article-sidebar .p-knowledge-sidebar-card--related {
    display: none;
  }

  body:is(.single-faq, .single-post) .p-knowledge-mobile-related {
    display: block;
  }

  body:is(.single-faq, .single-post) .p-knowledge-mobile-related {
    margin-top: clamp(2rem, 8vw, 2.65rem);
  }

  body:is(.single-faq, .single-post) .p-knowledge-mobile-related .p-knowledge-sidebar-card--related {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  body:is(.single-faq, .single-post) .p-knowledge-mobile-related h2 {
    margin: 0;
    color: var(--knowledge-ink);
    font-size: clamp(1.26rem, 5.4vw, 1.52rem);
    font-weight: 850;
    line-height: 1.18;
  }

  body:is(.single-faq, .single-post) .p-knowledge-mobile-related .p-knowledge-related-list {
    gap: 0.9rem;
    margin-top: 1rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-mobile-related .p-knowledge-related-card {
    grid-template-columns: 1fr;
    gap: 0.78rem;
    padding: 0.82rem;
    border: 1px solid rgb(213 154 9 / 18%);
    border-radius: 0.88rem;
    background: rgb(255 255 255 / 98%);
    box-shadow: 0 0.75rem 1.85rem rgb(4 50 76 / 6%);
  }

  body:is(.single-faq, .single-post) .p-knowledge-mobile-related .p-knowledge-related-card:first-child {
    padding-top: 0.82rem;
    border-top: 1px solid rgb(213 154 9 / 18%);
  }

  body:is(.single-faq, .single-post) .p-knowledge-mobile-related .p-knowledge-related-card__thumb {
    width: 100%;
    border-radius: 0.72rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-mobile-related .p-knowledge-related-card__body {
    gap: 0.32rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-mobile-related .p-knowledge-related-card__badge {
    font-size: 0.62rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-mobile-related .p-knowledge-related-card strong {
    font-size: 0.96rem;
    line-height: 1.3;
    -webkit-line-clamp: 3;
  }

  body:is(.single-faq, .single-post) .p-knowledge-mobile-related .p-knowledge-related-card small {
    font-size: 0.76rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-mobile-related .p-knowledge-related-card__cta {
    margin-top: 0.32rem;
    font-size: 0.84rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-mobile-related .p-knowledge-related-more {
    margin-top: 0.95rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-consultation-banner--pre-continue {
    margin-top: clamp(1.15rem, 5vw, 1.55rem);
    margin-bottom: clamp(1.95rem, 7vw, 2.4rem);
  }

  body:is(.single-faq, .single-post) .p-knowledge-continue--experience {
    margin-top: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:is(.single-faq, .single-post) .p-knowledge-reading-progress span {
    transition-duration: 1ms;
  }
}

/* Single Knowledge Article - related more capsule and compact consultation CTA polish. */
body:is(.single-faq, .single-post) .p-knowledge-related-more {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 100%;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  padding: 0.82rem 3rem;
  border: 1px solid rgb(253 209 0 / 22%);
  border-radius: 999px;
  background:
    linear-gradient(110deg, #04324c 0%, #006fa8 100%);
  box-shadow: 0 0.72rem 1.55rem rgb(4 50 76 / 12%);
  color: #ffffff;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.86rem;
  font-weight: 800;
  line-height: 1;
  overflow: hidden;
  text-decoration: none;
  transition:
    border-color 200ms ease,
    box-shadow 200ms ease,
    color 200ms ease,
    transform 200ms ease;
}

body:is(.single-faq, .single-post) .p-knowledge-related-more span {
  position: absolute;
  top: 50%;
  right: 1.15rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  transform: translateY(-50%);
  transition: transform 200ms ease;
}

body:is(.single-faq, .single-post) .p-knowledge-related-more:hover,
body:is(.single-faq, .single-post) .p-knowledge-related-more:focus-visible {
  border-color: rgb(253 209 0 / 34%);
  background:
    linear-gradient(110deg, #06405f 0%, #087db7 100%);
  box-shadow: 0 0.9rem 1.8rem rgb(4 50 76 / 16%);
  color: #ffffff;
  transform: translateY(-1px);
}

body:is(.single-faq, .single-post) .p-knowledge-related-more:hover span,
body:is(.single-faq, .single-post) .p-knowledge-related-more:focus-visible span {
  transform: translate(0.16rem, -50%);
}

body:is(.single-faq, .single-post) .p-knowledge-related-more:active {
  transform: translateY(0);
}

body:is(.single-faq, .single-post) .p-knowledge-consultation-banner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  --knowledge-consultation-inline: min(100%, 21.4rem);
  gap: clamp(0.66rem, 1.35vw, 0.88rem);
  padding: clamp(1.28rem, 2.35vw, 1.7rem) clamp(1rem, 2vw, 1.45rem);
  border: 1px solid rgb(213 154 9 / 18%);
  border-radius: 1rem;
  background:
    radial-gradient(circle at 50% 0%, rgb(253 209 0 / 9%), transparent 10rem),
    linear-gradient(180deg, rgb(255 255 255 / 98%), rgb(250 253 255 / 96%));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 86%),
    0 0.8rem 1.9rem rgb(4 50 76 / 6%);
  text-align: center;
}

body:is(.single-faq, .single-post) .p-knowledge-consultation-banner--pre-continue {
  margin-top: clamp(1.25rem, 2.6vw, 1.85rem);
  margin-bottom: clamp(2rem, 3.6vw, 2.75rem);
}

body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__icon {
  display: inline-flex;
  grid-column: 1 / -1;
  grid-row: auto;
  width: clamp(4rem, 6.4vw, 4.5rem);
  height: clamp(4rem, 6.4vw, 4.5rem);
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(213 154 9 / 34%);
  border-radius: 999px;
  background:
    radial-gradient(circle at 38% 28%, rgb(255 255 255 / 95%), transparent 38%),
    rgb(255 249 229 / 86%);
  box-shadow: 0 0.7rem 1.55rem rgb(213 154 9 / 12%);
  color: #b98405;
}

body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__icon svg {
  width: clamp(1.88rem, 3.25vw, 2.18rem);
  height: clamp(1.88rem, 3.25vw, 2.18rem);
  stroke-width: 1.85;
}

body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__copy {
  display: grid;
  grid-column: 1 / -1;
  grid-row: auto;
  width: var(--knowledge-consultation-inline);
  max-width: 100%;
  justify-items: center;
  gap: 0.42rem;
}

body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__copy strong {
  color: var(--knowledge-ink, #04324c);
  font-size: clamp(1.25rem, 2.2vw, 1.45rem);
  font-weight: 850;
  letter-spacing: 0;
  line-height: 1.16;
}

body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__copy span {
  max-width: 21.5rem;
  color: rgb(37 70 90 / 76%);
  font-size: clamp(0.96rem, 1.25vw, 1.04rem);
  line-height: 1.62;
}

body:is(.single-faq, .single-post) .p-knowledge-consultation-banner--pre-continue .p-knowledge-consultation-banner__copy strong {
  font-size: clamp(1.12rem, 2vw, 1.25rem);
  white-space: nowrap;
}

body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__button {
  display: inline-flex;
  grid-column: 1 / -1;
  grid-row: auto;
  width: var(--knowledge-consultation-inline);
  max-width: 100%;
  min-height: 2.9rem;
  align-items: center;
  justify-content: center;
  gap: 0.46rem;
  margin-top: 0.08rem;
  padding: 0.78rem 1.34rem;
  border: 1px solid rgb(253 209 0 / 20%);
  border-radius: 999px;
  background: linear-gradient(110deg, #04324c 0%, #075078 100%);
  box-shadow: 0 0.72rem 1.55rem rgb(4 50 76 / 18%);
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  transition:
    box-shadow 200ms ease,
    transform 200ms ease,
    background-color 200ms ease;
}

body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__button:hover,
body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__button:focus-visible {
  background: linear-gradient(110deg, #06405f 0%, #09628f 100%);
  box-shadow: 0 0.9rem 1.8rem rgb(4 50 76 / 24%);
  color: #ffffff;
  transform: translateY(-1px);
}

body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__button:active {
  transform: translateY(0);
}

@media (max-width: 40rem) {
  body:is(.single-faq, .single-post) .p-knowledge-article-body {
    padding-bottom: 0.5rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-mobile-related {
    margin-top: 2.5rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-mobile-related .p-knowledge-related-more {
    margin-top: 1.05rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-consultation-banner--pre-continue {
    margin-top: 2.15rem;
    margin-bottom: 2.5rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__copy {
    display: grid;
  }

  body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__copy strong,
  body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__copy span,
  body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__button {
    grid-column: auto;
    grid-row: auto;
  }

  body:is(.single-faq, .single-post) .p-knowledge-consultation-banner--pre-continue .p-knowledge-consultation-banner__copy strong {
    font-size: clamp(1.05rem, 4.7vw, 1.28rem);
    white-space: nowrap;
  }

  body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__button {
    width: var(--knowledge-consultation-inline);
  }
}

@media (max-width: 23rem) {
  body:is(.single-faq, .single-post) .p-knowledge-consultation-banner {
    padding-inline: 0.9rem;
  }

  body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__button {
    padding-inline: 1.1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:is(.single-faq, .single-post) .p-knowledge-related-more,
  body:is(.single-faq, .single-post) .p-knowledge-related-more span,
  body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__button,
  body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__button span {
    transition-duration: 1ms;
  }

  body:is(.single-faq, .single-post) .p-knowledge-related-more:hover,
  body:is(.single-faq, .single-post) .p-knowledge-related-more:focus-visible,
  body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__button:hover,
  body:is(.single-faq, .single-post) .p-knowledge-consultation-banner__button:focus-visible {
    transform: none;
  }
}

/* Single post adoption of the approved Knowledge Article visual system. */
body.single-post .p-knowledge-article {
  --knowledge-ink: #05314a;
  --knowledge-copy: #25465a;
  --knowledge-soft: #f6fbff;
  --knowledge-line: rgb(0 111 168 / 13%);
  --knowledge-gold-line: rgb(213 154 9 / 28%);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.single-post .p-knowledge-article :where(a, button, h1, h2, h3, h4, h5, h6, p, li, span, small, strong, time) {
  font-family: inherit;
}

body.single-post .p-knowledge-article-content {
  max-width: 46.25rem;
}

body.single-post .p-knowledge-article-hero {
  padding-block: clamp(2.45rem, 4.3vw, 4.35rem) clamp(1.75rem, 3.4vw, 2.85rem);
}

body.single-post .p-knowledge-article-hero__grid {
  gap: clamp(1.75rem, 3.6vw, 3.9rem);
}

body.single-post .p-knowledge-article-hero__content {
  max-width: 42rem;
}

body.single-post .p-knowledge-article__badge {
  min-height: 1.8rem;
  margin-bottom: clamp(0.75rem, 1.1vw, 0.95rem);
  padding: 0.32rem 0.62rem;
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
}

body.single-post .p-knowledge-article-hero h1 {
  max-width: 42rem;
  font-size: clamp(1.78rem, 2.45vw, 2.5rem);
  font-weight: 780;
  line-height: 1.08;
  letter-spacing: 0;
}

body.single-post .p-knowledge-article-hero__content > p:not(.p-knowledge-article__badge) {
  max-width: 39rem;
  margin-top: clamp(0.82rem, 1.35vw, 1.05rem);
  font-size: clamp(0.92rem, 0.98vw, 1rem);
  font-weight: 400;
  line-height: 1.68;
}

body.single-post .p-knowledge-article-meta {
  gap: 0.48rem 0.58rem;
  margin-top: clamp(0.95rem, 1.7vw, 1.28rem);
}

body.single-post .p-knowledge-article-meta li {
  min-height: 1.92rem;
  padding: 0.25rem 0.5rem 0.25rem 0.32rem;
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.2;
}

body.single-post .p-knowledge-article-hero .p-knowledge-article-meta li {
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0;
}

body.single-post .p-knowledge-article-meta li > span {
  width: 1.25rem;
  height: 1.25rem;
}

body.single-post .p-knowledge-article-hero__visual {
  min-height: clamp(16.5rem, 25vw, 22rem);
}

body.single-post .c-article {
  padding-bottom: 0;
}

body.single-post .c-article__content {
  max-width: none;
  color: rgb(24 44 58 / 88%);
  font-size: 0.98rem;
  font-weight: 400;
  line-height: 1.74;
}

body.single-post .c-article__content > * {
  margin-block: 0;
}

body.single-post .c-article__content > * + * {
  margin-block-start: 1.15rem;
}

body.single-post .c-article__content h2 {
  position: relative;
  margin-block: clamp(2.6rem, 4.6vw, 4.25rem) 1rem;
  padding-top: 1.15rem;
  color: var(--knowledge-ink);
  font-size: clamp(1.52rem, 2vw, 1.82rem);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0;
  scroll-margin-top: 5rem;
}

body.single-post .c-article__content h2::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  height: 0.18rem;
  border-radius: 999px;
  background: linear-gradient(90deg, #f4c322, rgb(0 111 168 / 30%));
  content: "";
}

body.single-post .c-article__content h3 {
  margin-block: 2.15rem 0.85rem;
  color: var(--knowledge-ink);
  font-size: clamp(1.12rem, 1.45vw, 1.34rem);
  font-weight: 680;
  line-height: 1.34;
  letter-spacing: 0;
  scroll-margin-top: 5rem;
}

body.single-post .c-article__content :where(p, li) {
  color: rgb(24 44 58 / 88%);
  font-size: 0.98rem;
  font-weight: 400;
  line-height: 1.74;
}

body.single-post .c-article__content :where(ul, ol) {
  margin-block: 1.05rem 1.35rem;
  padding-left: 1.45rem;
}

body.single-post .c-article__content ul:not(.c-article-checklist) {
  display: grid;
  gap: 0.65rem;
  padding-left: 0;
  list-style: none;
}

body.single-post .c-article__content ul:not(.c-article-checklist) > li {
  position: relative;
  padding-left: 1.45rem;
}

body.single-post .c-article__content ul:not(.c-article-checklist) > li::before {
  position: absolute;
  top: 0.68em;
  left: 0;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: var(--knowledge-gold);
  box-shadow: 0 0 0 0.18rem rgb(253 209 0 / 14%);
  content: "";
}

body.single-post .c-article__content ol {
	padding-left: 1.45rem;
}

body.single-post .c-article__content ol > li::before {
	content: none;
}

body.single-post .c-article__content ol li::marker {
	color: #006fa8;
	font-weight: 850;
}

body.single-post .c-article__content a {
  color: #006fa8;
  font-weight: 720;
  text-decoration-color: rgb(213 154 9 / 46%);
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.22em;
}

body.single-post .c-article__content a:hover,
body.single-post .c-article__content a:focus-visible {
  color: #05314a;
  text-decoration-color: rgb(0 111 168 / 58%);
}

body.single-post .c-article-figure {
  overflow: hidden;
  margin: clamp(1.45rem, 2.8vw, 2rem) auto clamp(2rem, 4vw, 3rem);
  border: 1px solid rgb(0 111 168 / 10%);
  border-radius: 1rem;
  background: #f8fcff;
  box-shadow: 0 1.2rem 2.8rem rgb(4 50 76 / 9%);
}

body.single-post .c-article-figure__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

body.single-post .c-article__content blockquote {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.9rem;
  margin: clamp(1.55rem, 3vw, 2rem) 0;
  padding: 1rem 1.1rem;
  border: 1px solid rgb(0 111 168 / 18%);
  border-radius: 0.9rem;
  background: rgb(234 247 255 / 72%);
  box-shadow: 0 0.7rem 1.8rem rgb(4 50 76 / 5%);
}

body.single-post .c-article__content blockquote::before {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgb(0 111 168 / 10%);
  color: #006fa8;
  content: "i";
  font-size: 0.86rem;
  font-weight: 900;
}

body.single-post .c-article__content blockquote p {
  margin: 0;
  color: rgb(68 87 100 / 82%);
  font-size: 0.9rem;
  line-height: 1.65;
}

body.single-post .c-article__content blockquote strong {
  display: block;
  margin-bottom: 0.25rem;
  color: var(--knowledge-ink);
  font-size: 0.92rem;
}

body.single-post .c-article-checklist {
  display: grid;
  gap: 0.82rem;
  margin: clamp(1.35rem, 2.7vw, 1.85rem) 0;
  padding: clamp(1rem, 2.3vw, 1.35rem);
  border: 1px solid rgb(0 111 168 / 12%);
  border-radius: 1rem;
  background: rgb(248 252 255 / 88%);
  box-shadow: 0 1rem 2.6rem rgb(4 50 76 / 7%);
  list-style: none;
}

body.single-post .c-article-checklist li {
  position: relative;
  min-height: 1.6rem;
  padding-left: 1.85rem;
}

body.single-post .c-article-checklist li::before {
  position: absolute;
  top: 0.38em;
  left: 0;
  width: 1rem;
  height: 1rem;
  border: 1.5px solid rgb(213 154 9 / 58%);
  border-radius: 999px;
  background: rgb(255 248 222 / 78%);
  box-shadow: inset 0 0 0 0.22rem #fff;
  content: "";
}

body.single-post .c-article-author {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.95rem;
  align-items: center;
  margin: clamp(2.1rem, 4vw, 3.2rem) 0 1.2rem;
  padding: 1.05rem 1.15rem;
  border: 1px solid var(--knowledge-card-border);
  border-radius: 1rem;
  background: rgb(255 255 255 / 94%);
  box-shadow: 0 1rem 2.6rem rgb(4 50 76 / 7%);
}

body.single-post .c-article-author__mark {
  display: inline-grid;
  width: 3.25rem;
  height: 3.25rem;
  border: 1px solid rgb(213 154 9 / 26%);
  border-radius: 999px;
  place-items: center;
  background: rgb(255 248 222 / 72%);
  color: var(--knowledge-ink);
  font-size: 0.88rem;
  font-weight: 850;
}

body.single-post .c-article-author__eyebrow {
  display: block;
  margin-bottom: 0.2rem;
  color: #006fa8;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.single-post .c-article-author h2 {
  margin: 0;
  color: var(--knowledge-ink);
  font-size: clamp(1rem, 1.4vw, 1.16rem);
  font-weight: 820;
  line-height: 1.28;
  letter-spacing: 0;
}

body.single-post .c-article-whatsapp-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  align-items: start;
  margin: clamp(1.6rem, 3.2vw, 2.2rem) 0 clamp(1.9rem, 3.4vw, 2.45rem);
  padding: 1rem;
  border: 1px solid rgb(214 171 68 / 32%);
  border-radius: 1.05rem;
  background:
    linear-gradient(135deg, rgb(255 255 255 / 96%), rgb(246 251 255 / 92%)),
    #fff;
  box-shadow: 0 0.76rem 1.65rem rgb(4 50 76 / 6.5%);
}

body.single-post .c-article-whatsapp-cta::before {
  content: none;
}

body.single-post .c-article-whatsapp-cta__content {
  min-width: 0;
}

body.single-post .c-article-whatsapp-cta__consult-icon {
  display: inline-grid;
  width: 3.25rem;
  height: 3.25rem;
  aspect-ratio: 1 / 1;
  margin: 0 0 clamp(1.125rem, 1.5vw, 1.375rem);
  border: 1px solid rgb(0 111 168 / 14%);
  border-radius: 999px;
  place-items: center;
  background: rgb(234 247 255 / 72%);
  color: #006fa8;
  cursor: default;
  box-shadow: 0 0.7rem 1.25rem rgb(4 50 76 / 7%), inset 0 0 0 0.42rem rgb(255 255 255 / 68%);
}

body.single-post .c-article-whatsapp-cta__consult-icon svg {
  display: block;
  width: 50%;
  height: 50%;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.9;
}

body.single-post .c-article-whatsapp-cta__eyebrow {
  display: block;
  margin-bottom: 0.25rem;
  color: #006fa8;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.single-post .c-article-whatsapp-cta h2,
body.single-post .c-article-whatsapp-cta__title {
  margin: 0;
  color: var(--knowledge-ink);
  font-size: clamp(1.08rem, 1.45vw, 1.26rem);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0;
}

body.single-post .c-article-whatsapp-cta p {
  margin: 0.28rem 0 0;
  color: rgb(37 70 90 / 72%);
  font-size: 0.88rem;
  font-weight: 400;
  line-height: 1.6;
}

body.single-post .c-article-whatsapp-cta__button {
  display: inline-flex;
  min-height: 3rem;
  width: fit-content;
  margin-top: 0.95rem;
  padding: 0.72rem 1.05rem;
  border: 1px solid rgb(10 112 67 / 55%);
  border-radius: 999px;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  background: linear-gradient(135deg, #128c5a 0%, #0e7a4c 52%, #08653e 100%);
  color: #fff;
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 0.7rem 1.45rem rgb(10 112 67 / 20%);
}

body.single-post .c-article__content .c-article-whatsapp-cta__button,
body.single-post .c-article__content .c-article-whatsapp-cta__button:hover,
body.single-post .c-article__content .c-article-whatsapp-cta__button:focus-visible,
body.single-post .c-article__content .c-article-whatsapp-cta__button span {
  color: #fff;
  text-decoration: none;
}

body.single-post .c-article-whatsapp-cta__button:hover,
body.single-post .c-article-whatsapp-cta__button:focus-visible {
  background: linear-gradient(135deg, #0d7a4c 0%, #09663f 55%, #064d31 100%);
  border-color: rgb(6 92 55 / 68%);
  box-shadow: 0 0.85rem 1.65rem rgb(10 112 67 / 24%);
  transform: translateY(-1px);
}

body.single-post .c-article-whatsapp-cta__button:focus-visible {
  outline: 3px solid rgb(253 209 0 / 42%);
  outline-offset: 3px;
}

body.single-post .c-article-whatsapp-cta__icon {
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
}

body.single-post .c-article-whatsapp-cta__icon::before {
  display: block;
  width: 100%;
  height: 100%;
  background: currentColor;
  content: "";
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20.52 3.48A11.86 11.86 0 0 0 12.06 0C5.48 0 .12 5.33.12 11.9c0 2.1.55 4.15 1.6 5.96L0 24l6.3-1.65a11.94 11.94 0 0 0 5.76 1.47h.01C18.65 23.82 24 18.49 24 11.92c0-3.18-1.24-6.17-3.48-8.44ZM12.07 21.8h-.01a9.9 9.9 0 0 1-5.05-1.38l-.36-.22-3.74.98 1-3.64-.24-.37a9.82 9.82 0 0 1-1.5-5.25c0-5.45 4.44-9.88 9.9-9.88 2.64 0 5.13 1.03 7 2.9a9.82 9.82 0 0 1 2.9 6.99c0 5.44-4.45 9.87-9.9 9.87Zm5.43-7.4c-.3-.15-1.76-.87-2.03-.96-.27-.1-.47-.15-.67.15-.2.3-.77.96-.94 1.16-.17.2-.35.22-.65.07-.3-.15-1.26-.46-2.4-1.48a9 9 0 0 1-1.66-2.06c-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.61-.92-2.2-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.8.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.22 3.08c.15.2 2.1 3.2 5.08 4.49.71.3 1.26.49 1.7.62.71.23 1.36.2 1.87.12.57-.09 1.76-.72 2-1.41.25-.7.25-1.3.18-1.42-.07-.13-.27-.2-.57-.35Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

body.single-post .c-article-related {
  margin: clamp(1.9rem, 3.8vw, 2.65rem) 0 0;
  padding-top: 1.2rem;
  border-top: 1px solid rgb(0 111 168 / 10%);
}

body.single-post .c-article-related > h2 {
  display: inline-flex;
  margin: 0 0 0.85rem;
  align-items: center;
  gap: 0.48rem;
  color: var(--knowledge-ink);
  font-size: 1rem;
  font-weight: 850;
  line-height: 1.25;
  letter-spacing: 0;
}

body.single-post .c-article-related > h2::before {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 999px;
  background: #f4c322;
  box-shadow: 0 0 0 0.22rem rgb(253 209 0 / 18%);
  content: "";
}

body.single-post .c-topic-links ul {
  display: flex;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  gap: 0.55rem;
  list-style: none;
}

body.single-post .c-topic-links li {
  padding: 0;
}

body.single-post .c-topic-links a {
  display: inline-flex;
  min-height: 2.25rem;
  padding: 0.42rem 0.72rem;
  border: 1px solid rgb(0 111 168 / 13%);
  border-radius: 999px;
  align-items: center;
  background: rgb(255 255 255 / 88%);
  color: #006fa8;
  font-size: 0.78rem;
  font-weight: 820;
  text-decoration: none;
  box-shadow: 0 0.45rem 1.1rem rgb(4 50 76 / 4%);
}

body.single-post .c-topic-links a:hover,
body.single-post .c-topic-links a:focus-visible {
  border-color: rgb(213 154 9 / 32%);
  color: var(--knowledge-ink);
}

@media (min-width: 64rem) {
  body.single-post .p-knowledge-article-hero__grid {
    grid-template-columns: minmax(20rem, 0.9fr) minmax(0, 1.1fr);
  }

  body.single-post .p-knowledge-article-hero__visual {
    order: 1;
  }

  body.single-post .p-knowledge-article-hero__content {
    order: 2;
  }
}

@media (max-width: 63.9375rem) {
  body.single-post .p-knowledge-article-hero {
    padding-block: clamp(2rem, 7vw, 2.8rem) clamp(1.6rem, 5.8vw, 2.25rem);
  }

  body.single-post .p-knowledge-article-hero h1 {
    font-size: clamp(1.5rem, 6vw, 1.92rem);
    line-height: 1.08;
  }

  body.single-post .p-knowledge-article-hero__content > p:not(.p-knowledge-article__badge) {
    font-size: clamp(0.9rem, 3.6vw, 0.94rem);
    line-height: 1.64;
  }

  body.single-post .p-knowledge-article__badge {
    min-height: 1.72rem;
    padding: 0.3rem 0.58rem;
    font-size: 0.62rem;
  }

  body.single-post .p-knowledge-article-meta li {
    min-height: 1.86rem;
    font-size: 0.66rem;
  }

  body.single-post .p-knowledge-article-hero .p-knowledge-article-meta li {
    font-size: 0.66rem;
  }

  body.single-post main.p-knowledge-article .p-knowledge-article-hero .p-knowledge-article-meta li {
    font-size: clamp(0.66rem, 2.9vw, 0.74rem);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.22;
  }

  body.single-post .c-article__content {
    font-size: 0.96rem;
  }

  body.single-post .c-article-whatsapp-cta {
    grid-template-columns: minmax(0, 1fr);
    padding: 1rem;
  }

  body.single-post .c-article-whatsapp-cta__consult-icon {
    width: 3.25rem;
    height: 3.25rem;
  }

  body.single-post .c-article-whatsapp-cta__button {
    width: 100%;
    min-height: 3.15rem;
  }
}

@media (max-width: 47.9375rem) {
  body.single-post .c-article__content {
    font-size: 0.95rem;
    line-height: 1.72;
  }

  body.single-post .c-article__content > * + * {
    margin-block-start: 1rem;
  }

  body.single-post .c-article__content h2 {
    margin-block: 2.6rem 0.9rem;
    font-size: clamp(1.32rem, 5.3vw, 1.45rem);
    line-height: 1.34;
  }

  body.single-post .c-article__content h3 {
    font-size: clamp(1.12rem, 4.8vw, 1.22rem);
    line-height: 1.36;
  }

  body.single-post .c-article__content :where(p, li) {
    font-size: 0.95rem;
    line-height: 1.72;
  }

  body.single-post .c-article-whatsapp-cta__eyebrow {
    font-size: 0.64rem;
  }

  body.single-post .c-article-whatsapp-cta h2,
  body.single-post .c-article-whatsapp-cta__title {
    font-size: clamp(1.02rem, 4.6vw, 1.16rem);
  }

  body.single-post .c-article-whatsapp-cta p {
    font-size: 0.86rem;
  }

  body.single-post .c-article-figure {
    margin-block: 1.35rem 2.25rem;
    border-radius: 0.9rem;
  }

  body.single-post .c-article__content blockquote,
  body.single-post .c-article-checklist,
  body.single-post .c-article-author,
  body.single-post .c-article-whatsapp-cta {
    border-radius: 0.95rem;
  }

  body.single-post .c-article-author {
    gap: 0.75rem;
    padding: 0.95rem;
  }

  body.single-post .c-article-author__mark {
    width: 2.9rem;
    height: 2.9rem;
  }

  body.single-post .c-article-whatsapp-cta__consult-icon {
    width: 2.9rem;
    height: 2.9rem;
    margin-bottom: 1.125rem;
  }
}

@media (min-width: 24rem) and (max-width: 25rem) {
  body.single-post .p-knowledge-article-hero__visual--photo {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    min-height: 0;
    aspect-ratio: auto;
    overflow: hidden;
  }

  body.single-post .p-knowledge-article-hero__visual--photo img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: none;
    min-height: 0;
    object-fit: contain;
    object-position: center;
    transform: none;
  }
}

/* Article archive. */
.p-article-archive {
  overflow-x: clip;
  background: #f7fbfd;
  color: #17384d;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.p-article-archive *,
.p-article-archive *::before,
.p-article-archive *::after {
  box-sizing: border-box;
}

.p-article-archive a {
  color: inherit;
}

.p-article-archive .c-breadcrumb {
  padding: 0;
  color: rgb(37 70 90 / 68%);
  font-size: 0.9rem;
}

.p-article-archive .c-breadcrumb a {
  color: #0b6f97;
  font-weight: 650;
  text-decoration: none;
}

.p-article-archive .c-breadcrumb a:focus-visible,
.p-article-archive .c-breadcrumb a:hover {
  color: #064762;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.p-article-archive-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(2.65rem, 5vw, 4.8rem) 0 clamp(2.2rem, 4.4vw, 4.1rem);
  border-bottom: 1px solid rgb(0 111 168 / 9%);
  background: linear-gradient(115deg, rgb(255 255 255 / 98%) 0%, rgb(239 250 255 / 94%) 58%, rgb(255 249 226 / 62%) 100%);
}

.p-article-archive-hero::before {
  position: absolute;
  inset: 0;
  opacity: 0.3;
  background:
    linear-gradient(90deg, transparent 0 96%, rgb(0 111 168 / 8%) 96% 96.35%, transparent 96.35%),
    linear-gradient(0deg, transparent 0 95%, rgb(213 154 9 / 13%) 95% 95.35%, transparent 95.35%);
  background-size: 3.3rem 3.3rem;
  content: "";
  pointer-events: none;
}

.p-article-archive-hero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  gap: clamp(1.25rem, 3vw, 2rem);
}

.p-article-archive-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(18rem, 0.72fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 4.5rem);
}

.p-article-archive-hero__content {
  max-width: 48rem;
}

.p-article-archive__eyebrow {
  display: inline-flex;
  min-height: 2rem;
  margin: 0 0 0.85rem;
  align-items: center;
  gap: 0.52rem;
  color: #0b6f97;
  font-size: clamp(0.76rem, 1vw, 0.86rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: uppercase;
}

.p-article-archive__eyebrow span {
  width: 0.52rem;
  height: 0.52rem;
  border-radius: 999px;
  background: #d59a09;
  box-shadow: 0 0 0 0.34rem rgb(213 154 9 / 12%);
}

.p-article-archive h1 {
  max-width: 58rem;
  margin: 0;
  color: #0d3148;
  font-size: clamp(2.15rem, 4.6vw, 4.35rem);
  font-weight: 850;
  line-height: 1.05;
  letter-spacing: 0;
}

.p-article-archive-hero__lead {
  max-width: 43rem;
  margin: clamp(0.95rem, 1.8vw, 1.3rem) 0 0;
  color: rgb(37 70 90 / 82%);
  font-size: clamp(0.98rem, 1.2vw, 1.12rem);
  line-height: 1.72;
}

.p-article-archive-hero__visual {
  position: relative;
  min-height: clamp(18rem, 28vw, 25rem);
  border: 1px solid rgb(0 111 168 / 12%);
  border-radius: 0.5rem;
  background:
    linear-gradient(135deg, rgb(255 255 255 / 88%), rgb(229 247 255 / 76%)),
    linear-gradient(45deg, rgb(213 154 9 / 12%), transparent 56%);
  box-shadow: 0 1.45rem 3.5rem rgb(4 50 76 / 10%);
}

.p-article-archive-hero__visual-ring {
  position: absolute;
  inset: 16% 18%;
  border: 1px solid rgb(0 111 168 / 16%);
  border-radius: 50%;
}

.p-article-archive-hero__visual-ring::before,
.p-article-archive-hero__visual-ring::after {
  position: absolute;
  border-radius: 50%;
  content: "";
}

.p-article-archive-hero__visual-ring::before {
  inset: 18%;
  border: 1px solid rgb(213 154 9 / 25%);
}

.p-article-archive-hero__visual-ring::after {
  inset: 39%;
  background: #ffffff;
  box-shadow: 0 0.75rem 1.8rem rgb(4 50 76 / 9%);
}

.p-article-archive-hero__note {
  position: absolute;
  display: grid;
  min-width: 9rem;
  padding: 0.85rem 0.95rem;
  border: 1px solid rgb(0 111 168 / 12%);
  border-radius: 0.5rem;
  background: rgb(255 255 255 / 91%);
  box-shadow: 0 0.9rem 2.2rem rgb(4 50 76 / 10%);
  gap: 0.28rem;
}

.p-article-archive-hero__note span {
  color: #d59a09;
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1;
}

.p-article-archive-hero__note strong {
  color: #123a52;
  font-size: 0.96rem;
  line-height: 1.25;
}

.p-article-archive-hero__note--primary {
  top: 18%;
  left: 10%;
}

.p-article-archive-hero__note--secondary {
  right: 8%;
  bottom: 18%;
}

.p-article-archive-hero__note--tertiary {
  top: 40%;
  right: 18%;
}

.p-article-archive-categories {
  padding: clamp(1.2rem, 2.3vw, 1.8rem) 0 0;
  background: #f7fbfd;
}

.p-article-archive-categories__nav {
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.p-article-archive-categories__chip {
  display: inline-flex;
  min-height: 2.75rem;
  padding: 0.68rem 1rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(0 111 168 / 16%);
  border-radius: 999px;
  background: #ffffff;
  color: #244d63;
  font-size: 0.92rem;
  font-weight: 720;
  line-height: 1.2;
  text-decoration: none;
  box-shadow: 0 0.5rem 1.4rem rgb(4 50 76 / 5%);
}

.p-article-archive-categories__chip:hover,
.p-article-archive-categories__chip:focus-visible,
.p-article-archive-categories__chip.is-active {
  border-color: rgb(213 154 9 / 48%);
  background: #0b6f97;
  color: #ffffff;
  outline: none;
  box-shadow: 0 0.75rem 1.8rem rgb(4 50 76 / 10%);
}

.p-article-archive-categories__chip.is-active {
  box-shadow:
    0 0 0 0.18rem rgb(213 154 9 / 20%),
    0 0.75rem 1.8rem rgb(4 50 76 / 10%);
}

.p-article-archive-list {
  padding: clamp(2.1rem, 4.6vw, 4.4rem) 0 clamp(2.55rem, 5.4vw, 5.35rem);
  background: #f7fbfd;
}

.p-article-archive-list__heading {
  max-width: 46rem;
  margin-bottom: clamp(1.35rem, 3vw, 2.25rem);
}

.p-article-archive-list__heading h2,
.p-article-archive-cta h2,
.p-article-archive-empty h2 {
  margin: 0;
  color: #0d3148;
  font-size: clamp(1.85rem, 3.2vw, 2.65rem);
  font-weight: 820;
  line-height: 1.12;
  letter-spacing: 0;
}

.p-article-archive-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.35rem);
}

.c-article-archive-card {
  display: flex;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  flex-direction: column;
  border: 1px solid rgb(0 111 168 / 12%);
  border-radius: 0.5rem;
  background: #ffffff;
  box-shadow: 0 1rem 2.6rem rgb(4 50 76 / 7%);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.c-article-archive-card:hover,
.c-article-archive-card:focus-within {
  border-color: rgb(213 154 9 / 45%);
  box-shadow: 0 1.35rem 3rem rgb(4 50 76 / 11%);
  transform: translateY(-0.18rem);
}

.p-article-archive .c-article-archive-card__media {
  position: relative;
  margin: clamp(0.5rem, 1.05vw, 0.62rem) clamp(0.5rem, 1.05vw, 0.62rem) 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgb(213 154 9 / 24%);
  border-radius: 0.52rem;
  background: linear-gradient(135deg, #e9f8ff, #fff6d5);
  box-sizing: border-box;
}

.p-article-archive .c-article-archive-card__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border-radius: inherit;
  object-fit: cover;
  object-position: center;
  transition: transform 220ms ease;
}

.c-article-archive-card:hover .c-article-archive-card__media img,
.c-article-archive-card:focus-within .c-article-archive-card__media img {
  transform: scale(1.025);
}

.p-article-archive .c-article-archive-card__media-fallback {
  display: grid;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: inherit;
  place-items: center;
  color: rgb(11 111 151 / 18%);
  font-size: clamp(2.8rem, 7vw, 4.5rem);
  font-weight: 900;
}

.c-article-archive-card__body {
  display: flex;
  min-height: 0;
  padding: clamp(1rem, 2vw, 1.35rem);
  flex: 1;
  flex-direction: column;
  gap: 0.78rem;
}

.c-article-archive-card__category {
  display: inline-flex;
  width: fit-content;
  min-height: 2rem;
  padding: 0.38rem 0.68rem;
  align-items: center;
  border: 1px solid rgb(213 154 9 / 35%);
  border-radius: 999px;
  background: rgb(255 249 226 / 70%);
  color: #8b650a;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.15;
  text-decoration: none;
}

.c-article-archive-card__category:hover,
.c-article-archive-card__category:focus-visible {
  background: #fff1ba;
  color: #614400;
  outline: 2px solid rgb(213 154 9 / 28%);
  outline-offset: 2px;
}

.c-article-archive-card__title {
  margin: 0;
  color: #10374f;
  font-size: clamp(1.08rem, 1.55vw, 1.28rem);
  font-weight: 790;
  line-height: 1.32;
  letter-spacing: 0;
}

.c-article-archive-card__title a {
  text-decoration: none;
}

.c-article-archive-card__title a:hover,
.c-article-archive-card__title a:focus-visible {
  color: #0b6f97;
  outline: none;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.c-article-archive-card__excerpt {
  margin: 0;
  color: rgb(37 70 90 / 78%);
  font-size: 0.95rem;
  line-height: 1.68;
}

.c-article-archive-card__meta {
  display: flex;
  margin: auto 0 0;
  padding: 0;
  flex-wrap: wrap;
  gap: 0.45rem 0.8rem;
  color: rgb(37 70 90 / 62%);
  font-size: 0.82rem;
  font-weight: 650;
  line-height: 1.35;
  list-style: none;
}

.c-article-archive-card__meta li {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.c-article-archive-card__meta li + li::before {
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 999px;
  background: rgb(213 154 9 / 70%);
  content: "";
}

.c-article-archive-card__cta {
  display: inline-flex;
  width: fit-content;
  min-height: 2.75rem;
  margin-top: 0.15rem;
  padding: 0.66rem 0.9rem;
  align-items: center;
  gap: 0.45rem;
  border: 1px solid rgb(0 111 168 / 16%);
  border-radius: 999px;
  color: #0b6f97;
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
}

.c-article-archive-card__cta:hover,
.c-article-archive-card__cta:focus-visible {
  border-color: #0b6f97;
  background: #0b6f97;
  color: #ffffff;
  outline: none;
}

.p-article-archive-pagination {
  display: flex;
  margin-top: clamp(1.5rem, 3vw, 2.4rem);
  justify-content: center;
}

.p-article-archive-pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.55rem;
}

.p-article-archive-pagination .page-numbers {
  display: inline-flex;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: 0.6rem 0.8rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(0 111 168 / 16%);
  border-radius: 999px;
  background: #ffffff;
  color: #244d63;
  font-size: 0.92rem;
  font-weight: 760;
  line-height: 1.2;
  text-decoration: none;
}

.p-article-archive-pagination .page-numbers.current,
.p-article-archive-pagination .page-numbers:hover,
.p-article-archive-pagination .page-numbers:focus-visible {
  border-color: #0b6f97;
  background: #0b6f97;
  color: #ffffff;
  outline: none;
}

.p-article-archive-empty {
  display: grid;
  max-width: 42rem;
  margin-inline: auto;
  padding: clamp(1.5rem, 4vw, 2.25rem);
  border: 1px solid rgb(0 111 168 / 12%);
  border-radius: 0.5rem;
  background: #ffffff;
  text-align: center;
  box-shadow: 0 1rem 2.6rem rgb(4 50 76 / 7%);
  gap: 0.85rem;
}

.p-article-archive-empty__eyebrow {
  margin: 0;
  color: #0b6f97;
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: 0;
}

.p-article-archive-empty p:not(.p-article-archive-empty__eyebrow) {
  max-width: 31rem;
  margin: 0 auto;
  color: rgb(37 70 90 / 76%);
  font-size: 1rem;
  line-height: 1.7;
}

.p-article-archive-empty__cta {
  display: inline-flex;
  width: fit-content;
  min-height: 2.75rem;
  margin: 0.3rem auto 0;
  padding: 0.72rem 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #128c4a;
  color: #ffffff;
  font-size: 0.92rem;
  font-weight: 820;
  line-height: 1.2;
  text-decoration: none;
  box-shadow: 0 0.9rem 2rem rgb(18 140 74 / 20%);
}

.p-article-archive-empty__cta:hover,
.p-article-archive-empty__cta:focus-visible {
  background: #0f7d42;
  outline: 2px solid rgb(18 140 74 / 26%);
  outline-offset: 3px;
}

.p-article-archive-cta {
  padding: 0 0 clamp(3rem, 6vw, 6rem);
  background: #f7fbfd;
}

.p-article-archive-cta__box {
  display: grid;
  max-width: 52rem;
  margin-inline: auto;
  padding: clamp(1.6rem, 4vw, 2.8rem);
  place-items: center;
  border: 1px solid rgb(0 111 168 / 12%);
  border-radius: 0.5rem;
  background: linear-gradient(135deg, #ffffff 0%, #edf9ff 68%, #fff7d8 100%);
  text-align: center;
  box-shadow: 0 1.25rem 3.2rem rgb(4 50 76 / 9%);
  gap: 0.75rem;
}

.p-article-archive-cta__icon {
  display: inline-grid;
  width: 3.25rem;
  height: 3.25rem;
  place-items: center;
  border: 1px solid rgb(0 111 168 / 12%);
  border-radius: 50%;
  background: linear-gradient(135deg, #f9fdff 0%, #e5f7ff 100%);
  color: #0b6f97;
  box-shadow: 0 0.75rem 1.8rem rgb(4 50 76 / 9%);
}

.p-article-archive-cta__icon svg {
  width: 50%;
  height: 50%;
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.p-article-archive-cta p:not(.p-article-archive__eyebrow) {
  max-width: 38rem;
  margin: 0;
  color: rgb(37 70 90 / 78%);
  font-size: 1rem;
  line-height: 1.72;
}

.p-article-archive-cta__button {
  display: inline-flex;
  min-height: 3rem;
  margin-top: 0.4rem;
  padding: 0.8rem 1.1rem;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  border-radius: 999px;
  background: #128c4a;
  color: #ffffff;
  font-size: 0.96rem;
  font-weight: 850;
  line-height: 1.2;
  text-decoration: none;
  box-shadow: 0 0.95rem 2.2rem rgb(18 140 74 / 22%);
}

.p-article-archive-cta__button:hover,
.p-article-archive-cta__button:focus-visible {
  background: #0f7d42;
  outline: 2px solid rgb(18 140 74 / 28%);
  outline-offset: 3px;
}

.p-article-archive-cta__wa-icon {
  display: inline-grid;
  width: 1.25rem;
  height: 1.25rem;
  place-items: center;
  flex: 0 0 auto;
}

.p-article-archive-cta__wa-icon svg {
  width: 100%;
  height: 100%;
  fill: currentcolor;
}

.p-article-archive--category .p-article-archive-hero__content {
  max-width: 48rem;
}

@media (max-width: 63.9375rem) {
  .p-article-archive-hero__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .p-article-archive-hero__visual {
    min-height: 15rem;
  }

  .p-article-archive-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 47.9375rem) {
  .p-article-archive-hero {
    padding: 2.35rem 0 2.2rem;
  }

  .p-article-archive h1 {
    font-size: clamp(2rem, 9vw, 2.65rem);
    line-height: 1.08;
  }

  .p-article-archive-hero__lead {
    font-size: 0.98rem;
    line-height: 1.68;
  }

  .p-article-archive-hero__visual {
    display: none;
  }

  .p-article-archive-categories__nav {
    gap: 0.55rem;
  }

  .p-article-archive-categories__chip {
    min-height: 2.75rem;
    padding-inline: 0.85rem;
    font-size: 0.88rem;
  }

  .p-article-archive-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .c-article-archive-card__body {
    padding: 1rem;
  }

  .c-article-archive-card__title {
    font-size: 1.08rem;
  }

  .c-article-archive-card__excerpt {
    font-size: 0.94rem;
  }

  .c-article-archive-card__cta,
  .p-article-archive-empty__cta,
  .p-article-archive-cta__button {
    width: 100%;
  }

  .p-article-archive-cta__icon {
    width: 2.9rem;
    height: 2.9rem;
  }
}

@media (max-width: 23rem) {
  .p-article-archive-categories__chip,
  .p-article-archive-pagination .page-numbers {
    font-size: 0.84rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .c-article-archive-card,
  .c-article-archive-card__media img {
    transition: none;
  }

  .c-article-archive-card:hover,
  .c-article-archive-card:focus-within,
  .c-article-archive-card:hover .c-article-archive-card__media img,
  .c-article-archive-card:focus-within .c-article-archive-card__media img {
    transform: none;
  }
}

/* Article archive final visual polish. */
.p-article-archive {
  --article-blue-900: #0d3148;
  --article-blue-800: #123a52;
  --article-blue-700: #0b6f97;
  --article-blue-050: #f2f9fc;
  --article-gold: #d59a09;
  --article-green-700: #0b7d46;
  --article-green-600: #0e884c;
  --article-green-500: #0e884c;
  background:
    linear-gradient(180deg, #f6fbfd 0%, #f8fcfe 42%, #f7fbfd 100%);
}

.p-article-archive .c-breadcrumb {
  font-size: clamp(0.78rem, 0.95vw, 0.86rem);
  line-height: 1.45;
}

.p-article-archive-hero {
  display: flex;
  box-sizing: border-box;
  min-height: min(calc(100svh - 5.55rem), clamp(35rem, 76svh, 38rem));
  padding: clamp(1.55rem, 2.8vw, 2.45rem) 0 clamp(1rem, 2vw, 1.75rem);
  background:
    radial-gradient(circle at 79% 22%, rgb(213 154 9 / 11%) 0 8rem, transparent 16rem),
    radial-gradient(circle at 88% 78%, rgb(0 111 168 / 11%) 0 9rem, transparent 19rem),
    linear-gradient(116deg, rgb(255 255 255 / 98%) 0%, rgb(239 250 255 / 96%) 58%, rgb(255 250 232 / 54%) 100%);
}

.p-article-archive-hero::before {
  opacity: 0.18;
  background:
    linear-gradient(90deg, transparent 0 97.5%, rgb(0 111 168 / 10%) 97.5% 97.8%, transparent 97.8%),
    linear-gradient(0deg, transparent 0 97%, rgb(213 154 9 / 13%) 97% 97.28%, transparent 97.28%);
  background-size: 3.75rem 3.75rem;
}

.p-article-archive-hero__inner {
  --container-width: 82rem;
  width: 100%;
  max-width: min(calc(100% - 2rem), var(--container-width));
  margin-inline: auto;
  flex: 1 1 auto;
  grid-template-rows: auto minmax(0, 1fr);
  gap: clamp(0.9rem, 2vw, 1.45rem);
}

.p-article-archive-hero__grid {
  grid-template-columns: minmax(0, 1.16fr) minmax(22rem, 0.74fr);
  gap: clamp(1.35rem, 2.6vw, 2.5rem);
  align-self: center;
}

.p-article-archive-hero__content {
  max-width: 46rem;
}

.p-article-archive__eyebrow {
  min-height: 1.55rem;
  margin-bottom: 0.55rem;
  gap: 0.48rem;
  font-size: clamp(0.72rem, 0.82vw, 0.8rem);
  font-weight: 760;
  line-height: 1.25;
}

.p-article-archive__eyebrow span {
  width: 0.44rem;
  height: 0.44rem;
  box-shadow: 0 0 0 0.28rem rgb(213 154 9 / 13%);
}

.p-article-archive h1 {
  max-width: min(100%, 25ch);
  font-size: clamp(2.1rem, 3.35vw, 3.15rem);
  font-weight: 790;
  line-height: 1.05;
  text-wrap: balance;
}

.p-article-archive-hero__lead {
  max-width: 33.5rem;
  margin-top: clamp(0.85rem, 1.55vw, 1.05rem);
  font-size: clamp(0.96rem, 1.04vw, 1.05rem);
  line-height: 1.68;
}

.p-article-archive-hero__visual {
  --orbit-rx: clamp(9.25rem, 12.4vw, 10.75rem);
  --orbit-ry: clamp(7.45rem, 10vw, 8.65rem);
  --orbit-line-length: clamp(7.7rem, 10.7vw, 9.85rem);
  isolation: isolate;
  min-height: clamp(24rem, 29vw, 27rem);
  aspect-ratio: 5 / 4;
  overflow: hidden;
  border-color: rgb(0 111 168 / 16%);
  border-radius: 0.5rem;
  background:
    linear-gradient(135deg, rgb(255 255 255 / 94%), rgb(232 249 255 / 88%)),
    radial-gradient(circle at 50% 50%, rgb(0 111 168 / 13%) 0 6rem, transparent 13rem);
  box-shadow:
    0 1.15rem 2.8rem rgb(4 50 76 / 11%),
    inset 0 1px 0 rgb(255 255 255 / 82%);
}

.p-article-archive-hero__visual::before,
.p-article-archive-hero__visual::after {
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  content: "";
}

.p-article-archive-hero__visual::before {
  width: 9.5rem;
  height: 9.5rem;
  right: -3rem;
  top: -3.4rem;
  background: rgb(213 154 9 / 12%);
}

.p-article-archive-hero__visual::after {
  width: 13rem;
  height: 13rem;
  bottom: -5rem;
  left: -3.5rem;
  background: rgb(0 111 168 / 10%);
}

.p-article-archive-hero__visual-ring {
  inset: auto;
  top: 50%;
  left: 50%;
  width: min(69%, 22rem);
  aspect-ratio: 1;
  border-color: rgb(0 111 168 / 20%);
  box-shadow:
    0 0 0 1.8rem rgb(255 255 255 / 22%),
    inset 0 0 0 1.6rem rgb(0 111 168 / 4%);
  transform: translate(-50%, -50%);
}

.p-article-archive-hero__visual-ring::before {
  inset: 22%;
  border-color: rgb(213 154 9 / 26%);
}

.p-article-archive-hero__visual-ring::after {
  display: none;
}

.p-article-archive-hero__core {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: grid;
  width: clamp(6.4rem, 10vw, 7.7rem);
  height: clamp(6.4rem, 10vw, 7.7rem);
  padding: 0.9rem;
  place-items: center;
  border: 1px solid rgb(0 111 168 / 18%);
  border-radius: 50%;
  background:
    radial-gradient(circle at 40% 24%, rgb(255 255 255 / 96%), rgb(230 247 255 / 94%));
  color: var(--article-blue-900);
  text-align: center;
  box-shadow:
    0 1rem 2.1rem rgb(4 50 76 / 12%),
    0 0 0 0.45rem rgb(255 255 255 / 42%);
  transform: translate(-50%, -50%);
}

.p-article-archive-hero__core span {
  display: inline-grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border-radius: 50%;
  background: var(--article-blue-700);
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 820;
  line-height: 1;
}

.p-article-archive-hero__core strong {
  color: var(--article-blue-800);
  font-size: clamp(0.86rem, 1vw, 0.95rem);
  font-weight: 760;
  line-height: 1.12;
}

.p-article-archive-hero__line {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: var(--orbit-line-length);
  height: 1px;
  opacity: 0.46;
  background: linear-gradient(90deg, rgb(0 111 168 / 0%), rgb(0 111 168 / 18%), rgb(213 154 9 / 14%));
  transform-origin: left center;
}

.p-article-archive-hero__line--formulasi {
  transform: rotate(222deg);
}

.p-article-archive-hero__line--produksi {
  transform: rotate(307deg);
}

.p-article-archive-hero__line--legalitas {
  transform: rotate(74deg);
}

.p-article-archive-hero__line--branding {
  transform: rotate(4deg);
}

.p-article-archive-hero__line--strategi {
  transform: rotate(145deg);
}

.p-article-archive-hero__node {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  display: inline-flex;
  min-height: 2.65rem;
  padding: 0.5rem 0.74rem;
  align-items: center;
  gap: 0.48rem;
  border: 1px solid rgb(0 111 168 / 14%);
  border-radius: 999px;
  background: rgb(255 255 255 / 91%);
  box-shadow: 0 0.72rem 1.65rem rgb(4 50 76 / 10%);
  backdrop-filter: blur(10px);
  transform: translate(
    calc(-50% + cos(var(--orbit-angle-0)) * var(--orbit-rx-node, var(--orbit-rx))),
    calc(-50% + sin(var(--orbit-angle-0)) * var(--orbit-ry-node, var(--orbit-ry)))
  );
  animation: article-archive-orbit var(--orbit-duration, 40s) ease-in-out infinite;
  animation-direction: var(--orbit-direction, normal);
  will-change: transform;
}

.p-article-archive-hero__visual:hover .p-article-archive-hero__node {
  animation-play-state: paused;
}

.p-article-archive-hero__node:hover {
  z-index: 4;
  box-shadow: 0 0.9rem 1.9rem rgb(4 50 76 / 13%);
}

.p-article-archive-hero__node span {
  width: 0.62rem;
  height: 0.62rem;
  flex: 0 0 auto;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: var(--article-blue-700);
  box-shadow: 0 0 0 0.22rem rgb(0 111 168 / 12%);
}

.p-article-archive-hero__node strong {
  color: var(--article-blue-800);
  font-size: clamp(0.78rem, 0.95vw, 0.9rem);
  font-weight: 720;
  line-height: 1.15;
}

.p-article-archive-hero__node--formulasi {
  --orbit-duration: 39s;
  --orbit-rx-node: calc(var(--orbit-rx) * 1.08);
  --orbit-ry-node: calc(var(--orbit-ry) * 1.08);
  --orbit-angle-0: 224deg;
  --orbit-angle-1: 232deg;
  --orbit-angle-2: 238deg;
  --orbit-angle-3: 228deg;
}

.p-article-archive-hero__node--produksi {
  --orbit-duration: 45s;
  --orbit-direction: reverse;
  --orbit-rx-node: calc(var(--orbit-rx) * 1.04);
  --orbit-ry-node: calc(var(--orbit-ry) * 1.08);
  --orbit-angle-0: 296deg;
  --orbit-angle-1: 304deg;
  --orbit-angle-2: 310deg;
  --orbit-angle-3: 300deg;
}

.p-article-archive-hero__node--legalitas {
  --orbit-duration: 43s;
  --orbit-rx-node: calc(var(--orbit-rx) * 0.9);
  --orbit-ry-node: calc(var(--orbit-ry) * 0.98);
  --orbit-angle-0: 64deg;
  --orbit-angle-1: 78deg;
  --orbit-angle-2: 88deg;
  --orbit-angle-3: 72deg;
}

.p-article-archive-hero__node--branding {
  --orbit-duration: 47s;
  --orbit-direction: reverse;
  --orbit-rx-node: calc(var(--orbit-rx) * 0.98);
  --orbit-ry-node: calc(var(--orbit-ry) * 0.92);
  --orbit-angle-0: 12deg;
  --orbit-angle-1: 24deg;
  --orbit-angle-2: 34deg;
  --orbit-angle-3: 16deg;
}

.p-article-archive-hero__node--strategi {
  --orbit-duration: 41s;
  --orbit-rx-node: calc(var(--orbit-rx) * 1.02);
  --orbit-ry-node: calc(var(--orbit-ry) * 0.96);
  --orbit-angle-0: 142deg;
  --orbit-angle-1: 152deg;
  --orbit-angle-2: 160deg;
  --orbit-angle-3: 146deg;
}

.p-article-archive-hero__node--produksi span,
.p-article-archive-hero__node--branding span {
  background: var(--article-gold);
  box-shadow: 0 0 0 0.22rem rgb(213 154 9 / 14%);
}

@keyframes article-archive-orbit {
  0%,
  100% {
    transform: translate(
      calc(-50% + cos(var(--orbit-angle-0)) * var(--orbit-rx-node, var(--orbit-rx))),
      calc(-50% + sin(var(--orbit-angle-0)) * var(--orbit-ry-node, var(--orbit-ry)))
    );
  }

  25% {
    transform: translate(
      calc(-50% + cos(var(--orbit-angle-1)) * var(--orbit-rx-node, var(--orbit-rx))),
      calc(-50% + sin(var(--orbit-angle-1)) * var(--orbit-ry-node, var(--orbit-ry)))
    );
  }

  50% {
    transform: translate(
      calc(-50% + cos(var(--orbit-angle-2)) * var(--orbit-rx-node, var(--orbit-rx))),
      calc(-50% + sin(var(--orbit-angle-2)) * var(--orbit-ry-node, var(--orbit-ry)))
    );
  }

  75% {
    transform: translate(
      calc(-50% + cos(var(--orbit-angle-3)) * var(--orbit-rx-node, var(--orbit-rx))),
      calc(-50% + sin(var(--orbit-angle-3)) * var(--orbit-ry-node, var(--orbit-ry)))
    );
  }
}

.p-article-archive-categories {
  padding: clamp(1rem, 1.8vw, 1.45rem) 0 0;
}

.p-article-archive-categories__panel {
  display: flex;
  width: fit-content;
  max-width: 100%;
  min-width: min(100%, 20rem);
  padding: 0.7rem 0.78rem 0.7rem 0.95rem;
  align-items: center;
  gap: 0.85rem;
  border: 1px solid rgb(0 111 168 / 11%);
  border-radius: 999px;
  background: linear-gradient(135deg, rgb(255 255 255 / 84%), rgb(239 250 255 / 70%));
  box-shadow: 0 0.75rem 1.8rem rgb(4 50 76 / 6%);
}

.p-article-archive-categories__label {
  margin: 0;
  padding-inline: 0.45rem 0.1rem;
  color: rgb(37 70 90 / 68%);
  font-size: 0.74rem;
  font-weight: 780;
  line-height: 1.2;
  text-transform: uppercase;
}

.p-article-archive-categories__nav {
  gap: 0.45rem;
}

.p-article-archive-categories__chip {
  min-height: 2.35rem;
  padding: 0.46rem 0.95rem;
  font-size: 0.88rem;
  font-weight: 720;
  box-shadow: none;
}

.p-article-archive-categories__chip:hover,
.p-article-archive-categories__chip:focus-visible,
.p-article-archive-categories__chip.is-active {
  border-color: rgb(213 154 9 / 58%);
  background: linear-gradient(135deg, #07577d, var(--article-blue-700));
  color: #ffffff;
}

.p-article-archive-list {
  padding: clamp(1.05rem, 1.75vw, 1.55rem) 0 clamp(4.8rem, 7.1vw, 6.3rem);
}

.p-article-archive-list__heading {
  max-width: 46rem;
  margin-bottom: clamp(2rem, 2.75vw, 2.65rem);
}

.p-article-archive-list__heading .p-article-archive__eyebrow {
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
}

.p-article-archive-list__heading h2 {
  font-size: clamp(2.5rem, 3.2vw, 3rem);
  font-weight: 760;
  line-height: 1.1;
}

.p-article-archive-empty h2,
.p-article-archive-cta h2 {
  margin: 0;
  color: var(--article-blue-900);
  font-size: clamp(1.75rem, 2.15vw, 2.1rem);
  font-weight: 700;
  line-height: 1.18;
}

.p-article-archive-empty {
  position: relative;
  display: grid;
  width: 100%;
  max-width: 64rem;
  min-height: 0;
  margin-inline: 0;
  padding: clamp(2.8rem, 3.8vw, 3.25rem) clamp(2.5rem, 4.8vw, 4rem);
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  justify-items: center;
  overflow: hidden;
  border: 1px solid rgb(213 154 9 / 18%);
  border-radius: 1.12rem;
  background:
    radial-gradient(circle at 13% 12%, rgb(213 154 9 / 7%) 0 7rem, transparent 18rem),
    radial-gradient(circle at 50% 27%, rgb(0 143 215 / 8%) 0 6rem, transparent 18rem),
    radial-gradient(circle at 92% 95%, rgb(253 209 0 / 6%) 0 7rem, transparent 16rem),
    linear-gradient(135deg, #fffefd 0%, #f8fcff 62%, #fffdf3 100%);
  text-align: center;
  box-shadow:
    0 1rem 2.1rem rgb(4 50 76 / 7%),
    0 0.2rem 0.9rem rgb(0 111 168 / 5%),
    inset 0 1px 0 rgb(255 255 255 / 82%);
  gap: clamp(1.35rem, 1.8vw, 1.55rem);
}

.p-article-archive-empty::before {
  position: absolute;
  inset: 0;
  border: 1px solid rgb(213 154 9 / 12%);
  border-radius: inherit;
  content: "";
  pointer-events: none;
}

.p-article-archive-empty__icon {
  display: inline-grid;
  width: clamp(4.75rem, 5.8vw, 5.25rem);
  aspect-ratio: 1;
  place-items: center;
  justify-self: center;
  border: 1px solid rgb(0 111 168 / 14%);
  border-radius: 50%;
  background:
    radial-gradient(circle at 38% 24%, #ffffff 0 24%, #e8f8ff 66%, #def3fb 100%);
  color: var(--article-blue-700);
  box-shadow:
    0 0.7rem 1.55rem rgb(4 50 76 / 8%),
    0 0 0 0.45rem rgb(255 255 255 / 54%);
}

.p-article-archive-empty__icon svg {
  width: 48%;
  height: 48%;
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.75;
}

.p-article-archive-empty__content {
  position: relative;
  z-index: 1;
  display: grid;
  width: min(100%, 42rem);
  justify-items: center;
  gap: 0;
}

.p-article-archive-empty__eyebrow {
  margin: 0;
  color: var(--article-blue-700);
  font-size: 0.74rem;
  font-weight: 780;
}

.p-article-archive-empty h2 {
  margin-top: clamp(0.75rem, 1.1vw, 0.95rem);
}

.p-article-archive-empty p:not(.p-article-archive-empty__eyebrow) {
  max-width: 38rem;
  margin: clamp(0.9rem, 1.25vw, 1.1rem) auto 0;
  color: rgb(37 70 90 / 78%);
  font-size: clamp(1.04rem, 1.12vw, 1.1rem);
  line-height: 1.62;
}

.p-article-archive .p-article-archive-empty__cta,
.p-article-archive .p-article-archive-cta__button,
.p-article-archive .c-article-archive-card__cta {
  min-height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  border: 1px solid rgb(213 154 9 / 38%);
  border-radius: 999px;
  background: linear-gradient(135deg, #075b34 0%, #0b7c47 54%, #12935a 100%);
  color: #ffffff;
  text-decoration: none;
  box-shadow:
    0 0.55rem 1.15rem rgb(18 140 74 / 17%),
    inset 0 1px 0 rgb(255 255 255 / 22%);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease, background 180ms ease;
  white-space: nowrap;
}

.p-article-archive .p-article-archive-empty__cta {
  min-height: clamp(3.375rem, 3.9vw, 3.625rem);
  margin: clamp(1.55rem, 2vw, 1.85rem) auto 0;
  padding: 0 1.9rem;
  gap: 0.68rem;
  font-size: 0.95rem;
  font-weight: 760;
}

.p-article-archive .p-article-archive-cta__button {
  min-height: clamp(3.5rem, 3.8vw, 3.65rem);
  margin-top: clamp(1.65rem, 2vw, 1.9rem);
  padding: 0 2.05rem;
  gap: 0.7rem;
  font-size: 0.98rem;
  font-weight: 780;
}

.p-article-archive .c-article-archive-card__cta {
  width: fit-content;
  min-height: 2.7rem;
  padding: 0.66rem 0.9rem;
  gap: 0.45rem;
  font-size: 0.88rem;
  font-weight: 760;
}

.p-article-archive .p-article-archive-empty__cta:hover,
.p-article-archive .p-article-archive-empty__cta:focus-visible,
.p-article-archive .p-article-archive-cta__button:hover,
.p-article-archive .p-article-archive-cta__button:focus-visible,
.p-article-archive .c-article-archive-card__cta:hover,
.p-article-archive .c-article-archive-card__cta:focus-visible {
  border-color: rgb(253 209 0 / 62%);
  background: linear-gradient(135deg, #064f2e 0%, #087341 52%, #0e8551 100%);
  color: #ffffff;
  outline: 2px solid rgb(18 140 74 / 24%);
  outline-offset: 3px;
  box-shadow:
    0 0.7rem 1.35rem rgb(18 140 74 / 21%),
    inset 0 1px 0 rgb(255 255 255 / 25%);
  transform: translateY(-0.1rem);
}

.p-article-archive-cta {
  padding: 0 0 clamp(4.3rem, 6.4vw, 6rem);
}

.p-article-archive-cta__box {
  position: relative;
  display: grid;
  gap: 0;
  width: 100%;
  max-width: 64rem;
  min-height: 0;
  margin-inline: 0;
  overflow: hidden;
  padding: clamp(2.9rem, 3.85vw, 3.55rem) clamp(3.25rem, 5vw, 4.25rem);
  border: 1px solid rgb(18 140 74 / 16%);
  border-radius: 1.12rem;
  background:
    radial-gradient(circle at 86% 16%, rgb(18 140 74 / 10%) 0 8rem, transparent 20rem),
    radial-gradient(circle at 10% 82%, rgb(253 209 0 / 6%) 0 7rem, transparent 18rem),
    linear-gradient(135deg, #fffefd 0%, #f3fbf7 68%, #fffdf2 100%);
  box-shadow:
    0 1rem 2.2rem rgb(4 50 76 / 7%),
    0 0.25rem 0.9rem rgb(18 140 74 / 5%),
    inset 0 1px 0 rgb(255 255 255 / 82%);
  text-align: center;
}

.p-article-archive-cta__box::before {
  position: absolute;
  width: clamp(11rem, 18vw, 15rem);
  height: clamp(11rem, 18vw, 15rem);
  right: clamp(-5.8rem, -7vw, -3.8rem);
  bottom: clamp(-6.2rem, -8vw, -4.2rem);
  border: 1px solid rgb(18 140 74 / 9%);
  border-radius: 50%;
  background: transparent;
  box-shadow:
    0 0 0 1.85rem rgb(18 140 74 / 3%),
    0 0 0 4.25rem rgb(253 209 0 / 2.5%);
  content: "";
  pointer-events: none;
}

.p-article-archive-cta__icon {
  position: relative;
  z-index: 1;
  width: clamp(4.25rem, 5.1vw, 4.75rem);
  height: clamp(4.25rem, 5.1vw, 4.75rem);
  margin-inline: auto;
  border-color: rgb(0 111 168 / 14%);
  background: radial-gradient(circle at 38% 24%, #ffffff 0 24%, #ecfaff 68%, #f6fff9 100%);
  color: var(--article-green-700);
  box-shadow:
    0 0.65rem 1.45rem rgb(4 50 76 / 7%),
    0 0 0 0.42rem rgb(255 255 255 / 52%);
}

.p-article-archive-cta .p-article-archive__eyebrow {
  position: relative;
  z-index: 1;
  margin: clamp(1.35rem, 1.65vw, 1.55rem) 0 0;
}

.p-article-archive-cta h2 {
  position: relative;
  z-index: 1;
  margin-top: clamp(1.35rem, 1.65vw, 1.55rem);
}

.p-article-archive-cta p:not(.p-article-archive__eyebrow) {
  position: relative;
  z-index: 1;
  max-width: 48rem;
  margin: clamp(0.9rem, 1.25vw, 1.1rem) auto 0;
  color: rgb(37 70 90 / 78%);
  font-size: clamp(1.04rem, 1.15vw, 1.13rem);
  line-height: 1.62;
}

.p-article-archive-cta__wa-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #ffffff;
}

@media (max-width: 74rem) {
  .p-article-archive-hero__grid {
    grid-template-columns: minmax(0, 1fr) minmax(19rem, 0.72fr);
    gap: clamp(1.35rem, 2.8vw, 2.4rem);
  }

  .p-article-archive h1 {
    max-width: min(100%, 24ch);
    font-size: clamp(2.05rem, 3.15vw, 2.65rem);
  }

  .p-article-archive-hero__visual {
    --orbit-rx: clamp(7.6rem, 13vw, 9.25rem);
    --orbit-ry: clamp(6.25rem, 10.8vw, 7.5rem);
    --orbit-line-length: clamp(6.4rem, 10.8vw, 8rem);
    width: 100%;
    max-width: min(100%, 30rem);
    justify-self: end;
  }

  .p-article-archive-hero__node--formulasi {
    --orbit-angle-0: 224deg;
    --orbit-angle-1: 232deg;
    --orbit-angle-2: 238deg;
    --orbit-angle-3: 228deg;
  }

  .p-article-archive-hero__node--produksi {
    --orbit-angle-0: 296deg;
    --orbit-angle-1: 304deg;
    --orbit-angle-2: 310deg;
    --orbit-angle-3: 300deg;
  }

  .p-article-archive-hero__node--legalitas {
    --orbit-angle-0: 64deg;
    --orbit-angle-1: 78deg;
    --orbit-angle-2: 88deg;
    --orbit-angle-3: 72deg;
  }

  .p-article-archive-hero__node--branding {
    --orbit-angle-0: 12deg;
    --orbit-angle-1: 24deg;
    --orbit-angle-2: 34deg;
    --orbit-angle-3: 16deg;
  }

  .p-article-archive-hero__node--strategi {
    --orbit-angle-0: 142deg;
    --orbit-angle-1: 152deg;
    --orbit-angle-2: 160deg;
    --orbit-angle-3: 146deg;
  }
}

@media (max-width: 63.9375rem) {
  .p-article-archive-hero {
    min-height: min(calc(100svh - 5.25rem), clamp(36rem, 73svh, 41rem));
    padding-block: clamp(1.35rem, 3vw, 2rem) clamp(1rem, 2.4vw, 1.45rem);
  }

  .p-article-archive-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(1.1rem, 2.8vw, 1.65rem);
  }

  .p-article-archive-hero__content {
    max-width: 42rem;
  }

  .p-article-archive h1 {
    max-width: min(100%, 24ch);
    font-size: clamp(2.05rem, 4.6vw, 2.75rem);
  }

  .p-article-archive-hero__visual {
    --orbit-rx: clamp(7rem, 22vw, 9rem);
    --orbit-ry: clamp(6rem, 18vw, 7.75rem);
    --orbit-line-length: clamp(5.9rem, 18vw, 7.7rem);
    width: 100%;
    max-width: min(100%, 40rem);
    justify-self: center;
    min-height: clamp(20rem, 42vw, 24rem);
    aspect-ratio: 1.35 / 1;
  }

  .p-article-archive-hero__node--formulasi {
    --orbit-angle-0: 224deg;
    --orbit-angle-1: 232deg;
    --orbit-angle-2: 238deg;
    --orbit-angle-3: 228deg;
  }

  .p-article-archive-hero__node--produksi {
    --orbit-angle-0: 296deg;
    --orbit-angle-1: 304deg;
    --orbit-angle-2: 310deg;
    --orbit-angle-3: 300deg;
  }

  .p-article-archive-hero__node--legalitas {
    --orbit-angle-0: 64deg;
    --orbit-angle-1: 78deg;
    --orbit-angle-2: 88deg;
    --orbit-angle-3: 72deg;
  }

  .p-article-archive-hero__node--branding {
    --orbit-angle-0: 12deg;
    --orbit-angle-1: 24deg;
    --orbit-angle-2: 34deg;
    --orbit-angle-3: 16deg;
  }

  .p-article-archive-hero__node--strategi {
    --orbit-angle-0: 142deg;
    --orbit-angle-1: 152deg;
    --orbit-angle-2: 160deg;
    --orbit-angle-3: 146deg;
  }

  .p-article-archive-hero__core {
    width: 5.8rem;
    height: 5.8rem;
  }
}

@media (max-width: 47.9375rem) {
  .p-article-archive-hero {
    min-height: min(39rem, calc(100svh - 4.55rem));
    min-height: min(39rem, calc(100dvh - 4.55rem));
    padding: 0.9rem 0 0.8rem;
  }

  .p-article-archive .p-article-archive-hero__inner {
    width: 100%;
    max-width: min(calc(100% - 1rem), var(--container-width));
    margin-inline: auto;
    gap: 0.65rem;
  }

  .p-article-archive .c-breadcrumb {
    font-size: 0.78rem;
  }

  .p-article-archive__eyebrow {
    min-height: 1.15rem;
    margin-bottom: 0.32rem;
    font-size: 0.72rem;
  }

  .p-article-archive h1 {
    max-width: 100%;
    font-size: clamp(1.6rem, 6.4vw, 1.64rem);
    font-weight: 780;
    line-height: 1.1;
    letter-spacing: 0;
    text-wrap: wrap;
  }

  .p-article-archive-hero__lead {
    max-width: 31rem;
    margin-top: 0.5rem;
    font-size: 0.9rem;
    line-height: 1.52;
  }

  .p-article-archive-hero__visual {
    --orbit-rx: clamp(5.4rem, 25vw, 6.1rem);
    --orbit-ry: clamp(3.85rem, 16vw, 4.35rem);
    --orbit-line-length: clamp(3.6rem, 15vw, 4.2rem);
    display: block;
    width: 100%;
    max-width: none;
    min-height: clamp(13rem, 57vw, 14.35rem);
    aspect-ratio: 1.58 / 1;
    margin: 0.2rem auto 0;
    padding: 0;
    border-radius: 0.5rem;
  }

  .p-article-archive-hero__visual-ring {
    display: block;
    inset: auto;
    top: 50%;
    left: 50%;
    width: min(66%, 12rem);
    box-shadow:
      0 0 0 1rem rgb(255 255 255 / 18%),
      inset 0 0 0 1rem rgb(0 111 168 / 4%);
    transform: translate(-50%, -50%);
  }

  .p-article-archive-hero__line {
    display: block;
    width: clamp(3.4rem, 16vw, 4rem);
    opacity: 0.32;
  }

  .p-article-archive-hero__core {
    display: grid;
    width: 4.25rem;
    height: 4.25rem;
    padding: 0.56rem;
  }

  .p-article-archive-hero__core span {
    width: 1.45rem;
    height: 1.45rem;
    font-size: 0.62rem;
  }

  .p-article-archive-hero__core strong {
    font-size: 0.78rem;
  }

  .p-article-archive-hero__node {
    position: absolute;
    min-height: 2.05rem;
    padding: 0.36rem 0.48rem;
    gap: 0.34rem;
    box-shadow: 0 0.42rem 1rem rgb(4 50 76 / 8%);
    transform: translate(
      calc(-50% + cos(var(--orbit-angle-0)) * var(--orbit-rx-node, var(--orbit-rx))),
      calc(-50% + sin(var(--orbit-angle-0)) * var(--orbit-ry-node, var(--orbit-ry)))
    );
    animation: article-archive-orbit var(--orbit-duration, 36s) linear infinite;
    animation-direction: var(--orbit-direction, normal);
    will-change: transform;
  }

  .p-article-archive-hero__node strong {
    font-size: clamp(0.66rem, 2.7vw, 0.72rem);
  }

  .p-article-archive-hero__node span {
    width: 0.44rem;
    height: 0.44rem;
    border-width: 1.5px;
  }

  .p-article-archive-hero__node--formulasi {
    --orbit-duration: 37s;
    --orbit-rx-node: calc(var(--orbit-rx) * 1.16);
    --orbit-ry-node: calc(var(--orbit-ry) * 1.12);
    --orbit-angle-0: 224deg;
    --orbit-angle-1: 232deg;
    --orbit-angle-2: 238deg;
    --orbit-angle-3: 228deg;
  }

  .p-article-archive-hero__node--produksi {
    --orbit-duration: 42s;
    --orbit-rx-node: calc(var(--orbit-rx) * 1.05);
    --orbit-ry-node: calc(var(--orbit-ry) * 1.08);
    --orbit-angle-0: 296deg;
    --orbit-angle-1: 304deg;
    --orbit-angle-2: 310deg;
    --orbit-angle-3: 300deg;
  }

  .p-article-archive-hero__node--legalitas {
    --orbit-duration: 34s;
    --orbit-rx-node: calc(var(--orbit-rx) * 0.88);
    --orbit-ry-node: calc(var(--orbit-ry) * 0.98);
    --orbit-angle-0: 64deg;
    --orbit-angle-1: 78deg;
    --orbit-angle-2: 88deg;
    --orbit-angle-3: 72deg;
  }

  .p-article-archive-hero__node--branding {
    --orbit-duration: 40s;
    --orbit-rx-node: calc(var(--orbit-rx) * 1);
    --orbit-ry-node: calc(var(--orbit-ry) * 0.92);
    --orbit-angle-0: 12deg;
    --orbit-angle-1: 24deg;
    --orbit-angle-2: 34deg;
    --orbit-angle-3: 16deg;
  }

  .p-article-archive-hero__node--strategi {
    --orbit-duration: 36s;
    --orbit-rx-node: calc(var(--orbit-rx) * 1.08);
    --orbit-ry-node: calc(var(--orbit-ry) * 0.96);
    --orbit-angle-0: 142deg;
    --orbit-angle-1: 152deg;
    --orbit-angle-2: 160deg;
    --orbit-angle-3: 146deg;
  }

  .p-article-archive-categories {
    padding-top: 0.75rem;
  }

  .p-article-archive-categories__panel {
    width: 100%;
    min-width: 0;
    padding: 0.875rem;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 0.5rem;
    gap: 0.58rem;
  }

  .p-article-archive-categories__label {
    padding-inline: 0.1rem;
    font-size: 0.72rem;
  }

  .p-article-archive-categories__chip {
    min-height: 2.3rem;
    padding: 0.44rem 0.9rem;
    font-size: 0.86rem;
  }

  .p-article-archive-list {
    padding: 1.25rem 0 clamp(4rem, 16vw, 5rem);
  }

  .p-article-archive-list__heading {
    margin-bottom: clamp(1.5rem, 7vw, 2rem);
  }

  .p-article-archive-list__heading h2 {
    font-size: clamp(1.75rem, 8.2vw, 2.1rem);
    line-height: 1.12;
  }

  .p-article-archive-empty {
    width: 100%;
    min-height: 0;
    padding: clamp(2.15rem, 9vw, 2.7rem) clamp(1.45rem, 6.4vw, 2rem);
    grid-template-columns: minmax(0, 1fr);
    text-align: center;
    gap: clamp(1.15rem, 5.5vw, 1.4rem);
  }

  .p-article-archive-empty__icon {
    width: clamp(4rem, 17vw, 4.55rem);
  }

  .p-article-archive-empty__content {
    gap: 0;
  }

  .p-article-archive-empty h2,
  .p-article-archive-cta h2 {
    font-size: clamp(1.45rem, 6.5vw, 1.7rem);
    line-height: 1.2;
  }

  .p-article-archive-empty p:not(.p-article-archive-empty__eyebrow),
  .p-article-archive-cta p:not(.p-article-archive__eyebrow) {
    width: min(100%, calc(100vw - 3rem - var(--article-card-mobile-inline-padding) - var(--article-card-mobile-inline-padding)));
    max-width: min(100%, calc(100vw - 3rem - var(--article-card-mobile-inline-padding) - var(--article-card-mobile-inline-padding)));
    justify-self: center;
    font-size: clamp(0.96rem, 4vw, 1.02rem);
    line-height: 1.62;
  }

  .p-article-archive .p-article-archive-empty__cta,
  .p-article-archive .p-article-archive-cta__button {
    width: 100%;
    max-width: 21.25rem;
    min-height: 3.35rem;
    margin-top: 1.45rem;
    padding-inline: 1rem;
    font-size: 0.9rem;
    white-space: nowrap;
  }

  .p-article-archive-cta {
    padding-bottom: clamp(4rem, 14vw, 5rem);
  }

  .p-article-archive-cta__box {
    min-height: 0;
    padding: clamp(2.2rem, 9.2vw, 2.75rem) clamp(1.45rem, 6.4vw, 2rem);
    gap: 0;
  }

  .p-article-archive-cta__icon {
    width: clamp(3.75rem, 16vw, 4.2rem);
    height: clamp(3.75rem, 16vw, 4.2rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .p-article-archive .p-article-archive-hero__node {
    animation: none;
    transform: translate(
      calc(-50% + cos(var(--orbit-angle-0)) * var(--orbit-rx-node, var(--orbit-rx))),
      calc(-50% + sin(var(--orbit-angle-0)) * var(--orbit-ry-node, var(--orbit-ry)))
    );
    will-change: auto;
  }

  .p-article-archive .p-article-archive-empty__cta,
  .p-article-archive .p-article-archive-cta__button,
  .p-article-archive .c-article-archive-card__cta {
    transition: none;
  }

  .p-article-archive .p-article-archive-empty__cta:hover,
  .p-article-archive .p-article-archive-empty__cta:focus-visible,
  .p-article-archive .p-article-archive-cta__button:hover,
  .p-article-archive .p-article-archive-cta__button:focus-visible,
  .p-article-archive .c-article-archive-card__cta:hover,
  .p-article-archive .c-article-archive-card__cta:focus-visible {
    transform: none;
  }
}

/* Article archive final lock: scoped polish for /artikel/. */
.p-article-archive {
  overflow-x: hidden;
}

.p-article-archive :where(a, button):focus-visible {
  outline: 2px solid rgb(0 111 168 / 62%);
  outline-offset: 3px;
}

.p-article-archive-hero {
  min-height: clamp(31rem, 64svh, 36rem);
  padding-block: clamp(1.85rem, 3.2vw, 2.8rem) clamp(1.45rem, 2.8vw, 2.35rem);
  background:
    radial-gradient(circle at 76% 20%, rgb(213 154 9 / 10%) 0 7.5rem, transparent 16rem),
    radial-gradient(circle at 88% 78%, rgb(0 111 168 / 10%) 0 8rem, transparent 18rem),
    linear-gradient(118deg, #ffffff 0%, #eefaff 58%, #fff9e8 100%);
}

.p-article-archive-hero__inner {
  --container-width: 80rem;
  gap: clamp(0.9rem, 1.8vw, 1.35rem);
}

.p-article-archive-hero__grid {
  grid-template-columns: minmax(0, 1.05fr) minmax(23rem, 0.82fr);
  gap: clamp(1.6rem, 3.2vw, 3.15rem);
}

.p-article-archive-hero__content {
  max-width: 39rem;
}

.p-article-archive h1 {
  max-width: 22ch;
  font-size: clamp(2.3rem, 3.55vw, 3.35rem);
  line-height: 1.06;
  text-wrap: balance;
}

.p-article-archive-hero__lead {
  max-width: 35rem;
  color: rgb(37 70 90 / 80%);
}

.p-article-archive__eyebrow {
  align-items: center;
  gap: 0.5rem;
}

.p-article-archive__eyebrow span {
  flex: 0 0 auto;
}

.p-article-archive-hero__visual {
  --orbit-rx: clamp(9.6rem, 12.6vw, 11.1rem);
  --orbit-ry: clamp(7.1rem, 9.2vw, 8.35rem);
  --orbit-line-length: clamp(7.2rem, 9.6vw, 9rem);
  min-height: clamp(23rem, 27vw, 26rem);
  justify-self: end;
  background:
    radial-gradient(circle at 50% 48%, rgb(0 111 168 / 9%) 0 5.5rem, transparent 13rem),
    linear-gradient(135deg, rgb(255 255 255 / 96%), rgb(232 249 255 / 88%) 72%, rgb(255 248 220 / 42%));
}

.p-article-archive-hero__visual-ring {
  width: min(67%, 21rem);
  border-style: solid;
}

.p-article-archive-hero__node {
  min-width: max-content;
  border-color: rgb(0 111 168 / 13%);
  background: rgb(255 255 255 / 94%);
  box-shadow: 0 0.72rem 1.55rem rgb(4 50 76 / 9%);
  backdrop-filter: blur(6px);
  animation: none;
  will-change: auto;
}

.p-article-archive-hero__node--branding {
  --orbit-angle-0: 345deg;
  --orbit-rx-node: calc(var(--orbit-rx) * 0.98);
  --orbit-ry-node: calc(var(--orbit-ry) * 0.84);
}

.p-article-archive-hero__node--legalitas {
  --orbit-angle-0: 38deg;
  --orbit-rx-node: calc(var(--orbit-rx) * 0.92);
  --orbit-ry-node: calc(var(--orbit-ry) * 0.9);
}

.p-article-archive-hero__node--produksi {
  --orbit-angle-0: 128deg;
  --orbit-rx-node: calc(var(--orbit-rx) * 0.94);
  --orbit-ry-node: calc(var(--orbit-ry) * 0.94);
}

.p-article-archive-hero__node--formulasi {
  --orbit-angle-0: 210deg;
  --orbit-rx-node: calc(var(--orbit-rx) * 0.98);
  --orbit-ry-node: calc(var(--orbit-ry) * 0.92);
}

.p-article-archive-hero__node--strategi {
  --orbit-angle-0: 272deg;
  --orbit-rx-node: calc(var(--orbit-rx) * 0.32);
  --orbit-ry-node: calc(var(--orbit-ry) * 1.04);
}

.p-article-archive-hero__line--branding {
  transform: rotate(345deg);
}

.p-article-archive-hero__line--legalitas {
  transform: rotate(38deg);
}

.p-article-archive-hero__line--produksi {
  transform: rotate(128deg);
}

.p-article-archive-hero__line--formulasi {
  transform: rotate(210deg);
}

.p-article-archive-hero__line--strategi {
  transform: rotate(272deg);
}

.p-article-archive-categories__panel {
  min-width: 0;
  border-color: rgb(0 111 168 / 12%);
  background: linear-gradient(135deg, rgb(255 255 255 / 94%), rgb(238 250 255 / 72%));
}

.p-article-archive-categories__chip.is-active {
  border-color: rgb(213 154 9 / 58%);
  background: linear-gradient(135deg, #064762 0%, #0b6f97 100%);
  box-shadow:
    0 0 0 1px rgb(213 154 9 / 18%),
    0 0.72rem 1.55rem rgb(4 50 76 / 9%);
}

.p-article-archive-list {
  padding-bottom: clamp(4.8rem, 7.1vw, 6.3rem);
}

.p-article-archive-empty {
  max-width: none;
  margin-inline: 0;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  text-align: center;
}

.p-article-archive-empty p:not(.p-article-archive-empty__eyebrow) {
  margin-inline: auto;
}

.p-article-archive .p-article-archive-empty__cta {
  margin-inline: auto;
}

.p-article-archive-cta__box {
  max-width: none;
  margin-inline: 0;
  justify-items: center;
  border-color: rgb(18 140 74 / 14%);
  background:
    radial-gradient(circle at 86% 16%, rgb(18 140 74 / 10%) 0 8rem, transparent 20rem),
    radial-gradient(circle at 10% 82%, rgb(253 209 0 / 6%) 0 7rem, transparent 18rem),
    linear-gradient(135deg, #fffefd 0%, #f3fbf7 68%, #fffdf2 100%);
  text-align: center;
}

.p-article-archive-cta__icon {
  color: var(--article-green-700);
}

.p-article-archive-cta p:not(.p-article-archive__eyebrow) {
  margin-inline: auto;
}

@media (max-width: 74rem) {
  .p-article-archive-hero {
    min-height: auto;
  }

  .p-article-archive-hero__grid {
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.76fr);
  }
}

@media (max-width: 63.9375rem) {
  .p-article-archive-hero {
    padding-block: clamp(1.45rem, 3vw, 2rem) clamp(1.1rem, 2.4vw, 1.6rem);
  }

  .p-article-archive-hero__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .p-article-archive-hero__content {
    max-width: 40rem;
  }

  .p-article-archive-hero__visual {
    justify-self: center;
  }
}

@media (max-width: 47.9375rem) {
  .p-article-archive-hero {
    min-height: 0;
    padding: 1.05rem 0 1.15rem;
  }

  .p-article-archive .p-article-archive-hero__inner {
    max-width: min(calc(100% - 1.25rem), var(--container-width));
    gap: 0.78rem;
  }

  .p-article-archive-hero__grid {
    gap: 0.9rem;
  }

  .p-article-archive__eyebrow {
    margin-bottom: 0.38rem;
    font-size: 0.72rem;
  }

  .p-article-archive h1 {
    max-width: 23ch;
    font-size: clamp(1.78rem, 7.6vw, 2.15rem);
    line-height: 1.12;
    text-wrap: balance;
  }

  .p-article-archive-hero__lead {
    margin-top: 0.6rem;
    font-size: 0.93rem;
    line-height: 1.6;
  }

  .p-article-archive-hero__visual {
    --orbit-rx: clamp(4.75rem, 25vw, 6rem);
    --orbit-ry: clamp(4.15rem, 18vw, 5rem);
    --orbit-line-length: clamp(3.8rem, 16vw, 4.65rem);
    min-height: clamp(14.6rem, 62vw, 16rem);
    margin-top: 0.05rem;
    overflow: hidden;
  }

  .p-article-archive-hero__visual-ring {
    width: min(64%, 11.4rem);
    box-shadow:
      0 0 0 0.82rem rgb(255 255 255 / 18%),
      inset 0 0 0 0.82rem rgb(0 111 168 / 4%);
  }

  .p-article-archive-hero__core {
    width: 4.1rem;
    height: 4.1rem;
  }

  .p-article-archive-hero__node {
    min-height: 2rem;
    padding: 0.34rem 0.48rem;
  }

  .p-article-archive-hero__node strong {
    font-size: clamp(0.66rem, 2.65vw, 0.72rem);
  }

  .p-article-archive-hero__node--branding {
    --orbit-rx-node: calc(var(--orbit-rx) * 0.9);
    --orbit-ry-node: calc(var(--orbit-ry) * 0.72);
  }

  .p-article-archive-hero__node--legalitas {
    --orbit-rx-node: calc(var(--orbit-rx) * 0.85);
    --orbit-ry-node: calc(var(--orbit-ry) * 0.82);
  }

  .p-article-archive-hero__node--produksi {
    --orbit-rx-node: calc(var(--orbit-rx) * 0.86);
    --orbit-ry-node: calc(var(--orbit-ry) * 0.86);
  }

  .p-article-archive-hero__node--formulasi {
    --orbit-rx-node: calc(var(--orbit-rx) * 0.86);
    --orbit-ry-node: calc(var(--orbit-ry) * 0.8);
  }

  .p-article-archive-categories {
    padding-top: 0.85rem;
  }

  .p-article-archive-categories__panel {
    width: 100%;
    padding: 0.78rem;
    gap: 0.55rem;
  }

  .p-article-archive-categories__nav {
    width: 100%;
  }

  .p-article-archive-categories__chip {
    min-height: 2.3rem;
  }

  .p-article-archive-list {
    padding-block: clamp(1.2rem, 4.8vw, 1.6rem) clamp(4rem, 15vw, 5rem);
  }

  .p-article-archive-empty,
  .p-article-archive-cta__box {
    --article-card-mobile-inline-padding: clamp(1.45rem, 6.4vw, 2rem);
    padding: clamp(2.15rem, 9vw, 2.7rem) var(--article-card-mobile-inline-padding);
  }

  .p-article-archive-empty h2,
  .p-article-archive-cta h2,
  .p-article-archive-empty p,
  .p-article-archive-cta p {
    width: min(100%, 21.25rem);
    max-width: 21.25rem;
    overflow-wrap: anywhere;
  }

  .p-article-archive .p-article-archive-empty__cta,
  .p-article-archive .p-article-archive-cta__button {
    width: 100%;
    max-width: 21.25rem;
    overflow-wrap: anywhere;
  }

  .p-article-archive .p-article-archive-empty__cta,
  .p-article-archive .p-article-archive-cta__button {
    white-space: nowrap;
    text-align: center;
  }
}

@media (max-width: 22rem) {
  .p-article-archive-hero__visual {
    --orbit-rx: 4.45rem;
    --orbit-ry: 3.95rem;
  }

  .p-article-archive-hero__node {
    padding-inline: 0.4rem;
    gap: 0.28rem;
  }
}

/* Article archive FAQ-inspired hero. */
.p-article-archive {
  --article-font-family: Inter, "Inter Variable", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-family: var(--article-font-family);
}

.p-article-archive :where(h1, h2, h3, h4, h5, h6, p, a, span, strong, small, em, button, input, select, textarea) {
  font-family: var(--article-font-family);
}

.p-article-archive-hero {
  min-height: clamp(39rem, calc(100svh - 4.5rem), 45rem);
  padding-block: clamp(3.65rem, 5.7vw, 5.1rem) clamp(1.8rem, 3.3vw, 3rem);
  overflow: clip;
  border-bottom: 1px solid rgb(0 111 168 / 7%);
  background:
    radial-gradient(circle at 72% 36%, rgb(0 111 168 / 8%) 0 14rem, transparent 34rem),
    radial-gradient(circle at 86% 18%, rgb(213 154 9 / 8%) 0 9rem, transparent 24rem),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 54%, #f3fbff 100%);
}

.p-article-archive-hero::before {
  opacity: 0.14;
}

.p-article-archive-hero__inner {
  display: grid;
  align-items: center;
}

.p-article-archive .p-article-archive-hero__inner,
.p-article-archive .p-article-archive-categories > .srcosme-container,
.p-article-archive .p-article-archive-list > .srcosme-container,
.p-article-archive .p-article-archive-cta > .srcosme-container {
  --container-width: inherit;
  width: calc(100% - var(--container-gutter) - var(--container-gutter));
  max-width: var(--container-width);
  margin-inline: auto;
}

.p-article-archive .p-article-archive-hero__inner {
  flex: 0 1 auto;
}

.p-article-archive-hero__grid {
  grid-template-columns: minmax(0, 52%) minmax(28rem, 48%);
  gap: clamp(3rem, 5vw, 4.5rem);
  align-items: center;
}

.p-article-archive-hero__content {
  display: grid;
  max-width: 38rem;
  gap: 0;
  position: relative;
  z-index: 4;
}

.p-article-archive-hero .p-article-archive__eyebrow {
  min-height: 1.3rem;
  margin-bottom: clamp(1rem, 1.6vw, 1.3rem);
  gap: 0.5rem;
  color: #006fa8;
  font-size: clamp(0.82rem, 1.05vw, 0.94rem);
  font-weight: 600;
  letter-spacing: 0.12em;
}

.p-article-archive-hero .p-article-archive__eyebrow span {
  width: 0.54rem;
  height: 0.54rem;
  background: #ef4444;
  box-shadow: 0 0 0 0.34rem rgb(239 68 68 / 12%);
}

.p-article-archive-hero h1 {
  max-width: 15ch;
  font-size: clamp(3.25rem, 4.45vw, 4.25rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-wrap: balance;
}

.p-article-archive-hero__lead {
  max-width: 35.5rem;
  margin-top: clamp(1.05rem, 1.65vw, 1.35rem);
  color: rgb(68 87 100 / 84%);
  font-size: clamp(1.04rem, 1.24vw, 1.18rem);
  font-weight: 400;
  line-height: 1.76;
}

.p-article-archive-hero__visual {
  position: relative;
  width: min(100%, 38rem);
  min-height: clamp(29rem, 35vw, 33.5rem);
  justify-self: end;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  isolation: isolate;
}

.p-article-archive-hero__visual::before,
.p-article-archive-hero__visual::after {
  display: none;
}

.p-article-archive-network {
  --article-orbit-duration: 64s;
  --article-badge-orbit-duration: 78s;
  --article-badge-orbit-radius: clamp(10.65rem, 15.3vw, 11.35rem);
  --article-orbit-radius-x: clamp(11.4rem, 15.2vw, 13.8rem);
  --article-orbit-radius-y: clamp(9.6rem, 12.3vw, 11.6rem);
  position: relative;
  width: 100%;
  min-height: inherit;
  overflow: visible;
  isolation: isolate;
}

.p-article-archive-network::before {
  position: absolute;
  inset: 10% 5% 16% 10%;
  z-index: -1;
  border-radius: 999px;
  background:
    radial-gradient(circle, rgb(0 111 168 / 9%) 0%, rgb(0 111 168 / 4%) 44%, transparent 72%);
  content: "";
  filter: blur(0.35rem);
  pointer-events: none;
}

.p-article-archive-network__orbit-stage {
  position: absolute;
  inset: 0;
  z-index: 1;
  animation: articleArchiveCounterClockwise var(--article-orbit-duration) linear infinite;
  transform-origin: 50% 50%;
}

.p-article-archive-network__orbit {
  position: absolute;
  inset: 50% auto auto 50%;
  border: 1px solid rgb(0 111 168 / 10%);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
}

.p-article-archive-network__orbit--outer {
  width: min(72%, 28.5rem);
  aspect-ratio: 1;
  border-style: dashed;
}

.p-article-archive-network__orbit--middle {
  width: min(58%, 22.5rem);
  aspect-ratio: 1;
  border-color: rgb(0 111 168 / 10%);
}

.p-article-archive-network__orbit--inner {
  width: min(36%, 14rem);
  aspect-ratio: 1;
  border-color: rgb(213 154 9 / 20%);
}

.p-article-archive-network__dot {
  position: absolute;
  z-index: 2;
  width: 0.58rem;
  aspect-ratio: 1;
  border: 2px solid rgb(23 139 215 / 88%);
  border-radius: 999px;
  background: #ffffff;
  box-shadow:
    0 0 0 0.25rem rgb(23 139 215 / 8%),
    0 0.45rem 1rem rgb(4 50 76 / 9%);
  transform: translate(-50%, -50%);
}

.p-article-archive-network__dot--one { top: 13%; left: 51%; }
.p-article-archive-network__dot--two { top: 26%; left: 82%; }
.p-article-archive-network__dot--three { top: 59%; left: 90%; }
.p-article-archive-network__dot--four { top: 86%; left: 63%; }
.p-article-archive-network__dot--five { top: 78%; left: 23%; }
.p-article-archive-network__dot--six { top: 41%; left: 14%; }

.p-article-archive-hero__core {
  z-index: 3;
  width: clamp(7.7rem, 11vw, 9.45rem);
  height: auto;
  aspect-ratio: 1;
  padding: clamp(1rem, 1.8vw, 1.35rem);
  border: 1px solid rgb(213 154 9 / 14%);
  border-radius: 1.25rem;
  background: linear-gradient(145deg, #ffffff 0%, #ffffff 58%, #f5fbff 100%);
  box-shadow:
    0 1.55rem 3rem rgb(4 50 76 / 12%),
    inset 0 1px 0 rgb(255 255 255 / 88%);
}

.p-article-archive-hero__core::before {
  position: absolute;
  inset: -3rem;
  z-index: -1;
  border-radius: 999px;
  background: radial-gradient(circle, rgb(0 111 168 / 14%) 0%, rgb(0 111 168 / 6%) 38%, transparent 70%);
  content: "";
  filter: blur(0.2rem);
  pointer-events: none;
}

.p-article-archive-hero__core img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 0.45rem 0.75rem rgb(4 50 76 / 9%));
}

.p-article-archive-hero__core > span {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  border-radius: 1rem;
  background: transparent;
  color: #008fd7;
  font-size: clamp(2.35rem, 5vw, 3.5rem);
}

.p-article-archive-hero__core strong {
  display: none;
}

.p-article-archive-orbit-track {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  transform: rotate(var(--article-orbit-start-angle));
  transform-origin: 50% 50%;
  animation: articleOrbitCounterClockwise var(--article-badge-orbit-duration) linear infinite;
  animation-delay: var(--article-orbit-delay);
}

.p-article-archive-orbit-anchor {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(var(--article-badge-orbit-radius));
  transform-origin: 0 0;
}

.p-article-archive-orbit-upright {
  position: relative;
  width: 0;
  height: 0;
  transform: rotate(calc(-1 * var(--article-orbit-start-angle)));
  transform-origin: 0 0;
  animation: articleBadgeCounterRotation var(--article-badge-orbit-duration) linear infinite;
  animation-delay: var(--article-orbit-delay);
}

.p-article-archive-orbit-track--formulasi {
  --article-orbit-start-angle: -189deg;
  --article-orbit-delay: -40.95s;
}

.p-article-archive-orbit-track--produksi {
  --article-orbit-start-angle: -261deg;
  --article-orbit-delay: -56.55s;
}

.p-article-archive-orbit-track--legalitas {
  --article-orbit-start-angle: -333deg;
  --article-orbit-delay: -72.15s;
}

.p-article-archive-orbit-track--branding {
  --article-orbit-start-angle: -45deg;
  --article-orbit-delay: -9.75s;
}

.p-article-archive-orbit-track--strategi {
  --article-orbit-start-angle: -117deg;
  --article-orbit-delay: -25.35s;
}

.p-article-archive-hero__node {
  position: relative;
  top: auto;
  left: auto;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  width: clamp(9.55rem, 11.8vw, 11.05rem);
  min-width: 0;
  min-height: 3.62rem;
  padding: 0.65rem 0.76rem;
  align-items: center;
  gap: 0.15rem 0.6rem;
  border: 1px solid rgb(213 154 9 / 14%);
  border-radius: 0.95rem;
  background: rgb(255 255 255 / 95%);
  box-shadow: 0 1rem 2.35rem rgb(4 50 76 / 9%);
  backdrop-filter: none;
  pointer-events: auto;
  transform: translate(-50%, -50%);
}

.p-article-archive-hero__node span {
  grid-row: 1 / span 2;
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border: 0;
  border-radius: 0.72rem;
  background: rgb(0 111 168 / 8%);
  color: #178bd7;
  box-shadow: none;
}

.p-article-archive-hero__node svg {
  width: 1.04rem;
  height: 1.04rem;
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.05;
}

.p-article-archive-hero__node strong {
  overflow: hidden;
  min-width: 0;
  color: #04324c;
  font-size: clamp(0.92rem, 0.98vw, 1rem);
  font-weight: 700;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-article-archive-hero__node small {
  overflow: hidden;
  min-width: 0;
  color: rgb(68 87 100 / 78%);
  font-size: 0.66rem;
  font-weight: 500;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-article-archive-hero__node--produksi span,
.p-article-archive-hero__node--branding span {
  background: rgb(253 209 0 / 12%);
  color: #d59a09;
}

.p-article-archive-categories {
  padding: clamp(1.1rem, 1.6vw, 1.55rem) 0 clamp(0.35rem, 0.8vw, 0.65rem);
  border-top: 1px solid rgb(0 111 168 / 6%);
  background:
    linear-gradient(180deg, #f3fbff 0%, #f7fbfd 100%);
}

.p-article-archive-categories__panel {
  width: fit-content;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.p-article-archive-categories__label {
  color: rgb(37 70 90 / 68%);
}

@keyframes articleArchiveCounterClockwise {
  to {
    transform: rotate(-360deg);
  }
}

@keyframes articleOrbitCounterClockwise {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(-360deg);
  }
}

@keyframes articleBadgeCounterRotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 74rem) {
  .p-article-archive-hero__grid {
    grid-template-columns: minmax(0, 50%) minmax(26rem, 50%);
    gap: clamp(2.75rem, 4.5vw, 3.75rem);
  }

  .p-article-archive-hero h1 {
    font-size: clamp(2.95rem, 4vw, 3.45rem);
  }
}

@media (min-width: 68.8125rem) and (max-width: 74rem) {
  .p-article-archive-hero__visual {
    width: min(100%, 35rem);
  }

  .p-article-archive-network {
    --article-badge-orbit-radius: clamp(10.1rem, 26vw, 11.05rem);
    --article-orbit-radius-x: clamp(10.5rem, 14.4vw, 12.2rem);
    --article-orbit-radius-y: clamp(9.2rem, 12.4vw, 10.7rem);
  }

  .p-article-archive-hero__node {
    width: clamp(9.35rem, 11.6vw, 10.65rem);
  }
}

@media (max-width: 68.75rem) {
  .p-article-archive-hero {
    min-height: 0;
    padding-block: clamp(2.8rem, 6vw, 4rem) clamp(2rem, 4.5vw, 2.8rem);
    overflow: visible;
  }

  .p-article-archive-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(1.5rem, 3.5vw, 2.4rem);
  }

  .p-article-archive-hero__visual {
    width: min(100%, 40rem);
    min-height: clamp(28rem, 56vw, 33rem);
    justify-self: center;
  }
}

@media (max-width: 47.9375rem) {
  .p-article-archive-hero {
    padding: clamp(2.35rem, 7.2vw, 3rem) 0 clamp(2rem, 7vw, 2.75rem);
    overflow: visible;
  }

  .p-article-archive .p-article-archive-hero__inner {
    max-width: min(calc(100% - 2rem), var(--container-width));
  }

  .p-article-archive-hero__content {
    max-width: none;
  }

  .p-article-archive-hero .p-article-archive__eyebrow {
    margin-bottom: 0.9rem;
    font-size: 0.82rem;
    letter-spacing: 0.115em;
  }

  .p-article-archive-hero h1 {
    max-width: 14.8ch;
    font-size: clamp(2.3rem, 9.9vw, 2.95rem);
    line-height: 1.07;
  }

  .p-article-archive-hero__lead {
    max-width: 32rem;
    margin-top: 0.9rem;
    font-size: clamp(1rem, 4vw, 1.12rem);
    line-height: 1.6;
  }

  .p-article-archive-hero__visual {
    width: min(calc(100vw - 1.5rem), 26.25rem);
    min-height: clamp(18.5rem, 78vw, 24rem);
    margin-top: 0.35rem;
    margin-inline: auto;
  }

  .p-article-archive-network {
    --article-badge-orbit-duration: 88s;
    --article-badge-orbit-radius: clamp(6rem, 29.4vw, 8.3rem);
    --article-orbit-radius-x: clamp(6.95rem, 34vw, 9.15rem);
    --article-orbit-radius-y: clamp(6.55rem, 31vw, 8.75rem);
    width: min(calc(100vw - 1.5rem), 26.25rem);
    margin-inline: auto;
  }

  .p-article-archive-network::before,
  .p-article-archive-hero__core::before {
    display: none;
  }

  .p-article-archive-orbit-track--formulasi {
    --article-orbit-delay: -4.4s;
  }

  .p-article-archive-orbit-track--produksi {
    --article-orbit-delay: -22s;
  }

  .p-article-archive-orbit-track--legalitas {
    --article-orbit-delay: -39.6s;
  }

  .p-article-archive-orbit-track--branding {
    --article-orbit-delay: -57.2s;
  }

  .p-article-archive-orbit-track--strategi {
    --article-orbit-delay: -74.8s;
  }

  .p-article-archive-network__orbit--outer {
    width: min(86%, 23rem);
  }

  .p-article-archive-network__orbit--middle {
    width: min(70%, 18.4rem);
  }

  .p-article-archive-network__orbit--inner {
    width: min(43%, 11.2rem);
  }

  .p-article-archive-network__dot {
    width: 0.48rem;
    box-shadow:
      0 0 0 0.18rem rgb(23 139 215 / 7%),
      0 0.35rem 0.72rem rgb(4 50 76 / 7%);
  }

  .p-article-archive-hero__core {
    width: clamp(3.62rem, 16vw, 4.35rem);
    padding: 0.5rem;
    border-color: rgb(213 154 9 / 18%);
    background: linear-gradient(145deg, #ffffff 0%, #fffefa 100%);
    box-shadow:
      0 0.7rem 1.45rem rgb(4 50 76 / 9%),
      inset 0 1px 0 rgb(255 255 255 / 90%);
  }

  .p-article-archive-hero__node {
    grid-template-columns: clamp(1.55rem, 7.6vw, 2.15rem) minmax(0, 1fr);
    width: clamp(6.7rem, 32.8vw, 9.12rem);
    min-height: clamp(2.98rem, 12vw, 3.48rem);
    padding: clamp(0.44rem, 1.9vw, 0.6rem) clamp(0.5rem, 2.7vw, 0.82rem);
    column-gap: clamp(0.36rem, 1.75vw, 0.56rem);
    border-color: rgb(213 154 9 / 18%);
    border-radius: clamp(0.78rem, 3vw, 0.98rem);
    box-shadow: 0 0.65rem 1.35rem rgb(4 50 76 / 8%);
  }

  .p-article-archive-hero__node span {
    width: clamp(1.55rem, 7.6vw, 2.15rem);
    height: clamp(1.55rem, 7.6vw, 2.15rem);
    border-radius: 0.56rem;
  }

  .p-article-archive-hero__node svg {
    width: clamp(0.84rem, 4vw, 1.12rem);
    height: clamp(0.84rem, 4vw, 1.12rem);
  }

  .p-article-archive-hero__node strong {
    font-size: clamp(0.8rem, 3.45vw, 0.98rem);
    font-weight: 700;
  }

  .p-article-archive-hero__node small {
    display: -webkit-box;
    overflow: hidden;
    font-size: clamp(0.56rem, 2.35vw, 0.68rem);
    font-weight: 500;
    line-height: 1.15;
    text-overflow: clip;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .p-article-archive-categories {
    padding: 1.05rem 0 0.25rem;
  }

  .p-article-archive-categories__panel {
    display: inline-flex;
    width: 100%;
    max-width: 100%;
    padding: 0;
    align-items: flex-start;
    gap: 0.55rem;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .p-article-archive-categories__label {
    padding-inline: 0;
    font-size: 0.68rem;
    white-space: nowrap;
  }

  .p-article-archive-categories__chip {
    min-height: 2.3rem;
    padding-inline: 0.9rem;
  }
}

@media (max-width: 23rem) {
  .p-article-archive-hero h1 {
    max-width: 100%;
    font-size: clamp(2.06rem, 9.7vw, 2.36rem);
  }

  .p-article-archive-hero__node small {
    display: -webkit-box;
    font-size: 0.54rem;
    line-height: 1.08;
  }

  .p-article-archive-hero__node {
    grid-template-columns: 1.36rem minmax(0, 1fr);
    width: 6.3rem;
    min-height: 2.85rem;
    padding: 0.38rem;
    column-gap: 0.28rem;
  }

  .p-article-archive-hero__node span {
    width: 1.36rem;
    height: 1.36rem;
  }

  .p-article-archive-network {
    --article-badge-orbit-radius: 5.88rem;
    --article-orbit-radius-x: 6.8rem;
    --article-orbit-radius-y: 6.45rem;
  }

  .p-article-archive-hero__core {
    width: 3.58rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .p-article-archive-network__orbit-stage,
  .p-article-archive-orbit-track,
  .p-article-archive-orbit-upright {
    animation: none;
  }
}