.cl-timeline{position:relative}.cl-timeline:before{content:"";background:var(--line-strong);width:1px;position:absolute;inset-block:10px 0;inset-inline-start:5px}.cl-release{padding-inline-start:32px;scroll-margin-top:24px;position:relative}.cl-node{inset-inline-start:0;background:var(--paper-sunk);width:11px;height:11px;box-shadow:inset 0 0 0 1.5px var(--fg-3);border-radius:999px;position:absolute;top:9px}.cl-release[data-kind=feature] .cl-node{background:var(--fg);box-shadow:0 0 0 3px var(--paper-sunk)}.cl-release[data-kind=latest] .cl-node{background:var(--fg);box-shadow:0 0 0 3px var(--paper-sunk), 0 0 0 4px var(--fg-3)}.cl-release[data-kind=patch] .cl-node{top:8px}.cl-rail-link{border-radius:var(--radius-control);min-height:32px;color:var(--fg-3);font-size:var(--text-md);align-items:baseline;gap:10px;padding:5px 10px;transition:background-color .15s,color .15s;display:flex}.cl-rail-link[data-patch]{min-height:28px;font-size:var(--text-sm);padding-block:3px}.cl-rail-link[aria-current=true]{color:var(--fg);background:var(--wash)}@media (hover:hover) and (pointer:fine){.cl-rail-link:hover{color:var(--fg);background:var(--wash)}}@media (pointer:coarse){.cl-rail-link,.cl-rail-link[data-patch]{min-height:44px}}.cl-chip{height:32px;font-size:var(--text-sm);color:var(--fg-2);background:var(--paper-raised);box-shadow:0 0 0 1px var(--line-strong);white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:scale var(--press-ms) var(--ease-out), background-color .15s ease, color .15s ease, box-shadow .15s ease;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.cl-chip:active{scale:var(--press)}.cl-chip .cl-chip-count{color:var(--fg-3);font-weight:400}.cl-chip[aria-pressed=true]{color:var(--on-fg);background:var(--fg);box-shadow:0 0 0 1px var(--fg)}.cl-chip[aria-pressed=true] .cl-chip-count{color:var(--on-fg);opacity:.72}@media (hover:hover) and (pointer:fine){.cl-chip:not([aria-pressed=true]):hover{color:var(--fg);background:var(--wash)}}@media (pointer:coarse){.cl-chip{height:36px;position:relative}.cl-chip:after{content:"";position:absolute;inset:-4px 0}}.cl-area{background:var(--wash);color:var(--fg-3);font-size:var(--text-2xs);vertical-align:1px;white-space:nowrap;border-radius:999px;margin-inline-start:6px;padding:0 7px;font-weight:500;line-height:18px;display:inline-block}.cl-entries>li{padding-inline-start:18px;position:relative}.cl-entries>li:before{content:"";inset-inline-start:2px;background:var(--fg-4);width:7px;height:1.5px;position:absolute;top:.82em}.cl-entries>li:target{border-radius:var(--radius-control);background:var(--wash);box-shadow:0 0 0 6px var(--wash)}.cl-permalink{border-radius:var(--radius-focus);width:24px;height:24px;color:var(--fg-4);vertical-align:-6px;opacity:0;place-items:center;margin-inline-start:2px;transition:opacity .15s,color .15s;display:inline-grid}.cl-entries>li:hover .cl-permalink,.cl-permalink:focus-visible,.cl-entries>li:target .cl-permalink{opacity:1}@media (hover:none){.cl-permalink{opacity:1}}@media (hover:hover) and (pointer:fine){.cl-permalink:hover{color:var(--fg)}}.cl-shot-frame{border-radius:var(--radius-panel);background:var(--paper-raised);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.cl-shot-phone{max-width:360px}.cl-img{width:100%;height:auto}.cl-mark{background:var(--fg);width:26px;height:26px;color:var(--on-fg);font-size:var(--text-xs);box-shadow:0 0 0 2px var(--paper), 0 0 0 3.5px var(--mark-ring,transparent), 0 2px 6px #00000040;transition:scale .2s var(--ease-out), opacity .24s var(--ease-out), box-shadow .15s ease;border-radius:999px;place-items:center;margin:-13px 0 0 -13px;font-weight:600;display:grid;position:absolute}.cl-mark[data-tone=tax]{--mark-ring:var(--mark-tax)}.cl-mark[data-tone=sss]{--mark-ring:var(--mark-sss)}.cl-mark[data-tone=philhealth]{--mark-ring:var(--mark-philhealth)}.cl-mark[data-tone=pagibig]{--mark-ring:var(--mark-pagibig)}.cl-mark[data-active]{scale:1.15}.cl-mark:focus-visible{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--focus), 0 2px 6px #00000040;outline:none}.cl-mark:after{content:"";border-radius:999px;position:absolute;inset:-9px}.cl-shot-frame[data-marks=waiting] .cl-mark{opacity:0;scale:.6}.cl-shot-frame[data-marks=shown] .cl-mark{transition-delay:calc(var(--i,0) * 70ms + .12s)}.cl-shot-frame[data-marks=shown] .cl-mark[data-active]{transition-delay:0s}.cl-notes{flex-direction:column;gap:2px;display:flex}.cl-notes>li{border-radius:var(--radius-control);color:var(--fg-2);font-size:var(--text-md);align-items:flex-start;gap:10px;margin-inline:-8px;padding:6px 8px;line-height:1.55;transition:background-color .15s;display:flex}.cl-notes>li[data-active],.cl-notes>li:target{background:var(--wash);color:var(--fg)}.cl-note-num{background:var(--fg);width:20px;height:20px;color:var(--on-fg);font-size:var(--text-2xs);box-shadow:0 0 0 1.5px var(--paper-sunk), 0 0 0 3px var(--mark-ring,transparent);border-radius:999px;flex:none;place-items:center;margin-top:1px;font-weight:600;display:grid}.cl-note-num[data-tone=tax]{--mark-ring:var(--mark-tax)}.cl-note-num[data-tone=sss]{--mark-ring:var(--mark-sss)}.cl-note-num[data-tone=philhealth]{--mark-ring:var(--mark-philhealth)}.cl-note-num[data-tone=pagibig]{--mark-ring:var(--mark-pagibig)}.cl-step{transition:background-color .15s ease, scale var(--press-ms) var(--ease-out)}.cl-step:active{scale:.985}@media (hover:hover) and (pointer:fine){.cl-step:hover{background:var(--wash)}}@media (prefers-reduced-motion:reduce){.cl-shot-frame[data-marks] .cl-mark{opacity:1;transition:none;scale:1}}