/* Moonflow ToolHub — public site components (see design/DESIGN-SPEC.md). Builds on tokens.css. */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}
main{flex:1 0 auto;outline:none}
img{max-width:100%;height:auto}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--fw-medium)}
p{margin:0 0 1rem}
code{font-family:var(--font-mono);font-size:.95em}
[hidden]{display:none!important}

.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:1rem;top:-100px;z-index:100;background:var(--white);color:var(--moonflow-purple);padding:.5rem 1rem;border-radius:.375rem;box-shadow:var(--shadow-md)}
.skip-link:focus{top:1rem}
.text-muted{color:var(--text-muted)}

/* Focus: purple border + focus shadow (spec). */
:focus{outline:none}
:focus-visible{outline:none;box-shadow:var(--focus-shadow)}
a:focus-visible{border-radius:.25rem}

/* ---- Layout ---- */
.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-25);width:100%}
.container--narrow{max-width:900px}
.section{padding:var(--section-pad-y) 0}
.section--subtle{background:var(--surface-subtle)}
.wash{position:absolute;inset:0;background:var(--moonflow-gradient);opacity:.1;pointer-events:none}

/* ---- Navbar ---- */
.site-header{position:sticky;top:0;z-index:20}
.navbar{background:var(--white);box-shadow:var(--shadow-navbar);padding:.5rem 0}
.navbar__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.navbar__brand{display:flex;align-items:center;gap:1rem;color:var(--moonflow-purple)}
.navbar__logo{height:50px;width:auto;display:block}
.navbar__product{border-left:1px solid var(--border-hairline);padding-left:1rem;font-size:var(--fs-h4);font-weight:var(--fw-medium);color:var(--moonflow-purple);white-space:nowrap}
.navbar__menu{display:flex;list-style:none;margin:0;padding:0}
.navbar__item{margin:0 .2rem}
.navbar__link{position:relative;display:block;padding:.5rem 1rem;color:rgba(0,0,0,.65);font-size:var(--fs-body);white-space:nowrap}
.navbar__link:hover,.navbar__link.is-active{color:rgba(0,0,0,.65)}
.navbar__underline{position:absolute;bottom:0;left:1rem;right:1rem;height:2px;background:var(--moonflow-gradient);transform:scaleX(0);transition:var(--t-underline)}
.navbar__link:hover .navbar__underline,.navbar__link.is-active .navbar__underline,.navbar__link:focus-visible .navbar__underline{transform:scaleX(1)}
.navbar__toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;border:1px solid var(--border-hairline);border-radius:.375rem;background:var(--white);cursor:pointer}
.navbar__toggle:focus-visible{border-color:var(--moonflow-purple)}
.navbar__toggle-bar{display:block;height:2px;width:100%;background:var(--moonflow-purple);border-radius:1px;transition:transform var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}
.navbar__toggle[aria-expanded="true"] .navbar__toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.navbar__toggle[aria-expanded="true"] .navbar__toggle-bar:nth-child(2){opacity:0}
.navbar__toggle[aria-expanded="true"] .navbar__toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:860px){
  .navbar__inner{flex-wrap:wrap}
  .navbar__logo{height:40px}
  .navbar__product{font-size:var(--fs-body)}
  .js .navbar__toggle{display:flex}
  .navbar__menu{flex-direction:column;width:100%;padding:.5rem 0}
  .js .navbar__menu:not(.is-open){display:none}
  .navbar__item{margin:0}
  .navbar__link{padding:.75rem .25rem}
  .navbar__underline{left:.25rem;right:auto;width:60px}
}

