.cmo-c3{margin-top:clamp(56px,6vw,96px)} .c3-top{display:grid;grid-template-columns:1fr 150px 1fr;align-items:stretch}
.c3-card{position:relative;border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--white);display:grid;gap:12px;align-content:start}
.c3-to{background:var(--paper)}
.c3-lb{font-size:12px;font-weight:650;letter-spacing:.06em;color:var(--muted)}
.c3-card strong{font-size:18px;font-weight:650}
.c3-sub{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:8px}
.c3-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none}
.c3-wf{position:relative;height:96px;border:1px solid var(--line);border-radius:10px;background:var(--white);padding:10px;display:grid;grid-template-rows:14px 1fr 10px;gap:7px}
.c3-wf i{display:block;border-radius:4px;background:var(--line);transform-origin:0 50%}
.c3-wf i:nth-child(1){width:46%}
.c3-wf i:nth-child(2){background:var(--navy)}
.c3-wf i:nth-child(3){width:70%}
.c3-to .c3-wf{border-style:dashed}
.c3-foot{position:relative;display:flex;align-items:center;min-height:30px}
.c3-pill{position:relative;z-index:2;display:inline-flex;align-items:center;font-size:13px;font-weight:700;color:var(--white);background:var(--blue);border-radius:999px;padding:5px 12px;white-space:nowrap}
.c3-slot{display:inline-block;width:56px;height:28px;border:1.5px dashed var(--line);border-radius:999px}
.c3-keep{position:absolute;left:0;top:50%;margin-top:-10px;line-height:20px;font-size:13px;color:var(--green);font-weight:600;white-space:nowrap}
.c3-track{position:relative;display:grid;place-items:center}
.c3-rail{width:calc(100% - 24px);height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 12px)}
.c3-sw{position:absolute;top:calc(50% - 34px);font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--blue);white-space:nowrap}
.c3-ghost{position:absolute;left:0;top:0;z-index:3;border:1.5px dashed var(--blue);border-radius:10px;background:var(--soft);pointer-events:none;opacity:0}
.c3-list{margin-top:24px;border:1px solid var(--line);border-radius:14px;padding:16px 20px 16px}
.c3-lh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--line)}
.c3-lh span{font-size:12px;font-weight:650;letter-spacing:.06em;color:var(--muted)}
.c3-lh b{font-size:14px;font-weight:650}
.c3-lh b em{font-style:normal;color:var(--blue);margin-right:8px}
.c3-rows{display:grid;grid-template-columns:repeat(4,1fr);gap:0 20px}
.c3-row{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;padding:16px 0 14px;border-bottom:1px solid var(--line)}
.c3-n{font-size:13px;font-weight:700;color:var(--muted);grid-row:span 2;padding-top:2px}
.c3-row strong{font-size:16px;font-weight:650}
.c3-row span.d{font-size:13px;color:var(--muted)}
.c3-st{grid-column:2;justify-self:start;margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.04em;border-radius:6px;padding:3px 8px;color:var(--green);background:#e6f2ec}
.c3-st.chk{color:var(--blue);background:var(--soft)}
.c3-bar{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue);transform-origin:0 50%}
@container (max-width:639px){
.c3-top{grid-template-columns:1fr 20px 1fr}
.c3-card{padding:12px;gap:9px;border-radius:12px}
.c3-card strong{font-size:15px}
.c3-sub{font-size:12px;align-items:flex-start}
.c3-dot{margin-top:4px}
.c3-lb{font-size:12px;letter-spacing:.02em}
.c3-wf{height:64px;padding:7px;grid-template-rows:9px 1fr 7px;gap:5px}
.c3-pill{font-size:12px;padding:4px 10px}
.c3-slot{width:50px;height:25px}
.c3-keep{font-size:12px}
.c3-rail{width:100%}
.c3-sw{display:none}
.c3-list{margin-top:16px;padding:12px 14px 4px}
.c3-rows{grid-template-columns:1fr}
.c3-row{grid-template-columns:auto 1fr auto;padding:11px 0;align-items:center}
.c3-n{grid-row:span 2}
.c3-row strong{font-size:15px}
.c3-row span.d{grid-column:2;font-size:13px}
.c3-st{grid-column:3;grid-row:1 / span 2;margin-top:0;align-self:center}
}