html.design-v3 .v3-changelog-nav {
    position: relative;
    overflow: visible !important;
}

html.design-v3 #top #nav > #user,
html.design-v3 #top #nav > #user > .v3-changelog-nav { overflow: visible !important; }

html.design-v3 #top #user .v3-changelog-trigger {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.06);
    color: #dce5f2;
    font: inherit;
    cursor: pointer;
    overflow: visible !important;
    isolation: isolate;
    transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
}

html.design-v3 #top #user .v3-changelog-trigger::before { display:none !important; content:none !important; }

html.design-v3 #top #user .v3-changelog-trigger:hover,
html.design-v3 #top #user .v3-changelog-trigger:focus-visible {
    border-color: rgba(118, 192, 67, 0.62);
    background: rgba(118, 192, 67, 0.14);
    color: #ffffff;
}

html.design-v3 .v3-changelog-badge {
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 3;
    display: grid;
    place-items: center;
    min-width: 19px;
    height: 19px;
    padding: 0 5px;
    border: 2px solid #101d2e;
    border-radius: 999px;
    background: #76c043;
    color: #102032;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    box-shadow:0 2px 6px rgba(0,0,0,.22);
}

html.design-v3 .v3-changelog-badge[hidden] { display: none !important; }

html.design-v3 .v3-changelog-backdrop {
    position: fixed;
    inset: 0;
    z-index: 10040;
    background: rgba(7, 16, 29, 0.46);
    opacity: 0;
    transition: opacity 220ms ease;
}

html.design-v3 .v3-changelog-backdrop.is-open { opacity: 1; }

html.design-v3 .v3-changelog-drawer {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10050;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(410px, 100vw);
    height: 100vh;
    height: 100dvh;
    border: 0 !important;
    border-left: 1px solid #22344a !important;
    border-radius: 0 !important;
    background: #f4f7fb;
    box-shadow: -24px 0 64px rgba(8, 19, 35, 0.2);
    color: #132033;
    transform: translateX(102%);
    transition: transform 220ms ease;
}

html.design-v3 .v3-changelog-drawer[hidden],
html.design-v3 .v3-changelog-backdrop[hidden] { display: none !important; }
html.design-v3 .v3-changelog-drawer.is-open { transform: translateX(0); }
html.v3-changelog-open { overflow: hidden; }

html.design-v3 .v3-changelog-drawer__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 21px 22px 18px;
    border-top: 4px solid #76c043;
    border-bottom: 1px solid #25364b;
    background: #0f1b2d;
}

html.design-v3 .v3-changelog-drawer__eyebrow,
html.design-v3 .v3-changelog-page__eyebrow {
    display: block;
    margin: 0 0 5px;
    color: #4f942c;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.09em;
    line-height: 1.4;
    text-transform: uppercase;
}