/* ---- Buttons ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-body);font-weight:var(--fw-book);line-height:1.5;border:0;border-radius:.375rem;cursor:pointer;text-decoration:none;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);white-space:nowrap}
.btn--sm{padding:.25rem .5rem;font-size:.875rem}
.btn--md{padding:.5rem 1.5rem;font-size:1rem}
.btn--block{width:100%}
.btn--primary{background:var(--moonflow-gradient);color:var(--white)}
.btn--primary:hover{color:var(--white);transform:translateY(var(--lift-y-sm));box-shadow:var(--shadow-btn-hover)}
.btn--outline{background:transparent;color:var(--moonflow-purple);border:1px solid var(--moonflow-purple)}
.btn--outline.btn--sm{padding:calc(.25rem - 1px) calc(.5rem - 1px)}
.btn--outline.btn--md{padding:calc(.5rem - 1px) calc(1.5rem - 1px)}
.btn--outline:hover{background:var(--moonflow-gradient);color:var(--white);border-color:transparent}
.btn--light{background:var(--white);color:var(--moonflow-purple);box-shadow:var(--shadow-sm)}
.btn--light:hover{transform:translateY(var(--lift-y-sm))}
.btn--link{background:transparent;color:var(--moonflow-purple);padding:0}
.btn--link:hover{color:var(--moonflow-purple);transform:translateY(var(--lift-y-sm))}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}

/* ---- Chips, tags, badges ---- */
.status-chip{display:inline-block;padding:.3rem .8rem;border-radius:var(--radius-pill);font-size:var(--fs-3xs);line-height:1.5}
.status-chip--brand{background:var(--moonflow-gradient);color:var(--white)}
.status-chip--light{background:var(--overlay-chip);color:var(--moonflow-purple)}
.version-tag{display:inline-block;padding:.2rem .6rem;border-radius:var(--radius-pill);font-weight:var(--fw-medium);font-size:var(--fs-3xs);line-height:1.5;white-space:nowrap}
.version-tag--subtle{background:var(--surface-subtle);color:var(--moonflow-purple);border:1px solid var(--border-hairline)}
.version-tag--brand{background:var(--moonflow-gradient);color:var(--white);border:1px solid transparent}
.version-tag__current{font-size:var(--fs-3xs);color:var(--text-muted)}
.platform-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--fs-2xs);line-height:1.5}
.platform-badge i{color:var(--moonflow-purple)}
.platform-badge--plain{color:var(--text-muted)}
.platform-badge--chip{color:var(--text-strong);background:var(--surface-subtle);border:1px solid var(--border-hairline);border-radius:var(--radius-pill);padding:.25rem .7rem}
.icon-circle{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:50%;background:var(--moonflow-gradient);color:var(--white)}
.icon-circle--sm{width:35px;height:35px;font-size:1rem}
.icon-circle--md{width:50px;height:50px;font-size:1.2rem}
.icon-circle--lg{width:80px;height:80px;font-size:2rem}

/* ---- Card ---- */
.card{background:var(--surface-card);overflow:hidden;box-shadow:var(--shadow-md)}
.card--md{border-radius:var(--radius-xl)}
.card--lg{border-radius:var(--radius-2xl)}
.card--lift{transition:var(--t-lift)}
.card--lift:hover{box-shadow:var(--shadow-hover);transform:translateY(var(--lift-y))}

/* ---- Notices ---- */
.notice{margin:1.5rem 0 0;padding:.75rem 1rem;border-radius:.375rem;border:1px solid var(--border-hairline);background:var(--white);font-size:var(--fs-sm)}
.notice--error{background:var(--status-booked);border-color:#f5c2c7}
.notice--success{background:var(--status-available);border-color:#badbcc}
.notice--info{background:#f5eef7;border-color:#e2cde7}

/* ---- PageHero ---- */
.page-hero{position:relative;padding:var(--hero-pad-y) 0;overflow:hidden}
.page-hero__inner{position:relative;display:flex;flex-wrap:wrap;gap:var(--grid-gutter);align-items:center}
.page-hero__text{flex:1 1 380px}
.page-hero__title{font-size:var(--fs-display-4);font-weight:var(--fw-light);margin:0 0 var(--space-4);color:var(--text-body);line-height:var(--lh-tight)}
.page-hero__lead{font-size:var(--fs-lead);line-height:var(--lh-prose);margin:0;max-width:60ch}
.page-hero__media{flex:1 1 380px}
.page-hero__img{display:block;width:100%;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}

/* ---- Catalog ---- */
.catalog-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:var(--grid-gutter)}
.category-filter{display:flex;flex-wrap:wrap;gap:.5rem}
.category-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border-radius:var(--radius-pill);font-size:var(--fs-xs);line-height:1.5;background:var(--white);color:var(--text-strong);border:1px solid var(--border-hairline);transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}
.category-pill:hover{color:var(--moonflow-purple);border-color:var(--moonflow-purple)}
.category-pill.is-active{background:var(--moonflow-gradient);color:var(--white);border-color:transparent}
.category-pill__count{font-size:var(--fs-3xs);color:var(--text-muted)}
.category-pill.is-active .category-pill__count{color:inherit;opacity:.85}
.search-field{position:relative;flex:0 1 300px;max-width:300px;width:100%}
.search-field__icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:var(--fs-2xs);pointer-events:none}
.search-field .search-field__input{padding-left:2.25rem}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--grid-gutter)}
.empty-state{text-align:center;padding:var(--space-5) 0}
.empty-state__icon{font-size:4rem;color:var(--moonflow-purple);opacity:.5;display:block;margin-bottom:1rem}
.empty-state__text{color:var(--text-muted);margin:0}

