/* Loteng Digital — halaman Changelog publik. Warna mengikuti tema (currentColor). */
.ldm-changelog{--ldm-cl-accent:#0b9695;--ldm-cl-line:rgba(127,127,127,.25);--ldm-cl-soft:rgba(127,127,127,.08);max-width:880px;margin:0 auto}
.ldm-cl-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.ldm-cl-filter a{padding:6px 14px;border:1px solid var(--ldm-cl-line);border-radius:999px;text-decoration:none;color:inherit;font-size:.9em;line-height:1.4}
.ldm-cl-filter a:hover{border-color:var(--ldm-cl-accent)}
.ldm-cl-filter a.is-active{background:var(--ldm-cl-accent);border-color:var(--ldm-cl-accent);color:#fff}
.ldm-cl-list{list-style:none;margin:0;padding:0}
.ldm-cl-item{display:grid;grid-template-columns:112px 1fr;gap:40px;margin:0;padding:0 0 36px;position:relative}
.ldm-cl-item::before{content:"";position:absolute;left:132px;top:14px;bottom:0;width:1px;background:var(--ldm-cl-line)}
.ldm-cl-item:last-child::before{bottom:auto;height:0}
.ldm-cl-meta{text-align:right;padding-top:2px}
.ldm-cl-meta time{font-size:.85em;opacity:.7;white-space:nowrap}
.ldm-cl-body{position:relative;min-width:0}
.ldm-cl-body::before{content:"";position:absolute;left:-25.5px;top:8px;width:11px;height:11px;border-radius:50%;background:var(--ldm-cl-accent);box-shadow:0 0 0 4px rgba(11,150,149,.15)}
.ldm-cl-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin:0 0 10px}
.ldm-cl-head h3{margin:0;font-size:1.15em;line-height:1.35}
.ldm-cl-version{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;padding:2px 8px;border-radius:6px;background:var(--ldm-cl-soft);white-space:nowrap}
.ldm-cl-badge{display:inline-block;padding:2px 9px;border-radius:999px;background:rgba(11,150,149,.14);color:var(--ldm-cl-accent);font-size:.7em;font-weight:700;vertical-align:middle;text-transform:uppercase;letter-spacing:.03em}
.ldm-cl-link{font-size:.85em;text-decoration:none;color:var(--ldm-cl-accent);white-space:nowrap}
.ldm-cl-notes{line-height:1.65}
.ldm-cl-notes>*:first-child{margin-top:0}
.ldm-cl-notes>*:last-child{margin-bottom:0}
.ldm-cl-notes ul{margin:.4em 0 .8em;padding-left:1.25em}
.ldm-cl-notes li{margin:.2em 0}
.ldm-cl-notes h4{margin:1em 0 .3em;font-size:.95em}
.ldm-cl-muted{opacity:.65}
.ldm-cl-shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:16px 0 0}
.ldm-cl-shot{display:block;border:1px solid var(--ldm-cl-line);border-radius:10px;overflow:hidden;aspect-ratio:16/10;background:var(--ldm-cl-soft)}
.ldm-cl-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.ldm-cl-shot:hover img{transform:scale(1.03)}
.ldm-cl-empty{opacity:.7}
.ldm-cl-pages{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--ldm-cl-line);font-size:.9em}
.ldm-cl-pages a{text-decoration:none;color:var(--ldm-cl-accent)}
.ldm-cl-lightbox{max-width:min(1100px,94vw);max-height:92vh;padding:0;border:0;border-radius:12px;background:#111;overflow:hidden}
.ldm-cl-lightbox::backdrop{background:rgba(0,0,0,.8)}
.ldm-cl-lightbox img{display:block;max-width:100%;max-height:84vh;margin:0 auto}
.ldm-cl-lightbox p{margin:0;padding:10px 48px 12px 16px;color:#eee;font-size:14px}
.ldm-cl-lightbox button{position:absolute;top:8px;right:8px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:20px;cursor:pointer}
@media(max-width:640px){.ldm-cl-item{grid-template-columns:1fr;gap:4px;padding-left:24px}.ldm-cl-item::before{left:5px;top:6px}.ldm-cl-meta{text-align:left;position:relative}.ldm-cl-meta::before{content:"";position:absolute;left:-24px;top:4px;width:11px;height:11px;border-radius:50%;background:var(--ldm-cl-accent);box-shadow:0 0 0 4px rgba(11,150,149,.15)}.ldm-cl-body::before{display:none}.ldm-cl-shots{grid-template-columns:repeat(2,1fr);gap:8px}}