html.design-v3 .v3-changelog-drawer__eyebrow { color: #8ed15f; font-size: 10px; }

html.design-v3 .v3-changelog-drawer__header h2 {
    margin: 0;
    color: #ffffff;
    font-size: 21px !important;
    font-weight: 750;
    line-height: 1.2;
}

html.design-v3 .v3-changelog-drawer__close {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 9px;
    background: rgba(255,255,255,.08);
    color: #dce5f2;
    cursor: pointer;
}

html.design-v3 .v3-changelog-drawer__close:hover { color: #ffffff; border-color: rgba(142,209,95,.65); background: rgba(118,192,67,.14); }
html.design-v3 .v3-changelog-drawer__content { min-height: 0; padding: 16px 18px 20px; overflow-y: auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; background:#f4f7fb; }
html.design-v3 .v3-changelog-drawer__footer { padding: 14px 20px; border-top: 1px solid #dce6f0; background: #ffffff; }
html.design-v3 .v3-changelog-drawer__footer a { color: #397f20; font-size: 12px !important; font-weight: 750; }
html.design-v3 .v3-changelog-drawer__footer i { margin-left: 7px; font-size: 10px; }

html.design-v3 .v3-changelog-list {
    display: grid;
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

html.design-v3 .v3-changelog-entry {
    position: relative;
    padding: 26px 28px;
    border: 1px solid #dce6f0;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(13, 31, 53, 0.06);
}

html.design-v3 .v3-changelog-list--compact { gap: 10px; }
html.design-v3 .v3-changelog-list--compact .v3-changelog-entry { padding: 15px 16px; border: 1px solid #dce6f0; border-radius: 12px; background:#ffffff; box-shadow: 0 5px 16px rgba(13,31,53,.04); }
html.design-v3 .v3-changelog-list--compact .v3-changelog-entry:last-child { border-bottom: 1px solid #dce6f0; }
html.design-v3 .v3-changelog-list--compact .v3-changelog-entry__meta { gap:7px; margin-bottom:7px; }
html.design-v3 .v3-changelog-list--compact .v3-changelog-entry h3 { margin-bottom:6px; font-size:15px !important; line-height:1.4 !important; }
html.design-v3 .v3-changelog-list--compact .v3-changelog-entry__body p { margin-bottom:6px; font-size:13px !important; line-height:1.55 !important; }
html.design-v3 .v3-changelog-list--compact .v3-changelog-entry__meta time { font-size:10px !important; }
html.design-v3 .v3-changelog-list--compact .v3-changelog-entry__category { min-height:21px; padding:3px 8px; font-size:9px !important; }

html.design-v3 .v3-changelog-entry__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-bottom: 11px; }
html.design-v3 .v3-changelog-entry__meta time { color: #708097; font-size: 12px; font-weight: 600; }
html.design-v3 .v3-changelog-entry__category,
html.design-v3 .v3-changelog-admin-status {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 750;
    line-height: 1;
}
html.design-v3 .v3-changelog-entry__category--new { background: #eaf7df; color: #397d21; }
html.design-v3 .v3-changelog-entry__category--improvement { background: #e7f1ff; color: #2464a8; }
html.design-v3 .v3-changelog-entry__category--fix { background: #fff1dd; color: #986019; }
html.design-v3 .v3-changelog-entry h3 { margin: 0 0 8px; color: #132033; font-size: 18px !important; font-weight: 750; line-height: 1.4 !important; }
html.design-v3 .v3-changelog-entry__body p { margin: 0 0 9px; color: #60728a; font-size: 14px !important; line-height: 1.65 !important; }
html.design-v3 .v3-changelog-entry__body p:last-child { margin-bottom: 0; }
html.design-v3 .v3-changelog-empty { margin: 24px 0; color: #708097; }

html.design-v3 .v3-changelog-page {
    overflow: visible !important;
}
html.design-v3 #content.v3-changelog-page::before,
html.design-v3 #content.v3-changelog-page::after { display:none !important; content:none !important; }
html.design-v3 #content.v3-changelog-page .v3-changelog-page__content { float:none !important; box-sizing:border-box; width:100% !important; min-width:0; max-width:100% !important; margin:0 !important; padding:0 !important; overflow:visible !important; }
html.design-v3 .v3-changelog-page__hero.v3-page-hero { margin-bottom:24px !important; }

html.design-v3 .v3-changelog-admin__heading { margin:0 0 20px !important; padding:0 0 12px !important; border-bottom:2px solid #76c043; }
html.design-v3 .v3-changelog-admin__heading::after { display:none !important; }
html.design-v3 .v3-changelog-admin__heading .v3-admin-heading__title { margin:0 !important; padding:0 !important; font-size:26px !important; }
html.design-v3 .v3-changelog-admin__panel { margin-bottom: 22px; padding: 22px; border: 1px solid #d8e2ec; border-radius: 14px; background: #f9fbfc; box-shadow: none; }
html.design-v3 .v3-changelog-admin__panel h3 { margin: 0 0 20px; color: #132033; font-size: 19px; font-weight: 750; }
html.design-v3 .v3-changelog-admin-form__grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr); gap: 18px; }
html.design-v3 .v3-changelog-admin-field--wide { grid-column: 1 / -1; }
html.design-v3 .v3-changelog-admin-field label { display: block; margin-bottom: 7px; color: #24364c; font-size: 13px; font-weight: 700; }
html.design-v3 .v3-changelog-admin-field input,
html.design-v3 .v3-changelog-admin-field select,
html.design-v3 .v3-changelog-admin-field textarea { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #cbd8e6; border-radius: 9px; background: #ffffff; color: #1c2b3f; font: inherit; }
html.design-v3 .v3-changelog-admin-field input:focus,
html.design-v3 .v3-changelog-admin-field select:focus,
html.design-v3 .v3-changelog-admin-field textarea:focus { border-color:#2f80ed; outline:none; box-shadow:0 0 0 3px rgba(47,128,237,.18); }
html.design-v3 .v3-changelog-admin-field textarea { min-height: 150px; resize: vertical; line-height: 1.55; }
html.design-v3 .v3-changelog-admin-field small { display: block; margin-top: 7px; color: #75859a; font-size: 12px; }
html.design-v3 .v3-changelog-admin-form__footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 20px; }
html.design-v3 .v3-changelog-admin-publication { position:relative; display:grid; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:11px; margin:0; cursor:pointer; }
html.design-v3 .v3-changelog-admin-publication__input { position:absolute !important; width:1px !important; height:1px !important; margin:0 !important; padding:0 !important; opacity:0; }
html.design-v3 .v3-changelog-admin-publication__switch { position:relative; display:block; width:42px; height:24px; border-radius:999px; background:#dce5ee; transition:background 160ms ease; }
html.design-v3 .v3-changelog-admin-publication__switch::after { content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#ffffff; box-shadow:0 1px 4px rgba(15,31,48,.22); transition:transform 160ms ease; }
html.design-v3 .v3-changelog-admin-publication__input:checked + .v3-changelog-admin-publication__switch { background:#6bc52f; }
html.design-v3 .v3-changelog-admin-publication__input:checked + .v3-changelog-admin-publication__switch::after { transform:translateX(18px); }
html.design-v3 .v3-changelog-admin-publication__input:focus-visible + .v3-changelog-admin-publication__switch { outline:3px solid rgba(47,128,237,.45); outline-offset:2px; }
html.design-v3 .v3-changelog-admin-publication__copy { display:grid; gap:2px; }
html.design-v3 .v3-changelog-admin-publication__copy strong { color:#24364c; font-size:12px; font-weight:700; }
html.design-v3 .v3-changelog-admin-publication__copy small { color:#75859a; font-size:11px; font-weight:400; }
html.design-v3 .v3-changelog-admin-actions { display: flex; align-items: center; gap: 10px; }
html.design-v3 .v3-changelog-admin-actions .v3-changelog-admin-primary,
html.design-v3 .v3-changelog-admin-actions .v3-changelog-admin-secondary { display:inline-flex !important; align-items:center; justify-content:center; box-sizing:border-box; min-width:170px; min-height:42px; margin:0 !important; padding:10px 16px !important; border-radius:9px !important; box-shadow:none !important; font-size:13px !important; font-weight:700 !important; line-height:1.2 !important; text-decoration:none !important; }
html.design-v3 .v3-changelog-admin-actions .v3-changelog-admin-secondary { border:1px solid #cbd8e5 !important; background:#ffffff !important; color:#53677e !important; }
html.design-v3 .v3-changelog-admin-actions .v3-changelog-admin-secondary:hover,
html.design-v3 .v3-changelog-admin-actions .v3-changelog-admin-secondary:focus { border-color:#9fb4c8 !important; background:#f5f8fb !important; color:#263b52 !important; }
html.design-v3 .v3-changelog-admin-actions .v3-changelog-admin-primary { border:1px solid #6fbd3d !important; background:#72c43f !important; color:#ffffff !important; }
html.design-v3 .v3-changelog-admin-actions .v3-changelog-admin-primary:hover,
html.design-v3 .v3-changelog-admin-actions .v3-changelog-admin-primary:focus { border-color:#5ca52f !important; background:#63b333 !important; color:#ffffff !important; }
html.design-v3 .v3-changelog-admin-actions .v3-changelog-admin-primary::before,
html.design-v3 .v3-changelog-admin-actions .v3-changelog-admin-secondary::before { display:none !important; content:none !important; }
html.design-v3 .v3-button-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 10px 16px; border: 1px solid #bfd0e1; border-radius: 9px; background: #ffffff; color: #435872; font-size: 13px; font-weight: 700; text-decoration: none; }
html.design-v3 .v3-button-secondary:hover { border-color: #8fa7bf; color: #1d3047; text-decoration: none; }
html.design-v3 .v3-changelog-admin__panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
html.design-v3 .v3-changelog-admin__panel-heading h3 { margin: 0; }
html.design-v3 .v3-changelog-admin__panel-heading > span { color: #75859a; font-size: 12px; }
html.design-v3 .v3-changelog-admin-list { display: grid; gap: 12px; }
html.design-v3 .v3-changelog-admin-item { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 18px; border: 1px solid #e0e8f1; border-radius: 12px; background: #f9fbfd; }
html.design-v3 .v3-changelog-admin-item__copy { min-width: 0; }
html.design-v3 .v3-changelog-admin-item h4 { margin: 0 0 6px; color: #17263a; font-size: 16px; font-weight: 750; }
html.design-v3 .v3-changelog-admin-item p { display: -webkit-box; margin: 0; overflow: hidden; color: #65768c; font-size: 13px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
html.design-v3 .v3-changelog-admin-status--published { background: #eaf7df; color: #397d21; }
html.design-v3 .v3-changelog-admin-status--draft { background: #edf1f5; color: #5e6d80; }

@media (max-width: 900px) {
    html.design-v3 .v3-changelog-page { overflow:visible !important; }
}

@media (max-width: 640px) {
    html.design-v3 .v3-changelog-drawer__header { padding: 18px 18px 15px; }
    html.design-v3 .v3-changelog-drawer__content { padding: 14px 14px 18px; }
    html.design-v3 .v3-changelog-drawer__footer { padding: 16px 20px; }
    html.design-v3 .v3-changelog-entry { padding: 21px; }
    html.design-v3 .v3-changelog-admin__panel { padding: 18px; }
    html.design-v3 .v3-changelog-admin-form__grid { grid-template-columns: minmax(0, 1fr); }
    html.design-v3 .v3-changelog-admin-field--wide { grid-column: auto; }
    html.design-v3 .v3-changelog-admin-form__footer,
    html.design-v3 .v3-changelog-admin-item { align-items: stretch; flex-direction: column; }
    html.design-v3 .v3-changelog-admin-actions { display: grid; grid-template-columns: 1fr; }
    html.design-v3 .v3-changelog-admin-actions > * { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    html.design-v3 .v3-changelog-drawer,
    html.design-v3 .v3-changelog-backdrop { transition: none; }
}