/* =========================================================
   LANGKAH KUDA — PREMIUM AUTHOR PROFILE
   BAGIAN 2E-C3D-2
   ========================================================= */

.lk-author-page {
    --author-espresso: #2b1a16;
    --author-brown: #4a3028;
    --author-brown-soft: #76584c;
    --author-red: #b7352f;
    --author-red-dark: #8c2723;
    --author-gold: #c49346;
    --author-paper: #f7efe2;
    --author-card: #fffdf8;
    --author-sand: #e9ddca;
    --author-line: rgba(74, 48, 40, .18);

    width: 100%;
    max-width: 1180px;
    margin: 25px auto 96px;
}

.lk-author-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 17px;

    color: var(--author-brown-soft);

    font-family:
        var(--font-mono),
        monospace;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
    text-decoration: none;
    text-transform: uppercase;

    transition:
        color .18s ease,
        transform .18s ease;
}

.lk-author-back:hover,
.lk-author-back:focus-visible {
    color: var(--author-red);
    transform: translateX(-3px);
}


/* =========================================================
   HERO PROFIL
   ========================================================= */

.lk-author-hero {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(218px, 252px);
    align-items: stretch;
    gap: clamp(26px, 4vw, 48px);

    overflow: hidden;

    padding:
        clamp(28px, 5vw, 54px);

    border:
        1px solid
        var(--author-line);
    border-top:
        5px solid
        var(--author-red);
    border-radius: 25px;

    background:
        radial-gradient(
            circle at 94% 7%,
            rgba(196, 147, 70, .13),
            transparent 27%
        ),
        linear-gradient(
            135deg,
            rgba(255, 253, 248, .98),
            rgba(247, 239, 226, .94)
        );

    box-shadow:
        0 25px 62px
        rgba(74, 48, 40, .12);
}

.lk-author-hero::before {
    position: absolute;
    z-index: -1;
    top: -130px;
    right: -92px;

    width: 360px;
    aspect-ratio: 1;

    content: "";

    border:
        1px solid
        rgba(183, 53, 47, .12);
    border-radius: 42%;

    background:
        linear-gradient(
            145deg,
            rgba(183, 53, 47, .11),
            transparent 68%
        );

    transform: rotate(25deg);
}

.lk-author-hero::after {
    position: absolute;
    z-index: -1;
    right: 230px;
    bottom: -62px;

    content: none !important;
    display: none !important;

    color:
        rgba(74, 48, 40, .035);

    font-family: Georgia, serif;
    font-size: clamp(165px, 20vw, 265px);
    line-height: 1;
}

.lk-author-identity {
    display: grid;
    grid-template-columns:
        190px
        minmax(0, 1fr);
    align-items: center;
    gap: clamp(24px, 4vw, 38px);

    min-width: 0;
}

.lk-author-photo {
    position: relative;

    width: 190px;
    height: 244px;

    overflow: hidden;

    border:
        1px solid
        rgba(74, 48, 40, .2);
    border-radius: 17px;

    background:
        linear-gradient(
            145deg,
            var(--author-espresso),
            var(--author-brown)
        );

    box-shadow:
        9px 10px 0
        rgba(183, 53, 47, .11);
}

.lk-author-photo::after {
    position: absolute;
    right: 11px;
    bottom: 9px;

    content: "LK";

    color:
        rgba(255, 253, 248, .74);

    font-family:
        var(--font-mono),
        monospace;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .16em;
}

.lk-author-photo img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center top;
}

.lk-author-photo span {
    display: grid;
    width: 100%;
    height: 100%;
    place-content: center;

    color: #e6bd73;

    font-family:
        var(--font-display),
        Georgia,
        serif;
    font-size: 54px;
    font-weight: 850;
}

.lk-author-copy {
    min-width: 0;
}

.lk-author-copy .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: var(--author-red);

    font-family:
        var(--font-mono),
        monospace;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.lk-author-copy .eyebrow::before {
    width: 24px;
    height: 2px;

    content: "";

    background: currentColor;
}