/* ---- ToolCard ---- */
.tool-card{display:flex;flex-direction:column;background:var(--white);border-radius:var(--radius-2xl);overflow:hidden;height:100%;box-shadow:var(--shadow-md);transition:var(--t-lift)}
.tool-card:hover{box-shadow:var(--shadow-hover);transform:translateY(var(--lift-y))}
.tool-card__media{position:relative;display:flex;align-items:center;justify-content:center;height:200px;overflow:hidden;background:var(--white)}
.tool-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--dur-base) var(--ease)}
.tool-card:hover .tool-card__img{transform:scale(var(--zoom-hover))}
.tool-card__scrim{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.2) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.3) 100%)}
.tool-card__media .icon-circle{position:relative}
.tool-card__chip{position:absolute;top:1rem;left:1rem}
.tool-card__body{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;flex:1}
.tool-card__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.tool-card__name{font-size:var(--fs-h4);font-weight:var(--fw-medium);color:var(--moonflow-purple);margin:0}
.tool-card__name a{color:inherit}
.tool-card__name a:hover{color:var(--moonflow-purple-light)}
.tool-card__desc{font-size:var(--fs-xs);color:var(--text-muted);line-height:var(--lh-body);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tool-card__platforms{display:flex;flex-wrap:wrap;gap:.9rem}
.tool-card__footer{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.tool-card__note{font-size:var(--fs-3xs);color:var(--text-muted)}

/* ---- Detail ---- */
.detail-back{margin-bottom:var(--space-4);position:relative}
.detail-hero{position:relative;display:flex;flex-wrap:wrap;gap:var(--grid-gutter);align-items:center}
.detail-hero__text{flex:1 1 420px}
.detail-hero__tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem}
.detail-hero__title{font-size:var(--fs-project-title);font-weight:var(--fw-light);color:var(--text-body);margin:0 0 1rem;line-height:var(--lh-tight)}
.detail-hero__lead{font-size:var(--fs-lead);line-height:var(--lh-prose);margin:0 0 var(--space-4)}
.detail-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.detail-hero__skip{margin:.75rem 0 0}
.detail-hero__skip .btn{font-size:var(--fs-xs)}
.detail-hero__media{flex:1 1 380px}
.detail-hero__img{display:block;width:100%;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}
.detail-hero__placeholder{aspect-ratio:16/9;background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--moonflow-purple)}
.detail-layout{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:flex-start}
.detail-layout__main{flex:2 1 480px;min-width:0}
.detail-layout__aside{flex:1 1 280px;position:sticky;top:100px}
.detail-section-title{font-size:var(--fs-h2)}
.detail-layout__main .detail-section-title:not(:first-child){margin-top:var(--space-5)}
.detail-sidebar{padding:1.5rem}
.detail-sidebar__title{font-size:var(--fs-h5);color:var(--moonflow-purple);font-weight:var(--fw-medium);margin:0 0 .75rem}
.detail-sidebar__list{margin:0 0 1rem;padding-left:1.2rem;line-height:var(--lh-prose)}
.detail-sidebar__note{font-size:var(--fs-xs);color:var(--text-muted);margin:0;padding-top:1rem;border-top:1px solid var(--border-hairline)}
.detail-sidebar__title+.detail-sidebar__note,.detail-sidebar__note:first-child{border-top:0;padding-top:0}
.prose{line-height:var(--lh-prose)}
.prose--lead{font-size:var(--fs-lead)}
.prose h2,.prose h3,.prose h4{color:var(--moonflow-purple);margin:1.5rem 0 .75rem}
.prose h2{font-size:var(--fs-h3)}
.prose h3{font-size:var(--fs-h5)}
.prose h4{font-size:var(--fs-body)}
.prose ul,.prose ol{padding-left:1.4rem;margin:0 0 1rem}
.prose blockquote{margin:0 0 1rem;padding-left:1rem;border-left:3px solid var(--moonflow-purple-light);color:var(--text-strong)}
.prose a{text-decoration:underline;text-underline-offset:2px}

