.about-page__changelog{margin-top:.625rem}.changelog{position:relative}.changelog__heading{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:.625rem;margin-bottom:1.25rem}.changelog__section-title{display:flex;align-items:center;gap:.625rem;margin:0;color:var(--deep-text);font-size:1.25rem;font-weight:700;line-height:1.3}.changelog__section-title:before{content:"";width:5px;height:1.375rem;flex:0 0 5px;border-radius:999px;background:var(--article-title-marker)}.changelog__recent-limit{display:inline-flex;align-items:center;gap:.625rem;min-width:0;color:var(--content-meta);font-size:.75rem;font-weight:500;line-height:1.4;overflow-wrap:anywhere}.changelog__recent-limit:before{content:"/";color:var(--line-divider)}.changelog__wires{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none}.changelog-wire{fill:none;stroke-width:1.5}.changelog-wire--row{stroke:var(--article-title-marker);opacity:.35}.changelog-wire--hover{stroke:var(--article-title-marker);stroke-width:1.75}.changelog-wire--hover.is-drawn{stroke-dasharray:6 5;animation:changelog-dash .7s linear infinite}.changelog-wire-arrow{fill:var(--article-title-marker)}.changelog-wire-label{position:absolute;z-index:3;max-width:12rem;padding:.25rem .625rem;overflow:hidden;border:1px solid color-mix(in oklch,var(--article-title-marker) 35%,transparent);border-radius:999px;background:#fafafa;box-shadow:0 2px 8px #00000014;color:var(--article-title-marker);font-size:.6875rem;font-weight:700;line-height:1.4;text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .35s ease .1s,visibility .35s ease .1s;visibility:hidden}.changelog-wire-label.is-in{opacity:1;visibility:visible}:root.dark .changelog-wire-label{background:#161616}@keyframes changelog-dash{to{stroke-dashoffset:-11}}.changelog__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:.875rem;margin:0;padding:0;list-style:none}.changelog-card{position:relative;min-width:0;transition:opacity .25s ease}.changelog-card__inner{position:relative;display:flex;width:100%;height:100%;min-height:7.75rem;flex-direction:column;gap:.375rem;padding:.875rem 1rem;overflow:hidden;border:0;border-radius:var(--radius-medium);background:#fafafa;text-align:start;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}:root.dark .changelog-card__inner{background:#161616}.changelog-card__inner:hover{transform:translateY(-2px)}.changelog-card__inner:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.changelog-card__num{position:absolute;right:.625rem;bottom:-.625rem;color:var(--deep-text);font-size:2.75rem;font-weight:800;line-height:1;opacity:.09;pointer-events:none;user-select:none}.changelog-card__meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;line-height:1.4}.changelog-card__type{display:inline-flex;align-items:center;gap:.3125rem;font-weight:700}.changelog-card__type:before{content:"";width:.4375rem;height:.4375rem;flex:0 0 .4375rem;border-radius:999px;background:var(--changelog-type-color, var(--primary))}.changelog-card[data-type=feat]{--changelog-type-color: #1d9e75}.changelog-card[data-type=fix]{--changelog-type-color: #e24b4a}.changelog-card[data-type=style]{--changelog-type-color: #7f77dd}.changelog-card[data-type=refactor]{--changelog-type-color: #ef9f27}.changelog-card[data-type=chore]{--changelog-type-color: #64748b}.changelog-card__type{color:var(--changelog-type-color, var(--primary))}.changelog-card__date{color:var(--content-meta)}.changelog-card__title{color:var(--deep-text);font-size:.9375rem;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.changelog-card__summary{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--content-meta);font-size:.8125rem;line-height:1.5}.changelog.is-hovering .changelog-card{opacity:.3}.changelog.is-hovering .changelog-card.is-active,.changelog.is-hovering .changelog-card.is-linked{opacity:1}.changelog-card.is-active .changelog-card__inner{transform:translateY(-2px);box-shadow:0 .5rem 1.5rem #0000001f}.changelog-card.is-linked .changelog-card__inner{box-shadow:inset 0 0 0 1.5px var(--article-title-marker)}.changelog-card.is-flash .changelog-card__inner{animation:changelog-flash 1.3s ease}@keyframes changelog-flash{0%,55%{box-shadow:inset 0 0 0 2px var(--article-title-marker)}to{box-shadow:none}}.changelog-dialog{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:1rem}.changelog-dialog[hidden]{display:none}html.changelog-dialog-open{overflow:hidden}.changelog-dialog__overlay{position:absolute;inset:0;background:#00000073;backdrop-filter:blur(2px)}.changelog-dialog__panel{position:relative;width:min(34rem,100%);max-height:82vh;padding:1.5rem 1.75rem;overflow-y:auto;border-radius:var(--radius-large);background:var(--page-bg);box-shadow:0 1.5rem 4rem #00000047;animation:changelog-dialog-in .22s ease}@keyframes changelog-dialog-in{0%{opacity:0;transform:translateY(.75rem) scale(.98)}to{opacity:1;transform:none}}.changelog-dialog__close{position:absolute;top:.875rem;right:.875rem;display:inline-grid;width:2.25rem;height:2.25rem;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--content-meta);font-size:1.375rem;line-height:1;cursor:pointer;transition:background-color .18s ease,color .18s ease}.changelog-dialog__close:hover{background:var(--btn-plain-bg-hover);color:var(--deep-text)}.changelog-dialog__meta{display:flex;align-items:center;gap:.625rem;margin-bottom:.625rem;font-size:.8125rem}.changelog-dialog__num{color:var(--content-meta);font-weight:800}.changelog-dialog__type{font-weight:700}.changelog-dialog__type[data-type=feat]{color:#1d9e75}.changelog-dialog__type[data-type=fix]{color:#e24b4a}.changelog-dialog__type[data-type=style]{color:#7f77dd}.changelog-dialog__type[data-type=refactor]{color:#ef9f27}.changelog-dialog__type[data-type=chore]{color:#64748b}.changelog-dialog__date{color:var(--content-meta)}.changelog-dialog__title{margin:0 0 .625rem;padding-right:2.5rem;color:var(--deep-text);font-size:1.25rem;font-weight:800;line-height:1.35}.changelog-dialog__detail{margin:0 0 1.25rem;color:var(--deep-text);font-size:.9375rem;line-height:1.7}.changelog-dialog__detail p{margin:0 0 .625rem}.changelog-dialog__detail p:last-child{margin-bottom:0}.changelog-dialog__section{margin-top:1rem}.changelog-dialog__label{display:block;margin-bottom:.5rem;color:var(--content-meta);font-size:.75rem;font-weight:700;letter-spacing:.06em}.changelog-dialog__pages,.changelog-card__pages{display:flex;flex-wrap:wrap;gap:.5rem}.changelog-card__page-chip{display:inline-flex;align-items:center;padding:.3125rem .75rem;border-radius:999px;background:var(--btn-plain-bg-hover);color:var(--deep-text);font-size:.8125rem;font-weight:700;text-decoration:none;transition:background-color .18s ease,color .18s ease}a.changelog-card__page-chip:hover{background:var(--article-title-marker);color:var(--page-bg)}.changelog-dialog__related{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none}.changelog-dialog__related-btn{display:grid;width:100%;grid-template-columns:auto 1fr;gap:.125rem .625rem;align-items:baseline;padding:.625rem .875rem;border:0;border-radius:var(--radius-medium);background:#fafafa;text-align:start;cursor:pointer;transition:background-color .18s ease}:root.dark .changelog-dialog__related-btn{background:#161616}.changelog-dialog__related-btn:hover{background:var(--btn-plain-bg-hover)}.changelog-dialog__related-num{color:var(--article-title-marker);font-size:.8125rem;font-weight:800}.changelog-dialog__related-title{color:var(--deep-text);font-size:.875rem;font-weight:700;line-height:1.4}.changelog-dialog__related-pages{grid-column:2;color:var(--content-meta);font-size:.75rem;line-height:1.5}@media(max-width:1024px){.changelog__grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.changelog__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.changelog__grid{grid-template-columns:repeat(2,1fr);gap:.625rem}.changelog-card__inner{min-height:7rem;padding:.75rem .875rem}.changelog-card__num{font-size:2.25rem}}@media(prefers-reduced-motion:reduce){.changelog-wire--hover,.changelog-wire--hover.is-drawn{animation:none}.changelog-wire-label{transition:none}.changelog-card__inner,.changelog-card,.changelog-dialog__panel{transition:none;animation:none}}