.lk-author-copy h1 {
    max-width: 650px;
    margin: 11px 0 4px;

    color: var(--author-espresso);

    font-family:
        var(--font-display),
        Georgia,
        serif;
    font-size:
        clamp(40px, 5vw, 64px);
    font-weight: 770;
    line-height: .96;
    letter-spacing: -.045em;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

.lk-author-degree {
    margin: 0 0 15px;

    color: var(--author-red);

    font-family:
        var(--font-display),
        Georgia,
        serif;
    font-size:
        clamp(19px, 2.4vw, 28px);
    font-weight: 650;
    line-height: 1.1;
}

.lk-author-profession {
    margin: 0;

    color: var(--author-brown);

    font-family:
        var(--font-mono),
        monospace;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.55;
}

.lk-author-bio {
    max-width: 680px;
    margin: 18px 0 0;

    color: var(--author-brown-soft);

    font-size: 14px;
    line-height: 1.65;
}

.lk-author-meta {
    display: grid;
    gap: 9px;

    margin-top: 19px;
}

.lk-author-meta span {
    width: fit-content;
    max-width: 100%;

    color: var(--author-brown);

    font-size: 11px;
    line-height: 1.5;
}

.lk-author-location {
    padding: 6px 10px;

    border:
        1px solid
        var(--author-line);
    border-radius: 999px;

    background:
        rgba(255, 253, 248, .8);
}

.lk-author-expertise {
    padding: 11px 13px;

    border-left:
        3px solid
        var(--author-red);

    background:
        color-mix(
            in srgb,
            var(--author-sand) 67%,
            transparent
        );
}

.lk-author-expertise b {
    display: block;

    margin-bottom: 3px;

    color: var(--author-red);

    font-family:
        var(--font-mono),
        monospace;
    font-size: 8px;
    letter-spacing: .11em;
    text-transform: uppercase;
}


/* =========================================================
   PANEL KONTRIBUSI
   ========================================================= */

.lk-author-actions {
    position: relative;

    display: flex;
    min-width: 0;
    flex-direction: column;

    padding: 22px;

    color: #fffaf0;

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 92% 8%,
            rgba(196, 147, 70, .2),
            transparent 29%
        ),
        linear-gradient(
            145deg,
            var(--author-espresso),
            var(--author-brown)
        );

    box-shadow:
        0 18px 38px
        rgba(43, 26, 22, .17);
}

