.cl{padding:0 24px clamp(96px,12vw,140px)}.cl-in{max-width:860px;margin:0 auto}.cl-filter{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.cl-filter button{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);height:40px;color:var(--text-2);font:inherit;font-size:var(--fs-md);font-weight:var(--w-medium);cursor:pointer;align-items:center;gap:8px;padding:0 16px;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.cl-filter button:hover{background:var(--hover)}.cl-filter button b{font-weight:var(--w-semibold);color:var(--text)}.cl-filter button.on{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.cl-filter button.on b{color:inherit}.cl-month{margin-top:48px}.cl-month:first-of-type{margin-top:0}.cl-month h2{font-size:var(--fs-2xl);font-weight:var(--w-bold);margin-bottom:8px}.cl-entry{grid-template-columns:96px minmax(0,1fr);display:grid}.cl-entry time{font-size:var(--fs-md);font-weight:var(--w-medium);color:var(--text-3);white-space:nowrap;padding-top:26px}.cl-body{border-inline-start:1px solid var(--line-strong);padding-block:22px 26px;padding-inline:28px 0;position:relative}.cl-body:before{content:"";inset-inline-start:-6px;background:var(--gold);width:11px;height:11px;box-shadow:0 0 0 4px var(--surface);border-radius:50%;position:absolute;top:31px}.cl-body h3{font-size:var(--fs-xl);font-weight:var(--w-semibold);margin-bottom:12px}.cl-body ul{font-size:var(--fs-lg);color:var(--text-2);flex-direction:column;gap:10px;margin:0;padding:0;line-height:1.85;list-style:none;display:flex}.cl-body li{grid-template-columns:44px minmax(0,1fr);align-items:baseline;gap:10px;display:grid}.cl-tag{font-size:var(--fs-xs);font-weight:var(--w-semibold);white-space:nowrap;border-radius:6px;justify-self:start;padding:1px 8px}.cl-tag.add{color:var(--green);background:var(--green-bg)}.cl-tag.chg{color:var(--amber);background:var(--amber-bg)}.cl-tag.del{color:var(--red);background:var(--red-bg)}@media (width<=640px){.cl{padding-inline:16px}.cl-entry{grid-template-columns:minmax(0,1fr)}.cl-entry time{border-inline-start:1px solid var(--line-strong);padding-block:18px 0;padding-inline:28px 0}.cl-body{padding-top:4px}.cl-body:before{top:-18px}.cl-body li{font-size:var(--fs-md)}}
