.korin-timeline{max-width:1050px;margin:auto}.korin-timeline-help{color:#9da7b3;margin:0 0 36px;font-size:13px;line-height:1.8}.korin-phase{--phase-color:#a1a7b0;--phase-tint:#a1a7b014;grid-template-columns:190px minmax(0,1fr);gap:45px;padding-bottom:28px;display:grid}.korin-phase[data-state=done]{--phase-color:#39d49b;--phase-tint:#39d49b14}.korin-phase[data-state=active]{--phase-color:#e7bf62;--phase-tint:#e7bf6214}.korin-phase-rail{border-right:1px solid #ffffff18;padding:28px 20px;position:relative}.korin-phase-number{color:#d7b878;font:42px/1 Georgia,serif;display:block}.korin-phase-status{color:var(--phase-color);margin-top:16px;font-size:12px;font-weight:600;display:block}.korin-phase-period{color:#8e98a6;letter-spacing:.14em;margin-top:14px;font-size:10px;display:block}.korin-phase-marker{border:1px solid var(--phase-color);width:19px;height:19px;color:var(--phase-color);background:#090d13;border-radius:50%;place-items:center;display:grid;position:absolute;top:37px;right:-10px}.korin-phase[data-state=done] .korin-phase-marker{background:var(--phase-color);color:#071710}.korin-phase[data-state=active] .korin-phase-marker{background:var(--phase-color);color:#221b08;box-shadow:0 0 20px #e7bf6245}.korin-phase-card{background:linear-gradient(120deg,#121922,#0d131b);border:1px solid #ffffff18;align-self:start}.korin-phase[data-state=active] .korin-phase-card{border-color:#e7bf6240}.korin-phase-card summary{cursor:pointer;touch-action:manipulation;justify-content:space-between;align-items:center;gap:20px;padding:28px;list-style:none;display:flex}.korin-phase-card summary::-webkit-details-marker{display:none}.korin-phase-card summary:focus-visible{outline-offset:5px;outline:2px solid #e7bf62}.korin-phase-card summary:hover{background:#ffffff03}.korin-phase-badge{color:var(--phase-color);border:1px solid var(--phase-color);background:var(--phase-tint);padding:6px 9px;font-size:10px;display:inline-flex}.korin-phase-card h2{color:#eee9df;margin:16px 0 12px;font:clamp(26px,3vw,36px)/1.15 Georgia,serif}.korin-phase-count{color:#9eabbc;font-size:12px}.korin-phase-toggle{color:#d7b878;flex-shrink:0;transition:transform .18s}.korin-phase-card[open] .korin-phase-toggle{transform:rotate(45deg)}.korin-phase-content{padding:0 28px 28px}.korin-phase-content ul{margin:0;padding:0;list-style:none}.korin-phase-content li{color:#c3cbd6;border-top:1px solid #ffffff13;align-items:center;gap:12px;padding:15px 0;font-size:13px;display:flex}.korin-phase-content li svg{color:var(--phase-color);flex-shrink:0}.korin-phase-content p{color:#8591a3;margin:18px 0 0;font-size:11px;line-height:1.8}@media (max-width:640px){.korin-phase{grid-template-columns:minmax(0,1fr);gap:14px}.korin-phase-rail{border:0;grid-template-columns:45px 1fr;align-items:center;column-gap:15px;padding:8px 0 8px 32px;display:grid}.korin-phase-number{grid-row:span 2;font-size:30px}.korin-phase-status{margin:0;font-size:11px}.korin-phase-period{margin-top:5px;font-size:9px}.korin-phase-marker{top:15px;left:0;right:auto}.korin-phase-card summary{padding:22px}.korin-phase-content{padding:0 22px 22px}}@media (prefers-reduced-motion:reduce){.korin-phase-toggle{transition:none}}
