.rf-head{max-width:40rem;margin-bottom:clamp(28px,4vw,48px)}.rf-steps{grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,22px);margin:0;padding:0;list-style:none;display:grid}.rf-step{border:1px solid var(--line-2);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-card);padding:24px 24px 22px 76px;position:relative}.rf-step__n{background:var(--frost);width:38px;height:38px;color:var(--pink-deep);font:700 17px/1 var(--font-display);border-radius:50%;place-items:center;display:grid;position:absolute;top:22px;left:22px}.rf-step .h3{margin:2px 0 8px}.rf-step p{color:var(--ink-2);text-wrap:pretty;margin:0}.rf-step strong{color:var(--ink);font-weight:600}.rf-note{max-width:34em;color:var(--ink-2);text-wrap:pretty}#ref-log .rl-body{gap:14px;display:grid}#ref-log .rl-who{border:1px solid var(--line);background:var(--paper);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}#ref-log .rl-avatar{background:var(--dough-soft);width:42px;height:42px;color:var(--dough);font:700 15px/1 var(--font-display);border-radius:50%;flex:none;place-items:center;display:grid}#ref-log .rl-name{flex:1;min-width:0;display:grid}#ref-log .rl-name strong{font:650 16px/1.2 var(--font-display)}#ref-log .rl-name em{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-style:normal;overflow:hidden}#ref-log .rl-stagechip{min-width:92px;height:28px;transition:opacity var(--dur-2);flex:none;display:grid;position:relative}#ref-log .rl-stagechip.is-empty{opacity:0}#ref-log .rl-stagechip span{background:var(--paper-2);color:var(--ink-2);opacity:0;transition:opacity var(--dur-2), transform var(--dur-2) var(--ease-spring);border-radius:999px;grid-area:1/1;place-items:center;font-size:12.5px;font-weight:650;display:grid;transform:scale(.85)}#ref-log .rl-stagechip span:nth-child(2){background:var(--warn-soft);color:var(--warn)}#ref-log .rl-stagechip span:nth-child(3){background:var(--good-soft);color:var(--good)}#ref-log .rl-stagechip span.is-on{opacity:1;transform:none}#ref-log .rl-log{gap:10px;margin:0;padding:0 0 0 4px;list-style:none;display:grid;position:relative}#ref-log .rl-log:before{content:"";background:var(--line-2);border-radius:2px;width:2px;position:absolute;top:14px;bottom:14px;left:49px}#ref-log .rl-row{opacity:0;min-height:46px;transition:opacity var(--dur-2), transform var(--dur-2) var(--ease-out);align-items:center;gap:14px;display:flex;position:relative;transform:translateY(10px)}#ref-log .rl-row.is-on{opacity:1;transform:none}#ref-log .rl-date{width:40px;color:var(--ink-3);text-align:right;flex:none;font-size:12.5px;font-weight:600}#ref-log .rl-row:before{content:"";background:var(--pink);width:10px;height:10px;box-shadow:0 0 0 4px var(--card);border-radius:50%;flex:none;order:1;margin:0 -2px 0 2px;position:relative}#ref-log .rl-date{order:0}#ref-log .rl-what{border:1px solid var(--line);background:var(--card);min-width:0;box-shadow:var(--shadow-card);border-radius:12px;flex:1;order:2;padding:9px 12px;display:grid}#ref-log .rl-what strong{font-size:14.5px}#ref-log .rl-what em{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-style:normal;overflow:hidden}#ref-log .rl-due{background:var(--frost);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}#ref-log .rl-due__label{letter-spacing:.04em;text-transform:uppercase;color:var(--pink-deep);flex:none;font-size:12px;font-weight:700}#ref-log .rl-due__stack{flex:1;min-width:0;height:20px;position:relative}#ref-log .rl-due__item{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;opacity:0;transition:opacity var(--dur-2), transform var(--dur-2) var(--ease-out);font-size:14px;position:absolute;inset:0;overflow:hidden;transform:translateY(8px)}#ref-log .rl-due__item b{margin-right:4px}#ref-log .rl-due__item.is-on{opacity:1;transform:none}#ref-log .frame.is-empty .rl-due__item.is-on{opacity:0}@media (max-width:760px){.rf-steps{grid-template-columns:1fr}.rf-step{padding:70px 20px 20px}}@media (max-width:480px){#ref-log .rl-stagechip{min-width:80px}}