/* Ayemel Changelog — front end. Scoped to .ayemel to stay clear of Astra. */
.ayemel{--ay-bg:#F7F5F2;--ay-sand:#F1EDE8;--ay-line:#ECE7E1;--ay-line2:#E2DCD5;--ay-ink:#1F1C1A;--ay-ink2:#5E5650;--ay-mute:#8A8079;--ay-label:#A69D95;--ay-espresso:#2B2622;--ay-r:18px;--ay-c:#2B2622;--ay-cd:#000;--ay-cl:#F1EDE8;font-family:var(--ayemel-font,inherit);color:var(--ay-ink);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;line-height:1.6}
.ayemel *,.ayemel *:before,.ayemel *:after{box-sizing:border-box}
.ayemel .ay-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}
.ayemel .ay-card{background:#fff;border:1px solid var(--ay-line);border-radius:var(--ay-r);padding:26px 30px}
.ayemel .ay-empty{color:var(--ay-mute);text-align:center;padding:40px 0;margin:0}
/* filter pills */
.ayemel .ay-filter{text-align:center;margin:0 0 40px}
.ayemel .ay-pills{display:inline-flex;gap:4px;padding:4px;background:var(--ay-sand);border-radius:999px;flex-wrap:wrap;justify-content:center}
.ayemel .ay-pills button{border:0;background:transparent;font:inherit;font-size:13.5px;line-height:1.4;padding:8px 18px;border-radius:999px;color:var(--ay-ink2);cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:none;margin:0;min-height:0;text-transform:none;letter-spacing:0;font-weight:400}
.ayemel .ay-pills button:hover{color:var(--ay-ink);background:rgba(255,255,255,.5)}
.ayemel .ay-pills button.is-on{background:#fff;color:var(--ay-ink);font-weight:500;box-shadow:0 1px 3px rgba(43,38,34,.1)}
.ayemel .ay-pills button:focus-visible{outline:2px solid var(--ay-ink);outline-offset:2px}
/* tags */
.ayemel .ay-tg{font-size:10.5px;letter-spacing:1px;text-transform:uppercase;font-weight:500;padding:3px 9px;border-radius:8px;flex:none;line-height:1.6;margin-top:1px}
.ayemel .ay-tg--new{background:#2B2622;color:#fff}.ayemel .ay-tg--imp{background:#EEF0F4;color:#566879}.ayemel .ay-tg--fix{background:#F6ECE8;color:#A8614F}
.ayemel .ay-entries{list-style:none;padding:0;margin:0;display:grid;gap:11px;font-size:14.5px;color:var(--ay-ink2)}
.ayemel .ay-entries li{display:flex;gap:12px;align-items:flex-start;margin:0;padding:0}
.ayemel .ay-entries li:before{display:none}
/* timeline */
.ayemel .ay-timeline{position:relative;max-width:860px;margin:0 auto}
.ayemel .ay-timeline:before{content:"";position:absolute;left:150px;top:0;bottom:0;width:1px;background:var(--ay-line2)}
.ayemel .ay-entry{display:grid;grid-template-columns:150px 1fr;margin:0 0 26px;position:relative;scroll-margin-top:110px}
.ayemel .ay-entry[hidden]{display:none}
.ayemel .ay-when{padding:26px 30px 0 0;text-align:right;font-size:13px;color:var(--ay-label)}
.ayemel .ay-when b{display:block;color:var(--ay-ink);font-weight:400;font-size:14px}
.ayemel .ay-node{position:absolute;left:144px;top:31px;width:13px;height:13px;border-radius:50%;border:3px solid var(--ay-bg);background:var(--ay-c)}
.ayemel .ay-entry .ay-card{margin-left:34px;border-top:3px solid var(--ay-c)}
.ayemel .ay-entry:target .ay-card{box-shadow:0 0 0 4px var(--ay-cl)}
.ayemel .ay-eh{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.ayemel .ay-eh h3{font-size:19px;font-weight:500;letter-spacing:-.3px;margin:0;line-height:1.25;color:var(--ay-ink)}
.ayemel .ay-build{color:var(--ay-label);font-weight:300}
.ayemel .ay-appchip{font-size:12px;padding:3px 10px;border-radius:10px;font-weight:500;background:var(--ay-cl);color:var(--ay-cd);line-height:1.6}
.ayemel .ay-status{display:inline-flex;align-items:center;font-size:11.5px;color:var(--ay-ink2);padding:3px 10px;border:1px solid var(--ay-line2);border-radius:999px;background:#fff;margin-left:auto}
.ayemel .ay-summary{color:var(--ay-mute);font-size:14px;margin:-6px 0 14px}
.ayemel .ay-rss{text-align:center;margin:30px 0 0;font-size:13px}
.ayemel .ay-rss a{color:var(--ay-mute);text-decoration:underline;text-underline-offset:3px}
.ayemel .ay-more{text-align:center;margin-top:10px}
.ayemel .ay-btn{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 24px;border-radius:999px;background:transparent;color:var(--ay-ink);border:1px solid var(--ay-line2);font:inherit;font-weight:500;font-size:14px;cursor:pointer}
.ayemel .ay-btn:hover{background:#fff}
/* cards layout (home strip) */
.ayemel .ay-cl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ayemel .ay-rel{padding:26px}
.ayemel .ay-rel-h{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.ayemel .ay-ver{font-weight:500;font-size:15px}
.ayemel .ay-date{color:var(--ay-label);font-size:13px;margin-left:auto}
.ayemel .ay-rel .ay-entries{font-size:14px;gap:10px}
@media (max-width:780px){
 .ayemel .ay-timeline:before{left:6px}
 .ayemel .ay-entry{grid-template-columns:1fr}
 .ayemel .ay-when{text-align:left;padding:0 0 8px 30px}
 .ayemel .ay-when b{display:inline;margin-right:6px}
 .ayemel .ay-node{left:0;top:4px;margin:0}
 .ayemel .ay-entry .ay-card{margin-left:30px;padding:22px}
 .ayemel .ay-status{margin-left:0}
 .ayemel .ay-cl-cards{grid-template-columns:1fr}
}