.lk-author-actions-label {
    margin-bottom: 14px;

    color: #e5bb70;

    font-family:
        var(--font-mono),
        monospace;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.lk-author-stats {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 9px;

    margin-bottom: 13px;
}

.lk-author-stats div {
    display: grid;
    min-height: 102px;
    place-content: center;

    padding: 14px;

    border:
        1px solid
        rgba(255, 250, 240, .15);
    border-radius: 14px;

    background:
        rgba(255, 250, 240, .065);

    text-align: center;
}

.lk-author-stats strong,
.lk-author-stats span {
    display: block;
}

.lk-author-stats strong {
    color: #fffaf0;

    font-family:
        var(--font-display),
        Georgia,
        serif;
    font-size: 34px;
    line-height: 1;
}

.lk-author-stats span {
    margin-top: 7px;

    color:
        rgba(255, 250, 240, .66);

    font-family:
        var(--font-mono),
        monospace;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.lk-author-actions form {
    width: 100%;
}

.lk-follow-button {
    display: flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    justify-content: center;

    padding: 10px 16px;

    color: #fffaf0;

    border:
        1px solid
        var(--author-red-dark);
    border-radius: 11px;

    background:
        linear-gradient(
            180deg,
            #c13e36,
            var(--author-red)
        );

    cursor: pointer;

    box-shadow:
        0 9px 18px
        rgba(140, 39, 35, .2);

    font-family:
        var(--font-mono),
        monospace;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .025em;
    text-align: center;
    text-decoration: none;

    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

.lk-follow-button:hover,
.lk-follow-button:focus-visible {
    border-color: #fffaf0;
    background: transparent;
    transform: translateY(-2px);
}

.lk-follow-button.is-following {
    border-color:
        rgba(255, 250, 240, .27);
    background:
        rgba(255, 250, 240, .095);
}

.lk-follow-button.is-own-profile {
    border-color:
        rgba(255, 250, 240, .23);
    background:
        rgba(255, 250, 240, .075);
}

.lk-author-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-top: 12px;

    color:
        rgba(255, 250, 240, .7) !important;

    font-family:
        var(--font-mono),
        monospace;
    font-size: 9px;
    font-weight: 750;
    text-align: center;
    text-underline-offset: 3px;
}


/* =========================================================
   PANEL BAGIKAN PROFIL
   ========================================================= */

.lk-author-share {
    margin: 23px 0 0;
}

.lk-author-share .lk-social-share {
    max-width: 100%;
    margin: 0;
    border-color: var(--author-line);

    background:
        linear-gradient(
            110deg,
            rgba(183, 53, 47, .055),
            transparent 38%
        ),
        var(--author-card);

    box-shadow:
        6px 7px 0
        rgba(74, 48, 40, .075);
}

.lk-author-share .lk-share-icon {
    color: #f0cb84;
    border-color: var(--author-espresso);

    background:
        linear-gradient(
            145deg,
            var(--author-brown),
            var(--author-espresso)
        );
}

.lk-author-share
.lk-share-native {
    border-color: var(--author-brown);
    background: var(--author-brown);
}

.lk-author-share
.lk-share-button:hover,
.lk-author-share
.lk-share-button:focus-visible {
    border-color: var(--author-red);
    background: var(--author-red);
}


/* =========================================================
   ARSIP PENULIS
   ========================================================= */

.lk-author-articles {
    margin-top:
        clamp(48px, 7vw, 76px);
}

.lk-author-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;

    margin-bottom: 22px;
    padding-bottom: 17px;

    border-bottom:
        1px solid
        var(--author-line);
}

.lk-author-section-head .eyebrow {
    color: var(--author-red);

    font-family:
        var(--font-mono),
        monospace;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.lk-author-section-head h2 {
    margin: 7px 0 0;

    color: var(--author-espresso);

    font-family:
        var(--font-display),
        Georgia,
        serif;
    font-size:
        clamp(31px, 4vw, 48px);
    line-height: 1;
    letter-spacing: -.038em;
}

.lk-author-section-head > a {
    display: inline-flex;
    min-height: 38px;
    align-items: center;

    padding: 8px 13px;

    color: var(--author-red);

    border:
        1px solid
        var(--author-line);
    border-radius: 9px;

    font-family:
        var(--font-mono),
        monospace;
    font-size: 9px;
    font-weight: 850;
    text-decoration: none;

    transition:
        color .18s ease,
        background .18s ease;
}

.lk-author-section-head > a:hover,
.lk-author-section-head > a:focus-visible {
    color: #fffaf0;
    background: var(--author-brown);
}

.lk-author-grid {
    display: grid;
    grid-template-columns:
        repeat(
            auto-fit,
            minmax(
                min(100%, 310px),
                1fr
            )
        );
    gap: 21px;
}

.lk-author-card {
    min-width: 0;
    overflow: hidden;

    border:
        1px solid
        var(--author-line);
    border-top:
        4px solid
        var(--author-red);
    border-radius: 18px;

    background: var(--author-card);

    box-shadow:
        0 16px 38px
        rgba(74, 48, 40, .075);

    transition:
        border-color .22s ease,
        box-shadow .22s ease,
        transform .22s ease;
}

.lk-author-card:hover {
    border-color:
        rgba(183, 53, 47, .35);

    box-shadow:
        0 24px 48px
        rgba(74, 48, 40, .13);

    transform: translateY(-4px);
}

.lk-author-card-cover {
    position: relative;

    display: block;
    aspect-ratio: 16 / 9;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            var(--author-espresso),
            var(--author-brown)
        );
}

.lk-author-card-cover img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .35s ease;
}

