.cl{--cl-rail: 1px;--cl-dot: 12px;--cl-node: 10px;--cl-rail-gap: var(--space-5);--cl-gutter: calc(var(--cl-dot) + var(--cl-rail-gap));--cl-rail-x: calc(var(--cl-dot) / 2);--cl-month-fs: var(--text-h1);--cl-month-node-y: calc(var(--cl-month-fs) * .55);--cl-line: 24px;--cl-row-node-y: calc(var(--space-6) + var(--cl-line) / 2);background:var(--gk-surface-paper)}.cl,.cle{--cl-rule: var(--gk-line-hairline);--cl-rule-strong: var(--gk-line-strong);--cl-feature-soft: var(--gk-surface-paper-muted);--cl-feature-text: var(--gk-text-primary);--cl-feature-mark: var(--gk-text-primary);--cl-improvement-soft: var(--gk-semantic-success-soft);--cl-improvement-text: var(--gk-semantic-success-text);--cl-improvement-mark: var(--gk-semantic-success-text);--cl-fix-soft: var(--gk-semantic-info-soft);--cl-fix-text: var(--gk-semantic-info-text);--cl-fix-mark: var(--gk-semantic-info-text)}.cl-hero{position:relative;overflow:hidden;padding-top:calc(var(--navbar-height) + var(--space-20));padding-bottom:var(--space-12);padding-inline:var(--container-padding);background:var(--gk-surface-paper)}.cl-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--gk-line-hairline) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(180deg,var(--gk-text-primary),transparent 90%);-webkit-mask-image:linear-gradient(180deg,var(--gk-text-primary),transparent 90%);pointer-events:none}.cl-hero__inner{position:relative;z-index:1;width:100%;max-width:var(--container-max);margin-inline:auto}.cl-hero__h1{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--font-semibold);line-height:var(--leading-display);letter-spacing:var(--tracking-display);text-wrap:balance;color:var(--gk-text-primary)}.cl-hero__lead{margin-top:var(--space-5);max-width:58ch;font-size:var(--text-lg);font-weight:300;line-height:var(--leading-body);color:var(--gk-text-secondary)}.cl-velocity{display:grid;grid-template-columns:1fr;margin-top:var(--space-10);border-top:1px solid var(--cl-rule)}.cl-velocity__item{display:flex;flex-direction:column;gap:var(--space-1);padding-block:var(--space-5);border-bottom:1px solid var(--cl-rule)}.cl-velocity__value{display:flex;align-items:flex-end;min-height:var(--space-10);font-family:var(--font-display);font-size:var(--text-stat);font-weight:var(--font-semibold);line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--gk-text-primary)}.cl-velocity__value--date{font-size:var(--text-h2);letter-spacing:var(--tracking-heading)}.cl-velocity__label{font-size:var(--text-sm);color:var(--gk-text-tertiary)}@media(min-width:768px){.cl-velocity{grid-template-columns:repeat(var(--cl-velocity-cols, 3),max-content);justify-content:start;column-gap:var(--space-10);border-top:0}.cl-velocity__item{padding-inline:var(--space-6);border-bottom:0;border-left:1px solid var(--cl-rule)}.cl-velocity__item:first-child{padding-left:0;border-left:0}}.cl-toolbar{position:sticky;top:var(--navbar-height);z-index:5;padding-block:var(--space-3);padding-inline:var(--container-padding);background:var(--gk-surface-paper);border-bottom:1px solid var(--cl-rule)}.cl-toolbar__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;max-width:var(--container-max);margin-inline:auto}.cl-filter{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cl-filter__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cl-chip{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--gk-control-medium);padding-inline:var(--space-4);border:1px solid var(--gk-line-control);border-radius:var(--radius-full);background:var(--gk-surface-paper);color:var(--gk-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.cl-chip:hover{border-color:var(--gk-text-primary);color:var(--gk-text-primary)}.cl-chip:focus-visible{outline:2px solid var(--gk-action-focus);outline-offset:-2px}.cl-chip:active{transform:scale(.96)}.cl-chip:disabled{color:var(--gk-text-tertiary);border-color:var(--cl-rule);cursor:default}.cl-chip[aria-pressed=true]{background:var(--gk-text-primary);border-color:var(--gk-text-primary);color:var(--gk-surface-paper)}.cl-chip__dot{width:8px;height:8px;border-radius:var(--radius-full);background:currentColor}.cl-chip[data-type=feature] .cl-chip__dot{background:var(--cl-feature-mark)}.cl-chip[data-type=improvement] .cl-chip__dot{background:var(--cl-improvement-mark)}.cl-chip[data-type=fix] .cl-chip__dot{background:var(--cl-fix-mark)}.cl-chip[aria-pressed=true] .cl-chip__dot{background:currentColor}.cl-chip__count{font-variant-numeric:tabular-nums;color:inherit;opacity:.7}.cl-rss{display:none;align-items:center;gap:var(--space-2);min-height:var(--gk-control-medium);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gk-text-secondary);white-space:nowrap;transition:color var(--transition-fast)}.cl-rss:hover{color:var(--gk-text-primary);text-decoration:underline;text-underline-offset:4px}.cl-rss:focus-visible{outline:2px solid var(--gk-action-focus);outline-offset:-2px}@media(max-width:767px){.cl-chip{height:var(--gk-control-large)}}@media(min-width:768px){.cl-rss{display:inline-flex}}.cl-timeline{padding-block:var(--space-12) var(--space-20);padding-inline:var(--container-padding)}.cl-timeline__inner{width:100%;max-width:var(--container-max);margin-inline:auto}.cl-month{position:relative;padding-left:var(--cl-gutter)}.cl-month:before{content:"";position:absolute;top:var(--cl-month-node-y);bottom:calc(-1 * var(--space-10));left:calc(var(--cl-rail-x) - var(--cl-rail) / 2);width:var(--cl-rail);background:var(--cl-rule)}.cl-month[data-cl-last]:before{bottom:0}.cl-month+.cl-month{margin-top:var(--space-10)}.cl-month__heading{position:relative;font-family:var(--font-display);font-size:var(--cl-month-fs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);text-wrap:balance;color:var(--gk-text-primary)}.cl-month__heading:before{content:"";position:absolute;top:var(--cl-month-node-y);left:calc(var(--cl-rail-x) - var(--cl-dot) / 2 - var(--cl-gutter));margin-top:calc(var(--cl-dot) / -2);width:var(--cl-dot);height:var(--cl-dot);border-radius:var(--radius-full);background:var(--gk-text-primary)}.cl-month__count{margin-left:var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:0;color:var(--gk-text-tertiary);font-variant-numeric:tabular-nums;vertical-align:.35em}.cl-list{list-style:none;margin-top:var(--space-6);display:flex;flex-direction:column}.cl-row{position:relative;display:grid;grid-template-columns:1fr;gap:var(--space-4);min-height:var(--gk-row-comfortable);padding-block:var(--space-6);border-top:1px solid var(--cl-rule)}.cl-row__title a:after{content:"";position:absolute;inset:0}.cl-row:has(.cl-row__title a:focus-visible){outline:2px solid var(--gk-action-focus);outline-offset:-2px}.cl-row:first-child{border-top:0;padding-top:0}.cl-row:before{content:"";position:absolute;top:var(--cl-row-node-y);left:calc(var(--cl-rail-x) - var(--cl-node) / 2 - var(--cl-gutter));margin-top:calc(var(--cl-node) / -2);width:var(--cl-node);height:var(--cl-node);border-radius:var(--radius-full);background:var(--gk-surface-paper);border:2px solid var(--cl-rule-strong);transition:border-color var(--transition-fast)}.cl-row:first-child:before{top:calc(var(--cl-line) / 2)}.cl-row:hover:before{border-color:var(--gk-text-primary)}.cl-row[data-cl-last]:after{content:"";position:absolute;top:calc(var(--cl-row-node-y) + var(--cl-node) / 2);bottom:0;left:calc(var(--cl-rail-x) - var(--cl-rail) / 2 - var(--cl-gutter));width:var(--cl-rail);background:var(--gk-surface-paper)}.cl-row[data-cl-last]:first-child:after{top:calc(var(--cl-line) / 2 + var(--cl-node) / 2)}.cl-row[hidden]{display:none}.cl-row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);min-height:var(--cl-line)}.cl-row__date{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--gk-text-tertiary)}.cl-row__title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--font-semibold);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);text-wrap:balance;margin-top:var(--space-2)}.cl-row__title a{color:var(--gk-text-primary);transition:color var(--transition-fast)}.cl-row__title a:hover{text-decoration:underline;text-underline-offset:4px}.cl-row__title a:focus-visible{outline:none}.cl-row__short{margin-top:var(--space-2);max-width:62ch;color:var(--gk-text-secondary);line-height:var(--leading-body)}.cl-row__areas{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4);list-style:none}.cl-area{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--gk-surface-paper-soft);border:1px solid var(--cl-rule);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--gk-text-secondary)}.cl-row__more{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--gk-control-large);margin-top:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gk-text-primary);transition:color var(--transition-fast)}.cl-row__more svg{flex-shrink:0}.cl-row:hover .cl-row__more{text-decoration:underline;text-underline-offset:4px}.cl-row__thumb{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-lg);background:var(--gk-surface-paper-soft);border:1px solid var(--cl-rule)}@media(min-width:1024px){.cl{--cl-rail-gap: var(--space-8)}.cl-row--media{grid-template-columns:minmax(0,1fr) 280px;align-items:start}}.cl-empty{display:none;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);text-align:center;color:var(--gk-text-secondary);background:var(--gk-surface-paper-soft);border:1px solid var(--cl-rule);border-radius:var(--radius-xl)}.cl-timeline[data-empty=true] .cl-empty{display:flex}.cl-month[data-empty=true]{display:none}.cl-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:1.4}.cl-badge__dot{width:8px;height:8px;border-radius:var(--radius-full);background:currentColor}.cl-badge--feature{background:var(--cl-feature-soft);color:var(--cl-feature-text)}.cl-badge--improvement{background:var(--cl-improvement-soft);color:var(--cl-improvement-text)}.cl-badge--fix{background:var(--cl-fix-soft);color:var(--cl-fix-text)}.cle{background:var(--gk-surface-paper)}.cle-hero{position:relative;overflow:hidden;padding-top:calc(var(--navbar-height) + var(--space-16));padding-bottom:var(--space-12);padding-inline:var(--container-padding);background:var(--gk-surface-paper)}.cle-hero__inner,.cle-body__inner,.cle-nav__inner{width:100%;max-width:var(--container-narrow);margin-inline:auto}.cle-hero__back{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--gk-control-medium);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gk-text-secondary);transition:color var(--transition-fast)}.cle-hero__back svg{flex-shrink:0}.cle-hero__back:hover{color:var(--gk-text-primary);text-decoration:underline;text-underline-offset:4px}.cle-hero__back:focus-visible{outline:2px solid var(--gk-action-focus);outline-offset:-2px}.cle-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-6);font-size:var(--text-sm);color:var(--gk-text-tertiary);font-variant-numeric:tabular-nums}.cle-hero__h1{margin-top:var(--space-4);font-family:var(--font-display);font-size:var(--text-h1);font-weight:var(--font-semibold);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);text-wrap:balance;color:var(--gk-text-primary)}.cle-hero__short{margin-top:var(--space-5);max-width:62ch;font-size:var(--text-lg);font-weight:300;line-height:var(--leading-body);color:var(--gk-text-secondary)}.cle-notice{margin-top:var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--gk-surface-paper-soft);border:1px solid var(--cl-rule);font-size:var(--text-sm);color:var(--gk-text-secondary)}.cle-body{padding-inline:var(--container-padding);padding-bottom:var(--space-10)}.cle-media{margin-bottom:var(--space-8);border-radius:var(--radius-xl);overflow:hidden;background:var(--gk-surface-ink);border:1px solid var(--cl-rule)}.cle-media img,.cle-media video{width:100%;aspect-ratio:16 / 9;object-fit:contain;background:var(--gk-surface-ink)}.cle-prose{font-size:var(--text-base);line-height:var(--leading-body);color:var(--gk-text-primary)}.cle-prose p+p{margin-top:var(--space-4)}.cle-prose ul,.cle-prose ol{margin-top:var(--space-4);padding-left:var(--space-5)}.cle-prose li+li{margin-top:var(--space-2)}.cle-prose a{color:var(--gk-text-primary);text-decoration:underline;text-decoration-color:var(--cl-rule-strong);text-underline-offset:4px}.cle-prose a:hover{text-decoration-color:var(--gk-text-primary)}.cle-areas{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--cl-rule)}.cle-areas__heading,.cle-share__heading{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gk-text-secondary)}.cle-areas__list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);list-style:none}.cle-cta{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-10);padding:var(--space-6);border-radius:var(--radius-xl);background:var(--gk-surface-paper-soft);border:1px solid var(--cl-rule)}.cle-cta__text{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--font-semibold);letter-spacing:var(--tracking-heading);text-wrap:balance;color:var(--gk-text-primary)}@media(min-width:768px){.cle-cta{flex-direction:row;align-items:center;justify-content:space-between}}.cle-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-5);margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--cl-rule)}.cle-author{display:flex;align-items:center;gap:var(--space-3)}.cle-author__avatar{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover;background:var(--gk-surface-paper-soft)}.cle-author__name{font-weight:var(--font-semibold);color:var(--gk-text-primary)}.cle-author__role{font-size:var(--text-sm);color:var(--gk-text-tertiary)}.cle-share{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.cle-share__list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none}.cle-share__btn{display:inline-flex;align-items:center;height:var(--gk-control-medium);padding-inline:var(--space-4);border:1px solid var(--gk-line-control);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gk-text-secondary);background:var(--gk-surface-paper);transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.cle-share__btn:hover{border-color:var(--gk-text-primary);color:var(--gk-text-primary)}.cle-share__btn:focus-visible{outline:2px solid var(--gk-action-focus);outline-offset:-2px}.cle-share__btn:active{transform:scale(.96)}.cle-share__btn:disabled{color:var(--gk-text-tertiary);border-color:var(--cl-rule);cursor:default}.cle-share__btn[data-state=copied]{border-color:var(--cl-improvement-text);color:var(--cl-improvement-text)}@media(max-width:767px){.cle-share__btn{height:var(--gk-control-large)}}.cle-nav{padding-inline:var(--container-padding);padding-bottom:var(--space-12)}.cle-nav__inner{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media(min-width:768px){.cle-nav__inner[data-count="2"]{grid-template-columns:1fr 1fr}}.cle-nav__link{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-5);border:1px solid var(--cl-rule);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),transform var(--transition-fast)}.cle-nav__link:hover{border-color:var(--gk-text-primary)}.cle-nav__link:focus-visible{outline:2px solid var(--gk-action-focus);outline-offset:-2px}.cle-nav__link:active{transform:scale(.99)}.cle-nav__inner[data-count="2"] .cle-nav__link--older{text-align:right;align-items:flex-end}@media(min-width:768px){.cle-nav__inner[data-count="1"] .cle-nav__link{flex-direction:row;align-items:baseline;gap:var(--space-3)}}.cle-nav__kicker{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--gk-text-tertiary)}.cle-nav__arrow{flex:none;display:block}.cle-nav__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-heading);color:var(--gk-text-primary)}@media(prefers-reduced-motion:no-preference){.cl-hero__h1,.cl-hero__lead,.cl-velocity__item{animation:cl-rise var(--duration-enter) var(--ease-enter) both}.cl-velocity__item:nth-child(1){animation-delay:var(--stagger)}.cl-velocity__item:nth-child(2){animation-delay:calc(var(--stagger) * 2)}.cl-velocity__item:nth-child(3){animation-delay:calc(var(--stagger) * 3)}}@keyframes cl-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.cl-chip:active,.cle-share__btn:active,.cle-nav__link:active{transform:none}}[data-theme=dark] .cl,[data-theme=dark] .cle{--cl-rule: var(--gk-line-hairline-solid);--cl-rule-strong: var(--gk-line-strong-solid)}[data-theme=dark] .cl-hero:after{background-image:radial-gradient(circle,var(--gk-line-hairline-solid) 1px,transparent 1px)}