.apera-landing .cl-index{display:flex;flex-wrap:wrap;gap:8px;margin:34px 0 0;scroll-margin-top:24px}.apera-landing .cl-pill{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:6px 14px;transition:border-color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.apera-landing .cl-pill span{color:var(--ink-3)}.apera-landing .cl-pill:hover{color:var(--ink);border-color:var(--ink-3);background:var(--surface)}.apera-landing .cl-month{margin:44px 0 0;scroll-margin-top:24px}.apera-landing .cl-month-head{display:flex;align-items:baseline;gap:16px;padding-bottom:10px;border-bottom:1px solid var(--line)}.apera-landing .cl-month-head h2{font-family:var(--display);font-size:30px;font-weight:500;color:var(--ink);margin:0;letter-spacing:-.01em}.apera-landing .cl-month-back,.apera-landing .cl-month-n{font-size:13.5px;color:var(--ink-3)}.apera-landing .cl-month-back{display:inline-flex;align-items:center;min-height:44px;float:right;text-decoration:none}.apera-landing .cl-month-back:before{content:"↑";margin-right:7px}.apera-landing .cl-month-back:hover{color:var(--accent-strong)}.apera-landing .cl-month:after{content:"";display:block;clear:both}@media (max-width:720px){.apera-landing .cl-index{margin:26px 0 0}.apera-landing .cl-month{margin:34px 0 0}.apera-landing .cl-month-head h2{font-size:26px}}.apera-landing .cl-page .fl-hero h1{max-width:21ch}@media (max-width:720px){.apera-landing .cl-page .fl-hero h1{max-width:none}}