.lk-author-card:hover
.lk-author-card-cover img {
    transform: scale(1.035);
}

.lk-author-card-cover > span {
    display: grid;
    width: 100%;
    height: 100%;
    place-content: center;
    gap: 7px;

    color:
        rgba(255, 250, 240, .72);

    font-family:
        var(--font-mono),
        monospace;
    font-size: 9px;
    letter-spacing: .13em;
    text-align: center;
    text-transform: uppercase;
}

.lk-author-card-cover i {
    color: #e5bb70;

    font-family: serif;
    font-size: 41px;
    font-style: normal;
}

.lk-author-card-cover b {
    position: absolute;
    top: 12px;
    right: 12px;

    padding: 6px 9px;

    color: #fffaf0;

    border-radius: 999px;

    background:
        rgba(43, 26, 22, .89);

    font-family:
        var(--font-mono),
        monospace;
    font-size: 8px;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.lk-author-card-body {
    padding: 20px;
}

.lk-author-card-body
.label-rubrik {
    color: var(--author-red);
}

.lk-author-card-body h3 {
    margin: 10px 0 9px;

    font-family:
        var(--font-display),
        Georgia,
        serif;
    font-size:
        clamp(22px, 2.4vw, 29px);
    line-height: 1.08;
    letter-spacing: -.025em;
}

.lk-author-card-body h3 a {
    color: var(--author-espresso);
    text-decoration: none;
}

.lk-author-card-body h3 a:hover,
.lk-author-card-body h3 a:focus-visible {
    color: var(--author-red);
}

.lk-author-card-body p {
    margin: 0;

    color: var(--author-brown-soft);

    font-size: 13px;
    line-height: 1.55;
}

.lk-author-card-body footer {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;

    margin-top: 17px;
    padding-top: 13px;

    color: var(--author-brown-soft);

    border-top:
        1px solid
        var(--author-line);

    font-family:
        var(--font-mono),
        monospace;
    font-size: 9px;
}

.lk-author-empty {
    grid-column: 1 / -1;

    padding: 58px 25px;

    color: var(--author-brown);

    border:
        1px dashed
        var(--author-line);
    border-radius: 19px;

    background:
        var(--author-card);

    text-align: center;
}


/* =========================================================
   DARK MODE
   ========================================================= */

html[data-theme="malam"]
.lk-author-page {
    --author-espresso: #f4eadc;
    --author-brown: #dfd0c0;
    --author-brown-soft: #b8a797;
    --author-red: #df6259;
    --author-red-dark: #bd443d;
    --author-gold: #dfb669;
    --author-paper: #171b21;
    --author-card: #1f242b;
    --author-sand: #302a28;
    --author-line:
        rgba(255, 245, 232, .13);
}

html[data-theme="malam"]
.lk-author-hero {
    background:
        radial-gradient(
            circle at 94% 7%,
            rgba(223, 182, 105, .11),
            transparent 27%
        ),
        linear-gradient(
            135deg,
            #211a18,
            #292321
        );
}

html[data-theme="malam"]
.lk-author-hero::after {
    color:
        rgba(255, 245, 232, .025);
}

html[data-theme="malam"]
.lk-author-location {
    background:
        rgba(255, 245, 232, .045);
}

html[data-theme="malam"]
.lk-author-share
.lk-social-share,
html[data-theme="malam"]
.lk-author-card,
html[data-theme="malam"]
.lk-author-empty {
    background: var(--author-card);
}

html[data-theme="malam"]
.lk-author-expertise {
    background:
        rgba(223, 98, 89, .07);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 960px) {
    .lk-author-hero {
        grid-template-columns: 1fr;
    }

    .lk-author-actions {
        display: grid;
        grid-template-columns:
            minmax(0, 1fr);
    }

    .lk-author-stats {
        max-width: 420px;
    }
}

@media (max-width: 720px) {
    .lk-author-page {
        margin-top: 17px;
        margin-bottom: 70px;
    }

    .lk-author-hero {
        padding: 29px 23px;
        border-radius: 21px;
    }

    .lk-author-hero::after {
        right: -30px;
        font-size: 190px;
    }

    .lk-author-identity {
        grid-template-columns:
            150px
            minmax(0, 1fr);
        align-items: start;
        gap: 22px;
    }

    .lk-author-photo {
        width: 150px;
        height: 194px;
    }

    .lk-author-copy h1 {
        font-size:
            clamp(37px, 7vw, 48px);
    }

    .lk-author-section-head {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 560px) {
    .lk-author-identity {
        grid-template-columns: 1fr;
    }

    .lk-author-photo {
        width: 145px;
        height: 184px;
    }

    .lk-author-copy h1 {
        font-size:
            clamp(39px, 11vw, 49px);
    }

    .lk-author-degree {
        font-size: 21px;
    }

    .lk-author-actions {
        padding: 18px;
    }

    .lk-author-share {
        margin-top: 17px;
    }
}

@media (max-width: 390px) {
    .lk-author-hero {
        padding: 25px 18px;
    }

    .lk-author-copy h1 {
        font-size: 39px;
    }

    .lk-author-stats strong {
        font-size: 29px;
    }

    .lk-author-section-head > a {
        width: 100%;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lk-author-back,
    .lk-follow-button,
    .lk-author-card,
    .lk-author-card-cover img,
    .lk-author-card-body h3 a,
    .lk-author-section-head > a {
        transition: none !important;
    }
}


/* =========================================================
   3X-B5-A3-B
   PREMIUM AUTHOR IDENTITY — DESIGN SYSTEM ALIGNMENT
   ========================================================= */

.lk-author-page {
    --author-espresso:
        var(--lk-ink);

    --author-brown:
        var(--lk-ink-soft);

    --author-brown-soft:
        var(--lk-ink-muted);

    --author-red:
        var(--lk-brand-burgundy);

    --author-red-dark:
        var(--lk-brand-burgundy-deep);

    --author-gold:
        var(--lk-brand-gold);

    --author-paper:
        var(--lk-paper);

    --author-card:
        var(--lk-surface);

    --author-sand:
        var(--lk-paper-soft);

    --author-line:
        var(--lk-border);
}


.lk-author-hero {
    grid-template-columns:
        minmax(0, 1fr)
        minmax(210px, 238px);

    gap:
        clamp(24px, 3.5vw, 42px);

    min-height: 0;

    padding:
        clamp(24px, 3.6vw, 40px);

    border:
        1px solid var(--lk-border);

    border-top:
        3px solid
        var(--lk-brand-burgundy);

    border-radius:
        var(--lk-radius-lg);

    background:
        radial-gradient(
            circle at 92% 7%,
            rgba(184, 146, 95, .10),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            var(--lk-surface),
            var(--lk-paper-soft)
        );

    box-shadow:
        var(--lk-shadow-sm);
}


.lk-author-hero::after {
    opacity: .35;
}


.lk-author-identity {
    grid-template-columns:
        minmax(168px, 202px)
        minmax(0, 1fr);

    gap:
        clamp(22px, 3vw, 34px);

    align-items: center;
}


.lk-author-photo.lk-author-frame {
    width:
        min(
            100%,
            202px
        );

    height: auto;

    aspect-ratio: 4 / 5;

    padding: 6px;

    border: 0;

    border-radius:
        var(--lk-radius-xl);

    background:
        linear-gradient(
            145deg,
            var(--lk-brand-gold),
            var(--lk-brand-burgundy)
        );

    box-shadow:
        var(--lk-shadow-md);
}


.lk-author-photo
.lk-author-frame-inner {
    display: block;

    width: 100%;
    height: 100%;

    overflow: hidden;

    border-radius:
        calc(
            var(--lk-radius-xl)
            - 6px
        );

    border:
        2px solid
        var(--lk-surface);

    background:
        var(--lk-paper-soft);
}


.lk-author-photo
.lk-author-frame-inner img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    border-radius: 0;
}


.lk-author-photo
.lk-author-frame-placeholder {
    display: grid;

    width: 100%;
    height: 100%;

    place-items: center;

    border-radius: 0;

    color:
        var(--lk-brand-burgundy);

    background:
        linear-gradient(
            145deg,
            var(--lk-paper-soft),
            var(--lk-surface)
        );

    font-size:
        clamp(
            2.6rem,
            7vw,
            4.5rem
        );

    font-weight: 800;
}


.lk-author-photo
.lk-author-frame-verified {
    right: 10px;
    bottom: 10px;

    width: 34px;
    height: 34px;

    font-size: .88rem;
}


.lk-author-kicker {
    display: flex;
    flex-wrap: wrap;

    align-items: center;

    gap: 8px;

    margin-bottom: 10px;
}


.lk-author-kicker
.eyebrow {
    margin: 0;
}


.lk-author-kicker
.lk-badge-verified {
    min-height: 25px;

    padding:
        4px 8px;

    color:
        var(--lk-brand-burgundy-deep);

    background:
        color-mix(
            in srgb,
            var(--lk-brand-gold-soft)
            46%,
            transparent
        );

    border-color:
        color-mix(
            in srgb,
            var(--lk-brand-gold)
            50%,
            transparent
        );

    letter-spacing: .02em;
}


.lk-author-copy h1 {
    max-width: 760px;

    color:
        var(--lk-ink);

    font-size:
        clamp(
            2.2rem,
            4.4vw,
            3.75rem
        );

    line-height: 1.01;

    letter-spacing:
        -.04em;
}


.lk-author-degree {
    margin-top: 8px;

    color:
        var(--lk-brand-burgundy);

    font-size:
        clamp(
            1rem,
            1.8vw,
            1.22rem
        );

    font-weight: 700;
}


.lk-author-profession {
    margin-top: 9px;

    color:
        var(--lk-ink-soft);

    font-size:
        clamp(
            .94rem,
            1.5vw,
            1.06rem
        );

    line-height: 1.55;
}


.lk-author-bio {
    max-width:
        var(--lk-content-narrow);

    margin-top: 15px;

    color:
        var(--lk-ink-soft);

    font-size:
        clamp(
            .96rem,
            1.45vw,
            1.06rem
        );

    line-height: 1.72;
}


.lk-author-meta {
    display: flex;
    flex-wrap: wrap;

    gap: 9px;

    margin-top: 16px;
}


.lk-author-location {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    padding:
        7px 10px;

    color:
        var(--lk-ink-soft);

    border:
        1px solid
        var(--lk-border);

    border-radius: 999px;

    background:
        var(--lk-surface);
}


.lk-author-expertise {
    display: inline-flex;

    flex-wrap: wrap;

    align-items: baseline;

    gap: 7px;

    padding:
        7px 11px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--lk-brand-burgundy)
            22%,
            var(--lk-border)
        );

    border-left:
        3px solid
        var(--lk-brand-burgundy);

    border-radius:
        var(--lk-radius-sm);

    background:
        color-mix(
            in srgb,
            var(--lk-brand-burgundy)
            4%,
            var(--lk-surface)
        );
}