/* ---- DownloadRow ---- */
.download-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-hairline)}
.download-row__platform{flex:0 0 110px}
.download-row__platform .platform-badge{font-size:var(--fs-body)}
.download-row__info{flex:1 1 220px;min-width:0}
.download-row__name{font-weight:var(--fw-medium);overflow-wrap:anywhere}
.download-row__meta{font-size:var(--fs-3xs);color:var(--text-muted);display:flex;flex-wrap:wrap;gap:.25rem .75rem}
.download-row__checksum code{font-family:var(--font-mono);overflow-wrap:anywhere}

/* ---- ChangelogEntry ---- */
.changelog-entry{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--border-hairline)}
.changelog-entry__meta{flex:0 0 140px;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}
.changelog-entry__date{font-size:var(--fs-3xs);color:var(--text-muted)}
.changelog-entry__content{flex:1 1 300px;min-width:0}
.changelog-entry__title{font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--moonflow-purple);margin:0 0 .6rem}
.changelog-entry__title a{color:inherit}
.changelog-entry__title a:hover{color:var(--moonflow-purple-light)}
.changelog-entry__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.changelog-entry__item{display:flex;gap:.75rem;align-items:baseline;font-size:var(--fs-sm)}
.change-type{flex:0 0 72px;width:72px;text-align:center;font-size:var(--fs-3xs);padding:.1rem 0;border-radius:var(--radius-sm);color:var(--text-strong)}
.change-type--neu{background:var(--status-available)}
.change-type--fix{background:var(--status-pending)}
.change-type--geaendert{background:var(--status-blocked)}

/* ---- Updates ---- */
.updates-title{font-size:var(--fs-h1);font-weight:var(--fw-medium);margin-bottom:1rem}
.updates-intro{margin-bottom:var(--space-4)}

/* ---- Forms ---- */
.form-control{display:block;width:100%;padding:.375rem .75rem;font-family:var(--font-body);font-size:var(--fs-body);line-height:1.5;color:var(--text-body);background:var(--white);border:1px solid var(--border-hairline);border-radius:.375rem;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}
.form-control:focus{border-color:var(--moonflow-purple);box-shadow:var(--focus-shadow);outline:none}
.form-control::placeholder{color:var(--text-muted)}

