.proc-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);counter-reset:step}@media(max-width:900px){.proc-overview{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.proc-overview{grid-template-columns:1fr}}.proc-overview__item{background:var(--c-bg);padding:var(--sp-10) var(--sp-8);transition:background var(--tr-fast),transform var(--tr-fast)}.proc-overview__item:hover{transform:translateY(-2px)}.proc-overview__item.is-accent{background:var(--c-accent-l)}.proc-overview__num{font-family:var(--ff-en);font-size:10px;letter-spacing:.25em;color:var(--c-accent-d);font-weight:700;margin-bottom:var(--sp-3)}.proc-overview__title{font-size:var(--fs-xl);margin-bottom:var(--sp-1)}.proc-overview__en{font-family:var(--ff-en);font-size:var(--fs-xs);color:var(--c-muted);letter-spacing:.1em;margin-bottom:var(--sp-3)}.proc-overview__dur{font-size:var(--fs-xs);color:var(--c-text-sub);padding-top:var(--sp-3);border-top:1px solid var(--c-line)}.proc-detail{position:relative;padding:var(--sp-24) 0}.proc-detail--light{background:transparent}.proc-detail--soft{background:#f6f2ea8c}.proc-detail--dark{background:#1a1a14d1;color:var(--c-on-dark)}.proc-detail--dark .proc-detail__title,.proc-detail--dark h3{color:#fff}.proc-detail--dark .proc-detail__lead,.proc-detail--dark .proc-detail__block li{color:var(--c-on-dark-sub)}.proc-detail--dark .proc-detail__block h3{border-bottom-color:#ece6dc2e;color:var(--c-on-dark-mute)}.proc-progress{margin-bottom:var(--sp-12);padding-bottom:var(--sp-8);border-bottom:1px solid var(--c-line)}.proc-detail--dark .proc-progress{border-bottom-color:#ece6dc2e}.proc-progress__top{display:flex;align-items:center;gap:var(--sp-6);margin-bottom:var(--sp-4);flex-wrap:wrap}.proc-progress__label{font-family:var(--ff-mono);font-size:13px;font-weight:600;color:var(--c-accent-d);letter-spacing:.15em}.proc-detail--dark .proc-progress__label{color:var(--c-accent-l)}.proc-progress__phase{margin-left:auto;font-family:var(--ff-mono);font-size:12px;color:var(--c-muted);letter-spacing:.05em}.proc-detail--dark .proc-progress__phase{color:var(--c-on-dark-mute)}.proc-dots{list-style:none;padding:0;margin:0;display:flex;gap:6px}.proc-dots__dot{width:40px;height:3px;background:var(--c-line);transition:background .3s ease}.proc-dots__dot.is-done{background:var(--c-accent-d)}.proc-dots__dot.is-current{background:var(--c-ink);height:5px;margin-top:-1px}.proc-detail--dark .proc-dots__dot{background:#ece6dc33}.proc-detail--dark .proc-dots__dot.is-done{background:var(--c-accent-l)}.proc-detail--dark .proc-dots__dot.is-current{background:#fff}.proc-progress__bar{height:2px;background:var(--c-line);position:relative;overflow:hidden}.proc-detail--dark .proc-progress__bar{background:#ece6dc2e}.proc-progress__fill{height:100%;background:linear-gradient(90deg,var(--c-accent-d) 0%,var(--c-accent) 100%);transition:width .6s ease;position:relative}.proc-progress__fill:after{content:"";position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:10px;height:10px;background:var(--c-accent);border-radius:50%;box-shadow:0 0 0 4px #90c31f40}.proc-detail--dark .proc-progress__fill{background:linear-gradient(90deg,var(--c-accent) 0%,var(--c-accent-l) 100%)}.proc-detail--dark .proc-progress__fill:after{background:var(--c-accent-l);box-shadow:0 0 0 4px #90c31f59}.proc-detail__grid{display:grid;grid-template-columns:320px 1fr;gap:var(--sp-16);align-items:start}@media(max-width:900px){.proc-detail__grid{grid-template-columns:1fr;gap:var(--sp-8)}.proc-dots__dot{width:28px}}@media(max-width:600px){.proc-progress__phase{margin-left:0;width:100%}}.proc-detail__title{font-family:var(--ff-serif);font-size:clamp(36px,5vw,56px);font-weight:500;margin:0 0 var(--sp-5);line-height:1.3;letter-spacing:-.02em}.proc-detail__lead{font-size:15px;color:var(--c-text-sub);line-height:2;margin:0}.proc-detail__body{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-8)}@media(max-width:700px){.proc-detail__body{grid-template-columns:1fr}}.proc-detail__block h3{font-size:var(--fs-sm);font-family:var(--ff-en);letter-spacing:.1em;color:var(--c-muted);padding-bottom:var(--sp-2);border-bottom:1px solid var(--c-line);margin-bottom:var(--sp-4);font-weight:700;text-transform:uppercase}.proc-detail__block ul li{padding:var(--sp-2) 0;font-size:var(--fs-sm);color:var(--c-text);line-height:var(--lh-normal);position:relative;padding-left:var(--sp-4)}.proc-detail__block ul li:before{content:"";position:absolute;left:0;top:12px;width:8px;height:1.5px;background:var(--c-accent-d)}.proc-detail__block ul.is-strong li:before{background:var(--c-ink)}.proc-detail__block ul.is-muted li:before{background:var(--c-muted)}