.lk-author-expertise b {
    margin: 0;

    color:
        var(--lk-brand-burgundy);

    font-size: .72rem;

    letter-spacing: .07em;

    text-transform: uppercase;
}


.lk-author-actions {
    align-self: center;

    padding:
        18px;

    border:
        1px solid
        var(--lk-border);

    border-radius:
        var(--lk-radius-md);

    background:
        color-mix(
            in srgb,
            var(--lk-surface)
            94%,
            transparent
        );

    box-shadow:
        var(--lk-shadow-xs);
}


.lk-follow-button {
    min-height: 42px;

    border-color:
        var(--lk-brand-burgundy-deep);

    border-radius:
        var(--lk-radius-sm);

    background:
        var(--lk-brand-burgundy);

    box-shadow:
        0 8px 18px
        rgba(111, 38, 61, .16);
}


.lk-follow-button:hover,
.lk-follow-button:focus-visible {
    background:
        var(--lk-brand-burgundy-deep);
}


/* ---------------------------------------------------------
   PUBLIC IDENTITY PANEL
   --------------------------------------------------------- */

.lk-public-identities {
    width:
        min(
            calc(100% - 32px),
            var(--lk-content-wide)
        );

    margin:
        26px auto 0;

    padding:
        clamp(
            20px,
            3vw,
            30px
        );

    border:
        1px solid
        var(--lk-border);

    border-radius:
        var(--lk-radius-lg);

    background:
        var(--lk-surface);

    box-shadow:
        var(--lk-shadow-sm);
}