/* ---- DonationBox ---- */
.donation-box{margin:0}
.donation-box__title{font-size:var(--fs-h5);color:var(--moonflow-purple);font-weight:var(--fw-medium);margin:0 0 .5rem}
.donation-box__text{font-size:var(--fs-sm);color:var(--text-muted);margin:0 0 1rem}
.donation-box__amounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:.5rem;border:0;margin:0 0 .75rem;padding:0}
.amount-option{position:relative;display:block}
.amount-option input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.amount-option__label{display:block;text-align:center;padding:.6rem 0;border-radius:.375rem;font-weight:var(--fw-medium);background:var(--white);color:var(--moonflow-purple);border:1px solid var(--moonflow-purple);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}
.amount-option input:checked+.amount-option__label{background:var(--moonflow-gradient);color:var(--white);border-color:transparent}
.amount-option input:focus-visible+.amount-option__label{box-shadow:var(--focus-shadow)}
.donation-box__custom{position:relative;margin-bottom:1rem}
.donation-box__custom .donation-box__custom-input{padding-right:3.25rem}
.donation-box__currency{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}
.donation-box__skip{text-align:center;margin-top:.75rem}
.donation-box__skip .btn{font-size:var(--fs-xs)}
.donation-box__error{font-size:var(--fs-xs);color:#a4161a;margin:.5rem 0 0}

/* ---- Modal ---- */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:60;overflow-y:auto}
.modal__dialog{background:var(--white);border-radius:var(--radius-xl);max-width:500px;width:100%;box-shadow:var(--shadow-lg);overflow:hidden;margin:auto}
.modal__dialog:focus{outline:none}
.modal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:var(--moonflow-gradient);color:var(--white)}
.modal__title{font-size:var(--fs-h5);font-weight:var(--fw-medium);margin:0;color:var(--white)}
.modal__close{background:transparent;border:0;color:var(--white);font-size:1.1rem;line-height:1;padding:.35rem .5rem;border-radius:.375rem;cursor:pointer}
.modal__close:focus-visible{box-shadow:0 0 0 .2rem rgba(255,255,255,.6)}
.modal__body{padding:1.5rem}
body.modal-open{overflow:hidden}
.download-fallback{position:relative;display:flex;justify-content:center}
.modal__dialog--static{box-shadow:var(--shadow-lg)}

/* ---- Support ---- */
.support-layout{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:flex-start}
.support-points{flex:1 1 380px;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}
.support-point{display:flex;gap:1rem;align-items:flex-start}
.support-point__title{font-size:var(--fs-h5);color:var(--moonflow-purple);font-weight:var(--fw-medium);margin:0 0 .35rem}
.support-point__text{color:var(--text-muted);margin:0}
.support-card{flex:0 1 420px;padding:1.5rem}

/* ---- Thanks / 404 ---- */
.thanks{position:relative;padding:6rem 0;overflow:hidden}
.thanks--compact{padding:4rem 0}
.thanks__inner{position:relative;max-width:640px;text-align:center}
.thanks__icon{margin:0 auto 1.5rem}
.thanks__title{font-size:var(--fs-h1);font-weight:var(--fw-light);color:var(--text-body);margin:0 0 1rem}
.thanks__lead{font-size:var(--fs-lead);line-height:var(--lh-prose);margin:0 0 var(--space-4)}
.thanks__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}

/* ---- Footer ---- */
.site-footer{background:var(--surface-footer);color:var(--white);padding:var(--section-pad-y) 0;margin-top:auto}
.site-footer a{color:var(--white)}
.site-footer a:hover{color:var(--white);opacity:.8}
.site-footer__cols{display:flex;flex-wrap:wrap;gap:var(--grid-gutter)}
.site-footer__col{flex:1 1 280px}
.site-footer__logo{height:50px;width:auto;display:block;margin-bottom:1rem}
.site-footer__address{white-space:pre-line;margin:0;opacity:.9}
.site-footer__title{font-size:var(--fs-h5);font-weight:var(--fw-medium);margin:0 0 1rem;color:var(--white)}
.site-footer__line{margin:0 0 .5rem}
.site-footer__line i{width:1.25rem;opacity:.8}
.site-footer__socials{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;margin:0;padding:0}
.site-footer__social{display:inline-block;opacity:.8;font-size:1.33rem}
.site-footer__social:hover{opacity:1}
.site-footer__rule{border:0;border-top:1px solid rgba(255,255,255,.25);margin:var(--space-4) 0}
.site-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:var(--fs-2xs)}
.site-footer__copy{margin:0}
.site-footer__legal{display:flex;gap:1.25rem;list-style:none;margin:0;padding:0}

/* ---- Responsive ---- */
@media (max-width:767px){
  .page-hero{padding:var(--hero-pad-y-sm) 0}
  .page-hero__title{font-size:2.5rem}
  .detail-hero__title{font-size:2.25rem}
  .thanks{padding:var(--hero-pad-y-sm) 0}
  .tool-grid{grid-template-columns:1fr}
  .search-field{max-width:none;flex-basis:100%}
  .detail-layout__aside{position:static}
  .changelog-entry{gap:.75rem}
  .changelog-entry__meta{flex-direction:row;align-items:center;flex-basis:100%}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;scroll-behavior:auto!important}
}