.sugar-cycle{margin:20px 0}.sugar-cycle-grid{grid-template:"s1 a1 s2""a4.a2"44px"s4 a3 s3"/1fr 44px 1fr;align-items:center;gap:6px;display:grid}@media (max-width:640px){.sugar-cycle-grid{grid-template:"s1""a1""s2""a2""s3""a3""s4""a4"/1fr;gap:4px}}.sugar-cycle-step{border:1px solid #0000000f;border-top:4px solid var(--step-color,#999);background:linear-gradient(135deg,#fffffff7,#fff8f0e6);border-radius:14px;flex-direction:column;gap:6px;padding:16px 16px 14px;display:flex;box-shadow:0 4px 10px #0000000d}@media (max-width:640px){.sugar-cycle-step{padding:12px 14px}}.sugar-cycle-step-1{--step-color:#22c55e;grid-area:s1}.sugar-cycle-step-2{--step-color:#38bdf8;grid-area:s2}.sugar-cycle-step-3{--step-color:#f97316;grid-area:s3}.sugar-cycle-step-4{--step-color:#f43f5e;grid-area:s4}.sugar-cycle-step-head{align-items:center;gap:8px;display:flex}.sugar-cycle-step-num{background:var(--step-color,#999);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:800;display:flex}.sugar-cycle-step-icon{font-size:1.3rem}.sugar-cycle-step-title{color:#222;margin:0;font-size:.92rem;font-weight:700}.sugar-cycle-step-desc{color:#666;margin:0;font-size:.8rem;line-height:1.45}.sugar-cycle-arrow{color:#0000004d;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex}.sugar-cycle-arrow-1{grid-area:a1}.sugar-cycle-arrow-2{grid-area:a2;transform:rotate(90deg)}.sugar-cycle-arrow-3{grid-area:a3;transform:rotate(180deg)}.sugar-cycle-arrow-loop{color:#f43f5e;grid-area:a4;font-size:1.5rem}@media (max-width:640px){.sugar-cycle-arrow-1,.sugar-cycle-arrow-2,.sugar-cycle-arrow-3{transform:rotate(90deg)}.sugar-cycle-arrow-loop{transform:none}}.sugar-cycle-caption{text-align:center;font-style:italic;color:#666!important;margin:14px 0 0!important;font-size:.85rem!important}