.lk-public-identities-head {
    max-width:
        var(--lk-content-reading);
}


.lk-public-identities-head > span {
    color:
        var(--lk-brand-burgundy);

    font-size: .74rem;

    font-weight: 800;

    letter-spacing: .1em;

    text-transform: uppercase;
}


.lk-public-identities-head h2 {
    margin:
        6px 0 8px;

    color:
        var(--lk-ink);

    font-size:
        clamp(
            1.45rem,
            3vw,
            2.1rem
        );

    line-height: 1.1;

    letter-spacing:
        -.025em;
}


.lk-public-identities-head p {
    color:
        var(--lk-ink-soft);

    line-height: 1.65;
}


.lk-public-identity-trust-note {
    display: block;

    margin-top: 10px;

    color:
        var(--lk-ink-muted);

    line-height: 1.55;
}


.lk-public-identity-list {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 10px;

    margin-top: 20px;
}


.lk-public-identity-link {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap:
        2px 12px;

    min-height: 70px;

    padding:
        12px 14px;

    color:
        var(--lk-ink);

    text-decoration: none;

    border:
        1px solid
        var(--lk-border);

    border-radius:
        var(--lk-radius-sm);

    background:
        var(--lk-surface);

    transition:
        transform
        var(--lk-transition-fast),
        border-color
        var(--lk-transition-fast),
        box-shadow
        var(--lk-transition-fast);
}


