.pub-time-wrapper{
    display:inline-flex;
    align-items:center;
    gap:6px;
    position:relative;
}

.byline-meta-row{
    display:inline-flex;
    flex-wrap:wrap;
    align-items:center;
    gap:0;
}

.byline-time-group{
    display:inline-flex;
    align-items:center;
    gap:6px;
}

.byline-time-label{
    display:inline-block;
    font-family:var(--font1,sans-serif);
    font-size:10px;
    font-weight:700;
    letter-spacing:.09em;
    text-transform:uppercase;
    opacity:.58;
}

.byline-local-time,
time[data-pub].local-time--converted{
    cursor:help;
    border-bottom:1px dotted var(--text-color);
    opacity:.92;
    transition:opacity .2s ease,border-color .2s ease;
}

.byline-local-time:hover,
.byline-local-time:focus-visible,
time[data-pub].local-time--converted:hover,
time[data-pub].local-time--converted:focus-visible{
    opacity:1;
}

.local-tz-badge{
    display:inline-block;
    font-family:var(--font1,sans-serif);
    font-size:10px;
    letter-spacing:.07em;
    text-transform:uppercase;
    color:var(--text-color);
    opacity:.5;
    margin-left:2px;
    vertical-align:middle;
    line-height:1;
    white-space:nowrap;
}

.byline-meta-separator{
    opacity:.45;
}

html[data-theme="dark"] .byline-local-time,
html[data-theme="dark"] time[data-pub].local-time--converted{
    border-bottom-color:rgba(255,255,255,.3);
}

.theme-satire .byline-local-time,
.theme-satire time[data-pub].local-time--converted,
.post--satire .byline-local-time,
.post--satire time[data-pub].local-time--converted{
    border-bottom-color:var(--satire-border,rgba(245,69,162,.35));
}

.theme-satire .local-tz-badge,
.post--satire .local-tz-badge,
.theme-satire .byline-time-label,
.post--satire .byline-time-label{
    color:var(--satire-text,#FFF6CC);
}

.pub-tz-tooltip{
    display:none;
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    transform:none;
    background:var(--card-bg,#fff);
    color:var(--text-color,#1a1a1a);
    border:1px solid var(--border-color,#ddd);
    border-left:3px solid var(--brand-g1,#F545A2);
    border-radius:6px;
    padding:8px 11px;
    min-width:220px;
    max-width:300px;
    white-space:normal;
    font-size:11px;
    line-height:1.5;
    box-shadow:0 10px 24px rgba(0,0,0,.14);
    z-index:200;
    pointer-events:none;
    text-align:left;
    font-style:normal;
}

.pub-tz-tooltip::after{
    content:"";
    position:absolute;
    bottom:100%;
    left:18px;
    border:6px solid transparent;
    border-bottom-color:var(--border-color,#ddd);
}

.pub-tz-tooltip::before{
    content:"";
    position:absolute;
    bottom:calc(100% - 1px);
    left:18px;
    border:6px solid transparent;
    border-bottom-color:var(--card-bg,#fff);
    z-index:1;
}

.pub-tz-tooltip--visible{
    display:block;
}

.pub-tz-tooltip-label{
    display:block;
    font-weight:700;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.06em;
    color:var(--brand-g1,#F545A2);
    margin-bottom:2px;
}

.pub-tz-tooltip-time{
    display:block;
    font-size:12px;
    font-weight:500;
    color:var(--text-color,#1a1a1a);
}

html[data-theme="dark"] .pub-tz-tooltip{
    background:var(--card-bg,#1e1e1e);
    border-color:var(--border-color,#444);
    color:var(--text-color,#f0f0f0);
    box-shadow:0 10px 24px rgba(0,0,0,.4);
}

html[data-theme="dark"] .pub-tz-tooltip::after{
    border-bottom-color:var(--border-color,#444);
}

html[data-theme="dark"] .pub-tz-tooltip::before{
    border-bottom-color:var(--card-bg,#1e1e1e);
}

html[data-theme="dark"] .pub-tz-tooltip-time{
    color:var(--text-color,#f0f0f0);
}

.theme-satire .pub-tz-tooltip,
.post--satire .pub-tz-tooltip{
    border-left-color:var(--satire-accent,#FF1493);
}

@media (max-width:479px){
    .local-tz-badge{
        display:none;
    }

    .byline-meta-row{
        gap:4px 0;
    }

    .pub-tz-tooltip{
        min-width:190px;
        max-width:82vw;
    }
}

@media (prefers-reduced-motion:reduce){
    .pub-tz-tooltip,
    .byline-local-time,
    time[data-pub].local-time--converted{
        transition:none;
    }
}