/* Kha Project Timeline — frontend */
.kha-pt__quick-edit-wrap{display:flex;justify-content:flex-end;margin:0 0 12px}
.kha-pt__quick-edit{display:inline-flex;min-height:36px;align-items:center;gap:7px;padding:0 12px;border:1px solid #c9ced6;border-radius:8px;background:#fff;color:#4b5563!important;font:600 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-decoration:none!important}
.kha-pt__quick-edit:hover{border-color:#0f766e;color:#0f766e!important}

.kha-pt{
    --kha-pt-accent:#0f766e;
    --kha-pt-accent-rgb:15,118,110;
    --kha-pt-text:#17181a;
    --kha-pt-muted:#687385;
    --kha-pt-border:#dfe3e8;
    --kha-pt-line:#e8ebef;
    --kha-pt-surface:#fff;
    --kha-pt-card-width:310px;
    --kha-pt-card-height:430px;
    --kha-pt-gap:24px;
    --kha-pt-axis:478px;
    --kha-pt-viewport-top:100px;
    --kha-pt-pulse-duration:2s;
    position:relative;
    width:100%;
    max-width:100%;
    min-width:0;
    margin:40px 0;
    overflow:visible;
    color:var(--kha-pt-text);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.kha-pt,
.kha-pt *{box-sizing:border-box}

/* Isolate the carousel from theme list rules. */
.kha-pt .kha-pt__viewport{
    position:relative;
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
    padding:var(--kha-pt-viewport-top) 2px 0;
    overflow-x:auto;
    overflow-y:visible;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    -ms-overflow-style:none;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x pan-y;
}

.kha-pt .kha-pt__viewport::-webkit-scrollbar{display:none}
.kha-pt .kha-pt__viewport:focus-visible{outline:2px solid var(--kha-pt-accent);outline-offset:4px;border-radius:18px}

.kha-pt .kha-pt__list{
    position:relative;
    display:inline-flex!important;
    align-items:flex-start!important;
    width:max-content!important;
    min-width:max-content!important;
    max-width:none!important;
    gap:var(--kha-pt-gap)!important;
    margin:0!important;
    padding:0 0 36px!important;
    list-style:none!important;
    isolation:isolate;
}

.kha-pt .kha-pt__list::before,
.kha-pt .kha-pt__list::after{
    content:"";
    position:absolute;
    top:var(--kha-pt-axis);
    left:calc(var(--kha-pt-card-width) / 2);
    height:1.5px;
    border-radius:999px;
    pointer-events:none;
}

.kha-pt .kha-pt__list::before{z-index:0;width:calc(100% - var(--kha-pt-card-width));background:var(--kha-pt-line)}
.kha-pt .kha-pt__list::after{z-index:1;width:calc((100% - var(--kha-pt-card-width)) * var(--kha-pt-progress) / 100);max-width:calc(100% - var(--kha-pt-card-width));background:rgba(var(--kha-pt-accent-rgb),.55)}

.kha-pt .kha-pt__item{
    position:relative;
    z-index:2;
    display:block!important;
    flex:0 0 var(--kha-pt-card-width)!important;
    width:var(--kha-pt-card-width)!important;
    min-width:var(--kha-pt-card-width)!important;
    max-width:var(--kha-pt-card-width)!important;
    margin:0!important;
    padding:0 0 54px!important;
    overflow:visible;
    list-style:none!important;
    scroll-snap-align:center;
}

.kha-pt .kha-pt__item::before,
.kha-pt .kha-pt__item::after{content:none!important}

/* Card */
.kha-pt .kha-pt__card{
    position:relative;
    display:flex!important;
    flex-direction:column!important;
    width:100%;
    height:var(--kha-pt-card-height);
    min-height:0;
    margin:0;
    overflow:visible;
    border:1px solid var(--kha-pt-border);
    border-radius:26px;
    background:var(--kha-pt-surface);
    box-shadow:0 10px 30px rgba(20,28,38,.07);
    transform-origin:center top;
    transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}

.kha-pt .kha-pt__media{
    position:relative;
    flex:0 0 auto;
    width:calc(100% - 32px);
    margin:16px 16px 0;
    overflow:hidden;
    aspect-ratio:16/9;
    border-radius:18px;
    background:#eef1f4;
    isolation:isolate;
}

.kha-pt .kha-pt__image{
    position:absolute;
    inset:0;
    display:block;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    margin:0!important;
    object-fit:cover;
    transition:filter .28s ease,transform .38s ease;
}

.kha-pt .kha-pt__media-placeholder{display:block;width:100%;height:100%;background:linear-gradient(145deg,#eceff3,#f8f9fb)}

.kha-pt .kha-pt__video-trigger{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    border:0;
    background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.34));
    color:#fff;
    box-sizing:border-box;
    appearance:none;
    -webkit-appearance:none;
    font:inherit;
    line-height:normal;
    text-align:center;
    text-decoration:none!important;
    cursor:pointer;
}

.kha-pt .kha-pt__video-trigger:hover,
.kha-pt .kha-pt__video-trigger:focus-visible{background:rgba(0,0,0,.42)}
.kha-pt .kha-pt__video-trigger:focus-visible{outline:3px solid #fff;outline-offset:-7px}
.kha-pt .kha-pt__play-icon{display:grid;width:54px;height:54px;place-items:center;padding-left:3px;border-radius:50%;background:#ff0033;box-shadow:0 8px 22px rgba(0,0,0,.24);font-size:20px;line-height:1;transition:transform .2s ease}
.kha-pt .kha-pt__video-trigger--tiktok .kha-pt__play-icon{background:#111;box-shadow:0 8px 22px rgba(0,0,0,.34),3px 0 0 rgba(37,244,238,.65),-3px 0 0 rgba(254,44,85,.65)}
.kha-pt .kha-pt__video-trigger:hover .kha-pt__play-icon,
.kha-pt .kha-pt__video-trigger:focus-visible .kha-pt__play-icon{transform:scale(1.08)}

.kha-pt .kha-pt__body{
    display:flex!important;
    flex:1 1 auto;
    min-width:0;
    min-height:0;
    flex-direction:column!important;
    padding:18px 20px;
    overflow:hidden;
}

.kha-pt .kha-pt__title{
    display:-webkit-box;
    min-width:0;
    max-height:2.4em;
    margin:0!important;
    overflow:hidden;
    color:var(--kha-pt-text)!important;
    font:700 24px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    letter-spacing:-.025em!important;
    text-transform:none!important;
    overflow-wrap:anywhere;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

.kha-pt .kha-pt__description{
    display:-webkit-box;
    min-width:0;
    min-height:48px;
    margin:10px 0 0!important;
    overflow:hidden;
    color:#515763!important;
    font:400 15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    letter-spacing:normal!important;
    text-transform:none!important;
    overflow-wrap:anywhere;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

.kha-pt .kha-pt__description.is-empty{visibility:hidden}

/* Footer */
.kha-pt .kha-pt__footer{
    display:flex!important;
    flex:0 0 auto;
    min-width:0;
    min-height:59px;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:14px;
    margin-top:auto!important;
    padding-top:16px;
    border-top:1px solid #edf0f3;
}

.kha-pt .kha-pt__footer>*{margin-top:0!important;margin-bottom:0!important}
.kha-pt .kha-pt__meta{display:grid!important;grid-template-columns:18px minmax(0,1fr);flex:1 1 auto;min-width:0;align-items:center!important;column-gap:8px;row-gap:6px;text-align:left}
.kha-pt .kha-pt__badge{position:static;display:grid;width:max-content;max-width:100%;grid-template-columns:18px minmax(0,auto);grid-column:1/-1;justify-self:start;min-height:0;align-items:center;column-gap:7px;padding:0;border:0;border-radius:0;background:transparent;color:#52766f;box-shadow:none;font-size:10px!important;font-weight:700;letter-spacing:.06em;line-height:1;white-space:nowrap}
.kha-pt .kha-pt__badge>span{grid-column:2}
.kha-pt .kha-pt__badge-icon{grid-column:1;justify-self:center;flex:0 0 auto;font-size:9px;line-height:1}
.kha-pt .kha-pt__date{display:flex;grid-column:1/-1;min-width:0;align-items:center;gap:7px;margin:0!important;color:var(--kha-pt-muted)!important;font:500 13px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:normal!important;text-transform:none!important;white-space:nowrap}
.kha-pt .kha-pt__date-icon{flex:0 0 auto;width:18px;color:#8490a0;font-size:12px!important;text-align:center}

.kha-pt .kha-pt__button,
.kha-pt .cta-view-btn{
    position:relative;
    display:inline-flex;
    flex:0 0 auto;
    max-width:58%;
    min-height:42px;
    align-items:center;
    justify-content:center;
    margin-left:auto;
    padding:0 22px;
    overflow:hidden;
    border:1.5px solid var(--kha-pt-accent);
    border-radius:999px;
    color:var(--kha-pt-accent)!important;
    background:#fff;
    box-shadow:0 6px 16px rgba(var(--kha-pt-accent-rgb),.08);
    font:600 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    text-align:center;
    text-decoration:none!important;
    white-space:nowrap;
    cursor:pointer;
    transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;
}

.kha-pt .kha-pt__button:hover,
.kha-pt .cta-view-btn:hover{background:#f5f9ff;color:var(--kha-pt-accent)!important;transform:translateY(-1px);box-shadow:0 9px 20px rgba(var(--kha-pt-accent-rgb),.14)}
.kha-pt .kha-pt__button:active,
.kha-pt .cta-view-btn:active{transform:translateY(0)}
.kha-pt .kha-pt__button:focus-visible,
.kha-pt .cta-view-btn:focus-visible{outline:3px solid rgba(var(--kha-pt-accent-rgb),.24);outline-offset:3px}

/* Timeline marker */
.kha-pt .kha-pt__marker{
    position:absolute;
    z-index:4;
    top:calc(var(--kha-pt-axis) - 12px);
    left:50%;
    display:block;
    width:24px;
    height:24px;
    border:2px solid #fff;
    border-radius:50%;
    background:#aeb5bf;
    box-shadow:0 0 0 1px var(--kha-pt-line);
    transform:translateX(-50%);
    color:#59616a;
    font-size:9px;
    font-weight:700;
    line-height:1;
    text-align:center;
    font-variant-numeric:tabular-nums;
}

/* Completed */
.kha-pt .kha-pt__item.is-completed .kha-pt__card{border-color:#e1e6eb;box-shadow:0 16px 38px rgba(15,23,42,.045)}
.kha-pt .kha-pt__item.is-completed .kha-pt__image{filter:saturate(.68) contrast(.96) brightness(1.03)}
.kha-pt .kha-pt__item.is-completed .kha-pt__media::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.08);pointer-events:none}
.kha-pt .kha-pt__item.is-completed .kha-pt__title{color:#3f454d!important}
.kha-pt .kha-pt__item.is-completed .kha-pt__description{color:#747c87!important}
.kha-pt .kha-pt__item.is-completed .kha-pt__badge{padding:8px 11px;border-radius:999px;background:#f2f4f6;color:#59616a}
.kha-pt .kha-pt__item.is-completed .kha-pt__marker{background:#59616a;box-shadow:0 0 0 1px #59616a}
.kha-pt .kha-pt__item.is-completed .kha-pt__marker,
.kha-pt .kha-pt__item.is-upcoming .kha-pt__marker{display:grid;place-items:center}
.kha-pt .kha-pt__item.is-completed .kha-pt__marker,
.kha-pt .kha-pt__item.is-current .kha-pt__marker{color:#fff}

/* Current */
.kha-pt .kha-pt__item.is-current{z-index:10}
.kha-pt .kha-pt__item.is-current .kha-pt__card{z-index:10;border:2px solid var(--kha-pt-accent);box-shadow:0 24px 56px rgba(20,54,90,.17);transform:translateY(-18px) scale(1.04)}
.kha-pt .kha-pt__item.is-current .kha-pt__badge::before{content:"";display:block;width:5px;height:5px;grid-column:1;justify-self:center;border-radius:50%;background:#ef5350;box-shadow:0 0 0 0 rgba(239,83,80,.55);animation:kha-pt-live-pulse var(--kha-pt-pulse-duration) infinite ease-out}
.kha-pt .kha-pt__item.is-current .kha-pt__marker{background:var(--kha-pt-accent);box-shadow:0 0 0 1px var(--kha-pt-accent);animation:kha-pt-marker-pulse var(--kha-pt-pulse-duration) infinite ease-out}
.kha-pt .kha-pt__item.is-current .kha-pt__marker{display:grid;width:32px;height:32px;top:calc(var(--kha-pt-axis) - 16px);place-items:center;border-color:var(--kha-pt-accent);background:#fff;color:var(--kha-pt-accent);font-size:11px;font-weight:700;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;animation:none}
.kha-pt .kha-pt__item.is-current .kha-pt__button,
.kha-pt .kha-pt__item.is-current .cta-view-btn{background:var(--kha-pt-accent);color:#fff!important;box-shadow:0 8px 20px rgba(var(--kha-pt-accent-rgb),.18)}
.kha-pt .kha-pt__item.is-current .kha-pt__button:hover,
.kha-pt .kha-pt__item.is-current .cta-view-btn:hover{background:var(--kha-pt-accent);color:#fff!important}

/* Upcoming */
.kha-pt .kha-pt__item.is-upcoming .kha-pt__card{border-color:#e4e9ef;box-shadow:0 18px 44px rgba(15,23,42,.06)}
.kha-pt .kha-pt__item.is-upcoming .kha-pt__media::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.1);pointer-events:none}
.kha-pt .kha-pt__item.is-upcoming .kha-pt__title{color:#374151!important}
.kha-pt .kha-pt__item.is-upcoming .kha-pt__description{color:#68707d!important}
.kha-pt .kha-pt__item.is-upcoming .kha-pt__badge{padding:8px 12px;border-radius:999px;background:#fff7ed;color:#b45309}
.kha-pt .kha-pt__badge-icon--upcoming{color:#f5a524;animation:kha-pt-bolt-pulse 1.6s ease-in-out infinite}
.kha-pt .kha-pt__item.is-upcoming .kha-pt__marker{border-color:#cbd5e1;background:#fff;box-shadow:0 0 0 1px #cbd5e1}
.kha-pt .kha-pt__countdown{display:flex;flex:0 0 auto;min-width:110px;min-height:42px;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:4px;margin:0;text-align:right}
.kha-pt .kha-pt__countdown-label{color:#98a1ad;font-size:12px;line-height:1}
.kha-pt .kha-pt__countdown-days{color: var(--kha-color-teal);
;font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.45;white-space:nowrap}

/* Navigation */
.kha-pt .kha-pt__nav{
    position:absolute;
    z-index:40;
    top:-20px;
    display:inline-flex;
    width:44px;
    height:44px;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:0;
    border:1px solid rgba(111,116,128,.22);
    border-radius:50%;
    background:rgba(255,255,255,.96);
    color:#3f4650;
    box-shadow:0 8px 22px rgba(20,28,38,.11);
    cursor:pointer;
    touch-action:manipulation;
    user-select:none;
    backdrop-filter:blur(10px);
    transform:translate(0,0);
    transition:opacity .2s ease,transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;
}

.kha-pt .kha-pt__nav span{display:block;margin-top:-3px;font:400 34px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.kha-pt .kha-pt__nav--prev{right:64px}
.kha-pt .kha-pt__nav--next{right:12px}
.kha-pt .kha-pt__nav:hover:not(:disabled){background:var(--kha-pt-accent);color:#fff;box-shadow:0 10px 26px rgba(var(--kha-pt-accent-rgb),.23);transform:translateY(-1px) scale(1.04)}
.kha-pt .kha-pt__nav:active:not(:disabled){transform:scale(.97)}
.kha-pt .kha-pt__nav:focus-visible{outline:3px solid rgba(var(--kha-pt-accent-rgb),.28);outline-offset:3px}
.kha-pt .kha-pt__nav:disabled{opacity:0;visibility:hidden;pointer-events:none}

/* Video modal */
.kha-pt .kha-pt__modal[hidden]{display:none}
.kha-pt .kha-pt__modal{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:24px}
.kha-pt .kha-pt__modal-backdrop{position:absolute;inset:0;background:rgba(10,14,20,.82);backdrop-filter:blur(8px)}
.kha-pt .kha-pt__modal-dialog{position:relative;z-index:1;width:min(960px,100%);border-radius:16px;background:#000;box-shadow:0 24px 80px rgba(0,0,0,.38)}
.kha-pt .kha-pt__modal-frame{width:100%;overflow:hidden;aspect-ratio:16/9;border-radius:16px}
.kha-pt .kha-pt__modal-frame iframe{display:block;width:100%;height:100%;border:0}
.kha-pt .kha-pt__modal-close{position:absolute;z-index:2;top:-44px;right:0;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#fff;color:#17181a;font-size:27px;line-height:1;cursor:pointer}
.kha-pt .kha-pt__modal-close:focus-visible{outline:3px solid var(--kha-pt-accent);outline-offset:3px}
body.kha-pt-video-open{overflow:hidden}

@media(hover:hover) and (pointer:fine){
    .kha-pt .kha-pt__item:not(.is-current) .kha-pt__card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,28,38,.1)}
    .kha-pt .kha-pt__item.is-current .kha-pt__card:hover{transform:translateY(-20px) scale(1.045);box-shadow:0 28px 64px rgba(20,54,90,.2)}
    .kha-pt .kha-pt__card:hover .kha-pt__image{transform:scale(1.015)}
}

/* Mobile carousel: left-aligned active card with a visible next-card cue. */
@media(max-width:767px){
    .kha-pt{
        --kha-pt-card-width:min(calc(100vw - 72px),340px);
        --kha-pt-card-height:410px;
        --kha-pt-gap:16px;
        --kha-pt-axis:456px;
        --kha-pt-viewport-top:58px;
        margin:28px 0;
        overflow:visible;
    }

    .kha-pt .kha-pt__viewport{padding:var(--kha-pt-viewport-top) 0 46px;overflow-y:hidden;scroll-padding-inline:12px;scroll-snap-type:x mandatory;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%)}
    .kha-pt .kha-pt__list{padding:0 12px 36px!important}
    .kha-pt .kha-pt__list::before,
    .kha-pt .kha-pt__list::after{left:calc(12px + (var(--kha-pt-card-width) / 2))}
    .kha-pt .kha-pt__list::before{width:calc(100% - 24px - var(--kha-pt-card-width))}
    .kha-pt .kha-pt__list::after{width:calc((100% - 24px - var(--kha-pt-card-width)) * var(--kha-pt-progress) / 100);max-width:calc(100% - 24px - var(--kha-pt-card-width))}
    .kha-pt .kha-pt__item{scroll-snap-align:start;scroll-snap-stop:always}
    .kha-pt .kha-pt__card{height:var(--kha-pt-card-height);border-radius:22px}
    .kha-pt .kha-pt__item.is-current .kha-pt__card{transform:translateY(-12px) scale(1.04)}
    .kha-pt .kha-pt__media{width:calc(100% - 28px);margin:14px 14px 0;border-radius:16px}
    .kha-pt .kha-pt__body{padding:16px 18px 17px}
    .kha-pt .kha-pt__title{font-size:22px!important}
    .kha-pt .kha-pt__description{margin-top:9px!important;font-size:14px!important}
    .kha-pt .kha-pt__footer{gap:10px}
    .kha-pt .kha-pt__date{font-size:12px!important}
    .kha-pt .kha-pt__badge{max-width:100%;font-size:9px!important}
    .kha-pt .kha-pt__button,
    .kha-pt .cta-view-btn{max-width:56%;min-height:40px;padding:0 14px;font-size:12px;overflow:hidden;text-overflow:ellipsis}
    .kha-pt .kha-pt__marker{width:22px;height:22px;top:calc(var(--kha-pt-axis) - 11px);font-size:8px}
    .kha-pt .kha-pt__item.is-current .kha-pt__marker{width:28px;height:28px;top:calc(var(--kha-pt-axis) - 14px);font-size:10px}
    .kha-pt .kha-pt__nav{top:calc(var(--kha-pt-viewport-top) + var(--kha-pt-axis));width:44px;height:44px;transform:translate(0,-50%)!important}
    /* Keep both controls inside the mobile viewport, including narrow and safe-area layouts. */
    .kha-pt .kha-pt__nav--prev{right:auto!important;left:16px!important;inset-inline-start:16px!important;inset-inline-end:auto!important}
    .kha-pt .kha-pt__nav--next{left:auto!important;right:16px!important;inset-inline-start:auto!important;inset-inline-end:16px!important}
    .kha-pt .kha-pt__nav:hover:not(:disabled){transform:translate(0,-50%) scale(1.04)!important}
    .kha-pt .kha-pt__nav:active:not(:disabled){transform:translate(0,-50%) scale(.97)!important}
    .kha-pt .kha-pt__modal{padding:16px}
    .kha-pt .kha-pt__modal-close{top:-46px}
}

@media(prefers-reduced-motion:reduce){
    .kha-pt .kha-pt__marker,
    .kha-pt .kha-pt__badge::before,
    .kha-pt .kha-pt__badge-icon{animation:none!important}
    .kha-pt .kha-pt__card,
    .kha-pt .kha-pt__image,
    .kha-pt .kha-pt__nav{transition:none}
}

@keyframes kha-pt-marker-pulse{0%,100%{box-shadow:0 0 0 1px var(--kha-pt-accent),0 0 0 0 rgba(var(--kha-pt-accent-rgb),.35)}70%{box-shadow:0 0 0 1px var(--kha-pt-accent),0 0 0 14px rgba(var(--kha-pt-accent-rgb),0)}}
@keyframes kha-pt-live-pulse{0%,100%{box-shadow:0 0 0 0 rgba(239,83,80,.55)}70%{box-shadow:0 0 0 8px rgba(239,83,80,0)}}
@keyframes kha-pt-bolt-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.08)}}
/* Legal highlight shortcode */
.kha-legal-highlight{--kha-legal-accent:#0f766e;display:flex;width:100%;max-width:720px;min-width:0;align-items:center;gap:14px;margin:24px 0;padding:16px 18px;border:1px solid rgba(15,118,110,.18);border-radius:18px;background:linear-gradient(135deg,#f0faf7,#f8fcfb);box-shadow:0 10px 26px rgba(18,59,56,.08);color:#123b38;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.kha-legal-highlight__icon,.kha-legal-highlight__check{display:grid;flex:0 0 auto;place-items:center;border-radius:50%}.kha-legal-highlight__icon{width:44px;height:44px;background:var(--kha-legal-accent);color:#fff;font-size:18px}.kha-legal-highlight__content{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:2px}.kha-legal-highlight__eyebrow{color:var(--kha-legal-accent);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.kha-legal-highlight__title{font-size:17px;font-weight:800;line-height:1.35}.kha-legal-highlight__text{color:#4e6865;font-size:14px;line-height:1.5}.kha-legal-highlight__check{width:24px;height:24px;background:rgba(15,118,110,.12);color:var(--kha-legal-accent);font-size:11px}
@media(max-width:520px){.kha-legal-highlight{align-items:flex-start;gap:12px;padding:14px;border-radius:16px}.kha-legal-highlight__icon{width:38px;height:38px;font-size:16px}.kha-legal-highlight__title{font-size:15px}.kha-legal-highlight__text{font-size:13px}.kha-legal-highlight__check{margin-top:2px}}