.lk-public-identity-link:hover,
.lk-public-identity-link:focus-visible {
    color:
        var(--lk-brand-burgundy);

    transform:
        translateY(-1px);

    border-color:
        color-mix(
            in srgb,
            var(--lk-brand-burgundy)
            34%,
            var(--lk-border)
        );

    box-shadow:
        var(--lk-shadow-sm);
}


.lk-public-identity-type {
    grid-column: 1;

    margin-bottom: 1px;

    color:
        var(--lk-ink-muted);

    font-size: .72rem;

    letter-spacing: .035em;
}


.lk-public-identity-link strong {
    grid-column: 1;

    font-size: .92rem;
}


.lk-public-identity-arrow {
    grid-column: 2;

    grid-row:
        1 / span 2;

    align-self: center;

    color:
        var(--lk-brand-gold);

    font-size: 1.05rem;
}


/* ---------------------------------------------------------
   DARK MODE
   --------------------------------------------------------- */

html[data-theme="malam"]
.lk-author-hero {
    background:
        radial-gradient(
            circle at 92% 7%,
            rgba(216, 195, 165, .08),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            var(--lk-surface),
            var(--lk-paper-soft)
        );

    border-color:
        var(--lk-border);
}


html[data-theme="malam"]
.lk-author-location,
html[data-theme="malam"]
.lk-author-actions,
html[data-theme="malam"]
.lk-public-identities,
html[data-theme="malam"]
.lk-public-identity-link {
    background:
        var(--lk-surface);
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (
    max-width: 960px
) {
    .lk-author-hero {
        grid-template-columns:
            minmax(0, 1fr);
    }

    .lk-author-actions {
        width: 100%;
    }
}


@media (
    max-width: 720px
) {
    .lk-author-hero {
        padding:
            22px 18px;

        border-radius:
            var(--lk-radius-md);
    }

    .lk-author-identity {
        grid-template-columns:
            minmax(118px, 145px)
            minmax(0, 1fr);

        gap: 18px;

        align-items: start;
    }

    .lk-author-photo.lk-author-frame {
        width: 145px;
        height: auto;
    }

    .lk-author-copy h1 {
        font-size:
            clamp(
                2rem,
                8vw,
                2.7rem
            );
    }

    .lk-public-identity-list {
        grid-template-columns: 1fr;
    }
}


@media (
    max-width: 560px
) {
    .lk-author-identity {
        grid-template-columns: 1fr;
    }

    .lk-author-photo.lk-author-frame {
        width:
            min(
                66vw,
                190px
            );

        margin-inline: auto;
    }

    .lk-author-copy {
        text-align: center;
    }

    .lk-author-kicker,
    .lk-author-meta {
        justify-content: center;
    }

    .lk-author-bio {
        margin-inline: auto;
    }

    .lk-author-profession {
        margin-inline: auto;
    }

    .lk-author-expertise {
        text-align: left;
    }
}

/* P22-B5 — retire the visible 4:5 frame without breaking old selectors. */
.lk-author-photo.lk-author-frame.lk-avatar-host {
    aspect-ratio: 1 / 1;
    padding: 0;
    border: 0;
    border-radius: var(--lk-radius-xl);
    background: transparent;
    box-shadow: none;
}

.lk-author-photo.lk-avatar-host
.lk-author-frame-inner {
    width: 100%;
    height: 100%;
    overflow: visible;
    border: 0;
    border-radius: inherit;
    background: transparent;
}

.lk-author-photo.lk-avatar-host
.lk-author-frame-inner img {
    border-radius: inherit;
}


/* P25-R1 | Jejak kontribusi: kontras mode terang, semua ukuran layar. */
/* Kartu sudah menggunakan latar terang dari design-system alignment. */
html:not([data-theme="malam"]) .lk-author-page .lk-author-actions {
    color: #2b1a16;
    background: #fffdf8;
    border-color: rgba(74, 48, 40, .20);
}

html:not([data-theme="malam"]) .lk-author-page .lk-author-actions-label {
    color: #80501e;
}

html:not([data-theme="malam"]) .lk-author-page .lk-author-stats div {
    background: #f7efe2;
    border-color: rgba(74, 48, 40, .20);
}

html:not([data-theme="malam"]) .lk-author-page .lk-author-stats strong {
    color: #2b1a16;
}

html:not([data-theme="malam"]) .lk-author-page .lk-author-stats span {
    color: #674b40;
}

html:not([data-theme="malam"]) .lk-author-page .lk-author-actions .lk-follow-button.is-own-profile {
    color: #fffaf0;
    background: #7f2944;
    border-color: #7f2944;
    text-decoration: none;
}

html:not([data-theme="malam"]) .lk-author-page .lk-author-actions .lk-follow-button.is-own-profile:hover,
html:not([data-theme="malam"]) .lk-author-page .lk-author-actions .lk-follow-button.is-own-profile:focus-visible {
    color: #fffaf0;
    background: #542039;
    border-color: #542039;
}

html:not([data-theme="malam"]) .lk-author-page .lk-author-actions .lk-follow-button.is-own-profile:focus-visible {
    outline: 2px solid #542039;
    outline-offset: 3px;
}

html:not([data-theme="malam"]) .lk-author-page .lk-author-actions .lk-follow-button.is-following {
    color: #2b1a16;
    background: #f7efe2;
    border-color: rgba(74, 48, 40, .35);
}

html:not([data-theme="malam"]) .lk-author-page .lk-author-actions .lk-follow-button.is-following:hover,
html:not([data-theme="malam"]) .lk-author-page .lk-author-actions .lk-follow-button.is-following:focus-visible {
    color: #fffaf0;
    background: #7f2944;
    border-color: #7f2944;
}
/* END P25-R1 */